@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dd, dt, img, strong, em, a, fieldset, legend, form  {
	padding:0px;
	margin:0px;
	}
body {
	background-color: #333;
	background-image: url(../_layout/metal_5-512px.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
}

body.wazee a.side-wazee,
body.lodo a.side-lodo,
body.throttle a.side-throttle,
body.solo a.side-solo,
body.gonzo a.side-gonzo,
body.bomber a.side-bomber,
body.endo a.side-endo,
body.bolder a.side-bolder,
body.dash_ss a.side-dash_ss,
body.dash_xp a.side-dash_xp,
body.ambush a.side-ambush,
body.versa a.side-versa,
body.vigor a.side-vigor,
body.nano_2 a.side-nano_2,
body.silencer a.side-silencer,
body.grind a.side-grind,
body.reactor a.side-reactor,
body.sprint a.side-sprint,
body.cable a.side-cable,
body.grip a.side-grip,
body.hardtop a.side-hardtop,
body.hardtop_xp a.side-hardtop_xp,
body.larimer a.side-larimer,
body.frisco a.side-frisco,
body.compare_all a.side-compare_all,

body.ignition a.side-ignition_clearance,
body.silencer a.side-silencer_clearance,
body.triumph a.side-triumph_clearance,
body.bolt a.side-bolt_clearance,
body.bomber a.side-bomber_clearance,
body.hardtop a.side-hardtop_clearance{
	background-color: #FFF;
	background-image:url(../_layout/arrow.png);
	background-repeat:no-repeat;
	background-position: right;
}

body.main-home #datebar ul#main-nav li a.main-home,
body.main-native #datebar ul#main-nav li a.main-native,
body.main-native_clearance #datebar ul#main-nav li a.main-native_clearance,
body.main-lens_kits #datebar ul#main-nav li a.main-lens_kits,
body.main-zipper_case #datebar ul#main-nav li a.main-zipper_case,
body.main-fax #datebar ul#main-nav li a.main-fax,
body.main-returns #datebar ul#main-nav li a.main-returns,
body.main-blog #datebar ul#main-nav li a.main-blog,
body.main-articles #datebar ul#main-nav li a.main-articles,
body.main-contact #datebar ul#main-nav li a.main-contact {
	background-color:#CCC;
	background-image: url(../_layout/bg-gray_noise.jpg);
	background-position: bottom;
	color: #000;
}


p {
	margin-bottom: 1em;
	}


#header-wrapper  {
	background-color: #000;
	background-image: none;
}
#header-wrapper #header {
	height: 153px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

#datebar-wrapper {
	background-color: #222;
	background-image: url(../_layout/yellow-grad.jpg);
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}
#datebar  {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	height: 36px; /* Height is assigned here because the contained ul#main-nav has a position of absolute. This height must be controlled in two places, here and the a line-height.  */
}
#datebar ul#main-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1; /* hack for IE. This must be at the end of the style. */
   *display: inline; /* hack for IE. This must be at the end of the style. */
}
#datebar ul#main-nav li {
	display: inline;
	float: left;
	list-style-type: none;
}
#datebar ul#main-nav li a {
	line-height: 36px; /* If you change the line-height here you have to change it in #datebar's height because this ul has a position of absolute. */
	color: #000;
	text-decoration: none;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	padding: 0 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
#datebar ul#main-nav li a.first{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
}
#datebar ul#main-nav li a:hover {
	background-color: #555;
	color: #FFF;
}




#middle-wrapper {
	background-image: url(../_layout/bg-shadow.png);
	background-repeat: repeat-y;
	background-position: center;	
}
#middle-wrapper #middle {
	background-color: #FFF;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	min-height: 300px;
}
#middle-wrapper #middle.w-sidebar {
	background-image: url(../_layout/bg_sidebar.jpg);
	background-repeat: repeat-y;
	background-position: -5px;
}
#middle #middle-main_menu-trim {
	background-color: #CCC;
	background-image: url(../_layout/bg-gray_noise.jpg);
	height: 10px;
}
#middle #content {
	float: right;
	width: 830px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	position: relative;
	margin-bottom: 40px;
}
#middle #content-with-padding {
	position: relative;
	padding: 30px;
}

#middle #content img.includes-pip {
	position:absolute;
	z-index:5;
	top:5px;
	left:14px;
	}

#middle #content h2.sku-table-heading {
	
	}
#middle #content .sku-table-paragraph {
	font-size: 1.2em;
}

#middle #content #product-info {
	width: 180px;
	position: absolute;
	right: 20px;
	top: 30px;
}
#middle #content #product-info h2.light {
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #666;
}
#middle #content #product-info p {
	font-weight: bold;
	margin-bottom: 8px;
}
#middle #content ul {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#middle #content ul lh {
	font-weight: bold;
	color: #999;
	letter-spacing: 0.1em;
	line-height: 1.75em;
}
#middle #content ul li {
	line-height: 1.5em;
}
#middle #content.product-native {
	background-image: url(../_layout/bg_content_product-native.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#middle #hero {
	height: 200px;
	background-color: #999;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#middle p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #333;
}
#middle #sidebar #side-nav {
	background-color: #CCC;
	width: 150px;
	border-top: solid 1px #FFF;
	background-image: url(../_layout/bg_sidebar-grunge.png);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#middle #sidebar #side-nav ul {
	margin: 0;
	padding: 0;
	border: 5px solid #C00;
	text-align: right;
}
#middle #sidebar #side-nav li {
	list-style-type: none;
}
#middle #sidebar #side-nav li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	color: #333;
	display: block;
	line-height: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	list-style-type: none;
	font-weight: bold;
	padding-right: 25px;
	text-align: right;
}



