/* MEZUN MICROSITE SPECIFIC LAYOUT */
body {
background-color:#EBEBEB;
color: #333;
}
a {
color: #0096D4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-weight: bold;
}
h2 {
padding: 20px 0 0;
}
p {
padding: 10px 0;
}

/* BOX */

.box p {
padding:0px;
margin:0px
}
.boxpad {
padding:10px
}

/* NAVIGATION */
.navbar {
background-color:#424242;
margin-bottom:10px;
}
.navbar ul, .subnavbar ul {
list-style:none;
}
.navbar li {
display: block;
float: left;
padding:8px 10px;
}
.navbar li.current {
background-color:#CC0000;
color:#FFFFFF
}
.navbar a {
display:-moz-inline-box; 
display:inline-block;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px
}
.navbar a:hover, .subnavbar a:hover {
color:#FFFFCC;
}

/* HEADER */
.logo {
float:left;
width:300px;
padding:5px
}
.search {
float:left;
width:400px;
text-align:center;
margin-top:25px
}
.search input {
border:1px solid #C7C7C7;
padding:5px;
width:200px;
vertical-align:top;
/* background-image:url(../images/gry-dgr.png);
background-repeat:repeat-x; */
}
.search input:focus {
background-image:none
}
.search .searchbut {
width:40px;
height:28px;
padding:0;
margin:0;
border:1px solid #CC0000;
background-color:#CC0000;
color:#FFFFFF;
font-weight:bold;
vertical-align:top;
margin-left:3px;
cursor:pointer;
background-image:url(../images/wht-dgr.png);
background-repeat:repeat-x;
}
.search .searchbut:hover {
background-color:#CC0000;
background-image:none
}


.toplinkarea {
padding:5px 10px;
border-bottom:1px solid #ECECEC
}
.toplinkarea a {
color:#424242;
}
.toplinkarea img {
vertical-align:top
}

#most-read .box, #forum .box {
background-color: #F3F3F3;
}
#sections .maincol4 {
border-top:1px solid #ECECEC;
padding-top:10px
}
#tags {
border-top:1px solid #ECECEC;
}


.pickarea {
margin-bottom:20px;
}
.spotarea {
margin-bottom:10px;
padding:10px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

.thumb {
margin-bottom:10px
}

.spot2 h2 {
font-size:16px;
font-weight:bold;
margin:0;
line-height:1.2;
padding:0 0 6px 0;
}
.spot4 h2 {
font-size:14px;
font-weight:bold;
line-height:1.2;
margin:0 0 6px 0;
padding:0
}
.spot4 p {
padding:0px;
margin:0px
}


.secthead h2 {
font-size:16px;
font-weight:bold;
margin-top:20px;
line-height:1.2;
padding:0 0 6px 0;
}
.secthead span {
background-color:#424242;
color:#FFFFFF;
padding:5px;
}
.secthead a {
color:#FFFFFF;
}

.subsecthead {
padding-bottom:5px
}
.subsecthead a {
color:#686868;
text-decoration:none;
font-weight:bold;
}


/* footer */
.footer {
color:#686868;
font-size:11px;
}
.footer a {
text-decoration: none;
color:#424242;
}
.footer a:hover {
text-decoration: underline;
}
.footer .pad {
padding:10px
}

.ads {
padding:10px 0;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
text-align: center;
margin-bottom:20px
}

/* LISTING */
.txt ol {
list-style: decimal;
}
.txt ul {
list-style: disc;
}
.txt li {
margin-left: 30px;
}

.listing li {
padding:10px;
border-bottom:1px solid #DFDFDF
}

.listing li.gry {
background-color: #DFDFDF
}

/* SEPARATOR */
.hr {
margin: 0;
padding: 0;
border-top: 1px solid #ECECEC;
width: 100%;
height: 0px;
overflow:hidden;
text-align:center;
margin:10px 0 10px 0;
}
hr {
height: 1px;
border:0;
width:100%;
}
.hr hr {display:none}
.hr, hr {color:#ECECEC;background-color:#ECECEC;}

/* BANNER */
.banner {
text-align:center;
margin-top:20px
}