@charset "UTF-8"; html, body, #bitwine {height: 100%; margin:0; padding:0}
body{height:auto;}
div,span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; vertical-align: baseline; font-family:inherit}
strong{font-weight:bold;}
:focus {outline: 0}
#bitwine {font-family: Arial, Helvetica, sans-serif; color: black; background: white; behavior:url(/javascripts/IEFixes.htc)}
ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
.png {//background-image: none ! important; behavior:url(/javascripts/pngfix.htc)}
#main{ clear:both; width:900px; min-height:100%; height: auto !important; height:100%; text-align:left; margin:0 auto -5em }
#header, .navigation, .searchbar, .hello, #language{ font-family:Verdana, Arial, Helvetica, sans-serif}
.hello{ color:#666; font-size:small}
.signout{ font:small/1.4em Verdana}
.navigation .navtop li{ font:small/20px Verdana}
ul.subtab{ color:#fff; font-size:small}
.searchbar{ font:small/2.2em Verdana}
.searchbar a{ font-size:80%}
.searchbar input.empty{ color:#666; font-style:italic}
.footer li{ color:#000; font:x-small/.9em Verdana}
.footer ul.footersmall li{ font:xx-small/.8em Verdana}
.errorExplanation{ color:#fff; font:small/2em Verdana}
.errorExplanation p{ color:#fff}
#bredway a{ color:#005ab0; font:x-small Verdana; text-decoration:underline}
#content{ font-family:Arial, Helvetica, sans-serif; font-size:80%}
#main #content div.pagination span.current {color:white}
#main #content div.pagination span.disabled {color: #787878}
a{ color:#005ab0}
.signout a, a.logo, a.logo:hover{ text-decoration:none}
a:hover, .footer a, #content a {text-decoration:underline}
#main ul.breadway li a{ text-decoration:underline !important}
#header a, .subtab a, .navigation a,{ font:small Verdana}
#header a.logo {color:#f90; float:left; font-family:Arial, Helvetica, sans-serif; margin:7px; font-size:20px; font-weight:bold }
.navigation .navtop a, .navigation .navtop a:hover{ color:white; line-height:28px}
.subtab a{ color:#fff; text-decoration:underline}
.subtab .on a{ color:#005ab0; text-decoration:none}
.errorExplanation a {color:#0ff}
.errorExplanation.warning a {color:#369}
#main #content div.pagination a:hover, .pagination a:active {color: #000}
#header{ padding-bottom: 10px}
.logo img{ border:none; margin-right:10px; vertical-align:middle}
html>body .logo{ margin:14px}
.hello{ float:right; text-align:right; margin-right:16px; margin-top:3px}
.signout{ background:#fae2af url(/images/topmenu/signout_bg.gif) bottom repeat-x; float:right; list-style:none; margin:0; min-height:20px; padding:0; text-align:center}
.signout li{ height:2.3em; float:left; min-height:20px; padding-top:.1em}
.signin a{ padding-left:1.8em}
.signout a{ padding:0 .2em; display:block}
.signoutleft{ background:url(/images/topmenu/signout_left_bg.gif) left bottom no-repeat}
.signoutleft a{ background:url(/images/topmenu/signout_hec.gif) no-repeat 10% 70%; padding:.1em .6em 0 2em}
.signoutcenter{ background:url(/images/topmenu/signout_center_bg.gif) bottom left no-repeat; padding:0 .4em 0 1.4em}
.signoutcenter a{ padding-top:.1em}
.signoutright a{ padding:.1em 2em 0 .6em; background:url(/images/topmenu/login_help_icon.gif) 90% 90% no-repeat}
#language{ font-size:x-small; color: #666; clear: right; float: right; margin-bottom:10px}
#language a{ text-decoration:underline}
#language select{ width:8em}
.navigation{ clear:both; padding-left:0; border-top:#fff solid 1px; border-bottom:#fff solid 1px; height:100%; _height:auto}
.navigation ul{ list-style:none; margin:0 0 -3px 16px; padding:0}
.navigation ul .bgbottom{ margin:0}
.navigation .navtop li{ background:url(/images/navigation_right.gif) top right no-repeat; float:left; margin:0 4px -2px 0; padding:0 0 0 0; white-space:nowrap; border-bottom:#666 solid 1px; border-bottom:#ff9400 solid 1px}
.bgbottom{ background:url(/images/bgbottom_navigation.gif) bottom no-repeat; padding-bottom:10px; height:100%}
.bgbottom ul.subtab{ display:none}
.clearleft {float:none; clear:both; height:0; font:0 Arial}
.bgbottom .clearleft {height:1px; font:1px/1px Arial}
.navigation .navtop a, .navigation .navtop a:hover{ background:url(/images/navigation_left.gif) top left no-repeat; float:left; margin:0 0 0 0; padding:0 12px 0 5px; display:block; border-bottom:#666 solid 1px; white-space:nowrap; text-decoration:none}
.navigation .navtop a:hover{ text-decoration:underline}
.navigation .navtop li.on a:hover{ text-decoration:none}
.navigation .navtop img{ margin-left:0; padding-right:4px}
.navigation .navtop a:hover img{ text-decoration:none; background:#7897B4}
.navigation .navtop li.on a:hover img{ background-color: #ff9400}
.navigation .navtop li.on{ margin-bottom:-6px; background:url(/images/navigation_right_on.gif) top right no-repeat; border-bottom:#ff9400 solid 4px}
.navigation .navtop li.on a, .navigation .navtop li.on a:hover{ background:url(/images/navigation_left_on.gif) top left no-repeat; border-bottom:#ff9400 solid 1px}
.navigation img{ border:none; margin:0 3px 3px 3px; vertical-align:middle}
#poweredby{ float:left; background:none; display:inline; padding:0; border:0}
#poweredby img{ padding:0; border:0; margin-bottom:5px; background:none}
#poweredby a{ background:none; border:0}
ul.subtab{ margin:0 0 0 0; padding:10px 0 0 20px; list-style:none; height:2em; clear:both; background:url(/images/bgbottom_subnavbar.gif) left top no-repeat; border-bottom:1px solid #666}
.subtab li{ display:block; float:left; margin-left:5px}
.subtab li a{ display:block; padding:4px 15px}
.subtab li.on{ background:#fff url(/images/subLeft_on.gif) left top no-repeat}
.subtab li.on a{ background:url(/images/subRight_on.gif) right top no-repeat; cursor: inherit; padding:6px 15px}
.searchbar{ background:url(/images/bgbottom_navbar.gif) left bottom no-repeat; clear:both; height:3.5em; margin-top:4px; _margin-top:0; padding-top:0; padding-right:9px; width:900px; z-index:-10}
.searchbar input{ background:#eff3f6; border:#666 solid 1px; float:left}
.searchbar span{ float:left; padding-top:3px}
.searchbar a{ float:left; padding-top:3px}
.searchbar input.query{ width:310px; padding-left:5px; margin:.6em 0 0 10px; vertical-align:middle}
.searchbar input.query:focus{ border:#666 solid 1px; background:#def}
.searchbar .go{ height:2.6em; float:left; margin-left:2px}
.searchbar .go input{ background:url(/images/searchbar_go.gif?1641139307) left bottom no-repeat; border:none; height:34px; width:57px}
.searchbar a.btnbrowse{ float:right; margin-right:-9px; _margin-right:-9px; border:none; width:239px; height:2.6em; background:url(/images/browse_cat.gif?1641139307) 0 no-repeat}
.searchbar a.btnbrowse img{ display:none; border:none; margin-top:.5em}
ul#bredway{ float:left; background:url(/images/breadcrumb_arrow.gif) right bottom no-repeat; text-align:left; display:block; margin:-2px 0 0 -4px; padding:0 14px 5px 0}
#bredway li{ float:left; list-style:none; margin:0 0 0 0}
#bredway a{ margin:0 5px}
.fixed_height{ height: 60px}
#footer_adsence {padding-top:50px; clear: both; margin:0}
#bitwine .footer, #bitwine .push {height:5em; clear:both }
#bitwine .footer{ background:url(/images/footer_bg.gif) 0 0 repeat-x; float:none }
#bitwine .footer{ margin:0 auto}
.footer ul{ padding:0; margin:0; clear:both; padding-top:15px; height:15px }
.footer li{ float:left; list-style:none; margin:0; padding:0; padding-bottom:.1em}
.footer a{ margin:0 5px}
.footer ul.footersmall li{ margin-top:5px}
.errornotice{width:auto; text-align:center;}
.errorExplanation{ background:#b91f1f url(/images/error_message_up_left.gif) 0 0 no-repeat; width:36em; margin:20px auto; text-align:left; clear:both}
.notice{ background:#2EB91F url(/images/notice_up_left.gif) 0 0 no-repeat}
.warning {background:#D88F00 url(/images/warning_up_left.gif) 0 0 no-repeat}
.inputmandatory .fieldWithErrors input, .inputmandatory .fieldWithErrors input:focus, .input .fieldWithErrors input, .input .fieldWithErrors input:focus {background:#f6d9db}
.errorExplanation h2{text-align:center;}
.errorExplanation p{ margin:0; padding:0}
.errorExplanation li{ text-align:left}
.errorExplanation .topright{background:url(/images/error_message_up_right.gif) 100% 0 no-repeat; padding:1em 1.5em .8em 1.5em}
.errorExplanation .botleft{background:url(/images/error_message_down_right.gif) right bottom no-repeat}
.errorExplanation .botright{background:url(/images/error_message_down_left.gif) left bottom no-repeat}
.notice .topright{background:url(/images/notice_up_right.gif) 100% 0 no-repeat; padding:1em 1.5em .8em 1.5em}
.notice .botleft{background:url(/images/notice_down_right.gif) right bottom no-repeat}
.notice .botright{background:url(/images/notice_down_left.gif) left bottom no-repeat}
.warning .topright{background:url(/images/warning_up_right.gif) 100% 0 no-repeat; padding:1em 1.5em .8em 1.5em}
.warning .botleft{background:url(/images/warning_down_right.gif) right bottom no-repeat}
.warning .botright{background:url(/images/warning_down_left.gif) left bottom no-repeat}
html>body .error{background:#b91f1f url(/images/error_message_up_left.gif) 0 0 no-repeat}
html>body .error .topright{background: url(/images/error_message_up_right.gif) 100% 0 no-repeat}
html>body .error .botleft{ padding-bottom:4px;}
#content{ clear:both; padding-top:.9em}
h1.title{ color:#666; font:normal 220% Arial}
.rating a{ text-decoration:none; margin-left:5px}
#content .rating p.stars a{ margin-left:0; text-decoration:none}
div#main div.rating span, div#main div.rating p.stars{ margin-left:0; margin-right:0}
.rating p.stars{ background:url(/images/rating/star_empty_white.gif) top left repeat-x; display:block; float:left; width:80px}
.rating p.stars span{ background:url(/images/rating/star_full_white.gif) top left repeat-x; display:block}
.rating p.gray{ background:url(/images/rating/star_empty_gray.gif) top left repeat-x}
.rating p.gray span{ background:url(/images/rating/star_full_gray.gif) top left repeat-x}
.textblock p, p.textblock{ width:638px; clear:both; float:none; padding-top:10px; padding-bottom:10px}
.floatleft{ float:left}
.floatright{ float:right}
.clear{ clear:both}
#main #content div.pagination {background:#ebf1f5; clear:both; padding:5px; margin:1px 0; text-align:left}
#main #content div.pagination span{ float:none; margin:0}
#main #content div.pagination a {padding: 2px 5px; margin: 2px; text-decoration: none}
#main #content div.pagination span.current {background: #005ab0; margin: 2px; padding: 2px 5px}
#main #content div.pagination span.disabled {margin: 2px; padding: 2px 5px}
#admin_panel {width: 99%; background-color: #f60; padding: 5px; font-size:80%}
#admin_panel div#left {float:left; width:50%}
#admin_panel div#right{ float:right; width:48%}
#admin_panel div#left input {margin: 2px}
#admin_panel textarea{ float:left; border:1px solid #666}
#admin_panel #right input{ float:left; margin:0 5px}
#admin_panel #right label{ font-weight:bold}
#admin_panel th{ font-weight:bold}
#admin_panel td{ padding:2px 5px}
#admin_panel div.clear{ margin:5px 0; padding:0; height:1px}
#admin_panel #view_as_links a{ font-size:110%; font-weight:bold; padding-left:5px}
#fb_like_box {float: right; height: 0; margin-right:-10px}
#profile {word-wrap: break-word}
#profile pre {white-space: pre-line; word-wrap: break-word}
div.btn {background: url(/images/btn_left.gif) left no-repeat; float: left}
div.btn div {background:url(/images/btn_right.gif) right no-repeat; white-space: nowrap}
.btn a, .btn input {background: url(/images/btn_center.gif) bottom repeat-x; padding: 0 24px; margin: 0 15px; color: white; font: bold 15px Verdana; text-decoration: none; clear: both; display: block}
.btn a {width: auto !important; width: 0%; height: 40px; padding-top: 15px}
.btn input {height: 55px; width: auto; padding-bottom: 5px; cursor:pointer; border:none}
div.btn:hover {background: url(/images/btn_left_over.gif) left no-repeat}
div.btn:hover div {background: url(/images/btn_right_over.gif) right no-repeat}
div.btn:hover a, div.btn:hover input {background: url(/images/btn_center_over.gif) bottom repeat-x; text-decoration: underline}
.btn input:focus {border: none; background: url(/images/btn_center.gif) bottom repeat-x}
.btn-retry {margin-top: 50px; margin-bottom: 30px; background: #2c97de !important; background-image: -webkit-linear-gradient(top, #2c97de, #326a8a) !important; background-image: -moz-linear-gradient(top, #2c97de, #326a8a) !important; background-image: -ms-linear-gradient(top, #2c97de, #326a8a) !important; background-image: -o-linear-gradient(top, #2c97de, #326a8a) !important; background-image: linear-gradient(to bottom, #2c97de, #326a8a) !important; -webkit-border-radius: 7 !important; -moz-border-radius: 7 !important; border-radius: 7px !important; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none}
.btn-retry:hover {background: #3cb0fd !important; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db) !important; background-image: -moz-linear-gradient(top, #3cb0fd, #3498db) !important; background-image: -ms-linear-gradient(top, #3cb0fd, #3498db) !important; background-image: -o-linear-gradient(top, #3cb0fd, #3498db) !important; background-image: linear-gradient(to bottom, #3cb0fd, #3498db) !important; text-decoration: none}
.paypal-error {height: 300px; text-align: center; padding-top: 50px; font-size: 150%; color: #666}
.paypal-prompt-retry {padding-top: 26px; padding-bottom:26px}
.paypal-error-form {margin-left: 100px; margin-right: 100px}