/* --------------------------------------------- *\
   CSS Document for MYDISCOUNTCIGARETTE.COM SITE
\* --------------------------------------------- */

/*__________________________________________________________________________ # DEFAULTS
*/
html {
  background: #ffaf60 url('/images/main.header.bgk.gif') repeat-x left top;
}

body {
  background: url('/images/body.lft.bkg.gif') no-repeat left top;
  font: normal 14px "Trebuchet MS", Arial, Tahoma;
}

a:active, a:focus {
  outline: 0;
}

h1 {
  font: normal 21px "Trebuchet MS";
  color: #CC3333;
  margin-bottom: 5px;
}

h2 {
  font-size: 17px;
  font-family: tahoma;
  font-weight: normal;
  color: #c33;
}

p {
  color: #000;
  margin-bottom: 15px;
  line-height: 22px;
}

em, i {
  font-style: italic;
}

strong, b {
  font-style: bold;
}

ul li {
  list-style: none;
}

ul {
  margin-bottom: 15px;
}

hr {
  height: 1px;
  padding: 0;
  margin: 7px 0;
  border: none;
  background-color: #ddd;
}

/*__________________________________________________________________________ # GENERIC STUFF
*/
.cleaner {
  clear: both;
}

.markdown-html-error, .parsing_error {
  color: #c00;
  padding: 9px;
  background-color: #fdd !important;
  border: #c00 2px solid !important;
}

img.no_border {
  padding: 0 !important;
  border: none !important;
  margin: 5px;
  margin-top: 5px;
}

img.no_border[align=left] { margin-left: 0px !important; }
img.no_border[align=right] { margin-right: 0px !important; }

.preloading_image {
  background: #fff url('/images/ajax-loader.gif') no-repeat 50% 50%;
}

/*__________________________________________________________________________ # HEADER
*/
#Header {
  margin: 0 auto;
  background: url('/images/header.bkg.jpg') no-repeat left top;
  width: 1200px;
  height: 266px;
}

#Header a img.logo {
  margin: 48px 0  0 178px;
  float: left;
}

#Header a:hover img.logo {
  opacity: 0.8;
}

/*__________________________________________________________________________ # TOP NAV
*/
#TopNav {
  display: block;
  float: left;
}

#TopNav ul {
  list-style: none;
  padding-top: 20px;
}

#TopNav ul li {
  display: block;
  height: 28px; 
  text-align: left;
  width: 194px;
  margin-bottom: 20px;
}

#TopNav ul li.fst a {
  padding-left: 72px;
}

#TopNav ul li.middle {
  width: 174px;
}

#TopNav ul li.center {
  width: 154px;
}

#TopNav ul li a {
  display: block;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  height: 28px;
  padding-left: 92px;
}

#TopNav ul li.active a, #TopNav ul li a:hover {
  background: #000 url('/images/active.button.side.gif') no-repeat right top;
  color: #fff;
}

/*__________________________________________________________________________ # EXTRA LINKS
*/
#exLinks {
  display: block;
  padding-top: 230px;
  float: right;
}

#exLinks ul {
  list-style: none;
  padding-right: 140px;  
}

#exLinks ul li {
  display: inline;
  margin-right: 26px;
}

#exLinks ul li a {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
}

#exLinks ul li a.shoppingcart {
  background: url('/images/cart.gif') no-repeat left  50%;
  padding-left: 22px;
}

#exLinks ul li a.shoppingcart:hover {
  background: url('/images/cart.hover.gif') no-repeat left 50%;
  padding-left: 22px;
}

#exLinks ul li a:hover {
  color: #e67200;
  text-decoration: underline;
}

/*__________________________________________________________________________ # MAIN CONTAINER
*/
#MainContainer {
  margin: 0 auto;
  width: 928px;
  background: url('/images/left.side.line.gif') repeat-y left top;
  padding-left: 26px;
}

/*__________________________________________________________________________ # LEFT SIDE BAR
*/
#LfbarSide {
  width: 238px;  
  float: left;  
}

