/* Table of Content */
/* 

	Reset : 				Reset of browser default style
	Clearfix:				for Overflow fix
	Standard tag Def:		Theme color and Typography
	#container:				fixed with container (change as per layout.)
		|_ #header			header elements : logo 
	#navbar:				horizontal navigation bar
		|_ ul li			navigation links
		|_ .searchbox		search box
	#maincontent 			main-content wrapper width auto
		|_#column_left		left column 
		|_#column_middle	middle content column
		|_#column_right		right column
	#footer					sticky footer
		|_.banner_bottom	bottom threee content box
		
*/
/* RESET Browser Default Style dont change */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
:focus{outline:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/* Reset Ends */

/* Clear Fix for remove content overflow*/ 
.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.spacer{
	clear:both; font-size:0; line-height:0;
}
/* Clear fix ends */
/* *************************************************************************************** */
/* Standard Tag Defination */
body, html{
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: url(../images/body-bg.jpg) repeat;
	text-align: left; 
	color: #000000;	
}
h1{font:bold 24px Arial, Helvetica, sans-serif; color:#e1ded5;}
h2{font-size:18px;}
h3{font-size:13px;}
h1{font:bold 18px Arial, Helvetica, sans-serif; color:#e1ded5; padding:0;}
p{font:normal 12px/18px Arial, Helvetica, sans-serif; text-align:justify} /* font: font-weight font-size/line-height font-family; */
h2, h3{font:bold 15px Arial, Helvetica, sans-serif; color:#e1ded5; padding:6px 0;}
a{font:normal 12px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none}
a:hover{color:#000; text-decoration:none}
input{vertical-align:middle}
/* --------------------- Layout ---------------------------*/

#inner_column_content h2, #inner_column_content p { color:#000000; margin:0px 10px 0px 6px; }
#inner_column_content .generic-product-grid p { margin-bottom:10px }
#messages_product_view p { margin:0px }

html, body, #container {height: 100%;}
body > #container {height: auto; } /* IE6 Hack */
#container { 
	width: 960px;
	margin: 0 auto; /*  center the page */
	text-align: left;
} 
#header { background: url(../images/body-bg.jpg) repeat;;display:block; width:auto; padding: 0px; margin: 0px} 
#header h1 a{ padding:0px;font:bold 30px Arial, Helvetica, sans-serif; margin: 0 0 0 250px; float:left}

#header #newsbox{ float:right; background: #abdfec url(../images/newsbox.jpg) repeat-x top; width: 206px; height: 55px; padding: 5px; font-size: 11px;}
#header #newsbox a{ font-size: 11px;}
#header #newsbox .input{ background: #4e3202; padding: 4px; float: left; border: 0px; width: 170px; color: #FFFFFF; font-size: 11px; margin-right: 5px}

/* Banner styles */
.innerbanner{clear:both; background: #000; padding: 0px; height: 120px; margin-top:5px; margin-bottom: 5px;border:1px solid #000 }

.banner{clear:both; background:#000 url(../images/header.jpg) repeat-x right; padding: 0px; height: 640px; margin-bottom: 5px; }
.banner h1			{color:#fff; font-size:36px; margin: 0px; padding: 0px; background:url(../images/bjc-logo.jpg) no-repeat; display: block; width: 356px; height: 301px}
.banner h1 a		{ display: block; width: 356px; height: 300px; color: #000000; font-size: 0px}


#navbar{background: #ace0eb; display:block;}
#navbar ul, #navbar li{margin:0px; padding:0px; list-style:none; float:left;}
#navbar li a{text-transform:uppercase; background: #ace0eb;color:#353533;display:inline; float:left; padding:7px 2em;  border: 1px solid #addeec}
#navbar li a:hover {background: url(../images/menu-hover.jpg) repeat-x top;color:#addeec; display:inline; float:left; padding:7px 2em; margin-left:0px;}
#navbar li a.active {background: url(../images/menu-hover.jpg) repeat-x top;color:#addeec; display:inline; float:left; padding:7px 2em; margin-left:0px;}


#maincontent { width: 960px; display:block;  }
#maincontent h1{border-bottom:0px solid #ccc; padding-bottom:4px; margin-bottom:4px;}
#column_content	{width:600px;float:left; margin-left: 20px}

#column_left{width:300px; float:left; padding:0px 15px; position:relative;}
#column_left .collection ul li{width:94px; float:left; margin-right: 6px}



#maincontent_inner	{ min-height:300px; background: #FFF}
#maincontent_inner h1{margin:0px;padding:6px; background: #ace0eb; color: #4f0401}

#inner_column_content	{width:750px;float:left; margin-left: 10px; min-height:462px; background: #FFF}
#inner_column_content h1{margin:0px;padding:6px; background: #ace0eb; color: #4f0401}
#inner_column_left{width:200px; float:left;  position:relative;}
#inner_column_left .head h3{ background: #480703; padding-left: 6px;}
#inner_column_left .collection{ background: #f2ffff; padding: 6px 6px 12px 6px;}
#inner_column_left .collection a{ border-bottom: 1px solid #ace0eb; display: block; padding: 4px; }
#inner_column_left .collection a.active{ color:#480703;font-weight:bold; }

/* Flexible Round */
div.round3 {width: 600px; margin-top:10px; position:relative; margin-bottom:10px;}
div.round3 div.text{padding:10px;}
div.round3 span.tr{display:inline; width:25px; position:absolute; top:0; right:-1px; margin:0; padding:0; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px 10px 0px; background-color:#F7FFFF }
#contactform .validation-advice{ clear:both;margin-left:110px}
#contactform input.validation-failed, #contactform select.validation-failed, #contactform textarea.validation-failed { border:1px solid #FF3300 }

#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block;  color:#EEEEE; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input { width:440px; border:1px solid #dedede; margin:5px 0; padding:4px 2px; height:16px; background:#FFFFFF; float:left;}
#contactform input.button { width:auto; margin:0; padding:0px; height:auto;}
#contactform input.file { width:auto; border:1px solid #dedede; margin:5px 0; padding:4px 2px;height:auto;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:5px 0; padding:2px; background:#fffff; float:left;}
#contactform li.buttons input { background: #520100 url(../images/btn-bg.gif) repeat-x top center; padding: 6px 9px; border: 1px solid #a1a1a1; color: #fff; margin-left:110px; cursor: pointer; outline: none}
input.buttons { background: #520100 url(../images/btn-bg.gif) repeat-x top center; padding: 4px 6px; border: 1px solid #a1a1a1; color: #fff; cursor: pointer; outline: none}
#contactform select { width:444px; border:1px solid #dedede; margin:5px 0; padding:4px 2px;  background:#fffff; float:left;}

#contactform span.buttons1 input { margin:4px 5px; background:#D0EFF2; padding: 6px 9px; color: #fff; float:left; cursor: pointer; outline: none}

/********** CHECKOUT form **********/
#checkoutform { margin:0; padding:5px 10px 10px 0px; }
#checkoutform .validation-advice{ clear:both;margin-left:110px}
#checkoutform input.validation-failed, #checkoutform select.validation-failed, #checkoutform textarea.validation-failed { border:1px solid #FF3300 }
#checkoutform .checkouttable{ color: #000; border: 1px solid #DCC5B5; width: 460px}
#checkoutform .checkouttable td{ padding: 4px; }
#checkoutform ol { margin:0; padding:0; list-style:none;}
#checkoutform li { margin:0; padding:0; background:none; border:none; display:block;}
#checkoutform li.buttons { margin:5px 0 5px 0;}
#checkoutform label { margin:0; width:110px; display:block;  text-transform:capitalize; float:left;}
#checkoutform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#checkoutform input { width:300px; border:1px solid #dedede; margin:5px 0; padding:4px 2px; height:16px; background:#D0EFF2; }
#checkoutform input.button { width:auto; margin:0; padding:4px; color: #FFFFFF; font-weight: bold; height:auto; background:#520100}
#checkoutform input.file { width:auto; border:1px solid #dedede; margin:5px 0; padding:4px 2px;height:auto;}
#checkoutform textarea { width:440px; border:1px solid #dedede; margin:5px 0; padding:2px; background:#D0EFF2; }
#checkoutform li.buttons input { background:url(../images/btn-bg.gif) repeat-x top center; padding: 6px 9px; border: 1px solid #a1a1a1; color: #fff; margin-left:110px; cursor: pointer; outline: none}
#checkoutform select { width:444px; border:1px solid #dedede; margin:5px 0; padding:4px 2px;  background:#D0EFF2;}

#checkoutform span.buttons1 input { margin:4px 5px; background:#D0EFF2; padding: 6px 9px; color: #fff; float:left; cursor: pointer; outline: none}



/* Stickey Footer Starts */
#footer-container{width: 960px; margin: 10px auto 20px auto; padding: 0px; height: 70px;}
#footer-container .newsletter{background:url(../images/newsletter-bg.jpg) no-repeat; height: 40px; padding: 12px 0px 0px 18px; color: #FFFFFF; width: 450px; margin: 0px}
#footer-container .newsletter p{ float: left; font: bold 14px Arial, Helvetica, sans-serif; margin-right: 5px;}
#footer-container .newsletter input{ font: normal 12px Arial, Helvetica, sans-serif; background: #e1ded9; border: 1px solid #cbc8c2; padding: 4px; width: 230px}
#footer-container .best-seller{background:url(../images/best-seller-bg.jpg) no-repeat; display: block; width: 434px; height: 134px; padding: 15px; float: right}\
#footer-container .best-seller li{ list-style: none; background:url(../images/bullet.jpg) no-repeat left 8px; color: #510100; padding-left: 12px; line-height: 20px}
#footer-container .best-seller li a{ color: #510100; text-decoration: none}
#footer-container .best-seller li a:hover{ color: #510100; text-decoration: underline}

#footer {
	margin:0 auto;
	clear:both;
	background: #520100;
	width:960px;
} 
#footer p, #footer a{text-align:center; font-size:11px; color:#000000; padding: 10px; text-align: right; color: #b29881;}
#footer a:hover{text-decoration:underline;}

/* ***************** CUSTOM CLASSES ********************** */

.small-text{font-size:11px;}
.left-align{text-align:left}
.right-align{text-align:right}
.fltrt {float: right;}
.fltlft {float: left;}
.clr {clear: both; height: 1px; overflow: hidden; visibility:hidden; display: block;}
.hide{display:none;}
.right{float:right}
.left{float:left}
.fl_none{float:none;}
.cl{clear: both;}
.red{color:Red}
.white{ color:#fff}
.green{color:#80A71F}
.small{font-size:11px;}
.italic{font-style:italic;}
.margin{ margin:10px;}
.margin-left{ margin-left:10px;}
.margin-right{ margin-right:10px;}
.margin-right2{ margin-right:20px;}
.padding{ padding:10px;}
.background_none{ background:none;}
.border_none{border:none}
.light_grey{color:#F2F1E8 }
.width_half{ width:50%;}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearboth{clear:both}

.listing-type-grid{ padding: 10px; background: #fff; margin-bottom: 10px}
.generic-product-grid h5{ color: #000;}
.generic-product-grid h5 a{ font-size: 13px; color: #000; font-weight: bold; line-height: 120%;}
.generic-product-grid h5 a:hover{ font-size: 13px; color: #000; font-weight: bold; text-decoration: underline}
#product-list-table{ border: 0px solid #00FFFF; background: #fff}
.price-box{ margin: 6px 0px}
.price-box .regular-price .price{ padding: 0px; font-weight: bold; color: #008caf; font: 22px; font-weight: bold; margin: 0px; font-size: 16px}
.catalog-listing{ border: 0px solid #fff}
.generic-product-grid td{ background: #f2ffff; border: 1px solid #DCC5B5; padding: 10px; width: 185px;}
.product-image{ border: 1px solid #DCC5B5; min-height: 160px; vertical-align:middle; background: #FFF; margin: 0px; text-align: center; margin-bottom: 6px;}


.padder{ padding: 10px 10px 20px 10px}

#messages_product_view{background: #fff;}
.product-img-box{ float:left; margin-right: 10px;}
.product-info-box h3{ color: #2a180a; font: bold 20px Arial, Helvetica, sans-serif}


.more-views ul{ margin: 0px; padding: 0px;}
.more-views ul li{  padding: 1px; margin: 1px;float: left;min-height:75px;width:70px; border: 1px solid #ace0eb;}
.more-views ul li img{}

.carttable {  margin-top: 10px}
.carttable thead{ padding: 2px; font-weight: bold; background: #ace0eb; color: #520100;}
.carttable thead th { height:25px; border:1px solid #DCC5B5;padding:0px 5px; font-weight:bold; }
.carttable td{ padding: 2px; line-height: 150%; border: 1px solid #DCC5B5}

.totalamt{font-size:16px;font-weight:bold; background: #fff; margin: 10px 0px; }
.totalamt td{padding: 4px}
.small { color: #FF0000; }

.addtocart { margin:6px 0px; }
#inner_column_left .mycart ul li {margin-bottom:5px;}
#inner_column_left .mycart ul li a { display:inline; border-bottom:none; padding:0px; }
#inner_column_left .mycart ul { margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ACE0EB }
#inner_column_left .mycart p { text-align:left; }

small { color:#FF0000; font-size:12px; }
.more-views {margin:0 0px 0 6px; width:304px; }
#inner_column_content .product-img-box p.product-image-zoom { margin-right:0px;min-height:300px;width:300px; }

/* rotator in-page placement */
div#rotator {
	
}
/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img {
	
}
div#rotator ul li.show {
	z-index:500
}