/* created at 2010 April                    */
/* by Razvan Merla <razvan.merla@gmail.com> */
/* for thecouponbank.com                    */




/*    general css   */

body {
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12px;
  color:#000;
  background:#f0efe0 url(images/bg.jpg) repeat;
}

a img {border:0;}
a {text-decoration:none;}

.fleft {
  float:left;
}

.fright {
  float:right;
}

.clear, .clearfix {
  clear:both;
  height:0px;
}

div {display:block;position:relative;}



/*      structure css     */

#header {
  height:146px;
  width:100%;
  background:#fff;
}

#top {
  height:27px;
  width:auto;
  background:url(images/top.jpg) 0 top repeat-x; 
}

#header-container {
  width:960px;
  margin:0 auto;
}
#logo {
  width:350px;
  padding:34px 0 0 69px;
}


#main {
  width:100%;
  min-height:500px;
  background:transparent url(images/main.jpg) 0 top repeat-x;
}
#wrap {
  width:966px;
  margin:0 auto;
  padding-left:36px;
}


/*    menu style    */

#menu-container {
  width:540px;
  height:61px;
  padding:34px 0 0 0;
}

#menu-container ul {
  padding:0;
  margin:0;
  list-style:none;
}
#menu-container ul li {
  display:block;
  height:54px;
  background:url(images/menu-bg.jpg) repeat-x;
}
#menu-container ul li a {
  display:block;
  height:32px;
  padding:22px 25px 0 25px;
  color:#000333;
  font-size:14px;
  font-weight:bold;
}

#menu-container ul li a:hover, #menu-container ul li a.active {
  color:#2d7bf1;
}


/*    search form  style   */

#search {
  width:897px;
  height:79px;
  padding:25px 0 0 69px;
}

input#s {
  width:320px;
  height:30px;
  background:url(images/search-input.jpg) left top no-repeat;
  border:0;
  color:#8e8672;
  font-size:16px;
  font-weight:bold;
  padding:8px 0 5px 7px;
}

input#submit_search {
  width:57px;
  height:43px;
  background:url(images/search-submit.jpg) left top no-repeat;
  border:0;
}


#alpha_index {
  padding:10px 80px 0 0;
  font-size:16px;
}
#alpha_index a {
  color:#000333;
  margin:0 2px 0 2px;
  font-weight:bold;
}
#alpha_index a:hover, #alpha_index a.active {
  text-decoration:underline;
}


#content-container{
  width:630px;
  padding:0 0 0 116px;
  margin:1px 0 0 0;
  background:transparent url(images/content-bg.jpg) 40px 0 repeat-y;
  
}

#content {
  width:610px;
  padding:10px; 
  min-height:450px;
  background:transparent url(images/content-top.jpg) left top no-repeat;
  overflow:hidden;
}



/*      footer      */

#footer {
  width:100%;
  background:#cecdc8 url(images/footer-bg.jpg) 0 top repeat-x;
  text-align:center;
  padding:40px 0 10px 0;
}

#footer a {
  color:#333;
  padding:2px;
}
#footer a:hover {
  text-decoration:underline;
}
#footer a.active {
  font-weight:bold;
}


/*    categories    */

#categories-container {
  position:absolute;
  left:-35px;
  
  width:148px;
/*  margin:10px;*/
  min-height:200px;
  background:#fff;
  color:#333;
  z-index:999;
  border:1px solid #888;
}

#categories-container h3{
  color:#333;
  font-size:15px;
  margin:0;
  padding:5px 0 0 5px;
}
#categories-container ul {
  margin:10px 0 0 0 ;
  padding:0;
  list-style:none;
}

#categories-container ul li {
  padding:2px 0 2px 5px;
  border-bottom:1px dotted #ddd;
}
#categories-container ul li a {
  color:#333;
}
#categories-container ul li a:hover {
  text-decoration:underline;
}
#categories-container ul li a.active {
  font-weight:bold;
}
#categories-container ul li a.active:hover {
  text-decoration:none;
}


/*        coupons         */

.coupon, .hcoupon {
  border:1px solid #95959e;
  padding:4px;
  margin:2px;
  background:#fff;
  height:180px;
  overflow:hidden;
  text-align:center;
}


.hcoupon {
  height:190px;
}

.hcoupon h3 a {
}

.coupon h3 {
  margin:0;
  padding:4px 0 3px 0;
}

.coupon h3 a {
  color:#2d7bf1;
  text-decoration:none;
}

.coupon h3 a:hover {
  text-decoration:underline;
}

/*      brands      */

h2.title {
  color:#000333;
  font-size:22px;
  margin:0;
  padding:15px 0 10px 0px;
}
h2.title em {
    color:#2d7bf1;
    font-style:normal;
}

h2.title span a {
  color:#333;
  font-size:16px;
  font-weight:bold;
}

h2.title span a:hover {
  text-decoration:underline;
}

img.blogo {
  padding:4px;
  border:1px solid #ddd;
  background:#fff;
  margin:0 15px 15px 0;
}


/*    contact     */

#contact_form {
    width:400px;
}

#contact_form label {
    display:block;
    width:100px;
    float:left;
    padding:4px;
    text-align:right;
}

#contact_form input,#contact_form textarea {
  display:block;
  float:right;
  width:260px;
} 

#contact_form textarea {
  height:120px;
}

#contact_form input.submit {
    border:1px #333 solid;
    background:#fff;
    width:90px;
}


/*      pagination    */

div.pagination {
  padding:10px 0 10px 10px;
}
div.pagination a{
  color:#333;
  padding:2px;
  border:1px solid #333;
  background:#fff;
  margin:2px;
}

div.pagination a:hover, div.pagination a.active {
  background:#333;
  color:#fff;
}


/*    sidebar   */

div#sidebar {
    
}

#socials {
  padding:20px 0 10px 0;
}

#socials ul {
  list-style:none;
  margin:0;
  padding:0 0 0 20px;
}
#socials ul li {
  float:left;
}



.fl_but{
  display:block;
  position:relative;
  margin:5px auto;
  width:160px;
  height:55px;
  border:1px solod #333;
}