@charset "utf-8";
/* CSS Document for CouponWinner.com MERGED April 08 */


/* ---------- UNIVERSALS ---------- */

* {
margin: 0;
padding: 0;
}

img, form {
border: 0;
}

body {
font-family: "trebuchet MS";
font-size: 66.5%;
color: #000;
background-color: #fff;
}

/*a:link, a:visited {
text-decoration: none;
color: #3b82b1;
}*/

/*a:hover {
text-decoration: none;
color: #f4cd38;
}*/

#wrap {
width: 925px;
margin: 0 auto;
border: 1px solid #000;
border-top: none;
}


/* ---------- HEADER SECTION ---------- */

#header {
background: url(../images/bg_header_line.gif) top left repeat-x;
position: relative;
height: 64px;
}

#toplogo {
width: 655px;
float: left;
background-color: transparent;
}

#toplogo img, #toplogo h2 {
display: inline;
}

#couponstats {
width: 130px;
background-color: transparent;
position: relative;
top: 4px;
left: 130px;
float: left;
color: #373737;
}

#couponstats .red {
font-size: 1em;
color: #f60002;
}

#couponstats ul {
list-style-type: none;
}

#bookmarklink {
top: 45px;
left: 40px;
width: 125px;
float: left;
position: relative;
}

#bookmarklink a:link, #bookmarklink a:visited {
color: #373737;
text-decoration: none;
}

#toptabcontainer {
clear: both;
}


/* ---------- TOP TAB SECTION ---------- */

#toptabs {
margin-left: 5px;
}

#toptabsnav {
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
}

#toptabsnav li {
list-style: none;
display: inline;
}

#toptabsnav a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important; 
}

#toptabsnav a:hover {
background-position: 0 -20px;
}

#toptabsnav a:active, #toptabsnav a.selected {
background-position: 0 -20px;
}

#toptabhome a {
width: 75px;
background: url(../images/toptab_home.gif) top left no-repeat;
padding-right: 10px;
}

#toptabmostused a {
width: 125px;
background: url(../images/toptab_most_used.gif) top left no-repeat;
padding-right: 11px;
}

#toptabnew a {
width: 95px;
background: url(../images/toptab_new.gif) top left no-repeat;
padding-right: 11px;
}

#toptabexpire a {
width: 110px;
background: url(../images/toptab_expiring.gif) top left no-repeat;
padding-right: 11px;
}

#toptabfree a {
width: 141px;
background: url(../images/toptab_free_ship.gif) top left no-repeat;
padding-right: 11px;
}

#toptabstore a {
width: 112px;
background: url(../images/toptab_store.gif) top left no-repeat;
padding-right: 11px;
}

#toptabexclusive a {
width: 120px;
background: url(../images/toptab_exclusive.gif) top left no-repeat;
padding-right: 11px;
}

#toptabforum a {
width: 61px;
background: url(../images/toptab_forum.gif) top left no-repeat;
}

/* ---------- MAIN MENU SECTION ---------- */

#mainmenucontainer {
clear: both;
}


/* --- MAIN MENU CONTAINER STYLES --- */

.mainmenucontainertop, .mainmenucontainerbottom  {
/*border-top: 1px solid #000;
border-bottom: 1px solid #000;*/
/*height: 25px;*/
background: url(../images/bg_main_menu.gif) repeat-x top left;
padding: 3px 0 4px 0;
z-index: 1;
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 1.2em;
}

.mainmenucontainertop {
border-bottom: none;
}

/* -- needed for the IE margins -- */
html>body .mainmenucontainertop {
margin-right: 0;
}

/* -- needed for the IE margins -- */
html>body .mainmenucontainerbottom {
margin-right: 0;
}

.mainmenucontainerbottom {
margin-top: 0;
}

.menudropstyle, .menudropstyletop {
width: 925px;
z-index: 1;
}

.menudropstyle:after, .menudropstyletop:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
z-index: 1;
}

.menudropstyle ul, .menudropstyletop ul {
width: 100%;
background: url(../images/main_menu_bg.gif) center center repeat-x;
padding: 12px 0;
margin: 0;
text-align: center;
z-index: 1;
}

.menudropstyle ul li, .menudropstyletop ul li {
display: inline;
z-index: 1;
}
.menudropstyle ul li a:hover, .menudropstyletop ul li a:hover  {
background: url(../images/main_menu_bg.gif) center center repeat-x;
color: #333333 !important;
z-index: 1;
}

.menudropstyletop ul li a {
color: #ffffff ;
background-color:#4AC0F0;
padding: 5px 10px 8px 11px;
margin: 0;
text-decoration: none !important;
/*border-right: 1px solid #404040;*/
z-index: 1;
font-weight:bold;
}

.menudropstyle ul li a {
color: #fff !important;
padding: 5px 4px 5px 3px;
margin: 0;
text-decoration: none !important;
border-right: 1px solid #404040;
z-index: 1;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
position:absolute;
top: 0;
border: 1px solid #fff;
border-bottom-width: 0;
font-size: 12px;
font-weight: 500;
line-height:18px;
z-index: 500;
background-color: #39b7e9;
width: 200px;
visibility: hidden;
color: #fff;
}

.dropmenudiv a {
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffff;
padding: 4px 0;
text-decoration: none !important;
font-weight: normal;
color: #fff !important;
z-index: 1;
text-align:left;
}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover {
background-color: #d9e9e6;
color: #000 !important;
z-index: 1;
}


