/* Skin Etc */

/* Cp */

/*===============general===============================*/
html, body{margin:0; padding:0; border:0px;}
body{background:#fff url(wrap.gif) top center repeat-y; font: 76% arial,sans-serif;text-align:center;}
/*===============presentation==========================*/
xp{margin:0 10px 10px}
a{color: #981793;}
img{border:none;}
.logo{box-sizing:border-box; background:#fff url(header_left_logo2.jpg) top left no-repeat; width:322px; height:90px; margin:10px 0 0 0; padding:0; float:left; display:block;}
.logo img{
border: none;
    max-width: 210px;
    margin-top: 10px;
    box-sizing: border-box;
}
/* header grid-----------------------------------------*/
div#header {background:#fff url(header.gif) no-repeat; position:relative; width:760px; margin:0 auto;}
div#header p {margin:0 10px 10px; text-align:center;}
div#header span{display:none;}
div.header_box_right{background-repeat:no-repeat; width:435px; height:67px; float:right; margin: 40px 0 0 0;}
div.header_box_right div { padding:8px 0 0 0;}
/* kill and clear--------------------------------------*/
div.clear{clear:both;}
/*===============layout================================*/
div#container{background:url(container_wrap.gif) repeat-y; width:760px; margin:0 auto; text-align:left}
div#content{ background:#fff; float:right; width:559px; padding:0 10px 0 0;}
div.content_foot{background:url(leftnav_footer.gif) bottom no-repeat; height:62px;}
div#navigation{background:#c0def8; float:left; clear:left; width:187px; position:relative; text-align:left;}
div#navigation select {margin:0 0 10px 10px;}
div#extra{background:#e9f3fa; float:left; clear:left; width:187px;}
div#footerbox{background:url(footerbox.gif) no-repeat; clear:both; width:760px;}
div.footer_content{background:url(footer_wrap.gif) repeat-y; width:760px; float:left; margin-top:-10px;}
div.footer_menu{background:url(footmenu_bkg.gif) no-repeat; height:50px; margin: -5px 0 0 0px;}

/* special footer IE tricks ------------------------------*/
.prop {float:right; width:1px;}
.min100px{height:75px;}
.Fclear {clear:both;height:1px;overflow:hidden;}
/*===============typography============================*/
div#content p{line-height:1.4}
div#extra p{font-size:11px;}
div.header_box_right {}
div.header_box_right p{font: bold 13px  Arial, Helvetica, sans-serif; color:#1d3c72; text-align:right; padding:5px;}
div.header_box_right a{color:#59a903; text-decoration:none;}
div.header_box_right a:hover{text-decoration:underline;}
div.loginform div{color:#6fa5c8; padding:7px 2px 0 0;}
div.footer_content p{ font: normal 11px Arial, Helvetica, sans-serif; color:#1977d1; text-align:center; width:735px; margin:0; padding:5px 10px;}
div.special p, div.introducing p{text-align:left; padding: 0 10px;}
/*===============headlines=============================*/
h2.left{font: bold 14px Arial, Helvetica, sans-serif; color:#2B58A7; padding:0 0 0 5px; margin:0 0 5px 0;}
h2.customer{ background:#d5e9fa; font: bold 14px Arial, Helvetica, sans-serif; color:#1d3c72; padding:2px 0 2px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin:0;}
div.searchform form {margin:0 0 10px 10px; padding:0;}
div.searchform form input {vertical-align:middle;}
div.searchform p {margin:0; padding:0;}
div.searchform h2{font: bold 11px Arial, Helvetica, sans-serif; color:#1d3c72; margin:0 0 10px 0;}
div.footer_content h2{font: normal 18px Arial, Helvetica, sans-serif; color:#3e97d9; text-align:center; margin:0; padding:0;}
h2.related{background:url(related_header.gif) no-repeat; height:33px;}
h2.recently{background:url(recently_header.gif) no-repeat; height:33px;}
/*===============top menu navigation===================*/
#topnavlist ul{font-family:arial, helvetica, sans-serif; padding-left:0; margin:0; background-color:#0e6eefc; color:#398cbc; float:left; width:60%;}
#topnavlist ul li { display:inline; }
#topnavlist ul li a{color:#398cbc; text-decoration:none; float:left; border-right:1px solid #fff; padding:0.5em 1em; font-weight:bold; font-size:11px;}
#topnavlist ul li a:hover{background-color:#d6e8f7; color:#fff;}
#topnavlist ul li a.hnav1 {background-color:#D6E8F7;}
#topnavlist ul li a.hnav2 {background-color:#DFE9FB;}
#topnavlist ul li a.hnav3 {background-color:#E6EEFC;}
#topnavlist ul li a.hnav4 {background-color:#EBF1F9; background-image:url(cart.gif); background-repeat:no-repeat; background-position:0 7px; padding-left:20px;}
#passwordinput {font-size:11px; width:77px;}
#emailinput {font-size:11px; width:77px;}
.loginform input, .loginform img {vertical-align:middle;}
.loginform div {text-align:right;}

/*===============left menu navigation==================*/
#leftnavlist{margin:0px;padding:0px; list-style-type:none; font: normal 10px Arial, Helvetica, sans-serif; width:187px;}
#leftnavlist li{border-bottom:1px solid #cfe6fa;}
#leftnavlist li a{background: url(arrow.gif) no-repeat; background-position:10px 6px; padding:3px 0 3px 25px; display:block; color:#1D3C72;}
#leftnavlist li a, #leftnavlist li a:visited {color:#1d3c72; text-decoration: none;}
#leftnavlist li a:hover {background:#4c95da url(arrow.gif) no-repeat; background-position:10px 6px; color:#fff; padding:3px 0 3px 25px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
/*===============foot menu navigation==================*/
#footnavcontainer ul{padding:0; margin:0; list-style-type: none;padding-top: 30px;}
#footnavcontainer ul{background:inherit; color: #000; width: 99%;font: normal 11px arial, helvetica, sans-serif; text-align: center;}
#footnavlist li { display: inline; border-right: 1px solid #fff;}
#footnavlist li#endfm {border:0;}
#footnavlist li a{text-decoration: none; color: #fff; padding: .2em 10px; display:inline;}
#footnavlist li a:hover{color: #fff; text-decoration:underline;}
#footnavlist li#endfm a {background-image:url(cart-footera.gif); background-repeat:no-repeat; padding:0 0 0 20px;}
/*===============special===============================*/
/* search form ----------------------------------------*/
x.searchform {background: transparent; position:absolute; height:21px; top:100px; left:5px;}
x.search_btn{position:absolute; top: 1px; right:-22px;}
x* html .searchform {top:110px;}
x* html .search_btn{position:absolute; top: 2px; right: -15px;}
/* login form -----------------------------------------*/
.loginform {background: transparent; position:absolute; height:21px; top:5px; right:10;}
.loginform form{margin:0;}
.shop_btn{width:68px; height:30px; position:absolute; top: 175px; right: 27px;}
/* mail list ------------------------------------------*/
.mail_btn{}
a.mail_btn {width:156px; height:34px; display:block;}
#joinbtn {
float:right;
margin:10px 10px 0 0;
background:url(joinmail_btn.gif) no-repeat; width:156px; height:34px;
}
/* email list -----------------------------------------*/
div#email{margin:0; padding:5px 0 0 0;}
div#email a, div#email img {vertical-align:middle;}
div#email {xlist-style-image: url(email_icon.gif); margin:7px 0 10px 10px;}
div#email a{color:#7aba41; font-size:12px; text-decoration:none; font-weight:bold;}
/* foot banner links-----------------------------------*/
#bannercontainer ul{padding:0; margin: 0; list-style-type: none; background-color: #fff; width: 100%; font: normal 11px arial, helvetica, sans-serif; text-align: center;}
#bannerlist li { display: inline;}
#bannerlist li a, #bannerlist li a:hover, #bannerlist li a:visited{display: inline; color:#fff; text-decoration: none; border:none;}
/* other banners --------------------------------------*/
.tabbox{background:url(tabimage.gif) no-repeat; height:313px;}
.introducing {width:545px; background-image:url(introduce-bg.jpg); background-repeat:repeat-y;}
.introducing-cont {padding:0 8px 0 8px;}
.introducing-cont a {color:#4CC125;}
.introducing-header {background:url(introduce-header.jpg) no-repeat; height:24px;}
.special {width:545px; background-image:url(specialoffer-bg.jpg); background-repeat:repeat-y;}
.special-cont {padding:0 8px 0 8px;font: 11px  Arial, Helvetica, sans-serif;}
.special-header {background:url(specialoffer-header.jpg) no-repeat; height:27px;}
#offer-image {text-align:center;}

/* content hover feature */
.cont-table td img {
border:0;
}
.cont-table td.cont {
text-align:center;
background-image:url(conttcurve.gif);
}
.cont-table td.contb {
text-align:center;
background-image:url(contbcurve.gif);
}
.cont-table td a {
color:#05489A;
font-size:11px;
text-decoration:none;
display:block;
width:180px;
}
.cont-table td.contlinka {
text-align:center;
background-image:url(contbg.gif);
background-repeat:repeat-y;
text-decoration:none;
color:#05489A;
}

.cont-table td a div {
display:block;
margin:4px auto;
padding:3px 0 0 0;
width:140px;
text-align:center;
border-top:1px dashed #ccc;
cursor:pointer;
color:#05489A;
font-size:11px;
text-decoration:none;
}
.cont-table td div.conttcurvea {
background-image:url(conttcurve.gif);
height:11px;
background-repeat:no-repeat;
font-size:0;
}
.cont-table td div.contbcurvea {
background-image:url(contbcurve.gif);
height:10px;
background-repeat:no-repeat;
font-size:0;
}
.conttcurvetest {
background-position:-185px 0 !important;
}
#home-banner {
background-repeat:no-repeat;
background-color:#fff;
}
#categories{
width:170px;
}
#brands {
width:170px;
}
#phone-cont {
background-image:url(phone-banner-bg.gif);
height:26px;
width:760px;
margin:0 auto;
}
#phone-number {font-size:13px; font-weight:bold; color:#34669B; width:175px; float:left; margin:5px 0 0 44px; }
#tag-line{font-size:13px; font-weight:bold; color:#34669B; float:left; margin:5px 0 0 85px; }
#phone-cont > #phone-number {padding:0 0 0 44px;}
#phone-cont > #tag-line {padding:0 0 0 42px; margin:5px 0 0 62px;}
#navtestimony {padding:3px 5px 0 5px; font-size:11px; color:#486177;}
#navtestimony a {display:block; color:#74B731; font-weight:bold;}
#bannercontainer {padding:15px 0 0 0; background-color:#fff;}
#testimony-deco {height:5px; border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#D6EBFF; font-size:0px;}

/* suckerfish menu */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width:187px;
}

#nav a {
	display: block;
	width: 187px;
	padding:2px;
}
#nav li > a {
	width:162px;
}
#nav li a {
	background: url(arrow.gif) no-repeat;
	background-position:10px 6px;
	padding:3px 0 3px 25px;
	display : block;
	color : #1D3C72;
	font-weight : bold;
	text-decoration : none;
	background-color : transparent;
}
#nav li a:hover {
	background:#4c95da url(arrow.gif) no-repeat;
	background-position:10px 6px;
	display:block;
	color:#fff;
	padding:3px 0 3px 25px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#nav li { /* all list items */
	float: left;
	width: 187px; /* width needed or else Opera goes nuts */
	text-align:left !important;
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index:999;
	border:1px solid #004182;
	background-color:#C0DEF8;
	height:100%;
	width:1px;
	margin-top : -1.35em;
	margin-left: -1200em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	overflow:hidden;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
	width:187px;
	height:1px;
	width:1px;
	height:auto;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
	width:187px;
	height:auto;
	overflow:visible;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 187px;
	width:187px;
	height:auto;
	overflow:visible;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 187px;
	width:187px;
	height:auto;
	overflow:visible;
}

/* section page */
#section-content {font-size:11px;}
#section-image {width:165;}
table td#section-caption {color:#69829F; font-size:11px;}
table td#section-caption ul {margin:0 0 0 15px; padding:0 0 0 15px;}
table td#section-caption h1 {font-size:15px; margin:0 0 10px 0; color:#2B58A7;}
table td#section-caption a {color:#4CC125;}
#breadcrumbs {color:#2B58A7; font-weight:bold; font-size:11px;}
#breadcrumbs a {color:#4CC125; font-weight:normal;}
td.rel-image {width:94px; text-align:center;}
table td .adv-name {width:225px; float:left; font-size:11px; color:#2B58A7;}
table td .adv-name a {font-weight:bold; display:block; color:#2B58A7;}
table td .adv-tag {width:90px; float:left;  color:#2B58A7;}
table td .adv-price {width:115px; float:left; text-align:right; font-size:11px;}
table td .adv-price .sale-price {color:#DF8124; font-weight:normal;}
table td .adv-price .price span {font-weight:bold; color:#2B58A7;}
table td .adv-abs {width:285px; float:left; padding:0 5px 0 0; font-size:11px; color:#69829F;}
table td .adv-atc {width:150px; float:left; font-size:11px;}
table td .adv-atc input {vertical-align:middle; font-size:12px;}
table td.ecell {background-color:#fff; padding:3px;}
table td.icell {background-color:#fff; padding:3px;}
.other-sections a {color:#4CC125; text-decoration;}

/* item page */
#item-image {float:left; width:250px; text-align:center;}
#item-pit {float:left; width:300px;}
#item-pit td span, #item-pit td img {
vertical-align:middle;
}
#item-pit .sale-price {color:#DF8124; font-weight:bold;}
#item-pit table#pit-table, #item-pit-text table#pit-table-text {background-color:#DAE9F5; color:#094792;}
#item-pit table#pit-table td, #item-pit-text table#pit-table-text td { border-bottom:1px solid #fff; font-size:11px;}
#item-pit table#pit-table td.pit-label, #item-pit-text table#pit-table-text td.pit-label {white-space:nowrap;font-weight:bold; text-align:right;}
td.pit-discount {text-align:left; font-weight:bold;}
#item-pit table#pit-table td h1, #item-pit-text table#pit-table-text td h1 {font-size:12px; color:#fff; margin:0; padding:0;}
#item-pit .select-cell select {font-size:11px;}
#item-pit #pit-you-save {font-weight:bold;}
#tab-browsing {width:544px; clear:both; margin:30px 0 0 0;}
#tabs {background-image:url(tab-bg.gif);}
#tabinfo {background-image:url(tab-browsing-bg.jpg); background-repeat:repeat-y; padding:10px; color:#69829F; font-size:11px;}
.tabs {display:none;}
.tabs ul {margin:0 0 0 15px; padding:0 0 0 15px;}
#tabimg1 {margin:0 3px 0 0;}
#tabimg2 {margin:0 3px 0 0;}
#tabimg3 {margin:0 3px 0 0;}
#tab1 {display:block;}
#benefits {width:522px;}
#benefits-top {background-image:url(benefits-top.jpg); height:5px; font-size:0;}
#benefits-info {background-image:url(benefits-bg.jpg); background-repeat:repeat-y; padding:5px;}
#benefits-info ul {margin:0 0 0 10px; padding:0 0 5px 15px;}

#related-products {margin:10px 0 0 5px; width:545px;}
#related-products .qtybox{font: normal 11px arial; width: 25px; text-align: right}
#related-products form {margin:0; padding:0;}
#related-info {background-image:url(related-frame-bg.jpg); background-repeat:repeat-y; }
#related-products table td {font-size:11px; color:#69829F;}
td.rel-image {width:94px; text-align:center;}
.rel-name {width:230px; float:left;}
.rel-name a {font-weight:bold; display:block; color:#2B58A7;}
.rel-tag {width:90px; float:left; color:#2B58A7;}
.rel-price {/*width:100px;*/ float:left; text-align:right; color:#2B58A7; }
.rel-price .sale-price {color:#DF8124; font-weight:normal;}
.rel-price .price span {font-weight:bold;}

#contents-table {margin:10px 0 0 5px; width:545px;}
#contents-table .qtybox{font: normal 11px arial; width: 25px; text-align: right}
#contents-table form {margin:0; padding:0;}
#contents-table table td {font-size:11px; color:#69829F;}
#contents-table .rel-abs {float:left;}
#contents-table .rel-atc {float:right;}

.rel-abs {width:270px; /*float:left;*/ padding:0 5px 0 0; color:#69829F;}
.optionDiv input,.optionDiv select{font-size:11px;}
.optionDiv{padding:3px 0}
.rel-atc {width:150px; /*float:right;*/}
.rel-atc input{vertical-align:middle}
.rel-sep {height:2px; font-size:0; border-bottom:1px solid #C7D8E0; width:533px; margin:5px 0 4px 5px;}
.returntext {color:#CC8F58; font-size:11px;}
#color-chart {text-align:center;}
td .diswhy {color:#4CC125; font-weight:bold;}
#contents td a.diswhy {color:#4CC125; font-weight:bold;}
/* multi-insets */
.visibleborder{
	border:2px solid #000000 !important;
}
.invisibleborder{
	border:2px solid #FFFFFF !important;
}
#titleBar{
	cursor:move;
	background-color: #6CA4D4;
	color:#FFFFFF;
}
#titleBar a {
	color:#6CA4D4;
}
#imgplaceholder{
	visibility:hidden;
	position:absolute;
	background-color: #FFFFFF;
	z-index:9999;
}
.close{
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 2px outset;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	color:#6CA4D4;
}
.close:hover{
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 2px inset;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}

/* recently viewed */
table td a.recentlylink {display:block;}
.review-1 {background-image:url(tl-curveoff.gif); background-repeat:no-repeat; height:7px;}
.review-2 {background-image:url(tr-curveoff.gif); background-repeat:no-repeat; width:7px;}
.review-3 {background-image:url(bl-curveoff.gif); background-repeat:no-repeat; width:7px; background-position:bottom;}
.review-4 {background-image:url(br-curveoff.gif); background-repeat:no-repeat; height:7px; background-position:right;}
a.recentlya {
display:block;
margin:4px auto;
padding:3px 0 0 0;
text-align:center;
border-top:1px dashed #ccc;
cursor:pointer;
color:#05489A;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
.recent-items-price {
color:#05489A;
font-weight:bold;
font-size:11px;
}
td img {
border:0;
}

/* sitemap */
.sitemap-header {font: bold 14px verdana; color: #000000; display: block; padding-top:  25px;}
.sitemap-1      {font: bold 12px verdana; color: #1D3C72; display: block; padding-left: 25px;}
.sitemap-2      {font: bold 11px verdana; color: #1D3C72; display: block; padding-left: 50px;}
.sitemap-3      {font: normal 10px verdana; color: #1D3C72; display: block; padding-left: 75px;}
.sitemap-4      {font: normal 8px verdana;  color: #1D3C72; display: block; padding-left: 100px;}

#text-links td a {font-size:11px; color:#05489A;}
#cont-links a {color:#2B58A7; font-weight:bold;}
h1#miscpagename {font-size:15px; margin:0 0 5px 0; color:#2B58A7;}



/* TESTIMONIALS */
div#test-link,
div#test-link a
{
	text-align: left;
}

.cart_footer_menu {background-color:#5A93D6; height:27px; margin: -5px 0 0 0px; padding:3px 0 3px 0; width:757px;}
.cart_footer_menu #footnavcontainer {padding:0; margin:0; list-style-type: none;}
.cart_footer_menu #footnavcontainer div#footnavlist{background:inherit; color: #fff; font: normal 11px arial, helvetica, sans-serif; text-align: center; padding:8px 0 0 0;}
.cart_footer_menu #footnavcontainer div#footnavlist a{text-decoration: none; color: #fff; display:inline; padding:0 5px 0 5px;}
#ys_cartPage {background-image:url(container_wrap.gif); background-repeat:repeat-y;}
.bold{font-weight: bold !important;}

#hacker {background:#C0DEF8 url(nav-curve-bg.jpg) no-repeat left top; height:56px; width:175px; margin:0 0 0 5px;}
#hacker-pad {text-align:center; padding:12px 0 0 0;}

.html-below-image{
	padding-top:5px;
}