/* GLOBAL ELEMENT STYLES */
html {overflow-y:scroll;}
html, body	{ height:100%; }
body		{ margin:0; background-color:#330100; background-image:url(../images/bg.gif);	background-repeat:no-repeat; } 
div, form	{ margin:0; padding:0; }
img			{ border:0; }
.clearing	{ height:0; clear:both; }
.clearfix {overflow:hidden;width:100%}

.center {text-align:center;}
.red { color: #F00}
.gray { color: #999}

/* TEXT STYLES */
div, td, th, p, input, 
textarea, select, a	{ font-family:verdana, helvetica, arial, sans-serif; font-weight:normal; font-size:11px; line-height:14px; color:#000000; }

h1 { font-family:impact, helvetica, arial, sans-serif; font-weight:normal; font-size:26px; line-height:36px; color:#666666; margin:0 0 6px 0; text-decoration:none; }
h2 { font-family:impact, helvetica, arial, sans-serif; font-weight:normal; font-size:24px; line-height:30px; color:#000000; margin:0 0 6px 0; text-decoration:none; }
h3 ,a.h3{ font-family:impact, helvetica, arial, sans-serif; font-weight:normal; font-size:18px; line-height:22px; color:#000000; margin:0 0 4px 0; text-decoration:none; }
a.h3 {display:block;}
h4 { font-family:verdana, helvetica, arial, sans-serif; font-weight:bold; font-size:13px; line-height:17px; color:#000000; margin:0 0 0 0; text-decoration:none; }
h4.impact { font-family:impact, helvetica, arial, sans-serif; font-weight:bold; font-size:14px; line-height:17px; color:#000000; margin:0 0 0 0; text-decoration:none; }
.bold {font-weight:bold;}
p  { margin:0 0 10px 0; }



div.grayline { height:3px; background-color:#808080; width:100%; margin-bottom:22px; }
div.grayline-close { height:3px; background-color:#808080; width:100%; margin-bottom:5px; }

/* GLOBAL LAYOUT */
#outer {width:970px;overflow:hidden;clear:both;}
#wrapper { width:770px;overflow:hidden;float:left; }
#outerrightcolumn {float: left; width: 200px;}
img#logo { margin:48px 0 12px 34px;	}
#leftcolumn { float:left; top:0px; left:0px; width:193px; }
#leftcolumn * { color:#ff9900; }
#leftcolumn #sidelegal { font-size:10px; line-height:13px; text-align:center; margin-top:193px; }

#catalognav { padding:0 0 14px 18px; }
#catalognav a { font-weight:bold;position:relative; z-index:25;display:block; width:158px; height:25px; padding-top:2px; margin: 3px auto auto 0px; text-decoration:none; background-image:url(../images/bg-leftnav.png); background-repeat:no-repeat; text-align:center; font-family: helvetica, arial, sans-serif; font-size:15px;line-height:18px; color:#000000; }
#catalognav a:hover { color:#FFFFFF; }
#catalognav a#active {  margin: 3px auto auto 0px; }

#subnav-wrapper	{ width:158px; text-align:center; background-color:black;padding:5px 0 0 0; position:relative;top:-18px;padding-top:25px;z-index:20;}
#subnav-wrapper a { display:block; width:158px; height:17px; white-space:nowrap; padding-top:0px; margin:0px; text-decoration:none; background-image:none; text-align:center; font-family:arial, helvetica, verdana, sans-serif; color:#ff0000; font-size:11px; font-weight:bold; }
#subnav-wrapper a:hover,
#subnav-wrapper a#active { color:#FFFFFF; background-image:none; }
.subnav-endcap { position:relative;width:158px; height:11px; margin-bottom:-15px; background-image:url(../images/bg-subnav-endcap.png); background-repeat:no-repeat;top:-18px; }

.navDivider{width:5px;height:14px;text-align:center;vertical-align:middle;padding-bottom:2px;}

#rightcolumn { width:577px;	float:right; }
.navTab,.navTab-on{float:left;height:44px}
.navTab {background:url(/common/images/tab-off.gif)}
.navTabEnd {float:left;height:44px;background:url(/common/images/tab-off.png) bottom}
.navTab:hover {background:url(/common/images/tab-on.gif)}
.navTab-on {background:url(/common/images/tab-act.gif)}

#header { padding-top:15px; color:#ff9900; text-align:right; font-size:10px; font-weight:bold; }
#cart-nav { margin:5px 0 11px 0; font-size:11px; color:#FFFFFF; }
#cart-nav .searchbox { padding:0px;	border:1px solid #ff0100; width:129px; height:15px;	color:#000000; margin:0 2px 0 3px; }
#cart-nav  img { margin:0 21px 0 8px; }
#tabnav { text-align:left;overflow:hidden; }

#breadcrumb { position:absolute; top:9px; left:20px; }
#breadcrumb img { margin:0 4px 0 4px; }
#breadcrumb a { font-size:11px; text-decoration:none; }

#content-wrapper { width:534px;}
#content { padding:25px 21px 1px 16px; /*width:534px;*/clear:left;overflow-x:hidden;width:100%;border-left:3px solid #ff0000; border-right:3px solid #ff0000; background-color:#cccccc; }
/* .ie6 #content, .ie7 #content {height:430px;}*/
.ie0 #content {min-height:430px;}
#content-cap { height:21px;	width:577px;float:left;background-image:url(../images/bg-contentcap-gray.png); background-repeat:no-repeat; }
#content-cap-new { height:21px;	width:577px;float:left;background-image:url(../images/bg-contentcap-gray-new.gif); background-repeat:no-repeat; }
#content-endcap { height:23px;	width:577px;background-image:url(../images/bg-contentendcap-gray.gif); background-repeat:no-repeat; }

#footer { padding:0 0 30px 0; color:#ffffff; font-size:11px; margin-top:13px; }
#footer img { margin:0 6px 0 4px; }
#footer a { color:#ffffff; font-size:11px; text-decoration:none; } 

.pagination {  background-color:#ff9900; margin:19px 0 8px 0; padding:0 5px 1px 0; font-size:10px; font-weight:bold; }
.pagination a { text-decoration:none; font-size:10px; font-weight:bold; }
.pagination a:hover, 
.pagination a.active { color:#cc0000;  }

div#main-image	{ float:right; margin:0 0 10px 15px;  }
/* div#main-image img	{ border:2px solid #FFFFFF; } */

div.items-wrapper 	{ border-top:3px solid #808080; padding-top:5px;overflow:hidden;width:534px; }
div.image-col		{ clear:left;float:left;   text-align:center; }
div.image-col img 	{ border:2px solid #FFFFFF; }
div.image-col a 	{ color:#ffffff; font-size:10px; }
div.text-col		{ float:left;  overflow:hidden; padding-left:10px;}
div.text-col div.items-left		{ float:left; width:380px; }
div.text-col div.items-left2	{ float:left; width:340px; }
div.text-col div.items-right	{ float:left; width:190px; }
div.text-col div.items-left a,
div.text-col div.items-right a 	{ display:block;float:left; text-decoration:none;width:190px; }
div.text-col div.items-left2 a  { display:block;float:left; text-decoration:none;width:170px; }


table.images	{ border-collapse:collapse; padding:0; border:0; margin:11px 0 13px 0; }
table.images td  { text-align:center; }
table.images td.right { padding-left:8px; }
table.images td img { border:2px solid #FFFFFF; }
table.images td a	{ font-size:10px; color:#FFFFFF; }
table.priceandqty	{ border-collapse:collapse; padding:0; border:0; margin:3px 0 5px 0; }
table.priceandqty td.price	{  width:135px; }
table.priceandqty td.buy	{ padding-top:2px; }
span.spanPrice	{float:right;text-align:left;font-weight:bold; }
span.spanQty{float:left;padding-right:4px;}

input.qty	{ padding:0; width:15px; height:14px; border:2px; text-align:center; }

/* Layout G,H product detail */
.brandWrapper {padding-bottom:10px;width:540px;overflow:hidden;}
.brandWrapperInner * {color:#FFF;}
.brandWrapperInner h2 { line-height: 28px; letter-spacing: .05em; }
.brandCap {float:left;width:540px;overflow:hidden;}
.brandWrapperInner {background-color:#000000;border-right:2px solid #f00;border-left:2px solid #f00;float:left;width:536px;}

.itemWrapperCigar {width:555px;padding:5px 0px;overflow:hidden;}
.itemWrapperCigar td {height:18px;}
.itemImageWrapperCigar {width:245px;float:left;text-align:center;padding-top:4px;padding-right:5px;}
.itemDetailWrapperCigar {float:left;width:108px;padding-top:4px;padding-right:5px;}
.itemDetailWrapperCigar span,.itemPriceWrapperCigar span  {font-size:9px;line-height:12px;}
.itemDetailWrapperCigar table{width:168px;}

.itemImageWrapperTobacco {width:185px;float:left;text-align:center;padding-top:4px;padding-right:5px;}
.itemDetailWrapperTobacco {float:left;width:168px;padding-top:4px;padding-right:5px;}
.itemDetailWrapperTobacco span,.itemPriceWrapperCigar span  {font-size:9px;line-height:12px;}
.itemDetailWrapperTobacco table{width:168px;}
.itemPriceWrapperCigar {font-size:9px;float:left;width:180px;}

.seriesWrapperCigar {float:left;padding-left:0px;width:540px;padding-bottom:10px;}

.itemWrapperLighter{width:270px;overflow:hidden;padding:5px 0px;margin-bottom:5px;float:left;}
.seriesWrapperLighter{ float:left;padding-left:0px;width:540px;border-bottom:solid #808080 3px; }
.itemDetailWrapperLighter {float:left;width:275px;}
.itemImageWrapperLighter{width:265px;float:left;}


/* PAGE SPECIFIC */
/* HOME PAGE */
#home-wrapper {width:532px; }
#home-wrapper #content { padding:1px 21px 1px 18px; background-color:#660000; }
#home-wrapper #content-cap { background-image:url(../images/bg-contentcap.png); }
#home-wrapper #content-endcap { background-image:url(../images/bg-contentendcap.gif); }
#home-wrapper h2 { color:#ffffff; }
#home-wrapper img#home { float:right; border:2px solid #ff0000; margin:0 0 10px 15px; } 
#home-wrapper p	{ color:#cccccc; }

/* CATALOG */
#catalog {width:100%;overflow:hidden;}
#catalog div.image-cols	{ width:120px; }
#catalog div.image-col img { border-bottom:13px solid #ff9a00; border-left:0; border-top:0; border-right:0; }
span.listLink {float:left;width:180px;padding:2px 0px;}
span.listLink a {text-decoration:none;}
span.listLink a:hover {color:#f00;}

/* CATEGORY */
#category div.items-wrapper 	{ padding-top:22px; width:540px; overflow:hidden;}

/* BRAND */
#brand div.items-wrapper h3 { margin-bottom:10px; }
.brandWrapperInner h2 {font-family:Arial,Verdana, Helvetica,sans-serif;font-size:24px;font-weight:bold;line-height:28px;}
/* DETAIL */
#detail div.items-wrapper 	{ border-top:3px solid #808080; padding-top:13px; }



#detail table.specs	{ border-collapse:collapse; padding:0; border:0; width:410px; }
#detail table.specs td	{ white-space:nowrap; }
#detail table.specs td.value1 { padding:0 35px 0 5px; text-align:right;  }
#detail table.specs td.value2 { text-align:right; }

/* Forms */
label.formLabel {float:left;text-align:right;padding-right:10px;display: block;width:150px;margin-top: 2px;}
input.formInput {float:left;display: block;width:200px;}
input.formInput-exp {float:left;display: block;width:40px;}
.formDiv {width:100%;padding-bottom:5px;}
.formDivTextArea, .formDiv{clear:left;overflow:hidden;}
.formButtonsDiv {width:100%;padding:20px 5px 5px 5px;}

/* Error Handling */
.inner-error { border:1px solid #C00; padding:6px; font-size:85%; margin-bottom:15px;background-color:#fff; }
.errmsg {clear:left;padding-left:160px;color:#F00;}
#success { border:1px solid #00F; padding:6px; margin-bottom:15px; font-size:85%;background-color:#fff; }

/* AJAX cart */
.updateFlashWrapper {display:none;border: #f00 solid 3px;margin:5px auto;background-color:#fff;}
.updateFlashWrapper * {font-size:10px;}
.updateFlashInner {width:523px; padding:10px 5px;overflow:hidden;}
.updateFlashInnerLeft {float:left;}
.updateFlashInnerRight {float:right;}

/* shopping cart */
#cartTable {border-collapse:collapse;}
#cartTable td {padding:5px;}
.cartHead {background-color:#ff9900;}
.cartHead td {border-left:1px solid #cccccc; font-weight:bold;}
.cartLine td {border-bottom:1px solid #ff9900;}

/* order Review */
.reviewTable {border-collapse:collapse;margin-bottom:10px;}
.reviewTable td {padding:5px;vertical-align:top}
.reviewHead td {border-left:1px solid #cccccc; font-weight:bold;}
.reviewLine td {border-bottom:1px solid #ff9900;}


.rightContainer {padding-top:170px;}
.relatedBrandContainer {width:191px;margin-bottom:5px; }
.relatedTitleBox {width:174px;height:31px;background:url(/common/images/bg-relatedTitle.gif);padding-left:17px; }
.relatedBrandBox {background-color:#000;color:#fff;padding:20px 17px;}
.relatedTitleBox h4 {line-height:31px;font-size:16px;font-family:Arial,Verdana,Helvetica}
.relatedBrandBox h4 {background-color:#000;color:#f00;margin-bottom:14px; }
.relatedLi,.relatedUl {list-style-type:none;margin:0;padding:0;}
.relatedLi a{color:#f00; text-decoration:none;}
.relatedLi a.active{color:#fff;}
.otherBrandsBox {width:157px;height:45px;background:url(/common/images/bg-right-select.gif);padding:17px;}
.otherBrandsBox span {color:#fff;font-size:12px;font-family:Arial,Verdana,Helvetica;padding-bottom:3px;}
#brandSelect {width:150px;margin-top:8px; }

/* jquery.lightbox-0.5.css */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}