/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;} 
ol,ul{list-style:none;} 
blockquote,q{quotes:none;} 
blockquote:before,blockquote:after,q:before,q:after{content:none;} 
table{border-collapse:collapse;border-spacing:0;}
saction, header, footer{display:block;}
/**CLEARFIX**/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body{color:#191919;}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('font/droidserif-italic-webfont.eot');
    src: url('font/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidserif-italic-webfont.woff') format('woff'),
         url('font/droidserif-italic-webfont.ttf') format('truetype'),
         url('font/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;}


@font-face {
    font-family: 'DroidSerifBold';
    src: url('font/droidserif-bold-webfont.eot');
    src: url('font/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidserif-bold-webfont.woff') format('woff'),
         url('font/droidserif-bold-webfont.ttf') format('truetype'),
         url('font/droidserif-bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;}



	
@font-face {
    font-family: 'DroidSansBold';
    src: url('font/droidsans-bold-webfont.eot');
    src: url('font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidsans-bold-webfont.woff') format('woff'),
         url('font/droidsans-bold-webfont.ttf') format('truetype'),
         url('font/droidsans-bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('font/droidsans-webfont.eot');
    src: url('font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidsans-webfont.woff') format('woff'),
         url('font/droidsans-webfont.ttf') format('truetype'),
         url('font/droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;}


a{outline:none;}
	
.wrapper{
	width:100%;
	margin:0 auto;
	position:relative;}


/** HEADER **/



header.main{
	background:url("../img/hd-ft-bgr.png") repeat-x ;
	height: 576px;
	z-index:300;}
	header.main .wrapper{height:474px;z-index:270;}
	img.logo{
		float:left;
		margin-top: 13px;}
	
	.slogan{
		height: 104px;
		margin: 0 auto;
		width: 950px;
		z-index: 250;}
			
	section.PromoImg {
		background: url("../img/banner.png") no-repeat -247px -3px transparent;
		float: left;
		height: 374px;
		margin-left: 77px;
		position: relative;
		width: 84%;}
		
	
	
	section.PromoImg .seal{
		position:absolute;
		top:0px;
		right:62px;}
	
		section.PromoImg hgroup {
			color: #dacfb3;
			float: right;
			margin-left: 20px;
			margin-right: 11px;
			margin-top: 50px;
			text-align: center;
			width: 500px;}
			
				section.PromoImg hgroup h1 {
					margin-bottom: 22px;
					display:block;
					float: left;
					font-family: 'DroidSansRegular';
					font-size: 41px;
					text-transform:uppercase;}
						
					section.PromoImg hgroup h1 b{ font-family: 'DroidSansBold';}

				section.PromoImg hgroup h2 {
					color: #FFFFFF;
					font-family: georgia;
					font-size: 21px;
					font-style: italic;
					letter-spacing: 0.022em;
					margin-top: 54px;
					padding-bottom: 0;
					padding-left: 30px;
					padding-right: 30px;}
	
	section.PromoImg a {
		background: url("../img/btn_sprite.png") no-repeat scroll 0 -102px transparent;
		bottom: 62px;
		display: block;
		height: 77px;
		width: 383px;
		position: absolute;
		right: 79px;
		text-decoration: none;
		text-indent: -5000px;
		}
		
		section.PromoImg a:hover{background-position:0px -182px;}
		
	nav{height:79px; float:left;margin-left: 25px;position:relative;z-index:200;}
		
		nav ul{margin-top: 21px;position:relative;z-index:180;}
		
			nav ul li{
				float:left;
				position:relative;
				z-index:170;}
				
		.TltLink{
			background:url("../img/topbar_tabs.png") no-repeat 0 11px;
			padding-left:45px;
			height:60px;
			display:block;
			text-decoration:none;
			cursor:pointer;}
			
			.TltLink.secure{background-position:0 -39px;}
			.TltLink.genuine{background-position:0 -91px;}
			.TltLink.shipp{background-position:0 -151px;}
			.TltLink.dfp{background-position:0 -151px;}
		
			.TltLink span {
				color: #918E85;
				float: left;
				font-family: 'DroidSansBold';
				font-size: 11px;
				line-height: 15px;
				margin-top: 16px;
				text-transform: uppercase;}
			
				.TltLink span b{
					color:#191919;
					display:block;}
		

		#ToolTip li div{
			background:url("../img/btn_sprite.png") no-repeat -303px 0px;
			width:197px;
			height:0px;
			position:absolute;
			left:0px;
			top:55px;
			overflow:hidden;
			z-index: 100;}
			
			#ToolTip li div p{
				color:#3D3D33;
				font-family:'verdana';
				font-size:11px;
				line-height: 14px;
				padding: 35px 13px 17px;}
				
/**Main Section **/

section.main{background:#fff;}
section.main div.wrapper {
	background: url("../img/main_right_bgr.png") no-repeat scroll right center transparent;
	margin-bottom: 40px;}
	
	section.main article.MainText{margin-top: 35px;}
	
		article.MainText h2 {
			color: #3d3d33;
			font-family: Verdana;
			font-size: 35px;
			font-weight: bold;
			text-transform: uppercase; }
		
		article.MainText h2 i{
			font-family: georgia; 
			font-size:38px;
			text-transform:lowercase; 
			font-style:italic;
			font-weight: normal; }
		
		article.MainText section {
			float: left;
			margin-right: 16px;
			margin-top: 24px;
			padding-left: 8px;
			width: 559px;}
		
			article.MainText section h5 {
				background: url("../img/listing_sprite.png") no-repeat scroll -23px -3px transparent;
				color: #3d3d33;
				font-family: georgia;
				font-size: 16px;
				font-style: italic;
				font-weight: bold;
				padding-left: 20px;}
			
			article.MainText section p {
				color:#030204;
				font-family: 'verdana';
				font-size: 12px;
				line-height: 17px;
				padding-left: 20px;}
				
				article.MainText section p i{font-style:italic;}			
				
			
	section.main aside{
		border-left: 3px solid #CCCCCC;
		float:right;
		width:330px;
		height:310px;}
		
	.Benef h3 {
		font-family: 'DroidSansBold';
		font-size: 25px;
		line-height: 36px;
		margin-left: 10px;
		text-transform: uppercase;}
	
	.Benef ul{margin-left: 3px;margin-top: 5px;}
	
		.Benef ul li {
			background: url("../img/listing_sprite.png") no-repeat scroll -18px -24px transparent;
			color: #FFFFFF;
			float: left;
			font-family: Georgia;
			font-size: 13px;
			line-height: 15px;
			padding-left: 24px;
			text-align: center;}
			
			.Benef ul li.nobgr{background:none;}
			
			.Benef ul li b {
				font-size: 18px;
				font-style: italic;
				font-weight: bold;}
		
	.Benef a {
		background: url("../img/btn_sprite.png") no-repeat scroll -310px -95px transparent;
		display: block;
		height: 36px;
		margin-left: 10px;
		margin-top: 21px;
		text-indent: -5000px;
		width: 189px;}	
	



/** Carousel, footer banner, testimonials **/	
section.CarousTestls{
	background:url("../img/hd-ft-bgr.png") repeat-x  0 -584px;
	height: 424px;}
	
	
	
/** carousel BrandList**/
	
	#brand_list {
		background: none repeat scroll 0 0 transparent;
		height: 103px;
		margin: 3px auto;
		width: 950px;}
	
		#brand_list .brandList-wrp{
			margin:1px;
			width:950px;
			height:104px;
			position:relative;}
			
			#brand_list .brandList-wrp .brandList-btn {
				background: url("../img/btn_sprite.png") no-repeat scroll 0 0 transparent;
				cursor: pointer;
				display: block;
				height: 36px;
				position: absolute;
				top: 35px;
				width: 35px;}
				
				#brand_list .brandList-wrp .brandList-btn.prev{background-position:-413px -111px;left:0px;}
				#brand_list .brandList-wrp .brandList-btn.next{background-position:-453px -111px;right:0px;}

					#brand_list .brandList-wrp .brandList-img {
						background: url("../img/brand_list.png") repeat-x scroll 0px 0;
						background-position: -919px 0;
						height: 104px;
						margin: 0 11px;
						width: 924px;}
						
/** FooterBanner, hgroup, testimonials**/

section.FtBanner {
	background: url("../img/banner.png") no-repeat scroll 0 -374px transparent;
	height: 434px;
	position: relative;
	width: 950px;}

	section.FtBanner hgroup {
		color: #fff;
		margin-top: 23px;
		text-align: center;}

		section.FtBanner hgroup h2 {
			font-size: 36px;
			letter-spacing: 0.049em;
			text-transform: uppercase;
			font-family: 'DroidSansBold';}
		

	section.FtBanner a.FtPromoBtn {
		background: url("../img/btn_sprite.png") no-repeat scroll 0 -102px  transparent;
		bottom: 24px;
		display: block;
		height: 77px;
		width: 383px;
		left: 335px;
		position: absolute;
		text-indent: -3000px;}	
		
		section.FtBanner a.FtPromoBtn:hover{background-position:0px -182px;}
			
	/** Testimonials **/
	
	aside.Testls {
		background: url("../img/testm.png") no-repeat scroll 0 0 transparent;
		float: right;
		height: 108px;
		margin-top: 14px;
		position: relative;
		width: 918px;
		margin-bottom: 36px;}
			
			#testimonials {
				float: right;
				height: 74px;
				margin-right: 67px;
				margin-top: 28px;
				width: 615px;}
				
				#testimonials p{
					color:#3d3d33;
					font-family: Georgia, serif;
					font-style:italic;
					font-size:25px;
					width: 540px;
					line-height:22px; }
			
				#testimonials p img.one{
					float:left;
				    margin-bottom: 80px;
					margin-top: -7px;}
					
					#testimonials p img.two{margin-bottom: -10px;}
					
			.NavBtns {
				bottom: -23px;
				height: 10px;
				position: absolute;
				right: 405px;
				width: 65px;}
				
				.NavBtns a{
					float:left;
					cursor:pointer;
					height:10px;
					width:10px;
					display:block;
					margin:0 5px;
					background:url("../img/listing_sprite.png") no-repeat -4px -66px;
					text-indent:-5000px;}
					
					.NavBtns a.active{background-position: -27px -66px; cursor:default;}
		
