﻿/* common.css */

/* Avoid browser inconsistencies */
h6,pre,code {font-size: 1em;}
ul,ol,li,h6,pre,form,body,html,p,blockquote,fieldset,input,select,div {margin:0; padding:0;}

a img,:link img,:visited img {border:none;} /* Remove blue linked image borders */
html {height: 100%; margin-bottom: 1px;}  /*Always show vertical scrollbar */

#pystopbar {
	margin: 0 auto;
	padding: 0 10px;
	text-align:right;
	display:block;
	width:1040px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#666;
}
#pystopbar .seg {float:left;}
#pystopbar strong {color: #ffcc66;}
#pystopbar a, #pystopbar a.hover {color:#a0a0a0;text-decoration: underline;}
#pyshead {margin: 0 auto;display:block;width:1062px;padding: 10px 0 15px 0;}
#pyslogo {padding-left:10px;float: left;}
#searchBox {margin:20px 15px 0 15px;display:block;float:left;}
#pys {margin:15px 25px 0 20px;display:block;width:185px;float:left;}
#pyscart {margin:15px 0 0 20px;display:block;float:left;}
#pyslist {position:relative;}
#pyslist ul { margin:0;padding:0;display: inline;}
#pyslist li {margin:0;list-style:none;position:absolute;top:0;padding:0;display: inline;}
#pyslist li, #pyslist a {height:35px;display:block;}
#contactus {left:0px;width:35px;}
#contactus {background:url(../images/head-buttons.png) 0 0;}
#contactus a:hover {background: url(../images/head-buttons.png) 0 -35px;}
#newsletter {left:37px;width:35px;}
#newsletter {background:url(../images/head-buttons.png) -37px 0;}
#newsletter a:hover {background: url(../images/head-buttons.png) -37px -35px;}
#pystv {left:74px;width:35px;}
#pystv {background:url(../images/head-buttons.png) -74px 0;}
#pystv a:hover {background: url(../images/head-buttons.png) -74px -35px;}
#facebook {left:111px;width:35px;}
#facebook {background:url(../images/head-buttons.png) -111px 0;}
#facebook a:hover {background: url(../images/head-buttons.png) -111px -35px;}
#twitter {left:148px;width:35px;}
#twitter {background:url(../images/head-buttons.png) -148px 0;}
#twitter a:hover {background: url(../images/head-buttons.png) -148px -35px;}

/* Sitewide Defaults --------------------------------------------- */

html * {
	font-size: 100%;
}

body {
	background:#ffffff url(../images/blue-bg2.jpg) center top repeat-y;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
	text-decoration: none;
	font-weight: normal; 
	color: #666;
	line-height:140%;
}

img {border:0;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #193F63;
	margin:0 0 0.5em;
}

h1 {	margin-top: 10px;font-size:15px;}
h2 {	margin-top: 10px;font-size:13px;}
h3 {	margin-top: 10px;font-size:12px;}
h3.side {padding:0 5px;}
h4 {font-size:11px;}
h5 {
	margin: 5px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #193F63;
	font-size: 11px;
	text-align: center; 
	text-transform: uppercase;
}

h6 {
	margin: 5px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #193F63;
	font-size: 10px;
}

a:link, a:visited, a:hover, a:active { 
	color: #619EDA;
	text-decoration: none;
}

.asterik {color: red; padding-left: 1px; font-size: 11px; }
.centerText {text-align: center;}
.dropShadow {text-shadow: 1px 1px 0 rgba(122, 136, 37, 0.7);}
.pageUp .ui-icon {background-image: url('../images/ui-icons_98d2fb_256x240.png');}
.videoBlock {display:block;width:320;float:right;}

#headerbanner {clear: both;width:1060px;margin: 0 auto;display:block;}
#wrapper {clear: both;width:1060px;margin: 0 auto;display:block;line-height: 140%;}
#mainContent {width:865px;float:right;overflow: hidden;display:block;background-color:#ffffff;}
#productType {margin:10px; font-size:12px;color:#666;}

