* {margin:0; padding:0; text-align:left}
body,html {width:100%; font-size: 10px; line-height:1.2em;  font-family: verdana,arial,sans-serif; text-align:center; color:#222}
body { background-color: #fff}

strong {font-weight:bold}

img {border:0}

ul {margin:10px auto; list-style-type:none}
ul.dotted {list-style-type:circle}
ol {margin:10px}
ul.reg {margin:10px 5px; list-style-type:circle}
li {text-align:left; margin:5px 0 5px 15px; }

ul.arrowList li{list-style-image: url('../gfx/list_arrow.gif'); margin:10px 0 10px 25px; padding-left:8px}

h1 {font-size:2.4em; line-height:1em; font-weight:normal; padding: 8px 0 10px 0; margin-bottom:5px; padding-left:5px; color:#2b7520; position:absolute; top:0; left:5px; border-bottom:3px double #2b7520; width:670px; height:20px; overflow:hidden}
h1 a{font-weight:normal; color:#2b7520; text-decoration:none}
h2 {font-size:1.2em; padding: 5px 0 0 0; font-weight:bold; color:#2b7520; line-height:1.2em}
h2 a{color:#2b7520; text-decoration:none}
h3 {font-size:1.1em; color:#565656; line-height:1.2em; padding: 5px 0 1px}
h3 a{color:#2b7520; text-decoration:none}
h3 a:hover{text-decoration:underline}

table {border-collapse:collapse; margin:auto; font-size:1em}
table td, table th{padding:2px 4px}

dt {text-align:right; width:40%; float:left; line-height:2.5em; clear:both}
dd {width:58%; float:right; line-height:2.5em; text-align:left; clear:right}

p{margin:8px 0; line-height:1.3em}

a {color:#774d99}
a:hover{color:#a78dc9; text-decoration:none}


input.text, input.file{border: 1px solid #a8a8a8; color:#666; padding: 0 2px; font-size:1.1em}
select {font-size:1.1em; border: 1px solid #a8a8a8;}
input.button{padding: 0 3px; border:1px solid #999; font-size:1em;  background-color:#ddd; color:#545454}
textarea{border: 1px solid #a8a8a8; color:#666; padding: 0 2px; font-size:1em; font-family: verdana,arial,sans-serif;}

input.name, input.address{width:25em}
input.zip{width:4em}

.right{float:right; margin:10px; display:inline}
.left{float:left; margin:10px; display:inline}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear{clear:both}

div.err, div.ok{font-size:1.5em; font-weight:bold; width:90%; margin:10px auto; text-align:center; line-height:2em} 
div.err {color:red}
div.ok {color:green}

fieldset{background-color:#d0e6cd; border:1px solid #339122; padding:10px}
fieldset legend{font-weight:bold; color:#5d2a86;}

a.linkBtn{background-color:#55a24c; color:#ffffff; margin:2px 2px 1px 2px; position:relative; border: 1px solid #999; padding: 0 2px; text-decoration:none}
a.selected{font-weight:bold}
a.linkBtn:hover{margin:1px; background-color:#eee; border-width:2px; color:#343434; text-decoration:none}
#admNavCont {margin:8px 0}

	a.term_links{
	color:#000;
	text-decoration:none;}

/*elements*/

#main{margin:0 auto 20px; width:911px;  background: url('../gfx/main_bg.jpg') left top repeat-y}
#header{width:901px; height:98px; margin-left:5px; background: url('../gfx/head_banner.jpg') left top no-repeat;}
#header #startLink{position:relative; top:20px; left:450px; width:400px; height:60px; display:block}

#mainMenu {margin:0 0 0 5px; padding:0;  }
#mainMenu li{float:left; margin:0; padding:0; position:relative; display:block; border-bottom:2px solid #5b3379}
#mainMenu li a{position:relative; display:block; width:100%; height:26px}
#mainMenu li a span{display:block;  position:absolute; top:0; left:0; width:100%; height:100%}

#mainMenu li.el1 {width:124px}
#mainMenu li.el1 span{background: url('../gfx/nav_wine_pairing_off.gif') left top repeat-y}
#mainMenu li.el1 a:hover span{background: url('../gfx/nav_wine_pairing_over.gif') left top repeat-y}
#mainMenu li.el1 a{background: url('../gfx/nav_wine_pairing_over.gif') left top repeat-y}
#mainMenu li.el1 a.selected span{background: url('../gfx/nav_wine_pairing_over.gif') left top repeat-y}
#mainMenu li.el2 {width:93px}
#mainMenu li.el2 span{background: url('../gfx/nav_articles_off.gif') left top repeat-y}
#mainMenu li.el2 a:hover span{background: url('../gfx/nav_articles_over.gif') left top repeat-y}
#mainMenu li.el2 a{background: url('../gfx/nav_articles_over.gif') left top repeat-y}
#mainMenu li.el2 a.selected span{background: url('../gfx/nav_articles_over.gif') left top repeat-y}
#mainMenu li.el3 {width:154px}
#mainMenu li.el3 span{background: url('../gfx/nav_trendy_off.gif') left top repeat-y}
#mainMenu li.el3 a:hover span{background: url('../gfx/nav_trendy_over.gif') left top repeat-y}
#mainMenu li.el3 a{background: url('../gfx/nav_trendy_over.gif') left top repeat-y}
#mainMenu li.el3 a.selected span{background: url('../gfx/nav_trendy_over.gif') left top repeat-y}
#mainMenu li.el4 {width:113px}
#mainMenu li.el4 span{background: url('../gfx/nav_reviews_off.gif') left top repeat-y}
#mainMenu li.el4 a:hover span{background: url('../gfx/nav_reviews_over.gif') left top repeat-y}
#mainMenu li.el4 a{background: url('../gfx/nav_reviews_over.gif') left top repeat-y}
#mainMenu li.el4 a.selected span{background: url('../gfx/nav_reviews_over.gif') left top repeat-y}
#mainMenu li.el5 {width:130px}
#mainMenu li.el5 span{background: url('../gfx/nav_varietals_off.gif') left top repeat-y}
#mainMenu li.el5 a:hover span{background: url('../gfx/nav_varietals_over.gif') left top repeat-y}
#mainMenu li.el5 a{background: url('../gfx/nav_varietals_over.gif') left top repeat-y}
#mainMenu li.el5 a.selected span{background: url('../gfx/nav_varietals_over.gif') left top repeat-y}
#mainMenu li.el6 {width:110px}
#mainMenu li.el6 span{background: url('../gfx/nav_forums_off.gif') left top repeat-y}
#mainMenu li.el6 a:hover span{background: url('../gfx/nav_forums_over.gif') left top repeat-y}
#mainMenu li.el6 a{background: url('../gfx/nav_forums_over.gif') left top repeat-y}
#mainMenu li.el6 a.selected span{background: url('../gfx/nav_forums_over.gif') left top repeat-y}
#mainMenu li.el7 {width:177px}
#mainMenu li.el7 span{background: url('../gfx/nav_pairing_off.gif') left top repeat-y}
#mainMenu li.el7 a:hover span{background: url('../gfx/nav_pairing_over.gif') left top repeat-y}
#mainMenu li.el7 a{background: url('../gfx/nav_pairing_over.gif') left top repeat-y}
#mainMenu li.el7 a.selected span{background: url('../gfx/nav_pairing_over.gif') left top repeat-y}

#content {margin:5px; padding: 0; position:relative; width:900px;}
#content #contentFoot {width:100%; height:0; clear:both}

#leftCol{width:168px; float:left; margin:5px; display:inline}
.h1 #leftCol{margin-top:50px}
#leftCol img{margin:4px auto 0; display:block}
#leftCol h2{padding:10px 0 5px; border-bottom: 1px solid white}
#leftCol h3 a{color:#2b7520}
#leftCol h3{padding:5px 8px 0}
#leftCol p{padding:0 8px; margin-top:0}
#leftCol .login{display:block; margin-bottom:5px}

#leftCol #secMenu {margin:0 3px 15px 2px; padding:0}
#leftCol #secMenu li{margin:0; padding:0; border-bottom:1px solid #a5a5a5; background-color:#359022}
#leftCol #secMenu li.selected{background: url('../gfx/menu_arrow.gif') 5px 6px no-repeat #359022}
#leftCol #secMenu li.selected a{font-weight:bold; color: #43683c; font-size:1.1em}
#leftCol #secMenu li a{background-color:#d6e9d3; display:block; text-decoration:none; margin:0 0 1px 15px; padding:5px 0 5px 3px; color: #5b5b5b}
#leftCol #secMenu li a:hover{color: #9b9b9b}

#centerCol{width:480px; margin:5px 11px 10px;  float:left;  display:inline}
.h1 #centerCol{margin-top:50px}
#centerCol #mainText strong {font-size:1.2em; color:#760851}
#centerCol .headText {font-size:1.4em; color:#2b7520; padding:0}
#centerCol .topTabs img{margin:0; padding:0; float:left}
#centerCol h2 {font-size:2em; font-weight:normal; border-bottom:1px dotted #2b7520; color:#2b7520}
#centerCol .alth2 {border-bottom:none;}

#centerCol .centerBox{width:100%; margin:10px 0; background:url('../gfx/box_bg.jpg') left bottom repeat-y white}
#centerCol .centerBox h2{margin:0 8px; color: #538852; padding:0}
#centerCol .centerBox h2 .grade{float:right; margin: 0 10px}
#centerCol .centerBox h2 .grade img{margin: 0 1px}

#centerCol .centerBox div.date{margin:0 8px; font-size:0.9em}
#centerCol .centerBox p{margin:6px 8px 0}
#centerCol .centerBox .centerBoxFoot{width:100%; height: 11px ;background:url('../gfx/box_bottom.jpg') left bottom no-repeat; padding:8px 0 14px}
#centerCol .centerBox .centerBoxFoot a{float:right; margin-right:8px; display:inline}

#centerCol ul.dottedList li{border-top:1px dotted #2b7520; margin-left:0; clear:both; padding: 4px 0}
#centerCol ul.dottedList li img{float:left; margin:5px}
#centerCol ul.dottedList li h3{font-size:1.3em; font-weight:normal; color:#2b7520}
#centerCol ul.dottedList li .wine{color:#774d99}

#centerCol ul.undottedList li{margin-left:0; clear:both; padding: 4px 0}
#centerCol ul.undottedList li img{float:left; margin:5px}
#centerCol ul.undottedList li h3{font-size:1.3em; font-weight:normal; color:#2b7520}
#centerCol ul.undottedList li .wine{color:#774d99}


#rightCol{width:210px; padding-top:10px; margin-right:5px; float:right;  display:inline; background-color: #ebf4e9}
#rightCol #searchBox {height:63px; margin:0 10px; padding:4px 0 0; background: url('../gfx/box_login.jpg') left top repeat-y}
#rightCol #searchBox a{color:#545454; margin-left:4px; text-decoration:none}
#rightCol #searchBox a:hover{color:#949494}

#rightCol #googleSearch{text-align:center}
#rightCol #googleSearch .text{width:71px; float:left; margin:7px 2px 2px 12px; border: 1px solid #888}
#rightCol #googleSearch .searchBtn{border:0; margin-top:5px}

#rightCol #web2Links{margin:0 7px 0}
#rightCol #web2Links li{float:left; display:inline; margin:5px 0 0 0; padding:4px 0 0 7px; border-top: 1px solid #888 }
#rightCol #web2Links li a{margin:0; padding:0}

#rightCol #searchBox2 {height:54px; margin:10px 10px 0; padding:13px 0 0 6px; background: url('../gfx/box_login2.jpg') left top repeat-y}

#rightCol .google {margin-top:15px; margin-left:15px; text-align:center}

#underRightCol {width:205px; margin:20px 9px;  float:right; text-align:center; display:inline; clear:right}
#underRightCol *{margin:auto}

#bottomBanner{display:block; margin-bottom:10px; text-align:center}

#footer{width:100%; height:21px; background: url('../gfx/main_foot.jpg') left top no-repeat;}

#bottomLinks{margin:auto; text-align:center; margin-bottom:20px}
#bottomLinks p{margin:auto; text-align:center;}

/*admin area*/
#userAdd dt{width:20%}
#userAdd dd{width:78%}

#userList {margin-top:10px}

/*events*/
#events li .eventLink{font-weight:bold}
#events li p{margin:0 0 4px}

#eventAdd dt{width:20%}
#eventAdd dd{width:78%}
#eventAdd .text{width:90%}
#eventAdd textarea{height:100px}

/*wine pairing*/
.pairingBox{width:460px; margin:15px 0 10px; clear:both}
.pairingBox h2{margin:0 8px; color: #538852; padding:9px 0 5px; border-bottom:none}
.pairingBox h2 a{color: #538852; text-decoration:none}
.pairingBox p{margin:6px 8px 0}
.pairingBox .avatar{margin: 10px 5px 0 10px}
.detailsLink a{padding-left:10px}


#rating strong, .rating strong{font-size:1.2em}
#rating li{margin:0 2px; display:inline; padding:0 2px; float:left}
.rating li{margin:0; display:inline; padding:0; float:left}
#rating li a, .rating li a{margin:0; padding:0}
#rating li img{border:0; float:none; margin:0; padding:0; position:relative; bottom:12px}
.rating li img{border:0; float:none; margin:0; padding:0 }

/*articles*/
#secNav {margin:0; padding:0 0 25px}
#secNav li{margin:0; padding:0; float:left}
#secNav li a{padding:0 5px}

h2 span.pages {font-size:0.6em}

#admNav {margin-bottom:10px}
#textSearch {float:right; margin-top:8px}
#articlesList{margin:10px 0; border-bottom:1px dotted #2b7520; }
#articlesList li{margin:0 0 5px; padding:0; border-top:1px dotted #2b7520}
#articlesList li img{float:left; border: 0px solid #812c07; margin:4px 7px 5px 0; display:inline}
#articlesList li .date{color:#774d99}
#articlesList li h2{font-size: 1.5em}
#articlesList li h3{color:#2b7520}
#articlesList li h2 span{float:right; font-weight:normal; font-size: 0.7em}

#articleAdd dt{width:15%}
#articleAdd dd{width:83%}
#articleAdd dd textarea{width:360px}

.pagesLinks{margin:0 auto; text-align:center; clear:both}
.pagesLinks li{display:inline; margin:2px}

/*reviews*/
.pairingBox h3 {margin:10px 8px}
.pairingBox h3 span{float:right; font-weight:normal}
.pairingBox img{float:left; border: 1px solid #812c07; margin:4px 7px 5px 0; display:inline}

/*varietals*/
.pairingBox table {margin:15px 10px}
td.wine{color:#c6087c}

/*blog*/
.tab {padding:0 7px;}
#blogTitle {width:99%; margin-bottom:10px}
img.editbutton{margin:0; vertical-align:middle; cursor:pointer; width:19px; height:19px; background-color:#d8cbae; border: 1px solid #777}
#blogBtns{margin:5px 0}
#blogContent{width:99%; height:200px; margin-bottom:10px}

h1 .linkBtn{float:right; font-size:0.8em; top:-2px}

#opcje{margin:10px 0}
#opcje .text{width:150px}

h2#comments{padding:5px 0 0}
h2#matchComments{padding:15px 0 5px}

#blogList li{border: 1px solid #bbb; margin-left:0; clear:both}
#blogList li h2{border-bottom:1px solid #aaa; padding:4px;  background-color:#E8DBBE; margin:0}
#blogList li h2 a{text-decoration:none}
#blogList li h2 span{float:right; font-size:0.8em}
#blogList li h2 .linkBtn{float:right; font-size:0.8em; top:-2px}
#blogList li .userDetails{float:left; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:5px; margin-right:5px; margin-bottom:5px; color:#666; font-size:0.9em}
#blogList li .userDetails img{float:left; margin-right:3px; display:inline; border: 1px solid #bbb}
#blogList li .userDetails .date{margin-bottom:5px}
#blogList li p {padding:0 10px}
#blogLink {width:300px}

/*tell a friend*/
#postitOrder{width:95%; margin:20px auto}
#postitOrder textarea{width:250px; height:60px}
#postitOrder .normal{line-height:1.2em; padding-bottom:5px}
#postitOrder .email{width:170px}
#orderConfirm{text-align:center}

/*match - start page*/

h2.wineGroup {padding:10px 0 0; font-size:1.4em }
h2.wineGroup a {font-size:0.7em; font-weight:normal }
.elAdd .text{width:150px}

#startPage {border:none; border-top: 4px solid #358e24; margin:0; border-bottom:0;  clear:both}

#startBigButtons img{margin-left:3px}

#recentReviews {border: 1px solid #a3a3a3; margin: 10px 0}
#recentReviews .reviewCol {float:left; display:inline; width:46%; margin: 9px}
#recentReviews .reviewCol h2{background-color:#54a24a; text-align:center; color:white; padding: 2px; font-size:9px; border:none}
#recentReviews .reviewCol h2 a{color:white}
#recentReviews .reviewCol ul{margin:0}
#recentReviews .reviewCol li{margin-top:0; padding-top:0}
#recentReviews .reviewCol p{margin-top:0}
.articlesList{margin:10px 0}
.articlesList li{margin:0 0 5px; padding:0}
.articlesList li img{float:left; border: 0px solid #812c07; margin:4px 7px 5px 0; display:inline}
.articlesList li h3{color:#2b7520} 


h2#matchHead{font-size:12pxmargin: 20px 0 0; padding:0}
h3.wine {border-bottom: 1px solid #8b5d3c}

#matchList {margin:0; padding:0}
#matchList img {float:right; display:inline; margin:5px; max-height:130px }
#matchList li{margin:0; padding:3px 0}
#matchList li.matchDetails{margin:0; height:140px;padding:3px 0; clear:both }
strong.rating{font-size:1.5em}

#matchDetails {margin:0; padding:10px 0}
#matchDetails img {float:right; display:inline; margin:5px; border: 0px solid #8b5d3c}
#matchDetails img.avatar2 {margin:5px;}
#matchDetails li{margin:0; padding:3px 0}

#matchSearch {width:100%}
#matchSearch td{padding:2px 2px 0}
#matchSearch th{padding: 10px 0 0; border-bottom: 1px solid #359022; color: #359022}
#matchSearch tr.dt td{padding:5px 2px 0}
#matchSearch #submitRow{text-align:center; padding: 15px 0 0}
#matchSearchBottom{background-color: #b8d8b3; padding:2px 0 0; text-align:center}

#matchSearch #title{width:99%}
#matchSearch #vineyard{width:80px}
#matchSearch #year{width:28px}
#matchSearch #region{width:120px}
#matchSearch textarea{width:100%; height:120px}
#matchSearch .link{width:90%}
#matchSearch select{width:100px}
#matchSearch .add select{width:150px}
#matchSearch .rating{width:35px}

#foodSelector li{float:left; display:inline; margin:0 0 10px 6px; padding:0}

/* search styles */
.result_pagescount { padding-bottom: 10px; }
.result_block, .result_altblock { padding-bottom: 10px; }

/* quiz styles */
#quizBox { position:relative; width:469px; height:327px; background:url('../gfx/quiz_background.jpg') left top no-repeat; }
#quizHeader { position:absolute; left:12px; top:10px; font-weight:bold; font-size:1.4em; color:#623f75; }
#quizScoreboard { position:absolute; left:302px; top:25px; font-size:1.1em; color:#ffffff; }
#quizScoreL { position:absolute; left:86px; top:0; font-size:1.4em; }
#quizScoreR { position:absolute; left:125px; top:0; font-size:1.4em; }
#quizContent { padding:70px 15px 0 15px; }
#quizContent img { float:left; margin-right:15px; }
#quizQuestion { margin-top:5px; font-weight:bold; color:#335177; }
#quizContent form { margin-top:15px; }
#quizContent .quizAnswer input { float:left; margin-right: 4px; height:19px;}
#quizContent .quizAnswer label { display:block; padding:3px 5px 5px 0; font-weight:bold; }
#quizButton { margin-top:8px; }
#quizQuestionResult { margin-bottom:10px; font-weight:bold; font-size:1.2em; color:#623f75; }
.quizCorrectLabel { padding:3px 5px; border:1px solid #334f74; background-color:#91b33b; color:#ffffff; font-weight:bold; }

/* google maps */
#map p {padding:2px 0px 2px 0px; margin:0px;}
.mmwGmap {background:url(gfx/mmw_gm_bg.gif) right top no-repeat; font-family:verdana, arial; font-size:11px;color:#4B4B4B;}
.gMapHeaders {color:#000;}
.wsRating {color:#0055FF;}
.gMapTitle {font-size:15px; color:#812C07;}
.mapLink {color:#2b7520; font-size:12px; text-decoration:none;}
.activeMap {color:#000; font-size:13px; font-weight:bold; text-decoration:none;}

/* search results */

#searchResults {margin-top:10px}
#searchResults th {margin:0; padding:0 0 0 1px}
#searchResults td {border-bottom:1px solid #2b7520; padding-top:10px; padding-bottom:10px }
#searchResults td.ratingContainer {margin:0; padding:0} 
#searchResults td.image {text-align:center} 
#searchResults h3 {border:none}

#searchForm {margin-top:10px;line-height:1.5em}
#searchForm *{line-height:1.5em}
#searchForm div {float:right}
#searchForm label {font-size:1.2em}