/**FOOTER**/
footer.main {
	background: url("../img/hd-ft-bgr.png") repeat-x scroll 0 -1162px transparent;
	font-family: 'verdana';
	height: 0px;}
	section.main .wrapper, section.CarousTestls .wrapper{width:950px}
	footer.main h5 {
		color: #23342C;
		font-size: 20px;
		font-weight: bold;
		line-height: 64px;
		margin-left: 20px;
		text-transform: uppercase;}
	
	.FooterLinks {
		float: left;
		margin-bottom: 37px;
		margin-left: 28px;}
		
		.FooterLinks ul{}
	
			.FooterLinks ul li {
				background: url("listing_sprite.png") no-repeat scroll -8px -26px transparent;
				border-left: 1px solid #C8C5C6;
				float: left;
				height: 25px;
				padding-left: 18px;
				width: 133px;
				line-height: 23px;}
				
				.FooterLinks ul li a{
					color:#898989;
					font-size:12px;
					text-decoration:none;}
					
	.ShipSecurSeals {padding-top:10px;}
	
	.Seals{float:left;margin-left: 27px;}
	
	.Seals img{}
	
	.ShipPaym{float:right;margin-right: 21px;}
	
	.ShipPaym img{}
	
	
	span.ShadowSepar{
		background:url("shadow_separ.png") no-repeat 0 0;
		width:1100px;
		height:17px;
		font-size:0px;
		position:absolute;
		top:0px;
		left:52px;
		display:block;}
						
		span.ShadowSepar.relHeader {top: 112px;z-index: 10;}			
		span.ShadowSepar.relArticle {background-position: 0 -9px;height: 10px;margin-top: 3px;left: -75px;}
		span.ShadowSepar.relBrands {background-position: 0 -4px;height: 10px;z-index:1000; width: 950px;}	
		span.ShadowSepar.relNav{top:auto;bottom: 61px;}
		
			
/**IE hacks :( **/
*:first-child+html section.PromoImg hgroup h2, *:first-child+html section.PromoImg hgroup h2 em{letter-spacing:0px;} 
*:first-child+html section.PromoImg hgroup h3{letter-spacing:-0.04em;}
*:first-child+html section.main article.MainText{float:left;}
*:first-child+html section.FtBanner hgroup h2{letter-spacing:0.06em;}
*:first-child+html section.FtBanner  hgroup h2 em{letter-spacing:0.04em;}
*:first-child+html section.FtBanner hgroup h3{letter-spacing:-0.02em;}
*:first-child+html span.ShadowSepar.relBrands {position:relative;margin-bottom:-10px;}



