@charset "utf-8";
/** CSS Document 
 * Project: "Sunstar" (http://www.sunstaroptical.com)
 * Screen CSS style
 *
 * @version			1.0
 * @create_date		1.05.2009
 * @changed_date	1.05.2009
 */

/* Global style */
html, body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
body { background:#4877a3; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font:normal normal 26px  Arial; margin:0 0 10px 0;}
p { margin:0 0 18px 0; }

a:link, a:visited { outline:none; color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; }

ul { list-style:disc; }
ul ul { list-style:circle; }

table th { font-weight:bold; text-align:left; }

/* Main style */
div.box { width:982px; background:#fff; text-align:left; }
div.clear { height:0; font-size:1px; line-height:1px; clear:both; }

div#header { height:55px; padding:140px 303px 0 0; position:relative; background:url(../images/header_bg.jpg) right top no-repeat; /* default img */ }
	div#header.products { background:url(../../../photos/sidebar_photos/products.jpg) right top no-repeat; }
	div#header.line_card { background:url(../../../photos/sidebar_photos/line_card.jpg) right top no-repeat; }
	div#header.new_products { background:url(../../../photos/sidebar_photos/new_products.jpg) right top no-repeat; }
	div#header.in_house_ar { background:url(../../../photos/sidebar_photos/in_house_ar.jpg) right top no-repeat; }	
	div#header.ecp_home { background:url(../../../photos/sidebar_photos/ecp_home.jpg) right top no-repeat; }	
	div#header.remote_ordering { background:url(../../../photos/sidebar_photos/remote_ordering.jpg) right top no-repeat; }	
	div#header.document_center { background:url(../../../photos/sidebar_photos/document_center.jpg) right top no-repeat; }	
	div#header.education_and_training { background:url(../../../photos/sidebar_photos/education_and_training.jpg) right top no-repeat; }	
	div#header.upcoming_events { background:url(../../../photos/sidebar_photos/upcoming_events.jpg) right top no-repeat; }	
	div#header.register { background:url(../../../photos/sidebar_photos/register.jpg) right top no-repeat; }	
	div#header.log_in, div#header.forgot_password { background:url(../../../photos/sidebar_photos/log_in.jpg) right top no-repeat; }	
	div#header.about_us { background:url(../../../photos/sidebar_photos/about_us.jpg) right top no-repeat; }	
	div#header.photos { background:url(../../../photos/sidebar_photos/photos.jpg) right top no-repeat; }	
	div#header.drivewear { background:url(../../../photos/sidebar_photos/drivewear.jpg) right top no-repeat; }	
	div#header.transitions { background:url(../../../photos/sidebar_photos/transitions.jpg) right top no-repeat; }	


	img.logo { top:9px; left:36px; position:absolute; }
	ul.city-list { margin:0; padding:0; list-style:none; width:193px; position:absolute; left:456px; top:20px; }
		ul.city-list li { margin:0 0 4px 0; padding:0 28px 0 0; height:24px; line-height:24px; text-align:right; }
	span.label { display:block; height:29px; background:#000; text-align:center; }
	span.label img { color:#fff; font-size:18px; font-style:italic; line-height:29px; }
	
ul#menu { list-style:none; margin:0; padding:0; background:#6d9ec6; height:26px; }
	ul#menu li { margin:0; padding:0; float:left; height:26px; line-height:26px; text-align:center; position:relative; }
	ul#menu li.separator { width:2px; margin:8px 0 6px 0; height:12px; font-size:1px; line-height:1px; background:#fff; }
	ul#menu li a:link, ul#menu li a:visited, ul#menu li a:hover { margin:0; padding:0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; display:block; height:26px; }
	ul#menu li ul { display:none; position:absolute; left:0; top:0; background:#6d9ec6; list-style:none; margin:26px 0 0 0; padding:0 1px 1px 1px; width:160px; }
	ul#menu li ul li { text-align:left; border-top:1px solid #bbccdb; width:auto; float:none; height:20px; line-height:20px; }
	ul#menu li ul li a:link, ul#menu li ul li a:visited { font:normal normal 12px/20px Arial; text-transform:none; padding:0 10px; display:block; height:20px; }
	ul#menu li ul li a:hover { background:#bbccdb; color:#305471; }
	ul#menu li:hover ul, ul#menu li.over ul { display:block; }
	span#menu-home, span#menu-products, span#menu-ecp, span#menu-company { display:block; height:26px; margin:-26px 0 0 0; cursor:pointer;  position:relative; z-index:2; }
	span#menu-home { width:150px; background:url(../images/menu_home.png) left top no-repeat; }
	span#menu-products { width:196px; background:url(../images/menu_products.png) left top no-repeat; }
	span#menu-ecp { width:129px; background:url(../images/menu_ecp.png) left top no-repeat; }
	span#menu-company { width:198px; background:url(../images/menu_company.png) left top no-repeat; }

div.main { border-top:4px solid #000; border-bottom:4px solid #000; clear:both; background:url(../images/sidebar_bg.gif) right top repeat-y; }
	div#content { width:635px; float:left; padding:25px 22px; font-family:Arial; line-height:20px; }
	div.column-1 { width:295px; margin-right:45px; float:left; }
	div.column-2 { width:295px; float:left; }
	div#sidebar { width:303px; background:#000; float:left; }
	form#login_form_mini { background:#e2ba65 url(../images/login_form_bg.gif) right top no-repeat; height:48px; padding:3px 0; margin:0; font-size:11px; }
		form#login_form_mini * { margin:0; padding:0; }
		form#login_form_mini label { color:#fff; }
		form#login_form_mini table { border:none; border-collapse:collapse; }
		form#login_form_mini table th { font-weight:normal; text-align:right; vertical-align:middle; padding:1px; }
		form#login_form_mini table td { vertical-align:middle; padding:1px; }
		form#login_form_mini input { border:2px inset #eee; height:16px; font:12px Arial; color:#333333; width:150px; }
		form#login_form_mini button#login_form_mini_submit { border:none; width:24px; height:37px; background:url(../images/mini_login_form_submit_button.png) left top no-repeat; cursor:pointer; }
	div.phones { height:70px; background:#000; color:#fff; padding:10px 0 0 0; font-size:11px; }
	div.phones table { border:none; border-collapse:collapse; width:100%; text-transform:uppercase; }
	div.phones table th { padding:3px; width:45%; text-align:right; } 
	div.phones table td { padding:3px; width:55%; text-align:left; }
	span.new-products-label { border-bottom:3px solid #000; display:block; height:27px; background:#6d9ec6; text-align:center; }
	span.new-products-label img { color:#fff; text-transform:capitalize; line-height:27px; font-size:16px; font-weight:bold; }
	div.products-short-list { padding:12px; background:#cbcbca; font-size:11px; }
		div.products-short-list h5 { font:bold 14px Arial; margin:0 0 5px 0; text-transform:uppercase; }
		div.products-short-list p { font-family:Arial; margin-bottom:20px; }
		div.products-short-list a { color:#000; } 

div.online-ordering { background:#000; height:65px; padding:15px 0; text-align:center; }
div.online-ordering img { border:3px solid #e2ba65; }

div#footer { background:#4877a3; font-size:10px; color:#bbccdb; padding:3px 0 0 0; height:20px; }
	div#footer a:link, div#footer a:visited { text-decoration:none; color:#bbccdb; }
	div#footer a:hover { text-decoration:underline; }
	span.copy { float:left; width:450px; display:block; }
	span.dev { float:right; width:450px; display:block; text-align:right; }
	
div.images-rotator { border-top:5px solid #000; float:left; margin-left:-22px; width:300px; height:300px; padding:0 0 0 17px; background:#fff; overflow:hidden; }
	div.images-rotator img { width:300px; height:300px; float:left; }
	img#rotateDown { }
	img#rotateUp { margin-top:-300px;}

ul.item-list { margin:0; padding:0; list-style:none; }
	ul.item-list li { background:url(../images/item_bg.gif) left top no-repeat; padding:10px; clear:both; margin:0 0 20px 0; border-bottom:1px dashed #ccc; }
	ul.item-list li h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
	ul.item-list li span.date { color:#888; }
	ul.item-list li p { line-height:14px; margin:5px 0; }
	ul.item-list li a.download:link, ul.item-list li a.download:visited, ul.item-list li a.download:hover { background:url(../images/items_bullet.gif) left center no-repeat; padding:2px 20px; }

table.login-form { width:270px; }
	table.login-form th { text-align:left; padding:6px; }
	table.login-form td { text-align:left; padding:6px; }

input.text-field { border:1px solid #959a9a; font:12px Verdana, Arial, Helvetica, sans-serif; height:16px; padding:2px; }
button { height:21px; width:64px; border:none; background:#c0c0c0 url(../images/button_bg.gif) top left no-repeat; outline:none; cursor:pointer;  padding:0 0 3px 0; font-size:10px; font:11px Arial, Helvetica, sans-serif;  }

table.register-form-capsule { border:none; width:100%; }
	table.register-form-capsule th { padding:3px; vertical-align:middle; }
	table.register-form-capsule th.disabled { color:#b3b7b7; }
	table.register-form-capsule td { padding:3px; vertical-align:middle; }
	table.register-form-capsule small { font-weight:normal; }
	table.register-form-capsule b.need { float:left; margin-left:-10px; display:block; }
	table.register-form-capsule input.alarm { background:#ffdada; border-color:#840606; }

ul.photos-list { margin:0 0 0 -91px; padding:0; list-style:none; width:726px; }
	ul.photos-list li { margin:0 0 0 91px; padding:0; float:left; width:272px; text-align:center; }
	ul.photos-list li.clear { line-height:1px; font-size:1px; height:40px; clear:both; float:none; width:auto; } 
	ul.photos-list li div.img-block { min-height:202px; border:1px solid #ebebeb; margin:0 0 5px 0; width:270px; overflow:hidden; text-align:center; }
	ul.photos-list li div.img-block img { vertical-align:middle; }
	* html ul.photos-list li div.img-block { height:202px; }

ul.doc-list { margin:0; padding:23px 0 0 0; list-style:none; clear:both; }
	ul.doc-list a { color:#000; }
	ul.doc-list li { float:left; width:169px; padding:8px 0 16px 42px; }
	ul.doc-list li.separator { clear:both; height:20px; float:none; width:100%; padding:0; }
	ul.doc-list li.folder { background:url(../images/icons/folder_32.gif) left top no-repeat; font-weight:bold; }
	ul.doc-list li.xls { background:url(../images/icons/xls_32.gif) left top no-repeat; }
	ul.doc-list li.doc { background:url(../images/icons/doc_32.gif) left top no-repeat; }
	ul.doc-list li.pdf { background:url(../images/icons/pdf_32.gif) left top no-repeat; }
	div.doc-path { line-height:18px; float:left; margin-top:-14px; color:#000; }
	div.doc-path a, div.doc-path span.this-folder { background:url(../images/icons/folder_16.gif) left 0px no-repeat; padding:0 0 3px 20px; color:#000; }

p.errors { color:#db2121; }

ul.site-map { list-style:none; margin:40px 0; padding:0; line-height:normal; }
	ul.site-map li { float:left; width:168px; font-weight:bold; }
	ul.site-map li ul { list-style:none; margin:5px 0 0 0; padding:10px 10px 0 0; font-weight:normal; background:url(../images/sitemap_dashed.gif) 4px top repeat-y; }
	ul.site-map li ul li { float:none; width:auto; font-weight:normal; padding:3px 0 10px 52px; background:url(../images/sitemap_dashed_page.gif) 5px 2px no-repeat; }
	ul.site-map li ul li.pdf { background:url(../images/sitemap_dashed_pdf.gif) 5px 2px no-repeat; }
	ul.site-map div.blank { background:#fff; float:left; width:20px; height:20px; margin:-17px 0 0 0; font-size:1px; }

/* Style for IE6 */