/* STS Test Template */

/* Hide icons in page headings */

body{margin:0; padding:0; background:#fff url(images/bg.png) repeat-x top; font:Arial, Helvetica, sans-serif !important;}

body.christmas{background:#fff url(images/christmas-header.jpg) no-repeat top;}

.xmas-wrapper{ background:url(images/Christmas-btm.jpg) no-repeat bottom}

* {outline:none}

img{ border:none}

h1,h2,h3,h4,p,ul,li{margin:0; padding:0; list-style:none}

h1,h2{font:18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#942816; padding:0}

h2{font-size:13px;color:#4d4a4a; font-weight:bold}

h3{font:18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#32882e}

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

a:hover{ text-decoration:underline}

h4{color:#A92D26;font-weight:bold;}

#wrapper{width:998px; margin:0 auto; padding:18px 0 0;display:block; position:relative}

.header{ width:998px; overflow:hidden}

.header .top, .header .botm, .container .top,.container .botm ,.breadcumbox .top,.breadcumbox .botm,.main_menu,.header_nav,.footer,.main_menu .search form,.links .exlinks a 

{background:url("images/sprite.gif") no-repeat !important;}

.header .top,.header .botm,.container .top{ width:998px; height:5px;overflow:hidden}

.header .mid,.container .mid{ background:#fff;border-left:1px solid #bce7ba;border-right:1px solid #bce7ba; width:996px; height:82px;overflow:hidden}
.fb_edge_widget_with_comment{ margin:10px 0 0}
.fbshare{ margin:0 0 7px}



.header .botm,.container .botm{height:5px}

.logo{padding:16px 0 0 16px; width:200px; float:left}

.xmas .logo{padding:0 0 0 6px;width:222px}

.banner{float:left; width:494px; height:82px; margin:0 0 0; display:inline;overflow:hidden; text-align:center}

.header_right{float:right; text-align:right;padding:0 10px 0 0;position:relative; width:264px}

.header_right a{display:block; float:left;width:57px; height:46px;margin:0 0 0 12px}

.header_right a.icon2{ width:68px; background-position:-76px 0}

.header_right a.icon3{width:46px; background-position:-164px 0}

.header_right a:hover{ background-position:0 -53px}

.header_right a.icon2:hover{background-position:-76px -53px}

.header_right a.icon3:hover{width:46px; background-position:-164px -53px}

.header_icons{width:210px; float:right;padding:4px 0 0;}

.mcaf{background:none repeat scroll 0 0 #ffbf00;

border:1px solid #000000;

margin:0 0 10px;

padding:10px 0;

text-align:center;

width:181px;

-moz-border-radius: 5px;

border-radius:5px;

}

.header_icons img{border:none}

.container{width:998px; padding:5px 0 0}

.container .mid{ height:auto;overflow:hidden; padding:10px; width:976px}

.sidebar_left,.main_content{float:left}

.sidebar_right{float:right}

.sidebar_left{width:242px}

.main_content{width:533px; margin-left:10px; display:inline}

.sidebar_right{width:181px}



.main_menu{width:998px; padding:0; overflow:hidden; height:33px; margin-top:5px;}

.main_menu .left,.main_menu .mid,.main_menu .right{ width:5px; float:left; height:33px}

.main_menu .left{background:url(images/menubg_left.png) no-repeat}

.main_menu .mid{background:url(images/menubg.png) repeat-x ; width:988px; float:left}

.main_menu .right{background:url(images/menubg_right.png) no-repeat}

.main_menu ul{overflow:hidden; width:620px; float:left}

.main_menu .search{float:right; width:256px; position:relative; top:-4px}

.main_menu .search form{overflow:hidden; display:block; width:251px;height:26px; margin:0}

.main_menu .boxText{padding:0}

.main_menu ul li{ float:left; font:12px Arial, Helvetica, sans-serif; background:url(images/divider.png) repeat-y right; line-height:33px; padding:0 1px 0 0}

.main_menu ul li a{color:#fff; padding:0 15px; display:block; text-decoration:none}

.main_menu ul li a:hover,.main_menu ul li.active a{background:url(images/gr_hover.png) no-repeat -5px 0;}

.main_menu ul li.first a{ background:url(images/gr_hover.png) no-repeat 0 0}



.main_menu .search table,.main_menu .search a{ display:none}

.main_menu .search table.infoBox,.main_menu .search table.infoBox table{ display:block}

.main_menu .search table.infoBox,.main_menu .search table.infoBoxContents{ background:none !important}

.main_menu .search input{float:left; margin:0 !important; position:relative;top:-15px}

.main_menu .search input.inputbox{width:184px !important; height:20px;background:none;border:none;padding:0 0 0 10px; position:relative; top:3px}



.header_nav{width:998px; height:19px; padding:0; overflow:hidden;color:#fff;margin-top:1px}

.header_nav .left,.header_nav .mid,.header_nav .right{width:5px; height:19px; float:left}

.header_nav .left{ background:url(images/bread_left.png) no-repeat }

.header_nav .mid{width:988px; background:#5e5c5c}

.header_nav .right{background:url(images/bread_right.png) no-repeat}

.header_nav a{color:#fff; font:11px Arial, Helvetica, sans-serif}

.breadcrum{padding:0 10px}

.header_menus{float:right;height:19px; text-align:right}



td.infoBoxHeading { background:#559952; height:23px !important; overflow:hidden; font:bold 12px Arial, Helvetica, sans-serif;color:#fff}

td.infoBoxHeading img{height:23px !important}



.infoBox{ background:#c1cec0}

.infoBoxContents{ background:#f2f2f2}

.boxText{font:12px Arial, Helvetica, sans-serif; color:#a72c26; padding:0 0 0 14px}

.whtnew .boxText{ padding:0}

.whtnew .boxText img{ border:1px solid #ACACAC}

.boxText a{ background:url(images/arrow.png) no-repeat left 2px;display:inline-block;padding:0 0 4px 12px;color:#3b3535;}

.boxText a:hover{ color:#a72c26;}

.infoBoxContents td img{display:none}

.rightbox{padding:0 0 10px}

.nocontent{ padding:0}

.whtnew .boxText a,.bestsel .boxText a{background:none}

.bestsel .boxText{padding-left:8px}

.bestsel .boxText a{padding-left:2px}



.main_content td img{display:none}

.main_content td.infoBoxHeading img{display:none}

.main_content td.infoBoxHeading {padding:0 0 0 5px}

td.infoBoxHeading a img{height:auto !important}



td.pageHeading,div.pageHeading{font:24px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#942816}

td.main, p.main {font:12px Arial, Helvetica, sans-serif ; color:#262020; padding:0}

td.main strong{ font-weight:bold;}

td.main a{color:#217C7E; text-decoration:underline; font-weight:bold}

td.main p a{color:#575d57;}

td.main a:hover,td.main a:hover u{ text-decoration:none}

td.main span.greetUser{color:#41a83d}

td.main a u{color:#ef3f30;}

.main_content .infoBoxContents td.smallText a img{display:block}

td.smallText, span.smallText, p.smallText{font:11px Arial, Helvetica, sans-serif}

span.mediumH1{	/*PYWL*/

	color:#4D4A4A;

	font-size:13px;

	font-weight:bold;

}

span.productsInfoHeader{

	color:#942816;

	font-size:22px;

}

/*PYWL*/



.footer{width:998px; overflow:hidden; padding:0;height:55px; margin:10px 0}



.msgtop,.copyright{ color:#fff; text-align:right; font:11px Arial, Helvetica, sans-serif; height:31px; padding:5px 10px 0 0}

.copyright{ text-align:center; height:15px; padding:3px 0 0; color:#d2d2d2}

.copyright a{color:#d2d2d2}

td.smallText {color:#ef3f30; font-weight:bold; padding:0 0 10px}

td.smallText br{display:none}

td.smallText a img{border:1px solid #acacac}

td.smallText p a img{border:none}

td.smallText a{ font-weight:normal;color:#262020}

.main_content td.smallText a img{display:block}

.main_content td.productListing-data img{display:block}

.main_content td a img{display:block}

.cart a,.searchbox a{ background:none; padding:0}

.infoBoxContents{font:12px Arial, Helvetica, sans-serif}

.infoBoxContents td a img{display:block}



.lang{width:260px; overflow:hidden; position:absolute; right:0; top:5px; width:180px}

.lang table{width:68px ; float:left}

.lang table.infoBox,.lang table.infoBoxContents{width:110px}

.lang .boxText a { padding:0 5px 0 0}

.lang td.infoBoxHeading img {display:none}

.lang td.infoBoxHeading{ background:none; color:#262020}

.lang td a img {display:block}

.lang .infoBoxContents td{display:none}

.lang .infoBoxContents td.boxText{display:block}

.lang .infoBoxContents td.boxText a{ background:none}

.lang .infoBox,.lang .infoBoxContents { background:none}

.main_content p{font:12px Arial, Helvetica, sans-serif; text-align:justify; padding:5px 0}



.main_content p div { padding:0 !important}

.productListing-heading{ background:#559952}

.otherproducts{ background:#d6d6d6; color:#313131; font:bold 12px Arial, Helvetica, sans-serif !important}

td.productListing-data{font:12px Arial, Helvetica, sans-serif}

.cards {width:264px; padding:0 0 10px;border-bottom:1px dotted #4E4D4D;}



.sidebar_left,.main_content,.sidebar_right{ float:left; margin-left:10px; display:inline}

.container .mid{ padding:1px 0;width:996px}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {background:none repeat scroll 0 0 #F8F8F9;}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd{ background:#f2f2f2}



table.productListing {border:1px solid #B6B7CB;border-spacing:1px;}

.productListing-heading {background:none repeat scroll 0 0 #B6B7CB;color:#FFFFFF;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:bold;}

.productListing-heading {background:none repeat scroll 0 0 #559952;}

td.productListing-data {font-family:Verdana,Arial,sans-serif;font-size:10px;}



.msgtop{overflow:hidden}

.date{padding:0 0 0 10px}

.req_number{padding:2px 0 0 10px}

.main_content p.ship{ text-align:right} 



#FootText{width:998px; text-align:center;}

#FootText p{ color:#999999; font:11px Arial, Helvetica, sans-serif; padding:10px 0 0}



.follow .boxText{ padding:0; width:177px}

.follow .boxText a{ background:none; display:block; padding:0}

.follow .boxText a img{ border:none; display:block; margin:0 auto; padding:5px 0}



.main_content form{width:507px}

.main_content form select{width:200px}

.main_content .boxText a{ background:none}

.sidebar_left .infoBoxContents ,.sidebar_left .infoBox {width:240px !important}



.sidebar_left .boxText a {width:202px; overflow:hidden;padding:0 4px 0 12px;}

.rightbox .boxText .infoBoxContents a { background:none}



.sidebar_left .boxText a.categories_top{ padding-top:4px; background-position: left 6px}

.main_content .infoBoxContents { padding-top:10px}

.links .boxText a {display:block; text-align:left}

.reviews .boxText a{ background:none; display:block; padding:0 6px}

.reviews .boxText,.exlinks{ padding:0}

.exlinks{ padding-left:12px; text-align:left}

.links .exlinks a{width:93px; height:19px; padding-top:1px} 



.breadcumbox{ width:986px;padding:0 0 5px 10px;}

.breadcumbox .top,.breadcumbox .mid,.breadcumbox .botm{overflow:hidden; width:976px; height:3px}

.breadcumbox .mid{ background:#f2f2f2; border-left:1px solid #bce7ba;border-right:1px solid #bce7ba; width:974px; height:auto; padding:0}

.breadcumbox a.headerNavigation{color:#3B3535; font:12px Arial, Helvetica, sans-serif}



.exlinks label{display:block; padding:0 0 5px}

.exlinks input{ width:274px; height:22px; border:1px solid #d8d8d8; margin-bottom:10px; display:block}

.exlinks input.submit,.exlinks input.reset{ background:url( images/sumbg.png) no-repeat;width:67px; height:26px; border:none; color:#303030; font:14px Arial, Helvetica, sans-serif; cursor:pointer; display:inline}

.exlinks  p.title,.exlinks  p{ padding:5px 0}

.main_content p.highlight{ background:#e8fbe7; padding:5px; text-align:left}



a.preview{display:block}

#pretxt a{background:url("images/arrow.png") no-repeat scroll left 2px transparent;

color:#3B3535;font:12px Arial,Helvetica,sans-serif;padding:0 0 4px 12px; text-decoration:none}

#pretxt a:hover{ text-decoration:underline; color:#A72C26}

.pre_box2,.pre_box1{overflow:hidden}

.pre_box2 input,.pre_box2 a,.pre_box1 input,.pre_box1 a{float:left}

.pre_box2 a,.pre_box1 a{ padding:2px 0 0 20px}

#pretxt{float:left;padding:6px 0 0 20px;}

#form1 span{color:#A72C26; display:block}

td.main a.preview{cursor:pointer}

.search form{ margin-top:-3px}



.more_links{ text-align:right; padding:5px 5px 5px 0}

.links .boxText .more_links a{ text-align:right; background:none; color:#A72C26; text-decoration:underline}

.links .boxText .more_links a:hover{ text-decoration:none}

td.main .links_list a{background:url("images/arrow.png") no-repeat scroll left 2px transparent;color:#3B3535;display:inline-block;padding:0 0 4px 12px; font:12px Arial,Helvetica,sans-serif; text-decoration:none}

td.main .links_list a:hover{ text-decoration:underline;color:#A72C26}

.links_list{ padding:10px 0}

.freeship{ position:absolute; top:111px; right:262px; width:196px; height:51px}

.main_content td img.bgiphone{display:block; float:right;margin:0 0 0 10px;

padding:10px 10px 0;border:1px solid #D3D3D3;}

/*td.main div { background:url(images/bgiphone.png) no-repeat right top; padding:0 171px 200px 0}*/

h1.price{ padding:0 0 5px ; color:#EF3F30}



.nowtrend{border:1px solid #c1cec0; background:#F2F2F2;width:530px; overflow:hidden}
.nowtrend td{padding:10px}
.nowtrend h2{ background:#559952;color:#fff;font:bold 12px Arial, Helvetica, sans-serif;padding:5px}
.nowtrend div { float:left; width:244px; padding:10px}
.nowtrend h3,ul,li{margin:0;padding:0}

.nowtrend h3 a{ text-decoration:none;color:#942816;font:bold 12px Arial, Helvetica, sans-serif;}



.nowtrend ul{padding:0 0 0 10px}

.nowtrend ul li{list-style:none}

.nowtrend ul li a{list-style:none; font:12px Arial, Helvetica, sans-serif;color:#A72C26; text-decoration:none; background:url(images/naro.png) no-repeat left; padding:0 0 0 10px}

.nowtrend ul li a:hover{text-decoration:underline}

.nowtrend .odd{ background:#f5f5f5}

.nowtrend .first{border-right:1px solid #fff}

.addbox{width:242px; text-align:center;padding:10px 0 0;margin:10px 0 0}

a.addtxt{

background:url("images/wbd-link.png") no-repeat scroll 0 0 transparent;

color:#FFE2CC;

display:block;

font:14px "Comic Sans MS",Arial;

height:24px;

margin:0 auto 5px auto;

text-align:center;

text-decoration:none;

width:197px;}

.offer{padding:10px 0}

.offer h3{ padding-bottom:10px; border-bottom:1px dotted #d5d5d5; margin:0 0 10px}

.offer h4{ padding:10px 0 5px 0}

.offer ul{ padding:0 0 10px 20px}

.offer ul li{font-size:11px; list-style:disc}

td.main .offer p a{color:#ef3f30}



.msgtop .left{float:left; text-align:left}

.msgtop .right{ float:right; padding:6px 0 0}

.msgtop ul li{display:inline; border-left: 1px solid #fff}

.msgtop ul li a{color:#fff; padding:0 10px; text-decoration:none}

.msgtop ul li a:hover{ text-decoration:underline}

strong.first,strong.sec,strong.thr,strong.four,strong.fiv{ cursor:pointer;}

ul.sec,ul.thr,ul.four,ul.fiv{ display:none}





/*--------------------------lightbox------------------------------*/



#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;top:160px !important;}

#lightbox a img{ border: none; }

#outerImageContainer{	position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}

#imageContainer{padding: 10px;}
#imageContainer img{ z-index:100 !important; position:relative}

#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}

#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 44%;height: 100%;background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;z-index:1000 !important; position:relative}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}



/* Min-Width */

.lbWidth { /* most browsers */position: absolute;top: 0px; left: 0px;width: 100%;min-width: 790px;}

* html .lbContent { /* IE6 */margin-left: -790px;position:relative;}

* html .lbMinWidth { /* IE6 */	padding-left: 790px;}



/* Clearfix */	

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 



.header .top,.container .top{ background-position:0 0}

.header .botm,.container .botm { background-position:0 -7px !important}

.breadcumbox .top{ background-position:0 -13px !important}

.breadcumbox .botm{ background-position:0 -17px !important}

.main_menu{ background-position:0 -21px !important}

.header_nav{ background-position:0 -55px !important}

.footer{ background-position:0 -75px !important}

.main_menu .search form{ background-position:-1003px 0 !important}

.links .exlinks a { background-position:-1003px -28px !important}

.st_facebook_vcount .stBubble, .st_fb_like_vcount .stBubble{ background-image:none !important}
.stButton .stBubble{ background:none !important; height:37px !important}
.st_facebook_vcount .stButton .stBubble .stBubble_count{ background:url(images/shareBg.png) no-repeat !important; width:45px !important; height:37px !important; font:14px Arial, Helvetica, sans-serif !important; color:#575f7b !important; padding-top:5px !important; border-radius:0 !important}
.st_facebook_vcount .stBubble_count, .st_fb_like_vcount .stBubble_count{ border:none !important}

.st_twitter_vcount .stBubble_count, .st_twitter_vcount .stBubble_count{ background:url(images/tweetBg.png) no-repeat !important;width:48px !important; height:34px !important;font:14px Arial, Helvetica, sans-serif !important; color:#2681a6 !important;padding-top:5px !important; border-radius:0 !important}
.st_twitter_vcount .stBubble{ background-image:none !important}
.st_twitter_vcount .stBubble_count, .st_twitter_vcount .stBubble_count{ border:none !important}
html#facebook .connect_widget_number_cloud{ background:url(images/fblikeBg.png) no-repeat !important; width:48px !important; height:31px !important}
.sharethis{ border:1px solid #c1cec0; background:#fff; padding:0 10px 4px;position:fixed; left:10px; top:115px; border-radius:5px}
.sharethis span{width:60px; margin:0; height:72px !important; display:block}
.sharethis span span{float:none; width:auto; margin:0} 
.stButton .stBubble{ margin:12px 0 3px !important}
.st_twitter_vcount .stButton .stBubble{ margin:5px 0 1px !important}