/* Copyright 2007 Essence.com */



/* Common */

body {font-family:Arial, Helvetica, sans-serif;width: 994px; margin: 0px auto;}

.wrap {margin-left:auto; margin-right:auto; width:994px; text-align:left;}

h1, h2, h3, h4, h5, h6, ul {margin:0; padding:0;}

a img {border-style:none;}

ul {list-style-type:none;}

a {text-decoration:none; cursor: pointer}

a:hover {text-decoration:underline;}

.bold {font-weight:bold;}



/* Header */

#header {width:994px; height:140px; background-color:#533A24;}

#header #cmLogo {float:left; display: block; width:240px;}

#header #cm1 {float:left; width:200px;margin:13px 0 0 7px;}

#header #cm1 .thumbnail {float:left;}

#header #cm1 ul {float:left; margin:4px 0 0 3px;}

#header #cm1 ul li, #header #cm1 ul li a {font:normal 11px arial,sans-serif; color:#FFF; line-height:10px;}

#header #cm1 ul li {padding:1px 0 2px 0;}

#header #cm1 ul li a {background:url('/essence/images/home/icon_arrow1.gif') no-repeat 4px 4px; padding:0px 3px 15px 11px;}

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

#header #logo {float:left; position: relative;  width:224px; height: 59px; margin:13px 0 0 8px; _margin:13px 0 0 7px; }

#header #logo span {background:url('/essence/images/home/logo_essence.gif') no-repeat; position: absolute; width: 100%; height: 100%;}

#header #logo a {display:block; width:224px; height:46px;}

#header #cm2 {float:left; margin-top:6px;}

#header #frmSearch {float:left; position: relative; background:url('/essence/images/home/bg_searchbox.gif') 2px 2px; _background:url('/essence/images/home/bg_searchbox.gif') 2px 2px; background-repeat:no-repeat; _background-attachment:fixed; padding:0; margin: 1px 0 2px 19px; height: 25px; /*margin:4px 0 0 12px;*/}

#header #search #frmSearch label {color:#FFF; display:none;}

#header #search #query {background-color: none; background:transparent;  font:normal 16px arial,sans-serif,verdana; border: none; padding: 4px 0 0px 4px; _padding: 5px 0 0px 4px; margin: 0 0 2px 2px; _margin: 2px 0 2px 2px; height: 21px;_height: 20px; width:155px; _width:151px; font: normal 15px Arial}

#header input {background: url('/essence/images/home/blank.gif'); border: none; }

#btnSearch{position: absolute; left: 161px; _left: 155px; top: 2px; }

/* Nav */ 

#cmNavSearch {float:left; display: block; width: 733px; margin:0px 0px 0px 21px; padding: 0px}

#navSearch {float:left; border-bottom:4px solid #FF378B; width:733px; background-color:#000; padding:0; margin-top:10px;}



#nav {float:left; margin:0; padding:0;}

#nav ul {float:left; margin:0; padding:0;}

#nav li {float:left; text-indent:-2000px;}

#nav li a, #nav li a, #nav li a.sel {float:left; background:url('/essence/images/home/bg_nav.gif') no-repeat; height:30px;}

#nav1 {width: 94px}

#nav2 {width: 65px}

#nav3 {width: 116px}

#nav4 {width: 115px}

#nav5 {width: 104px}

#nav li#nav1 a {background-position:0px 0px; width:94px;}

#nav li#nav2 a {background-position:-95px 0px; width:65px;}

#nav li#nav3 a {background-position:-161px 0px; width:116px;}

#nav li#nav4 a {background-position:-278px 0px; width:115px;}

#nav li#nav5 a {background-position:-395px 0px; width:104px;}

#nav li#nav1 a:hover {background-position:0px -31px; width:94px;}

#nav li#nav2 a:hover {background-position:-95px -31px; width:65px;}

#nav li#nav3 a:hover {background-position:-161px -31px; width:116px;}

#nav li#nav4 a:hover {background-position:-278px -31px; width:115px;}

#nav li#nav5 a:hover {background-position:-395px -31px; width:104px;}

#magazine #nav li#nav1 a {background-position:0px -61px; width:94px;}

#events #nav li#nav2 a {background-position:-95px -61px; width:65px;}

#specialOffers #nav li#nav3 a {background-position:-161px -61px; width:116px;}

#musicfestival #nav li#nav4 a {background-position:-278px -61px; width:115px;}

#newsletters #nav li#nav5 a {background-position:-395px -61px; width:104px;}



#container {display: block; float: left;}

#doRightContainer {display: block; float: left;}



#footer, #sisterSites, #trustedSites, #bottomAd{display: block; float: left; font: bold 11px Arial; margin: 0px; padding: 10px 0 20px 20px; line-height: 1.4em; width: 974px;}

#sisterSites li, #trustedSites li{text-decoration: none; margin: 0px; padding: 0 5px 0 0; color: #000} 

#sisterSites a, #trustedSites a{text-decoration: none; margin: 0px; padding: 0 5px 0 0; color: #000} 

#footer a:hover, #sisterSites a:hover, #trustedSites a:hover, #footer a:active, #sisterSites a:active, #trustedSites a:active {text-decoration: underline} 

#footer ul{display: block; margin:0px; padding: 0px; width: 950px}

#sisterSites ul {display: block; margin:0px; padding: 0px; width: 840px;}

#trustedSites ul{display: block; margin:0px; padding: 0px; width: 870px;}

#footer h5{font: bold 12px Arial; display: block; color: #ff378b; margin: 0px; padding: 0px}

#sisterSites h5{font: bold 12px Arial; display: block; color: #000000; margin: 0px; padding: 0px}

#trustedSites h5{font: bold 12px Arial; display: block; color: #000000; margin: 0px; padding: 0px}

#footer {background-color: #533a25; border-top: 5px solid #ff378b;}

#footer li{display: inline; color: #FFFFFF; padding:0px 5px 0 5px;}

#footer li.first  {padding-left: 0px}

#footer a {color: #FFFFFF; }

#sisterSites {border-bottom: 1px solid #533a25}

#sisterSites li{display: inline; }

#sisterSites a{font-weight: normal}

#sisterSites .copy{display: block; padding: 0 10px 0 0; font-weight: normal}

#sisterSites .copy a{font-weight: normal}

#trustedSites{}

#trustedSites li{display: inline; }

#trustedSites a{font-weight: normal}

#bottomAd {padding: 5px 0 10px 20px; border-bottom: 1px solid #533a25}