#middle #sidebar #side-nav li a:hover {
	background-color: #FFCE0D;
}


/* Skus table */
#middle #content #product-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 800px;
	margin-bottom: 30px;
}
#middle #content #product-table td  {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 15px 0 0 0;
}
#middle #content #product-table tr td.table-thumb { width: 150px; }
#middle #content #product-table tr td.table-description { width: 256px; }
#middle #content #product-table tr td p.product-description {
	margin-left: 20px;
	font-size: 1.2em;
}
#middle #content #product-table tr td .product-description .product-name {
	font-weight: bold;
	font-size: 1.4em;
}
#middle #content #product-table tr td .product-description .product-sku {
	font-size: 0.8em;
}
#middle #content #product-table tr td.table-price { width: 92px; }
#middle #content #product-table tr td .product-price .product-price2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color:#666;
	display:block;
	line-height:1em;
	font-weight:normal;
}

#middle #content #product-table tr td .product-price .product-price2 .strike {
	font-weight:normal;
	color:#666;
	text-decoration:line-through;
	margin-bottom:0;
}

#middle #content #product-table tr td .product-price .product-price2 .sg-discount-red,
#middle #content #product-table tr td .product-price .product-price2 .lk-discount-red {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#950000;
	line-height:1.5em;
	margin-bottom:0;
}




#middle #content #product-table tr td .product-price .product-quantity {
	line-height:.1em;
	}
#middle #content #product-table tr td .product-price input {
	width: 30px;
}
#middle #content #product-table tr td .product-price p.tiny-save {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	}
#middle #content #product-table tr td.table-bonus { width: 182px; }
#middle #content #product-table tr td p.product-bonus {
	padding-right:30px;
}
#middle #content #product-table tr td .product-bonus input {
	margin-right: 5px;
	margin-left: 0px;
}
#middle #content #product-table tr td.table-buttons { width: 120px; }
#middle #content #product-table tr td .product-buttons input {
	width: 120px;
	margin-bottom: 4px;
}



/* Skus table for lenses :: the addition of ".lens-skus" makes these rules override the ones above */
#middle #content #product-table.lens-skus tr td.table-thumb { width: 95px; }
#middle #content #product-table.lens-skus tr td.table-description { width: 493px; padding-right:20px; }

#middle #content #product-table.lens-skus tr td p.product-description {
	margin-left: 20px;
	font-size: 1em;
}
#middle #content #product-table.lens-skus tr td p.product-description .product-name {
	font-weight: bold;
	font-size: 1.3em;
}

/* Skus table for accessories :: the addition of ".accessories" makes these rules override the ones above */
#middle #content #product-table.accessories tr td.table-thumb { width: 225px; }
#middle #content #product-table.accessories tr td.table-description { width: 363px; padding-right:20px; }

#middle #content #product-table.accessories tr td p.product-description {
	margin-left: 20px;
	font-size: 1em;
}
#middle #content #product-table.accessories tr td p.product-description .product-name {
	font-weight: bold;
	font-size: 1.3em;
}



/* Form Buttons */
#middle #content #product-table tr td.table-buttons p.product-buttons input.form-button {
	background-color:#CCC;
	border:solid #666 1px;
	color:#333;
	height:20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	}

#middle #content #product-table tr td.table-buttons p.product-buttons input.form-button:hover {
	background-color:#FFD434;
	color:#000;
	border:solid #756C06 1px;
	}




#middle #content-with-padding table.native-compare-table {
	border: solid 1px #999;
	border-collapse: collapse;
	}
	
#middle #content-with-padding table.native-compare-table tr {
	border-bottom: solid 1px #999;
	border-collapse: collapse;
	}

	
#middle #content-with-padding table.native-compare-table td.compare-thumb {
	width: 150px;
	}
	
#middle #content-with-padding table.native-compare-table td.compare-name {
	width: 280px;
	}
	
#middle #content-with-padding table.native-compare-table td.compare-styles {
	width: 150px;
	line-height: 1.6em;
	}
	
#middle #content-with-padding table.native-compare-table td.compare-kit {
	width: 195x;
	}
	
#middle #content-with-padding table.native-compare-table td.compare-price {
	width: 90px;
	text-align: center;
	}
#middle #content-with-padding #lens_kit_table a {
	line-height: 2em;
}
	









#fax-table {
	 width:70%;
	 font-size:.8em;
	 margin:30px auto 50px auto;
	 border-collapse: collapse;
	 }
 #fax-table td {
	 border:solid #000 1px;
	 border-collapse: collapse;
	 background-color: #FFF;
	 }


#metal-trim  {
	background-image: url(../_layout/metal_4-512px.jpg);
	height: 10px;
}
#footer-wrapper {
	height: 150px;
	background-color: #333;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	padding-bottom: 5px;
}
#footer-wrapper #footer {
	height: 150px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#footer-wrapper #footer a {
	color:#CCC;
	text-decoration:none;
}
#footer-wrapper #footer a:visited {
	color:#CCC;
}
#footer-wrapper #footer a:hover {
	color:#FC0;
}
.main-articles #middle-wrapper #middle #article-article {
	width: 700px;
	float: right;
	margin-right: 0px;
	padding-bottom: 80px;
}
.main-articles #middle-wrapper #middle #article-article h2 {
	margin-bottom: 30px;
}
.main-articles #middle-wrapper #middle #article-sidebar {
	width: 200px;
	margin-right: 20px;
	float: left;
	margin-top: 0px;
}
.main-articles #middle-wrapper #middle #article-sidebar a {
	display: block;
	margin-bottom: 0px;
	margin-top: 20px;
}