/* CSS Document */


/* basic styles */
*{ margin:0; padding:0;}
html,body{ 
background: #000 url('/content/images/bg.jpg') repeat-x top left;
font-family:Georgia, "Times New Roman", Times, serif;
width:100%;
}
img{ border:0;}
ul,ul li{ list-style-type:none;}
/*ol, ol li{ list-style-type:none;} */

.toleft{ float:left;}
.toright{ float:right;}
.clear{ clear:both;}
.strong{ font-weight:bold;}
.hide{ visibility:hidden;}
fieldset{ border:0pt;}
.color999{ color:#999;}
.bold{ font-weight:bold;}
.flash{ color:Red; font-size:11px;}
.removeit{ display:none;}
a
{
  outline: none; text-decoration:none;
}
* :focus { outline: 0; } /*this Dotted border on clicking link item in firefox */
/* clear spaces */

.clear{ clear:both; overflow:hidden;}
.clear3{ clear:both; height:3px; overflow:hidden;}
.clear5{ clear:both; height:5px; overflow:hidden;}
.clear7{ clear:both; height:7px; overflow:hidden;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear12{ clear:both; height:12px; overflow:hidden;}
.clear14{ clear:both; height:14px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear17{ clear:both; height:16px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clear25{ clear:both; height:25px; overflow:hidden;}
.clear26{ clear:both; height:26px; overflow:hidden;}
.clear30{ clear:both; height:30px; overflow:hidden;}
.clear35{ clear:both; height:35px; overflow:hidden;}
.clear50{ clear:both; height:50px; overflow:hidden;}
.clear65{ clear:both; height:65px; overflow:hidden;}
.clear72{ clear:both; height:72px; overflow:hidden;}
.clear74{ clear:both; height:74px; overflow:hidden;}
.clear132{ clear:both; height:132px; overflow:hidden;}
/*margin left*/
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml10{ margin-left:10px;}
.ml12{ margin-left:12px;}
.ml15{ margin-left:15px;}
.ml21{ margin-left:21px;}
.ml24{ margin-left:24px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml65{ margin-left:65px;}
.ml40{ margin-left:40px;}
.ml80{ margin-left:80px;}
.ml86{ margin-left:86px;}
.ml130{ margin-left:130px;}
.ml170{ margin-left:170px;}
.ml180{ margin-left:180px;}
.ml190{ margin-left:190px;}
.ml388{ margin-left:388px;}
/*margin right*/
.mr5{ margin-right:5px;}
.mr8{ margin-right:8px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr21{ margin-right:21px;}
.mr24{ margin-right:24px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr43{ margin-right:43px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr86{ margin-right:86px;}
/*move up*/
.mu2{position:relative; top:-2px;}
.mu3{position:relative; top:-3px;}
.mu5{position:relative; top:-5px;}
.mu8{position:relative; top:-8px;}
.mu10{position:relative; top:-10px;}
.mu158{position:relative; top:-158px;}
/*move down*/
.md1{position:relative; top:1px;}
.md2{position:relative; top:2px;}
.md3{position:relative; top:3px;}
.md4{position:relative; top:4px;}
.md5{position:relative; top:5px;}
.md6{position:relative; top:6px;}
.md8{position:relative; top:8px;}
.md158{position:relative; top:158px;}
.white{ color:#fff;}
/* Layout styles */
#outer_wrap{ width:950px; background-color:transparent; font-family:inherit; margin:0 auto;}
#innter_wrap 
{
	width:880px; 
	background-color:#ffffff; 
	padding:0 35px;
	height: expression(document.body.clientWidth < 1200? "870px" :"auto"); 
	min-height:600px;  /*min height work for all browsers */
	height: auto !important;
	height: 600px;
	
	 }

#innter_topcontainer{ clear:both; float:left; width:100%;}

span.userinfo 
{
color:#999999;
float:left;
font-family:Georgia;
font-size:10px;
line-height:30px;
margin-right:5px;
text-decoration:none;
vertical-align:middle;
}

div.maindivider
{
	width:100%;
	background-image:url(/content/images/greyline-divider.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	border:solid 0px #f2f2f2;
}
div.maindivider hr
{
	display:none;
}
div.quickviewdivider
{
	width:100%;
	background-image:url(/content/images/greyline-divider.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	border:solid 0px #f2f2f2;
	position:relative;
	top:-155px;
}
div.quickviewdivider hr
{
	display:none;
}
div.quickviewdivider_short
{
	width:100%;
	background-image:url(/content/images/greyline-divider.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	border:solid 0px #f2f2f2;
	position:relative;
	top:-125px;
}
div.quickviewdivider_short hr
{
	display:none;
}

div.dotdivider
{
	width:100%;
	background-image:url(/content/images/greydots-divider.jpg);
	background-position:left center;
	background-repeat:repeat-x;
	height:3px;
	border:solid 0px #f2f2f2;
}
div.dotdivider hr
{
	display:none;
}

div.formdivider
{
	width:440px;
	background-image:url(/content/images/greydots-divider.jpg);
	background-position:left center;
	background-repeat:repeat-x;
	height:3px;
	border:solid 0px #f2f2f2;
}
div.formdivider hr
{
	display:none;
}


#breadcrumb{ display:block; height:30px; margin-bottom:15px;}
a.homepagebanner:link, a.homepagebanner:active, 
a.homepagebanner:visited, a.homepagebanner:hover{ width:504px; height:73px; margin-right:40px; display:inline-block;}
.hvbannerempty{width:504px; height:73px; margin-right:40px;}
.hvbanner{ width:504px; height:73px;}
a.bclnk:link, a.bclnk:active, 
a.bclnk:visited, a.bclnk:hover
{ float:left; text-decoration:none; color:#999; font-family:Georgia; font-size:10px; margin-right:5px; line-height:30px; vertical-align:middle;}

/*left container */
#leftnav_container{ float:left; width:202px; margin-right:35px; }
#detail_leftnav_container{float:left; width:400px; margin-right:35px; }

#leftnav_faqcontainer{ float:left; width:230px; margin-right:35px; }
#vertical_thumbs{ float:left; width:84px; margin-right:35px;}
.smlimg{ width:82px; height:109px; border:solid 1px #ccc;}
.smlimgv{ width:82px; height:109px; border:solid 1px #ccc; margin-bottom:15px; display:block;}
#show_main_img{ float:left; width:280px;}
div.leftdivider
{
	width:100%;
	background-image:url(/content/images/greyline-divider.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	border:solid 0px #f2f2f2;
}
div.leftdivider hr
{
	display:none;
}
.lefttitle{ font-size:12px; color:#547e01; margin:10px 0 10px 0;}


p.size_checkbox_pair {
float: left;
position: relative;
width:75px;
margin-bottom:2px;
}
p.size_checkbox_pair span
{
	position:relative;
	top:2px;
}

p.label_checkbox_pair {
float: left;
position: relative;
width:75px;
margin-bottom:2px;
}
p.label_checkbox_pair span
{
	position:relative;
	top:2px;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#666;
	float:left;
}

p.label_checkbox_pair span img
{
	position:relative;
	top:2px;
}
p.label_checkbox_pair input 
{
	float:left;
	left: 0pt;
	position: absolute;
	top: 3px;
}
p.label_checkbox_pair label , p.label_checkbox_pair span
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#666;
	float:left;
	width: 30px;
	margin-left:20px;
}

p.label_checkbox_showoffer {
float: left;
position: relative;
width:200px;
}
p.label_checkbox_showoffer input 
{
	float:left;
	left: 0pt;
	position: absolute;
	top: 3px;
}
p.label_checkbox_showoffer label,p.label_checkbox_showoffer span
{
	font-family:Georgia;
	font-size:11px;
	color:#666;
	float:left;
	margin-left:20px;
}

.refinelabel{ font-size:12px; color:#3f2e21;}
a.helplabel:link,a.helplabel:visited, 
a.helplabel:active,a.helplabel:hover{ font-size:10px; color:#547e01; position:relative; top:1px; text-decoration:none;}
a.helplabel:hover{ color:#9AD501}

/*right container - main container*/

#right_container{  float:left; width:643px;}
#right_container_shrink{ float:left; width:643px; }
#detail_right_container{ float:left; width:440px; }
#right_faqcontainer{ float:left; width:615px;}
.detail_desprition{ font-size:12px; line-height:150%; margin:5px 0; color:#666;}
.txt01{ font-family:Georgia; font-size:11px; color:#3f3e21; position:relative; top:-10px;}
.txt02{ font-family:Georgia; font-size:12px; color:#547e01; }

.detailtitle{ font-family:Georgia; font-size:16px; color:#547e01; font-weight:normal;}
.detailsubtitle{ font-size:12px; color:#3F2E21;font-weight:normal;}
.detailsubsubtitle{ font-size:12px; color:#3F2E21; font-weight:normal;}
.detailcontent{ color:#666; font-size:12px;}
.relatetitle{ font-size:12px; color:#547e01; margin:5px 0; font-weight:normal;}
.sizelabel{ font-size:11px; color:#999;}
#pagenav_top{ float:right; margin-top:10px;}
#pagenav_bottom{}
.pagenumber{ font-size:11px;}
.detailpagenav{ margin-top:5px; float:right;}
.leftarrow{ position:relative; top:3px; margin-right:15px; float:left; }
.rightarrow{ position:relative; top:3px; margin-left:10px; float:left;}


.shoppingtabtxt{ font-size:12px; color:#fff;}
.shopimg{ float:left; width:450px;}
.mapimg{ float:left; width:450px;}

#panelbar, #panelbar2{ position:relative; background:transparent url("/content/images/btn-slideup.gif") no-repeat left center;display:block; width:224px; height:22px; padding-top:5px; padding-left:10px;}
#detail_quickviewpanel{ position:relative;display:block; background-color:#fff; z-index:3001;}
.detailnav, a.detailnav:link, a.detailnav:active, 
a.detailnav:visited, a.detailnav:hover{ color:#547E01; font-size:10px; text-decoration:none;}

#quickviewpanel{}

#panelbar a:link,#panelbar a:active, 
#panelbar a:visited, #panelbar a:hover,
#panelbar2 a:link,#panelbar2 a:active, 
#panelbar2 a:visited, #panelbar2 a:hover
{ background: transparent url(/content/images/btn-arrow-up.gif) no-repeat left center; text-decoration:none; display:inline-block; width:14px}

#panelbar a.selected:link,#panelbar a.selected:active, 
#panelbar a.selected:visited, #panelbar a.selected:hover,
#panelbar2 a.selected:link,#panelbar2 a.selected:active, 
#panelbar2 a.selected:visited, #panelbar2 a.selected:hover
{ background: transparent url(/content/images/btn-arrow-down.gif) no-repeat left center; text-decoration:none; display:inline-block;width:14px}

ul#relatethumb{ height:109px; margin-bottom:10px;}
ul#relatethumb li{ float:left;}
ul#relatethumb li a:link, ul#relatethumb li a:active,
ul#relatethumb li a:visited, ul#relatethumb li a:hover
{
	margin-right:17px; text-decoration:none;
}
.imgborder{ border:solid 1px #ccc;}

ol.faq
ol.faqlist li a:link, ol.faqlist li a:active, ol.faqlist li a:visited, ol.faqlist li a:hover{ text-decoration:none; color:#666;}
ol.faqlist li a:hover{ color:#547E01;}

/* one column container for content pages */
#main_container,#content_container{ clear:both; width:100%; height:inherit; margin:10px 0 20px 0; float:left; color:#666; font-size:12px;}
#content_container p , #main_container p{ clear:both; margin-top:10px; }
.content_title{ font-size:16px; color:#547e01; margin-bottom:15px; font-weight:normal;}
.tabcontent{
/*display:none;*/
}
#quickviewpanel_wrap{  position: relative;top:-150px;}
#quickviewpanel_wrap_short{  position: relative;top:-150px;}

#quickviewpanel2{ float:left; position:relative; top:-186px;}
 #quickviewpanel2_short{ float:left; position:relative; top:-155px;}
.quickviewitem_panel{ position:relative; top:-45px;left:5px;}

/*size chart table */

.sizetable td
{
	
	color:#333; 
	font-size:10px;
	padding:3px 5px; 
	text-align:left;
	border-bottom: solid 1px white;
	border-right:solid 1px white;
	empty-cells:show;
	 
}
.sizetable td.cattitle, .cattitle
{
	
	color:#547E01; 
	font-size:14px;
	font-weight:bold;
	height:25px;
	padding:3px 5px; 
	text-align:left;
	width:150px;
}
.sizetable td.sizetitle, th.sizetitle
{
	background-color:#ddd; /*3f2e21*/
	color:#333; 
	font-size:12px;
	height:25px;
	padding:3px 5px; 
	text-align:left;
	width:100px;
}
.patterncolumn{ width:150px; height:150px; background-color:#ffffc6;}
.sizescolumn{ background-color:#e9e9e9; width:30px;}
.coloumstyle01{ background-color:#e9e9e9; padding:8px 0 8px 5px;}


/*check out style */

.itemdetails{ float:left;}
.itembuttons{ float:right; width:145px;}

.explainnote{ font-size:12px; color:#666;}
a.delnotes:link, a.delnotes:active, 
a.delnotes:visited, a.delnotes:hover,
a.shoplinks:link,a.shoplinks:active, 
a.shoplinks:visited,a.shoplinks:hover
{ color:#6699cc; font-size:12px;}

.checkout_items{ float:left; width:100%;}
.discount_section{ }
.itemimg{ float:left; width:87px; margin-right:50px; }

.checkoutitem_title{ font-size:12px; color:#3F2E21; font-weight:normal; text-align:right; margin-right:15px; width:70px; display:inline-block;}
.pricetag{ font-size:13px; color:#3F2E21; font-weight:normal;}
.hint{ font-size:10px; color:#0099ff;font-weight:normal;}
.voucherlabel{ font-size:12px; color:#3F2E21; font-weight:normal; text-align:right; margin-right:18px; width:150px; display:inline-block; vertical-align:top;}
.discountlabel{font-size:11px; color:#3F2E21; display:inline-block; width:100px; text-align:right; margin-right:5px;}
.discountprice{font-size:11px; color:#547E01;}
.finaltotal{ font-size:15px; color:#3F2E21; display:inline-block; width:100px; text-align:right; margin-right:5px;}
.finalprice{ font-size:15px; color:#547E01;}
.voucherlabel2{ font-size:12px; color:#3F2E21; font-weight:normal; text-align:right; margin-right:15px; width:230px; display:inline-block; vertical-align:top;}

.discount_section{ }
.discount_left{ float:left; margin-left:58px;}
.discount_right{ float:right; margin-right:20px;} 
.checkout_btns{ float:right;}

/*new scroll panel*/
		.wrapscroll_outter{background-color:#fff; width:100%; height:130px; display:block; border-top:solid 1px #ececec; margin-top:4px;}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}	
		#totalprice_panel{ float:left; position:relative; top:30px; background-color:#fff; margin-left:45px;}
		
		.totalstyle{ font-size:11px; color:#333;}
		.totallabel{ font-size:11px; color:#547E01;}
		.totalpricelabel{ font-size:10px; font-weight:bold; color:#547e01;}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			/*margin: 20px 0;*/
			position: relative;
			width: 300px;
			float:left;
			margin-left:15px;
			margin-top:10px;
		}
		

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 300px; height: 200px; background: #ccc; overflow: scroll}
		.csw .loading {margin: 50px 0 50px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #ececec; /* this is the border. should have the same value for the links */
			border-top:0pt;
			border-bottom:0pt;
			margin: auto;
			width: 300px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 118px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;

			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 64px; /* Also specified in  .stripViewer  above */
			padding:0 5px;

		}
		
		.scrollthumb{ width:64px; height:78px; border:solid 1px #ccc; margin-bottom:2px;}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding-top: 2px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			display:none;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 200px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 120px;
			width: 15px;
		}
		
		.stripNavL {
			left: -15px;
			top:-1px;
		
		}
		
		.stripNavR {
			right: -17px;
			top:-1px;
		}
		
		.stripNavL {
			background: url("/content/images/btn-slidetoleft.jpg") no-repeat center;
		}
		
		.stripNavR {
			background: url("/content/images/btn-slidetoright.jpg") no-repeat center;
		}
	
.scrollquantity
{
				font-size:10px;
				color:#666;
				font-family:Verdana;
				float:left;
}
			
.scrollprice{
				font-size:10px;
				color:#547e01;
				font-family:Verdana;
				float:left;
}		
a.removeitem:link, a.removeitem:active, a.removeitem:visited,a.removeitem:hover{ float:left; display:inline-block; background:transparent url("/content/images/btn-minus.jpg") no-repeat left center; width:13px; height:13px; margin-right:5px; text-decoration:none;}
a.additem:link, a.additem:active, a.additem:visited,a.additem:hover{ float:left; display:inline-block; background:transparent url("/content/images/btn-plus.jpg") no-repeat left center; width:13px; height:13px; margin-right:5px; text-decoration:none;}

.showofferlabel,.giftwraplabel{ float:left;}
.
/*for WYSIWG style */
.wycontent
{
	font-family:Georgia;

}
.wycontent p{ line-height:130%;}
.wycontent ol li, .wycontent ul li{ list-style-position:inside}
.wycontent ul li{ list-style-type:disc;}
.wycontent p a:link, .wycontent p a:active, .wycontent p a:visited, .wycontent p a:hover{ color:#0099ff;}

/* the registation page */
.field-validation-error{ font-size:10px; color:Red;}

/*the Delivery Charge Style*/
.dctbheader
{
	background-color:#666;
	color:#fff;
	height:25px;
	padding-left:5px;
}
.dcrow
{
	padding-left:5px;
	background-color:#eee;
	height:20px;
}
.alterrow
{
	padding-left:5px; background-color:#eee;
}

a.help:link, a.help:visited, a.help:active, a.help:hover
{
	margin-left:5px;
	font-family:Arial;
	font-size:10px;
	color:#6699cc;
	text-decoration:none;
}
a.viewsizechart:link,a.viewsizechart:visited,a.viewsizechart:active,a.viewsizechart:hover
{
	color:#547e01 ;font-size:10px; float:left; text-decoration:none;
	position:relative;
	top:2px;
}

a.lnk02:link,a.lnk02:visited,a.lnk02:active,a.lnk02:hover
{
	color:#547e01 ;
	font-size:12px; 
	text-decoration:none;
}
a.termlnk:link,a.termlnk:visited,a.termlnk:active,a.termlnk:hover
{
	color:#547e01 ;
	font-size:10px; 
	text-decoration:none;
	margin-right:5px;
	
}

.date-pick
{
	width:120px;
	height:20px;
	padding-top:2px;
	padding-left:2px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, "Trebuchet MS";
	font-size:11px;
	border:1px solid #cccccc;
	color:#666666;
	
}