/* ----------------------------------------------
	Template Name : SightMax
	Version : 1.0
	Design and Developed by: Enhancedlabs.com	
 ------------------------------------------------ */
 
*{margin: 0px; padding: 0px;}

body {background: #f1f3f4 url('../images/site_bg.jpg') repeat-x top left; font-family: Calibri, Helvetica, Verdana, sans-serif; font-size: 12px; color: #333; margin: 0px; padding: 0px;}

.clear {clear: both; height: 0px; visibility: hidden;}

a {color: #333; text-decoration: none;}

img {border: 0px;}

.wrapper {width: 1249px; margin: auto;}

.content_wrapper {width: 857px; margin: auto; z-index: 1;}

.left {float: left;}

.right {float: right;}

h1 {font-weight: normal; font-size: 1.6em}
h2 {font-weight: normal; font-size: 14px}


/* Header */

#header {position: relative; z-index:9;}

.logo {float: left; width: 124px; height: 45px; margin: 20px 0 0 6px}

.menu {float: right; width: 727px;}
	.menu ul {width: 552px; margin-top: 28px; }
	.menu li.parent {float: left;  display: block; width: 128px; height: 46px; list-style-type: none; text-align: center; text-transform: uppercase; font: normal 16px Calibri; margin-left: 0px;}
	.menu li.parent a {position: relative; top: 10px;}
		.menu li:hover {background: url('../images/buttons/menu_hover.png');}
		.menu li#nosub:hover {background: url('../images/buttons/menu_hover_nosub.png');}
		
.menu #submenu ul {width: 200px; margin-top: 28px; }
		
	/* Drop Down */	
		.menu ul li ul {position: relative; visibility: hidden; z-index: 9; top: -3px; left: -1px; background: url('../images/subprod_bg.png') no-repeat top center; width: 204px; height: 120px; padding-top: 8px;}
		.menu ul li:hover ul {visibility: visible;}
		.menu ul.subprod {background: url('../images/sub_bg.png') no-repeat top center; width: 204px; height: 120px; padding-top: 8px;}
		.menu ul.subprod li {background: none; width: 177px; height: 29px; list-style-type: none; text-transform: none; text-align: left; font-size: .8em; font-family: "Trebuchet MS"; margin: 3px 0 0 13px;}
				.menu ul.subprod li img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
				.menu ul.subprod li span {position: relative; top: -4px; left: 20px;}
			.menu ul.subprod li:hover {background: url('../images/sub_hover.png') no-repeat;}
			
		.menu ul li.level1 {background: none; width: 177px; height: 28px; list-style-type: none; text-transform: none; text-align: left; font-size: 0.8em; font-family: "Trebuchet MS"; margin: 3px 0 0 13px;}
				.menu ul li.level1 img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
				.menu ul li.level1 span {position: relative; top: -5px; left: 8px;}
			.menu ul li.level1:hover {background: url('../images/sub_hover.png') no-repeat;}
		
		
	
	
	.live_chat {position: absolute; top: 25px; right: 0px; width: 143px; height: 33px;}
	
	
/*banner*/	

.banner {position: relative; background: url('../images/banner_bg.png') no-repeat; margin-top: 28px; width: 857px; height: 312px; z-index:1; overflow:hidden}

	.banner_content {width: 845px; height: 302px; margin: 4px 6px 5px 6px; }
		.banner_content #left {position: absolute; width: 845px; height: 302px; margin: 0; z-index: 3; overflow:hidden}
			.banner_content #left .holder {width: 845px; height: 175px; text-align: left; line-height: 2.75em; margin: 55px 0 0 65px;}
				.banner_content #left .holder span#title {color: #454f96; font-size: 2.35em;}
				.banner_content #left .holder span#subtitle {color: #4d4d4d; font-size: 1.3em;}
				.banner_content #left .holder span#tagline {color: #e38500; font-size: 2em;}
			 		ul.links {position: relative; width: 360px; margin: 40px 0 0 150px; text-transform: uppercase; text-align: center; font-size: 1em; font-weight: bold; z-index: 2;}
					.links li {float: left; display: block; width: 120px; height: 32px; list-style-type: none; }
					.links li span {text-decoration: underline; margin-left: 8px;}
				
		#background {position: relative; top: 0px; width: 845px; height: 302px; z-index: 2;}
		#background img {top: 0px; right: 0px; position: absolute; z-index: 2;}
		
		.iama {background: #fff;}
		#banner_quickmenu {position: absolute; top: 130px; width: 817px; height: 30px;  z-index: 3; }
			#banner_quickmenu span {float: left; color:#454f96; margin-left: 40px;}
			#banner_quickmenu #iama_title {margin-left: 5px;}
			
#shadow {position: absolute; background: url('../images/shadow.png'); display: block; top: 275px; width: 922px; height: 155px; margin: 0 51px; z-index: 0;} 



/*title - Quick Menu*/
#title_quickmenu {position: relative; width: 845px; height: 30px; margin: 15px 6px 0 6px; z-index:9}
	
	#title_quickmenu span {float: left;}
	
	#quick_menu {float: right; position: relative; top:5px; height: 20px; text-transform: uppercase; font-size: 1em; vertical-align: middle; text-align: right; width: 400px}
		ul.choose_one {position: relative; border: none; width: 209px; height: 36px; top: -8px; right: -6px; z-index: 9;}
		.choose_one li.parent {cursor: pointer; z-index: 9; background: url('../images/choose_one.png'); float: right;  display: block; width: 209px; height: 36px; list-style-type: none; text-align: center; text-transform: uppercase; font: normal 1.4em Calibri; margin-left: 0px;}
		.choose_one li.parent a {position: relative; top: 10px;}
		
		 ul.choose_one li ul {position: relative; display: none; z-index: 8; top: -3px; left: -1px;}
		.choose_one ul.sub {position: relative; background: url('../images/select_bg.png') no-repeat bottom center; z-index: 8; width: 204px; margin-top: 30px; margin-left: 3px; padding: 15px 0;}
		.choose_one ul.sub li {background: none; width: 177px; height: 28px; list-style-type: none; text-transform: none; text-align: left; font-size: .8em; font-family: "Trebuchet MS"; margin: 0 0 0 13px;}
				.choose_one ul.sub li img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
				.choose_one ul.sub li a {position: relative; width: 200px; top: 4px; left: 20px;}
			.choose_one ul.sub li:hover {background: url('../images/sub_hover.png') no-repeat;}
		
		
/* Products */
	
.tabs {width: 857px; height: 38px; margin: 30px 0 -1px 0}	
	.tabs ul  {width: 771px; height: 38px; margin: auto; text-align: center;}
	.tabs li {list-style-type: none; float: left; display: block; width: 238px; height: 38px; margin-right: 15px; z-index: 1;}
	.tabs li a {cursor: pointer; background: url('../images/tab_off.png') no-repeat; display: block; width: 238px; height: 38px; text-align: center; text-transform: uppercase; font-size: 1.1em; font-weight: bold;  margin: 0; margin-right: 15px; z-index: 1;}
	.tabs li a.active {background: url('../images/tab_on.png') no-repeat;}	
		.tabs img {margin-top: 12px; vertical-align: middle;}
		.tabs span {position: relative; top: 6px; left: 8px; z-index: 1;}
		.tabs h2 {text-align: center; text-transform: uppercase; font-size: 1em; font-weight: bold;}
	.tabs img.left {cursor: pointer; margin: 5px 0 0 6px; z-index: 0;}
	.tabs img.right {cursor: pointer; margin: 5px 8px 0 0; z-index: 0;}
	

.product_content_top {background: url('../images/products_bg_top.png') no-repeat top center; width: 857px; height: 10px; margin: 0;}
.product_content {background: url('../images/products_bg.png') repeat-y center; width: 857px; height: auto; overflow: auto; overflow-x: hidden; margin: 0; }
.product_content_bottom {background: url('../images/products_bg_bottom.png') no-repeat bottom center; width: 857px; height: 10px; margin: 0;}
	.product_content .holder {background: none; width: 825px; margin: auto; position: relative;}
		.slider div.pane {width: 772px; padding: 10px 40px;}
		.slider div.pane p#intro {width: 670px; margin: 12px 0; line-height: 1.8em; font-size: 1em; font-family: "Trebuchet MS"; color: #616362;}
		.slider div.pane span {font-size: 1.4em; color:#454f96;}
		.slider div.pane ul.intro li {float: left; display: block; width: 101px; height: 32px; list-style-type: none; margin-right: 10px;}
#details { margin-top: 20px;}



/* Company */

.company_content_top {background: url('../images/products_bg_top.png') no-repeat top center; width: 852px; height: 10px; margin: 0; margin-top: 25px;}
.company_content {background: url('../images/products_bg.png') repeat-y center; width: 852px; height: auto; min-height: 400px; margin: 0;}
.company_content_bottom {background: url('../images/products_bg_bottom.png') no-repeat bottom center; width: 852px; height: 10px; margin: 0;}
	.company_content .holder {background: none; width: 755px; margin: auto; padding-top: 30px;}
	.company_content .holder #submenu {float: right; width: 530px;}
		.company_content .holder #submenu li {float: left; list-style-type:none; line-height: 1.8em; font-size: 1em; font-family: "Trebuchet MS"; color: #a0a0a0; margin-left: 35px; }
		.company_content .holder #submenu li a {color: #a0a0a0 ;}
		.company_content .holder #submenu li#on a {color: #4d4d4d;}
/*	.company_content .holder span {font-size: 18px; color:#454F96;}*/
	.company_content .holder span.price  {font-size: 18px; color:#e38500;}
	.company_content .holder ul.options-list span.price {font-size: 12px;}

	.company_content .reasons {background: none; width: 645px; margin: auto; padding-top: 15px; font-size: 1.1em;}
	.company_content .reasons span {font-size: 1.05em;}
	.company_content .reasons p.reasons_verbage { line-height: 1.3em; font-weight: bold; color: #333; margin: 30px 0 0 12px;}
	.company_content .customers p {margin: 0px;}
	.company_content .holder #case_info {float: right; width: 200px; text-align: right; }
	.company_content .holder #case_info p {line-height: 1.3em;}
	.company_content .holder #case_info span {font-size: 1em; color:#454f96}
	
	
	#holder .right img, {margin: 10px 0px 0 0px}
	.block p {margin: 12px 0; line-height: 1.8em; font-size: 1em; font-family: "Trebuchet MS"; color: #616362;}
	.block p.first {width: 518px;}
	.block p.second {width: 455px;}
	.block p.casestudy{ width: 595px; margin-top: -5px;}
	.block .center {margin: auto; width: 770px;}
	.block .thirds {width: 245px; margin-top: 0px;}
	.block .thirdsmall {width: 215px; margin-top: 0px;}
	.block .centersmall {margin: auto;}
	.block h1 {float: left; width: 100%;}
	 ul#support_links {width: 204px; height: 150px;}
	 ul#support_links li {list-style-type: none; text-transform: none; text-align: left; font-size: .8em; font-family: "Trebuchet MS"; margin: 10px 0 0 13px;}
	 ul#support_links li img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
    ul#support_links li span {position: relative; top: -4px; left: 20px; font-size: 14px;}
	ul#support_links a {text-decoration: none;} 
	
	
/* Content */

.content {color: #616362; font-size: .95em; line-height: 1.8em; font-family: "Trebuchet MS";}
.content h1 {color:#454f96; font-size: 1.6em;}
.content h3 {color:#585858; font-size: 1.05em;}
	#clients {background: url('../images/client_bg.jpg') no-repeat; width: 436px; height: 237px;}
	
		#clients .header {width: 396px; height: 30px; margin:auto; margin-top: 10px; border-bottom	: solid #daddde 1px;}
			#clients .header img {vertical-align: top; margin: 3px 5px 0 0;}
		#fade {margin: auto; width: 385px;}	
		#clients .testimony {width: 385px; height: 125px; margin: auto; margin-top: 15px;}
			#clients .testimony .left img {margin-top: 15px;}
			#clients .testimony .right p {width: 240px; height: 90px; text-align: left; margin-left: 2px;}
			
		#clients .lights {margin: auto; text-align: center; font-size: 3em; height: 20px; font-weight: bold; color: #b9b9b9; }
			.lights span#on {color: #e38500;}
		
	#news {background: url('../images/news_bg.jpg') no-repeat; width: 401px; height:237px; margin-right: 6px;}
	
			#news .header {width: 361px; height: 30px; margin:auto; margin-top: 10px; border-bottom: solid #daddde 1px;}
				#news .header img {vertical-align: top; margin: 3px 5px 0 0;}
				
			#news .most_recent {width: 330px; height: 125px; margin: auto; margin-top: 15px;}
				.most_recent p {margin-top: 5px;}
				.most_recent a {text-decoration: underline; color:#454f96;}
				.most_recent img {margin:2px 5px 0 0;}

#checkout-review-table span.price { font-size: 16px;}	


	
/* Footer */
.footer_wrapper {width: 857px; height: 125px; margin: auto; margin-top: 20px;}
	.footer_content  {position: relative; background: url('../images/guarantee.jpg') no-repeat left; height: 91px; margin: 2px;}
	.list_wrapper {width: 520px; margin: 0 125px 0 148px;}
		.list_wrapper #left {width: 250px;}
		.list_wrapper #right {width: 220px; margin-right: 5px}
		
		.footer_content ul {font-size: .9em; line-height: 1.7em;}
		.footer_content ul span {text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
			.footer_content li {list-style-type: none;}
			.footer_content li a {color: #666;}
			.footer_content ul#contact {list-style-type: none;}