/* CSS Document for Tobacco and Cigarettes */
body {
	background:#452C18 url(/img/main.bkg.jpg) left top;	
}
.cleaner {
	clear: both;
	
}
a:active, a:focus {
	outline: 0;
}
ul {
        list-style-position:inside;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
/*---------------------------------MAIN CONTAINER------------------------------*/

#MainContainer {
	margin:0 auto;
	max-width:79%;
	min-width: 900px;
	background:#fff url(/img/left-side-background.gif) repeat-y left top;
	border:5px solid #fff;
}
/*-----------------------------------HEADER---------------------------------*/
#Header {
	background:#aa7759;
	height:92px;
	border-bottom: 1px solid #fff;
}
#Header a img {
	float: left;
}
/*---------------------------------TOP NAVIGATION-----------------------------*/
#TopNav {
	margin-top: 54px;
	float: right;
	height:38px;
	background: #fff;
	text-align: right;
}
#TopNav ul {
	list-style: none;
	float: left;
	padding-right: 4px;
	padding-left: 12px;
}
#TopNav ul li {
	display: block;
	float: left;
	padding:10px 7px 0 7px;
        height:38px; 
}
#TopNav ul li span {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#TopNav ul li a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}
#TopNav ul li a:hover {
	color: blue;
}
#TopNav ul li a.active {
	color: red;
}
/*--------------------------------Brands list--------------------------------*/
#BrandsListing {
	float:left;
	width: 217px;
	background: #F2EBDC;
	border-bottom: 4px solid #000;
	padding-bottom: 18px;
}
#BrandsListing ul {
	margin:18px 0 0 10px;
	list-style: none;
}
#BrandsListing ul li {
	float: left;
	width: 186px;
	display: block;

}
#BrandsListing ul li span.brandPrice {
	float: right;
	font: 12px Tahoma;
	padding-top:5px;	
}
#BrandsListing ul li a {
	display:block;
	text-decoration: none;
	color: #000;
	padding:5px  34px 5px 12px;
	float: left;
	font: 12px Tahoma;	

}
#BrandsListing ul li a:hover, #BrandsListing ul li a.active:hover {
	color: blue;
	background: #fff;
	text-decoration: underline;
	width: 80px;
	display: block;
}
#BrandsListing ul li a.active  {
	color: red;
	background: #fff;
	text-decoration: underline;
	display: block;
	width: 80px;
}
/*-------------------------------------SMOKER------------------------------*/
#SmokerBox {
	margin-left: 218px;
	height: 193px;
	background:url(/img/bkg-cheap-cigarettes-smoker.gif) repeat-x left top;
}
#SmokerBox div.Smoker {
	height: 193px;
	display: block;
	background:url(/img/cheap-cigarettes-smoker.jpg) no-repeat left top;
	text-align: right;
}
#SmokerBox div.Smoker img {
	float: right;

}
/*--------------------------------------BREADCRUMB--------------------------*/
div.Breadcrumb {
	background: #eef;
	height: 24px;
	margin:1px 0 0 218px;
	padding-left:12px;
}
div.Breadcrumb a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}
div.Breadcrumb span {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
div.Breadcrumb span.b_last {
	color: #a44;
}
/*----------------------------------CONTENT-------------------------------*/

#Content {
	margin-left: 218px;
	background: #fff;
	padding:10px;
}
#Content h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#C03;
	margin:10px 0;
        
	
}
#Content p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-bottom: 10px;
}
#Content p i {
	color:#808080;
	margin:0;
}
#Content h2 {
	color:#800000;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:14px;
}

/*------------------------------------PROMO---------------------------------*/
#Content div#Promo {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.PromoImg {
	display: block;
	width: 500px;
	float:left;
}
.PromoImg a img {
	margin:0 8px 8px 0px;
}
.PromoDesc {
	border: 1px solid #c00;
	background: #ffc;
	padding: 10px;
	display: block;
	margin-left: 501px;
	min-height:356px;
}
.PromoDesc ul {
	list-style: none;
	display: block;
}
.PromoDesc ul li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:12px;
}

/*----------------------------------FOOTER----------------------------------*/
#Footer {
	clear: both;
	height: 42px;
	background: #333;
	margin-left: 218px;
	
}
#Footer ul {
	list-style: none;
	text-align: right;
	padding: 6px 12px;
}
#Footer ul li {
	display: inline;
	margin:0 3px;
}
#Footer ul li a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ddd;
	text-decoration: none;
}
#Footer ul li a:hover {
	color: yellow;
	text-decoration: underline;
}
#Footer ul li span {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding:1px 5px;
}
#Footer ul li a.active {
	color: #5db0e7;
	text-decoration: underline;
}