/* CSS Document */

/*	GENERIC CONTENT	*/
#contentContainer{ margin:0 0 0 2px; }
#mainArea{padding:0; margin:0 0 10px 5px; width:784px; }
html> body #mainArea{padding:0; margin:0 0 10px 0; width:784px; }

#titleContainer {font-size:22px; padding:0 0 0 0; margin:0; color:#666666;}
#titleContainer h1{font-weight:normal; font-size:36px; padding:50px 0 30px 5px; margin:0;}
#pageDescription{ margin:0 0 30px 0; font-size:18px; line-height:1.3em; color:#CCCCCC;}
#pageDescription p{width:400px; margin:0 0 0 0; padding: 0;}
#bottomContainer{width:100%; }
.textContainer{width:235px; height:130px; float:left; margin:30px 20px 0 0;}
	/* CHANGE RIGHT PADDING TO 40PX WHEN THE END CONTAINER IS FIXED*/
.textContainer h1{ font-size:14px; padding:0 0 20px 0; margin:0;}
.textContainer p{ padding:0; margin:0; font-size:12px;}
.textContainerEnd { margin: 0;}
.textContainer ul { list-style:none; margin:0; padding:0 0 0 0; text-decoration:none;}


/*	CAREERS	*/
#rightNav{float:right; width:230px; padding:0 50px 0 0; margin:0; display:inline; font-size:10px;}
#rightNav ul{ list-style:none; margin:0; padding:0;}
#rightNav h1{ font-size:14px; padding:0 0 20px 0; margin:0;}
#rightNav a{color:#666666; text-decoration: underline; font-weight:bold; font-size:10px;}
#titleContainer h1{ margin:0; padding: 0;}

#contentContainer .textContainer{width:400px; margin:0; padding:0; height:auto;}
#contentContainer .textContainer ul {list-style:none; padding:0 0 40px 0; text-decoration:none;}
#contentContainer a{color:#666666; text-decoration: underline; font-weight:bold; font-size:10px; margin:10px 0 40px 0;}
#contentContainer .jobTitle p{font-size:12px; padding: 20px 0 20px 0; margin:0;}
#contentContainer .jobTitle {width:450px; margin: 0 0 40px 0;}
#contentContainer h1{font-size:36px; font-weight:normal; padding:50px 0 30px 0;}
#contentContainer h2{font-size:14px; padding:0 0 20px 0; margin:0px; color:#666666}
#contentContainer h3{font-size:24px; font-weight:normal; padding:20px 0 30px 0; margin:0px; color:#666666;}
#contentContainer h4{font-size:12px; font-weight:bold; color:#666666; margin:0; height:45px; width:240px; }
#contentContainer h5{font-size:12px; text-transform:uppercase; width:185px; height:60px; float:right; padding:0 10px 0 0; margin:0;}

#mainContent {margin:0; padding:0;}
#mainContent .noVacancyDesc p{font-size:10px;}
#mainContent .noVacancyDesc {margin:40px 0 0 0; width:450px;}
#mainContent .jobDesc{width:400px;padding:0 0 40px 0;}
#mainContent .jobDesc a{text-transform:lowercase; text-decoration:none;}

/*	WHATS NEW	*/
#flashComponent{background-color:#FFFFFF; height:350px; width:784px; margin:0 0 25px 0; float:left}
#flash {float:left;}
#productList{ width:790px; float:left;}
#productList .productContainer{width:380px; min-height:220px; height:auto; margin: 60px 30px 10px 0; padding-bottom: 10px; position:relative; float:left;}
*html #productList .productContainer {height:220px}

#productList .productContainerEnd{width:380px; min-height:220px; height:auto; margin: 60px 0 10px 0; padding-bottom: 10px; position:relative; float:right;}
*html #productList .productContainerEnd {height:220px}

#productList .productImage{width:160px; /*padding: 61px 13px 0 12px; */float:left; margin:0 6px 0 0;}
#productList .productImage img{width:155px; height:118px;}
#productList .productDesc {padding:0 10px 70px 0 ; margin:0; float:right;}
#productList .productDesc p{width:185px; min-height:100px;height:auto; float:right; border-bottom:1px solid #E1E1E1; border-top:1px solid #E1E1E1; padding:10px 0 10px 0;}
*html #productList .productDesc p {height:100px;}
#productList .productDesc a{text-transform:lowercase; text-decoration:none; position:relative; top:15px; margin-top:10px; font-weight:bold;}
#productList .productDescTitle {width:185px; float:right; padding:0;}
#productList .productDescTitle h5{font-size:12px; text-transform:uppercase; width:185px; height:60px; float:right; padding:5px 10px 0 0; margin:0};

html>body #productList .productDivider {clear:right}
html>body #productList .productDivider {clear:right}
  

/*	WHATS ON	*/
#events {float:left; width:784px}
#events .eventContainer {width:239px; margin-right:30px; float:left}
#events .eventContainerEnd {width:239px; margin: 0; float:left;}
#events .eventImage{margin:0 0 45px 0; width:239px; }
#events .eventDesc{margin:0 0 45px 0; width:239px; height:auto; }

#contentContainer .newsItem{margin:0 0 20px 0; padding:0;}
#contentContainer .newsItem h4{height:auto; padding:0 0 20px 0; width:auto}