@charset "utf-8";

html, body, form { margin:0; padding:0; overflow-x:hidden; }

body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

a:link, a:visited { color:#72AFB6; text-decoration:none; }
a:hover, a:active { color:#72AFB6; text-decoration:underline; }

   input, select { font-size:11px; }
   
   
   #titlebar { 
      width:747px; 
	  color:#5F604B; 
	  text-align:left; 
   } 
   
   #titlebar .options { float:right; }
   #titlebar .options ul { display:block; margin:0; padding:0; list-style:none; }
   #titlebar .options ul li { display:block; float:left; margin:0; padding:0; }

#container { 
   width:844px;
}

   #carousel_container { width:747px; height:155px; }

   #carousel { position:absolute; overflow:hidden; width:747px; height:131px; margin:3px; text-align:left; }
   #carousel ul { position:relative; display:block; list-style:none; width:1360px; margin:0; padding:0; }
   #carousel ul li { display:block; list-style:none; float:left; overflow:hidden; margin:0 4px 0 0; padding:0; }
   #carousel div { font-size:11px; }
   
   #carousel .intro { cursor:pointer; width:399px; height:131px; background:url(../../images/carousel/intro_box.jpg) top no-repeat; color:#5F604B; }
   #carousel .intro:hover { background:url(../../images/carousel/intro_box.jpg) bottom no-repeat; color:#FFFFFF; }
   #carousel .intro:hover a { color:#FFFFFF; }
   
   #carousel .product { cursor:pointer; }
   #carousel .product .container { padding:8px 4px 4px 7px; } 
   #carousel .product .desc { float:right; width:105px; margin:0 -2px 0 0; } 
   
   #carousel .product-selected, #carousel .product-not_selected { overflow:hidden; width:234px; height:131px; }
   #carousel .product-selected .thumb, #carousel .product-selected:hover .thumb { background-position:bottom; }
   
   #carousel .product-not_selected { background:url(../../images/carousel/product_box.jpg) top no-repeat; color:#5F604B; } 
   #carousel .product-not_selected:hover .thumb { background-position:bottom; } 
   
   #carousel .product:hover, #carousel .product-selected { background:url(../../images/carousel/product_box.jpg) bottom no-repeat; color:#FFFFFF; } 
   #carousel .product:hover a, #carousel .product-selected a { color:#FFFFFF; }  
   
   #scrollbar { width:747px; height:16px; background:url(../../images/carousel/scrollbar_bg.png) left repeat-x; text-align:left; }
   #scrollbar .knob { width:150px; height:16px; background:url(../../images/carousel/scrollbar_button.png) center no-repeat; cursor:pointer; }
	  
   #portal { display:none; }
   
   #preview { position:relative; width:747px; height:358px; overflow:hidden; margin:5px 0; text-align:center; }
   #preview ul { list-style: none; margin:0; padding:0; display:block; height:358px; width:1000px; }
   #preview ul li { float:left; margin:0; padding:0; }
   #preview ul li a { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; cursor:pointer; display:block; overflow:hidden; width:245px; height:358px; }

   .clear { clear: both; }

#main { 
   width:747px;
   text-align:left; 
}

#footer { 
   width:747px;
   color:#5F604B;
   font-size:11px;
   text-align:left; 
   line-height:35px;
   vertical-align:middle;
}

#footer a:link, #footer a:visited { 
   color:#B0B1A6;
   text-decoration:none;
}

#footer a:hover, #footer a:active {
   color:#B0B1A6;
   text-decoration:underline;
}