/*__________________________________________________________________________ # BRANDSLINSTING
*/
#Brandslisting {
  width: 238px;
  background: #000 url('/images/left.side.brandlisting.gif') repeat-y left top;
  padding-bottom: 20px;
}

#Brandslisting h1 {
  display: block;
  font-size: 27px;
  color: #ffaf60;
  padding: 8px 30px;
  border-bottom: 1px solid #826951;
  margin-bottom: 15px; 
}

#Brandslisting ul {
  list-style: none;
}

#Brandslisting ul li {
  display: block;
  width: 119px;
  float: left;
  margin-bottom: 2px;
}

#Brandslisting ul li a, #Brandslisting ul li span.active {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  display: block;
  padding-left: 36px;
  height: 19px;
  line-height: 19px;
}

#Brandslisting ul li a.bestseller {
  background: transparent url('/images/icons/star.png') no-repeat 17px 50%;
  font-weight: bold;
  color: gold;
}

#Brandslisting ul li a:hover {
  text-decoration: underline;
}

#Brandslisting ul li span.active {
  color: #000;
  text-decoration: none;
  background: #ffaf60 url('/images/active.brnd.right.side.jpg') no-repeat right 50%;
  cursor: pointer;
}

#Brandslisting ul li.scd span.active {
  background: #ffaf60 url('/images/active.brnd.left.side.jpg') no-repeat left 50%;  
}

/*__________________________________________________________________________ # INFO TABLE
*/
#InfoTable {
  width: 238px;
}

#InfoTable h1 {
  font-size: 27px;
  color: #ffaf60;
  padding: 8px 0 0 30px;
  border-top: 2px solid #fff;
}

#InfoTable ul {
  list-style: none;
}

#InfoTable ul li {
  display: block;
  border-top: 1px solid #90775f;
  padding: 10px 10px 10px 30px;
}

#InfoTable ul li span {
  display: block;
  text-align: left;
  font-style: italic;
  font-size: 12px;
  color: #d5cad5;
}

#InfoTable ul li a {
  display: block;
  font-size: 16px;
  color: #ffaf60;
  text-decoration: none;
}

#InfoTable ul li a:hover {
  text-decoration: underline;
}

#InfoTable ul li p {
  display: block;
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
  line-height: 20px; 
}

/*__________________________________________________________________________ # CONTENT
*/
#Content {
  width: 632px;
  background: #fff;
  float: right;
  padding: 18px 16px;
  margin-right: 26px;
}

#Content .description_head {
  background-color: #eef;
  padding: 15px 10px;
  -moz-border-radius: 8px;
  -gecko-border-radius: 8px;
}

#Content ol { list-style-position: inside; }
#Content ol li { margin-bottom: 14px; }

#Content .inside_content ul li {
  line-height: 22px !important;
  list-style: square inside none !important;
}

#Content p a,
#Content .inside_content a,
#Content .inside_content ul li a {
  color: #2277ff !important;
  text-decoration: underline !important;
}

#Content p a:hover,
#Content .inside_content a:hover,
#Content .inside_content ul li a:hover {
  color: #999 !important;
  text-decoration: underline !important;
}

/*__________________________________________________________________________ # BRANDS
*/
#Promo{
  padding: 18px 0;
}

#Promo ul {
  list-style: none;
  text-align: center;
}

#Promo ul li {
  display: inline;
  margin-right: 10px;
}

/*__________________________________________________________________________ # FOOTER
*/
#Footer {
  clear: both;
  height: 28px;
  margin-left: 238px;
  background: #ffcc99;
  width: 664px;
}

#Footer ul {
  list-style: none;
  padding-left: 33px;
}

#Footer ul li {
  display: inline;
  margin-right: 14px;
}

#Footer ul li a {
  font-size: 14px;
  color: #030303;
  text-decoration: none;
  line-height: 26px;
}

#Footer ul li a:hover {
  text-decoration: underline;
}