.lightbar {border:1px solid #E8E8E8;}

/* Header Section ------------------------------------------------- */
#searchBox {float:left;height: 25px;}
#itemname2 {padding:3px;font-size:1.1em;float:left;width:180px;color:#999;}
.button-search {background: url(../images/search-button.png) no-repeat;height:25px;padding:0 8px 0 19px;text-align:center;cursor:pointer;color:white;border: medium none;}
.button-search span {margin:0 0 0 19px;display:block;color:white;height:17px;}
.shoppingCart {float:right;}
.shoppingCart img {float:right;}
.shoppingCartText {float:right;text-align:center;padding: 5px 5px 0;font-weight:bold;}
.shippingBox {float:right;text-align:center;padding: 5px 5px 0;font-weight:bold;color:#E07C00;font-size:12px;font-weight:bold;margin-right:100px;}
.shippingBox span {color:#888;font-size:9px;font-weight:normal;}
.social-link {float:right;padding-top:5px;height:25px;line-height:15px;display:block;color:white;font-weight:normal;}
.shippingBox span a:link, .shippingBox span a:visited, .shippingBox span a:hover, .shippingBox span a:active {color: #888; text-decoration: underline;}

/* Nav & Side Bar ------------------------------------------------- */
#navCont {width: 184px;margin-left:5px;clear:left;float:left;}
.navTopic {background-color:#fafafa;border:1px solid #DDDDDD;margin:0;font-size:10px;color: #2C5987;font-weight: bold;padding:3px 10px;}
.navSelectNarrow {border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;margin:0;max-height:425px;overflow-x:hidden;overflow-y:auto;padding:5px 5px;}
.brandBox a {display:block; float:left; font-size:9px; padding: 2px 2px;clear:left;width:170px;color:#666;-webkit-border-radius:3px;}
.brandBox  a:hover{display:block;background-color:#e1e1e1;color:#0066CC;}
.typeBox a{display:block; float:left; font-size:9px; padding: 2px 7px;width:70px;color:#666;-webkit-border-radius:3px;}
.typeBox  a:hover{background:#E4E4E4; border-color:#999;color:#0066CC;}
.sizeBox {padding:8px 5px 4px 5px;}
.sizeBox a {display:block; float:left; width:36px; margin:0 0 4px 4px; color:#666; padding:2px 0; border:1px solid #ccc; text-align:center; font-size:9px; background:#FAFAFA; -webkit-border-radius:3px;}
.sizeBox a:hover {background:#E4E4E4; border-color:#999;color:#0066CC;}
.sizeBox a.selected {background:#E4E4E4; border-color:#999;color:#0066CC;}
.brandSelectBox{padding:5px 15px;line-height:18px;background-color:#fafafa;border:1px solid #e1e1e1;font-size:10px;font-weight:bold;}



/* Footer --------------------------------------------------------------- */

#footer-logos {float:left;overflow:hidden;position:relative;width:100%;}
#footer-logos ul{clear:left;float:left;left:50%;list-style:none outside none;margin:5px 0 10px 0;padding:0;position:relative;text-align:center;}
#footer-logos ul li{display:inline;float:left;list-style:none outside none;margin:0 7px;padding:0;position:relative;right:50%;}

.bottom-hr {background:white url(../images/footer_top_hr.gif) no-repeat 0 0;margin:0 auto;height:5px;width:961px;z-index:1000;}
.bottom-nav {background:#596F8C;margin:0 auto;width:1063px;z-index:1000;}
.bottom-nav p, .bottom-nav ul{font-family:Verdana,sans-serif;font-size:10px;}
.bottom-nav a{color:#DFE3E8;_position:relative;}
.footer-nav{width:1063px;}
.footer-nav ul.footer-nav-links-list{margin:5px 1em 1em 0;}
.footer-nav ul.footer-nav-links-list li{color:#DFE3E8;font-size:9px;list-style:none;line-height:18px;}
.footer-nav ul.footer-nav-links-list li a{color:#DFE3E8;}
.footer-nav{margin-left:17px;}
.footer-nav .footer-nav-column{display:inline;float:left;margin:32px 16px 5px 15px;text-align:left;width:165px;}
.footer-nav .footer-nav-column.footer-nav-first{margin-right:36px;}
.footer-nav .footer-nav-column.footer-nav-last{margin-right:0;width:200px;}
.footer-nav a.footer-nav-title, .footer-nav span {color:#FFFFFF;font-family:Arial, sans-serif;font-size:13px;text-transform:none;}
.footer-nav p{color:#DFE3E8;font-size:9px;line-height:13px;margin:8px 10px 0 0;padding:0;}
.footer-nav p a{color:#FFF;}

#bbb-logo-container{height:38px;overflow:hidden;width:100px;}

ul.footer-site-map{margin:6px 0 6px 32px;}
.footer-site-map li{border-right:1px solid #6884A1;color:#B6C8CC;display:inline;float:left;font-size:9px;font-weight:bold;line-height:10px;list-style:none;margin:2px 5px 2px 0;padding-right:5px;text-align:left;vertical-align:middle;}
.footer-site-map li.relax{border:none;color:#FFF;display:block;float:none;margin:0;padding:0;display:inline;}
.footer-site-map li.footer-site-map-last{border:none;margin-right:0;padding-right:0;}
.footer-site-map li a{color:#B6C8CC;font-weight:normal;height:10px;}
.footer-site-map li a:hover{text-decoration:underline;}

.copyright-frame{color:#B6C8CC;display:inline;float:left;font-size:9px;margin:10px 0 0 32px;}
.copyright-frame p{color:#B6C8CC;font-size:9px;}
.copyright-frame a{color:#B6C8CC;}

#emailForm{line-height:18px;text-align:right;}
#emailForm .emailFormBg,#emailForm .submit{float:left;}
#emailForm .emailFormBg{height:16px;margin-top:1px;padding:0 5px 1px;background:url(../images/footer_input_bg.gif) no-repeat 0 0;vertical-align:bottom;}
#emailForm input.email{width:113px;height:12px;margin-top:-3px;padding:.5px 0 0;color:#828282;background:transparent;border:0 none;vertical-align:middle;}
#emailForm .submit{width:34px;height:17px;margin:1px 0 0 4px;background:transparent url(../images/footer_button_go.gif) no-repeat left top;vertical-align:middle;cursor:pointer;border:none;font-size:0;line-height:0;text-indent:-999px;}

/* General --------------------------------------------------------------- */
.introduction {
	padding: 0 20px;
	text-align:left;
}
introduction p {
	font-size: 12px;
	font-family: Arial, Helvetica;
	color: #333;
}

.clear {
	clear:both;
}

.pointer {
	cursor:pointer;
}

.line1 {height:1px;}
.line2 {height:2px;}
.line3 {height:3px;}
.line4 {height:4px;}
.line5 {height:5px;}
.line7 {height:7px;}
.line8 {height:8px;}
.line10 {height:10px;}
.line15 {height:15px;}
.line20 {height:20px;}
.line30 {height:30px;}
.line40 {height:40px;}

#inputCheck {
	visibility: hidden;
	display: none;
}

/*--- general styles for breadcrumb ---*/
#breadcrumbTrail { padding: 12px 0px 7px 1px; vertical-align: top; border-bottom: 1px solid #B5BBC1; width:100%; margin-top:0px; margin-bottom:20px; text-align:left; }
#breadcrumbTrail .breadcrumbRoot a { font-weight:bold; font-size:14px; margin-left:0px; padding-right:7px; margin-right:0px; }
#breadcrumbTrail .breadcrumbPage { font-size: 11px; padding-left:7px;padding-right:7px;margin-left:0px;margin-right:0px; }
#breadcrumbTrail .breadcrumbPage a { font-weight:normal; font-size:11px; }

td.breadcrumbs {border-bottom: 1px solid #eee; height:24px;}
span.breadcrumbs {font-size: 11px;}


span.pathway {
  display: block;
  margin: 0 20px 0 0;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

a.pathway {
	font-weight: bold;
}

a.pathway:hover {
	color: #104996; 
	text-decoration: underline;
}

/* *** Header P1 - Tab Navigation ***************************************************************************** */

.navigation {
	height: 28px;
	padding-left:5px;
	background-color: #596F8C;
	background-image: none;
}
.navigation {
	padding:0;
	margin:0;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase
 }
.navigation ul {
 	display: block;
 	float: left;
 	padding: 0 0 0 0;
 	margin: 0 0 0 10px;
 }
.navigation ul li {
 	list-style: none;
 	float: left;
 	margin: 0 0 0 -4px;
 }
.navigation ul li a {
 	display: block;
 	color: #ffffff;
 	text-decoration: none;
 }
.navigation ul li.selected a {
 	color: #596f8c;
}
.navigation ul li.hover a { 
 	color: #596f8c;
 	background-color: white;
 }
.navigation ul li a span {
	display: block;
	padding: 5px 15px 5px 15px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
 }
.navigation ul li.selected a span{
	color:#ffcc66;
}
.navigation ul li.hover a span {
	color: #596f8c;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color: #596F8C;
	border-right-width:3px;
	border-right-style:solid;
	border-right-color: #596F8C;
	border-left-width:3px;
	border-left-style:solid;
	border-left-color: #596F8C;
	height: 20px;
	background-color: white;
	margin-top: -4px;
 }
/* *** Header P2 - Drop Down Menu ***************************************************************************** */
.navigation ul li .sub {
	border-left: 3px solid #596F8C;
	border-right: 3px solid #596F8C;
	border-bottom: 3px solid #596F8C;
	position: absolute;
	top: 50px; left: 10;
	background-color: white;
	padding: 5px 10px 10px;
	margin-top:80px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index:999;
}
.brandTab {
	margin-left: -575px;
}
.navigation ul li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.navigation ul li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 125px;
	float: left;
}
.navigation ul li .sub ul li {
	display: block;
	width: 100%;
	color: #333;
}
.navigation ul li .sub ul li h2 {
	font-size: 11px;
	padding: 5px 0 0 15px;
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}
.navigation ul li .sub ul li h2 a {
	font-size: 11px;
	background-image: none;
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}
.navigation ul li .sub ul li .item {
	font-size: 9px;
	padding: 2px 0 0 10px;
	margin: 0;
	color: #888;
	font-weight: normal;
}
.navigation ul li .sub ul li .item a {
	font-size: 9px;
	padding: 2px 0 0 10px;
	background-image: none;
	color: #555;
	text-decoration: none;
	font-weight: normal;
}
.navigation ul li .sub ul li a {
	font-size: 9px;
	float: none;
	margin: 0 3px;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background-color: white;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #333;
}
.navigation ul li .sub ul li a:hover {
	color: #2C5987;
	background-color: #D9EEFA;
}
.navigation ul li .row a {padding: 2px 5px; margin-right:20px;display: block; background-image: none; float: left;}
.navigation ul li .row a:hover { color: #2C5987;background-color: #D9EEFA;}
.brandIndexLabel {float: left; padding: 2px 30px 2px 10px;}

/* *** Navigation side bar ***************************************************************************** */

ul#sliding-navigation
{
	font-family: "Lucida Grande", Verdana, sans-serif;
	list-style: none;
	font-size: 10px;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 1px 5px;
	margin: 0;
	margin-bottom: 1px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #596f8c;
	background-color:#fff;
	font-weight: bold;
	border: 1px solid #596f8c;
	padding: 3px 0 3px 10px;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background-color:#fcfcfc;
	border: 1px solid #f1f1f1;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { background-color: #92b2c6; color:#ffffff; font-weight: bold;}

/* *** Header - Shipping bar ***************************************************************************** */
.shippingBar {
	padding-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase; 
}
.shippingBar a:link, .shippingBar a:visited, .shippingBar a:hover {
	color: #FFF;
	text-decoration: none;
}
.shippingBarLink {
	float: right;
	padding:2px 20px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white; 
	font-size: 10px; 
	font-weight: normal; 
	text-transform: none; 
}
.shippingBarLink a:link, .shippingBarLink a:visited, .shippingBarLink a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* *** sort bar ***************************************************************************** */
.sortBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	line-height:20px;
	font-size: 11px;	
}
.sortBar a:link, .sortBar a:visited {
	color: #555;
	text-decoration: none;
}
.sortBar a:hover {
	color:#619EDA;
	text-decoration: underline;
}

/* *** side bar and round pannel ******************************************************** */
#contentBody {
	margin: 10px;
	font-size: 11px; 
	font-family: verdana, aria, sans;	
	color: #666;
}

#defaultSidebar, #contentPane {
	margin: 0;
	padding: 0 10px 0 5px;
	font-size: 11px; 
	font-family: verdana, aria, sans;
	color: #666;
	background-color: white;
}
#contentPane {
	margin: 0 2px 0 3px;
	padding: 0;
}
#defaultSidebar .paneOuter, #contentPane .paneOuter {
	margin-bottom: 14px;
}
#defaultSiderbar .paneInner, #contentPane .paneInner {
	padding: 15px 11px 14px;
}
.paneOuter {
	background-color: #F1F1F1;
	border: 1px solid #E8E8E8;
	background-image: url('../images/pattern1.png');
	background-repeat: repeat-x repeat-y;	
	padding: 5px;
}
.paneInner {
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	padding: 5px;
	text-align: left;
}
.paneTopicBlue {
	background-color: #299ddc;
	border-bottom-width: 0;
	padding: 5px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold;
}
.paneContentBlue {
	background-color: #FFFFFF;
	border: 3px solid #299ddc;
	padding: 5px;
}
.paneTopicGrey {
	background: #e6e6e6 url("../images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50%;
	font-weight: normal; 
	color: #555555; 
	border: 1px solid #EEE;
	border-bottom-width: 0;
	padding: 5px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
}
.paneContentGrey {
	background-color: #FFFFFF;
	border: 2px solid #e6e6e6;
	border-top-width: 0;
	padding: 5px;
}
.paneInner a:link, .paneInner a:visited, .paneInner a:hover {
	color: #E07C00;
	text-decoration: none;
}
.paneInner a:hover {
	color: #619EDA;
}
.paneInner .sideContent {
	margin: 0 10px;
}

.contentBody {
	margin: 0 10px;
}

.contentBody .header {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #193F63;	
}

.contentBody ul, .contentBody ol {
	margin-bottom: 18px;
	margin-top: 10px;
}

.contentBody ul li {
	margin-bottom: 2px;
	margin-left: 12px;
	padding-left: 10px;
}

.contentBody p, .contentBody li {
	color: #5b6571;
	letter-spacing: 0.4px;
	line-height: 140%;
}

.innerShadow {
   -moz-box-shadow:inset 0px 1px 2px #aaa;
   -webkit-box-shadow:inset 0px 1px 2px #aaa;
   box-shadow:inset 0px 1px 2px #aaa;
}   

.paneTopic {
	font-size:10px;
	color: #2C5987;
	font-weight: bold;
}

/* *** Product List ********************************************************************** */
.productName {	font-family: Verdana, Arial;font-size: 9px;color: #E07C00;font-weight:bold;display:block;width:180px;margin:0;line-height:14px;}

/* *** Easy Border Radius ********************************************************************** */
.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round5Top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.round7Top { -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; }
.round15Top { -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.round5Content { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.round7 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }

/* *** Brand List ********************************************************************** */
#brandlist {padding:9px;}
#brandlist div {overflow:hidden; clear:both; margin:0 0 20px;}
#brandlist ul {width:190px; float:left; list-style:none; padding:0; margin:0;}
#brandlist li {padding:0 10px 0 0; margin:0 0 3px;}
#brandlist h4 {width:100%; margin:0 0 10px; border-bottom:1px solid #E8E8E8; font-size:15px; color:#585A5D;}

#brandAlpha {width:100%; position:relative; z-index:200; display:inline-block; margin:2px 0 10px; border-width:1px 1px 0; background-color:#ffffff;}
#brandAlpha span {display:block; float:left; margin:6px 14px 6px 12px; font-size:10px; text-transform:uppercase; font-weight:bold;}
#brandAlpha a {display:block; float:left; padding:6px 11px; font-size:10px; font-weight:bold; color:#558abe;}
#brandAlpha a:hover {background:#d9eefa; text-decoration:none; color:#558abe;}
#brandAlpha a.active {background-color:#5388bc; color:#fff;}

.brandType {display:block; width:160px; float:left; font-size:11px; padding: 5px 0;}
.sideNav {display:block; width:130px; float:left; font-size:10px; padding: 3px 0;}
.sbrandType {display:block; width:130px; float:left; font-size:9px; padding: 2px 0;}
div.brandType a:hover, div.sbrandType a:hover {
	text-decoration: underline;
}
.accessType {display:block; float:left;  }
.paneInner .accessType a {color:#558abe; font-size:11px; display:block; width:130px; padding: 5px 0 5px 5px;}
.paneInner .accessType a:hover {background:#66CCFF; text-decoration:none; color:#fff;}
.paneInner .accessType a.active {background-color:#5388bc; color:#fff;}


/* *** Sharper Thumbnails *************************************************************** */
img {
	-ms-interpolation-mode:bicubic;
}

/* *** slider ********************************************************************************* */
#slider {
	position:relative;
	min-height:200px;
	background:#ffffff url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
	text-decoration: none;
	color: #fff;
}
#content {
	width:500px;
	background:#dfdfdf;
	position:relative;
}
.nivo-controlNav {
	position:absolute;
	left:67%;
	bottom: 0px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right: 5px;
}
a.nivo-prevNav {
	left: 5px;
}

/* **** Social Media PopEye ****************************************** */
#socialMedia {
    margin:0;
}
.socialMediaBlock {
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    padding-left:3px;
}
.socialMediaBlock a {
    position: absolute;
}
.socialMediaBlock img {
    position: absolute;
    width: 24px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 5px 0 0;
    border: none;
    overflow: hidden;
}

/* *** Shopping Cart  ***************************************************************************** */
.securityNote {
	font-family: Verdana, Arial, sans; 
	color: #666; 
	font-size: 13px;
}
.itemHead {
	border-bottom: #CCCCCC 1px solid; 
	font-weight: bold; 
	font-size: 8pt; 
	color: #193F63; 
	font-family: Verdana, Arial, sans; 
	height: 29px;
}
.itemImg {
	padding: 20px 15px 10px 10px;
}
.items { 
	font-family: Verdana, Arial, sans; 
	font-size: 11px;
}
.items:hover {
	font-family: Verdana, Arial, sans; 
	font-size: 11px; 
	color: #619EDA; 
	text-decoration: none
}
.desc {
	margin: 0 0 0 5px; 
	padding-left: 10px; 
	font-family: Verdana, Arial, sans; 
	font-size: 10px; 
	color: #666; 
	text-align:left; 
	text-transform:uppercase; 
	line-height: 14px;
}
.cart {
	font-family: Verdana, Arial, sans; 
	color: #193F63; 
	font-size: 12px;
}
.cartEmpty {
	width: 750px;
	display: block;
	color: #FF6633; 
	font-family: Verdana, Arial, sans; 
	padding: 30px 20px; 
	font-size: 16px; 
	font-weight: bold;
}
.cartCaption {
	background: none repeat scroll 0 0 #299ddc; 
	color: white; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 8px 20px; 
	text-align: left; 
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); 
	text-transform: uppercase; 
	border: 0; 
	border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
}
.cartLimited {
	font-family: Verdana, Arial, sans; 
	font-weight: bold;
	text-transform: uppercase; 
	color: #619EDA; 
	font-size: 10px;	
}
.cartLimitedText {
	font-family: Verdana, Arial, sans; 
	color: #888; 
	font-size: 9px;	
}
.note {
	font-family: Verdana, Arial, sans; 
	color: #888; 
	font-size: 9px;
}
.note2 {
	font-family: Verdana, Arial, sans; 
	color: #666; 
	font-size: 10px;
}
.required {
	float: right;
	font-size: 10px;
}
.address {
	font-family: Verdana, Arial, sans; 
	color: #666; 
	font-size: 13px;
}

/* *** Overwrite  ***************************************************************************** */
.tet1 a:link, .tet1 a:visited, .tet1 a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* *** Overwrite  ***************************************************************************** */
/* Reserver blue  color #299ddc;  for menu										*/
.featureCaption {
	background: none repeat scroll 0 0 #DFDFDF; 
	color: #333; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, Arial, sans; 
	padding: 8px 10px; 
	text-align: left; 
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); 
	text-transform: uppercase; 
	border: 0; 
	border-radius:   6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0; 
	-moz-border-radius:  6px 6px 0 0;
}

/* *** Feedback Form  ***************************************************************************** */
.stdForm p {
	padding: 0;
}
.stdForm label {
	clear: left;
	padding: 4px 10px 2px 0;
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	width: 200px;
}
#feedback {font-size:1.2em; line-height:16px;}
#checkout.stdForm label, #checkout.stdForm input {font-size:11px; line-height:16px;}
#checkout.stdForm label {width:160px}

.promo-img {display: block; width: 330px; padding-left:20px; float:left; }
.promo-desc {display: block; width: 400px; float: left; padding: 0 10px 10px 20px; }

/* -- Product Detail --------------------------------------------- */
.price { margin: 0; font-weight:bold;font-size:14px; color: red;}
.productDesc { padding-bottom:5px; line-height: 15px; font-size:11px; color: #333;}
.productSku {color: #333;}
.prodSize { border: 1px solid #A6C9E2;}
.sizeLabel {color:#FF2300;font-size: 13px;}
.sizBtn button {margin: 2px 2px 2px 2px; width:36px;}

.addToCart { 
	background-color:  #FDA33A;
	background: -moz-linear-gradient(0% 100% 90deg, #FF9212 0%, #FF9212 50%, #FDA33A 50%, #FDA33A 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FDA33A), to(#FF9212));
	border:0;
	border-radius: 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	color:#FCFCFC;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	padding:8px 0 8px;
	text-align:center;
	text-shadow:0 -1px 1px rgba(104, 45, 64, 0.7);
	width:200px;
}
.addToCart:hover {
	background-color: #FDBE26;
	background: -moz-linear-gradient(0% 100% 90deg, #FFB400 0%, #FFB400 50%, #FDBE26 50%, #FDBE26 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FDBE26), to(#FFB400));
}
.addToCart:active {
	background-color: #FDBE26;
	background: -moz-linear-gradient(0% 100% 90deg, #FFB400 0%, #FFB400 50%, #FDBE26 50%, #FDBE26 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FDBE26), to(#FFB400));
}
button.greenBtn { 
	margin: 5px 10px 0 0;
	float: right;
	background-color:  #95C264;
	background: -moz-linear-gradient(0% 100% 90deg, #78B13A 0%, #78B13A 50%, #95C264 50%, #95C264 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#95C264), to(#78B13A));
	border:0;
	border-radius: 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	color:#FCFCFC;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:11px; 
	font-weight:bold;
	line-height:1;
	padding: 1px;
	text-align:center;
	text-shadow:0 -1px 1px rgba(104, 45, 64, 0.7);
	width:100px;
	height:18px;	
}
button.greenBtn:hover {
	background-color: #CAEAA3;
	background: -moz-linear-gradient(0% 100% 90deg, #A9DE6A 0%, #A9DE6A 50%, #CAEAA3 50%, #CAEAA3 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#CAEAA3), to(#A9DE6A));
}
button.greenBtn:active {
	background-color: #CAEAA3;
	background: -moz-linear-gradient(0% 100% 90deg, #A9DE6A 0%, #A9DE6A 50%, #CAEAA3 50%, #CAEAA3 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#CAEAA3), to(#A9DE6A));
}
button.silverBtn { 
	margin: 5px 10px 0 0;
	float: right;
	background-color:  #F5F3EC;
	background: -moz-linear-gradient(0% 100% 90deg, #EEEADE 0%, #EEEADE 50%, #F5F3EC 50%, #F5F3EC 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#F5F3EC), to(#EEEADE));
	border:0;
	border-radius: 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	color:#555;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:11px; 
	font-weight:bold;
	line-height:1;
	padding: 1px;
	text-align:center;
	text-shadow:1px -1px 1px #eee;
	width:100px;
	height:18px;
}
button.silverBtn:hover {
	background-color: #FEDD70;
	background: -moz-linear-gradient(0% 100% 90deg, #FED13E 0%, #FED13E 50%, #FEDD70 50%, #FEDD70 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FEDD70), to(#FED13E));
}
button.silverBtn:active {
	background-color: #FEDD70;
	background: -moz-linear-gradient(0% 100% 90deg, #FED13E 0%, #FED13E 50%, #FEDD70 50%, #FEDD70 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FEDD70), to(#FED13E));
}

.image_carousel {
	margin: 0 10px;
	padding: 0 0 0 30px;
	position: relative;
}
.image_carousel div {
	background-color: white;
	padding: 5px;
	margin: 0 8px;
	display: block;
	text-align: center;
	float: left;
}
a.prev, a.next {
	background: url(../images/prodpromo_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 55px;
}
a.prev {			
	left: -22px;
	background-position: 0 0; 
}
a.prev:hover {		
	background-position: 0 -50px; 
}
a.next {			
	right: -22px;
	background-position: -50px 0; 
}
a.next:hover {		
	background-position: -50px -50px; 
}
a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

/*--- styles for FAQs ---*/

ul.hdlinklist {
    list-style-image: none;
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}
li.hdlink {
    background-image: url("../images/arrow_btt_down.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 0 0 0 13px;
}
li.hdlink a:link, li.hdlink a:visited, li.hdlink a:hover, li.hdlink a:active { 
	color: #193F63;
	font-size: 12px;
	font-weight: 500;
}
li.hdlink a:hover {text-decoration:underline;}
ol.response {list-style:decimal inside; margin:0;}
.response li {border-top:1px dotted #B4B4B4; margin:5px 0; padding:15px 0;clear:left;}
.response dl {width:98%; margin-top:-1.4em; padding-left:20px; float:left;}
.response dt {font-weight:bold; margin-bottom:1px;}
.response dt p, .response dd p a {margin:0;}
.response dd {margin:0 5px 0 0;}
.response dd ul {list-style:disc outside;}
.response dd li {border:none; margin:0 0 0 40px; padding:0; overflow:visible;}
.response p, .response dd a {margin:0 0 8px 20px;font-size:11px;}
.response abbr {border:none; float:left; margin-top:-1px; padding-right:8px;}
h3.response-title {font-size:1.1em; border-top:1px solid dotted #b4b4b4; text-transform:none; margin:0; padding:10px 0;}

.bannerContent {width=850px;}
.bannerContent .dtype {display:block;width=213px;float:left;margin-right:16px;}
.bannerContent .dtypelast {display:block;width=213px;float:left;}
