/* INIT */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {border-collapse: collapse; border-spacing: 0;}

/* GLOBAL */
html { height: 100%; }
/* body { background: #fff url( ../images/bg_body.png ) repeat 0 0; color: #000; font: 62.5%/1 Helvetica, Arial, sans-serif; height: 100%; } */
body { background: #fff url( ../images/bg_body.jpg ) repeat-x; color: #000; font: 62.5%/1 Helvetica, Arial, sans-serif; height: 100%; }
a { text-decoration: none; color: #415979; }
a:hover {  }

/* COMMON */
.cols, form .item, form .items,  form .buttons { overflow: hidden; }
.col { float: left; }
.left { float: left; }
.right { float: right; }
.print { display: none; }
.ir { display: block; overflow: hidden; position: relative; }
.ir span { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }
a.ir span { cursor: pointer; }

.regContent{ font-size: 1.3em; }
.subTitle{ font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #F78F1E; }
.formTitle{ font-size: 1.6em; line-height: 1.6em; border-bottom: 1px solid #C5949F; font-weight: bold; margin-top: 20px; margin-bottom: 20px; }
.formItem{ font-size: 1.3em; line-height: 1.3em; background-color: #F1F1F1; border-bottom: 1px solid #C5949F; font-weight: bold; padding: 10px; margin-bottom: 25px; }
.formDesc{ margin-top: 7px; font-weight: normal; }
.formRadio{ font-weight: normal; }

/* MAIN */
#bg { background: transparent url( ../images/bg_bg.png ) repeat-x 0 0; } 
#container { margin: 0 auto; padding: 10px 0 0; width: 790px; }
#leader { height: 90px; width: 729px; } 
#top { background: transparent url( ../images/bg_header.png ) no-repeat 0 0; height: 19px; }
#wrap {background: transparent url( ../images/bg_wrap.png ) repeat-y 0 0; padding: 0 8px 5px 9px; width: 773px; }
#header { margin: 0 0 8px; overflow: hidden; }
#content { background: #f8f8f8; padding: 0 14px; width: 745px; overflow: hidden; }
#footer { background: transparent url( ../images/bg_footer.png ) no-repeat 0 0; height: 19px; }

/* HEADER */
#header h1 { display: inline; float: left; height: 107px; margin: 0 0 0 22px; width: 104px; }
#header h1 a { height: 107px; }
#header h1 span { background: transparent url( ../images/logo_winelabelworld.png ) no-repeat 0 0; }

#mainNav { border-bottom: 1px solid #faa125; display: inline; float: right; margin: -29px 14px 0 -67px; padding: 0 0 0 113px; position: relative; width: 580px; }
#mainNav li { background: transparent url( ../images/bg_main_nav.png ) no-repeat 0 0; float: left; margin: 0 0 0 -1px; }
#mainNav li a { background: #d0d0d0 url( ../images/bg_main_nav_item.png ) no-repeat 0 0; color: #915e6f; float: left; font-size: 1.8em; padding: 0 0 0 10px; }
#mainNav li a:hover { background-color: #cc8421; background-position: 0 -200px; color: #fff; }
#mainNav li a span { background: transparent url( ../images/bg_main_nav_item.png ) no-repeat 100% 0; float: left; line-height: 1.611em; padding: 0 10px 0 0; }
#mainNav li a:hover span { background-position: 100% -200px; }
a#upload { background: transparent url( ../images/bg_upload.png ) no-repeat 0 0; color: #505050; float: right; font-size: 1.4em; margin: 0 14px 0 -90px; padding: 0 0 0 9px; position: relative; z-index: 100; }
a#upload:hover { background-position: 0 -28px; }
a#upload span { background: transparent url( ../images/bg_upload.png ) no-repeat 100% 0; display: block; height: 28px; line-height: 28px; padding: 0 19px 0 0; }
a#upload:hover span { background-position: 100% -28px; }

#search { border-bottom: 1px solid #faa125; display: inline; float: right; margin: 0 14px 0 -67px; padding: 0 0 7px; position: relative; width: 693px; }
#fSearch { background: transparent url( ../images/bg_search.png ) no-repeat 0 0; float: right; height: 58px; margin: 11px 0 0 0; width: 412px; }
#fSearch input { border: 1px solid #b5b5b5; font: inherit; font-size: 1.2em; float: left; margin: 16px 9px 0 16px; padding: 2px; width: 325px; }
#fSearch .submit { background: transparent url( ../images/button_go.png ) no-repeat 0 0; border: none; height: 30px; margin: 12px 0 0; padding: 0; width: 41px; }

#totalCount { font-size: 1.2em; color: #F78F1E; font-weight: bold; position: absolute; top: 185px; margin-left: 5px; display: inline; }
#tagLineLt { font-size: 1.5em; color: #231F20; font-weight: bold; margin-bottom: 15px; margin-left: 18px; float: left; }
#tagLineRt { font-size: 1.5em; color: #231F20; font-weight: bold; margin-bottom: 15px; margin-right: 18px; float: right; }

/* INDEX */
ul.wines { overflow: hidden; }
ul.wines li { background: #eaeaea; float: left; margin: 0 0 0 18px; min-height: 161px; padding: 6px 6px 31px; position: relative; width: 93px; }
ul.wines li.first { margin: 0; }
ul.wines li img { display: block; margin: 0 0 5px; }
ul.wines h4 { font-size: 1.3em; line-height: 1.3em; }
ul.wines h4 a { color: #415979 }
ul.wines h4 a:hover { color: #7a7f83; }
ul.wines h4 small { display: block; font-size: 0.769em; font-weight: normal; line-height: 1.1em; }
ul.wines .votes { background: #f1cc99; bottom: 0; color: #333; font: bold 1.5em/1 "Century Gothic", sans-serif; left: 0; padding: 5px 0; position: absolute; text-align: center; width: 105px; }
/*ul.wines .votes:hover { background: #f8aa3d; color: #fff;}*/

#labelsTop { background: transparent url( ../images/bg_box.png ) no-repeat -1314px 0; width: 515px; }
#labelsTop .inner { background: transparent url( ../images/bg_box.png ) no-repeat -1653px 100%; padding: 3px 7px 10px; min-height: 262px; }
#labelsTop h2 { height: 34px; margin: 0 0 6px; overflow: visible; width: 100%; }
#labelsTop h2 span { background: transparent url( ../images/headers.png ) no-repeat 0 -68px; }
#labelsTop ul.wines li { margin: 0 0 0 26px;}
#labelsTop ul.wines li.first { margin: 0;}
#labelsBottom { background: transparent url( ../images/bg_box.png ) no-repeat 0 0; margin: 12px 0 0; width: 744px; }
#labelsBottom .inner { background: transparent url( ../images/bg_box.png ) no-repeat -750px 100%; padding: 3px 7px 10px; }
.box .more { color: #fff; float: right; font: 0.9em/1 Arial, sans-serif; margin: 14px 7px 0 0; position: relative; z-index: 100; }
#labelsBottom h2 { height: 34px; line-height: 1.1em; margin: 0 0 6px; overflow: visible; width: 100%; }
#labelsBottom h2 span { background: transparent url( ../images/headers.png ) no-repeat 0 -34px; }

#browseByCategory { background: transparent url( ../images/bg_box.png ) no-repeat -1992px 0; }
#browseByCategory .inner { background: transparent url( ../images/bg_box.png ) no-repeat 100% 100%; min-height: 262px; padding: 4px 7px 10px; width: 199px; }
#browseByCategory h2 { height: 34px; }
#browseByCategory h2 span { background: transparent url( ../images/headers.png ) no-repeat 0 0; }
#browseByCategory .more { color: #b0b0b0; margin: 1px 1px 0 0; }
#browseByCategory h3 { clear: both; height: 18px; margin: 0 0 8px; }
#browseByCategory h3 span { background: transparent url( ../images/subheaders.png ) no-repeat 0 0; }
#browseByCategory #hCountryOfOrigin { margin-top: 4px; }
#browseByCategory #hWineStyle span { background-position: 0 -18px; margin-top: 2px;}

#browseByCategory ul { font-size: 1.0em; font-weight: bold; padding: 0 0 0 10px; text-transform: uppercase; }
#browseByCategory li { float: left; padding: 0 5px 7px 2px; width: 40%; }
#browseByCategory li.left { clear: left; }
#browseByCategory li a { color: #415979; }
#browseByCategory li a:hover { color: #7a7f83; }

/* LIST */
#listArea { display: block; width: 100%; }
.listItem { display: block; background-color: #EAEAEA; margin-top: 10px; overflow: hidden; height: 125px; }
.listDetails { float: left; margin: 5px; color: #415979; font-size: 1.3em; }

.listThumb { float: left; padding: 5px; margin: 5px; background-color: #ffffff; }
.listCaption { position: relative; top: 112px; left: -135px; color: #415979; }
.listTitle { font-weight: bold; font-size: 1.2em; padding-top: 2px; }
.listStyle { color: #868119; margin-top: 2px; }
.listDetail { padding-top: 10px; }
.listVote { padding-top: 20px; font-weight: bold; }

.listLink { float: right; padding-top: 75px; padding-right: 5px; }
a.listLinkBtn { background: transparent url( ../images/bg_view.png ) no-repeat 0 0; color: #505050; float: right; font-size: 1.4em; margin: 0 14px 0 -90px; padding: 0 0 0 9px; position: relative; z-index: 100; }
a.listLinkBtn:hover { background-position: 0 -28px; }
a.listLinkBtn span { background: transparent url( ../images/bg_view.png ) no-repeat 100% 0; display: block; height: 28px; line-height: 28px; padding: 0 19px 0 0; }
a.listLinkBtn:hover span { background-position: 100% -28px; }

#listNoResults { background-color: #EAEAEA; font-size: 1.3em; padding: 45px; text-align: center; margin-top: 25px; margin-bottom: 25px; }

#listFooter { font-size: 1.3em; margin-bottom: 10px; margin-top: 10px; }
.listFooterLink:hover{ border-bottom: 5px solid #868119; }

#filterBox { font-size: 1.3em; text-align: right; color: #4159A0; background-color: #EAEAEA; padding: 5px; border: 1px solid #D6D6D6; }

/* DETAIL */
#detailHeader { font-size: 1.3em; }
#detailTitle { font-weight: bold; font-size: 1.4em; margin-bottom: 4px; }
#detailRegion { font-weight: bold; color: #868119; font-size: 1.1em; margin-bottom: 15px; }
#detailRegion a{ color: #868119; text-decoration: underline; }
#detailRegion a:hover{ text-decoration: none; }

#detailBox { border: 2px solid #D6D6D6; background-color: #ffffff; width: 525px; }
#detailInner { padding: 15px 25px 5px 25px; text-align: left; }

#detailVoteTally { font-weight: bold; font-size: 1.5em; color: #000000; }

#detailImg { margin-bottom: 15px; }
#detailArea { font-size: 1.3em; color: #666666; }
#detailArea a{ text-decoration: none; }
#detailArea a:hover{ text-decoration: underline; }

#detailInfo { font-size: 1.1em; margin-top: 10px; }
#detailInfo td { padding-right: 10px; }
#detailInfo span { font-weight: bold; color: #000000; }
#detailDesc { margin-top: 20px; }

#detailTags { font-size: 1.0; margin-top: 20px; }
#detailTags a{ text-decoration: underline; }
#detailTags a:hover{ text-decoration: none; }

#detailLink { margin-top: 5px; }
#detailLink a{ text-decoration: underline; }
#detailLink a:hover{ text-decoration: none; }

#detailVote { margin-top: 15px; margin-bottom: 10px; }
#detailVote li{ font-weight: bold; font-size: 1.1em; color: #868119; }
#detailVotesTally { font-size: 1.4em; font-weight: bold; color: #F39618; position: relative; top: -20px; z-index:2 }
#detailVoteButton { position: relative; top: -15px; z-index:3 }
a#voteBtn { background: transparent url( ../images/bg_view.png ) no-repeat 0 0; color: #505050; float: left; font-size: 1.4em; padding: 0 0 0 9px; position: relative; z-index: 100; }
a#voteBtn:hover { background-position: 0 -28px; }
a#voteBtn span { background: transparent url( ../images/bg_view.png ) no-repeat 100% 0; display: block; height: 28px; line-height: 28px; padding: 0 19px 0 0; }
a#voteBtn:hover span { background-position: 100% -28px; }

#detailHomeFooter { font-weight: bold; color: #868119; font-size: 1.1em; float: left;}
#detailHomeFooter a{ color: #868119; text-decoration: underline; }
#detailHomeFooter a:hover{ text-decoration: none; }

#detailRegionFooter { font-weight: bold; color: #868119; font-size: 1.1em; float: right;}
#detailRegionFooter a{ color: #868119; text-decoration: underline; }
#detailRegionFooter a:hover{ text-decoration: none; }

/* COMMENTS */
#commentBox{ font-size: 1.3em; margin-top: 25px; width: 525px;  border: 2px solid #D6D6D6; background-color: #ffffff; }
.commentInner{ padding: 15px; text-align: left; }
.commentHead{ font-weight: bold; font-size: 17px; margin-bottom: 10px; border-bottom: 2px solid #D6D6D6;}
.commentTitle{ border-bottom: 2px solid #D6D6D6; font-weight: bold; padding: 10px; background-color: #EAEAEA; }
.commentBody{ padding-top: 10px; padding-bottom: 25px; padding-left: 10px; padding-right: 10px; }
#commentForm{ padding: 10px; }

/* ABOUT */
.aboutTitle { font-size: 1.8em; font-weight: bold; color: #F78F1E; display: margin-bottom: 20px; margin-top: 10px; }
.aboutBox { font-size: 1.7em; color: #4159A0; display: block; background-color: #EAEAEA; margin-top: 10px; margin-bottom: 10px; padding: 15px; border: 1px solid #D6D6D6; }
.aboutText { font-size: 1.6em; color: #666666; }

/* FOOTER */
#footer { text-align: center; padding: 25px 0 0 0; font-size: 1.3em; line-height: 1.6em; font-weight: bold; color: #231F20; }

/* SPECIAL ITEMS */
#errorMsg{font-size: 16px; color: #ffffff; font-weight: bold; padding: 12px; background-color: #F78F1E; margin-bottom: 25px;}
#appellation{display: none;}
#uploadForm{display: inline;}
#uploadMsg{display: none; position: relative;}
#txtHide{visibility: hidden;}