/* ====================================================================================================

Description:	Screen CSS
Version:		v1.0
	
Company:		Winery Insider
				http://www.wineryinsider.com

==================================================================================================== */

/* Imports */

/* Google Font Directory */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);

/* ====================================================================================================				
	Generic Classes
==================================================================================================== */

/* Headings */
h1 { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; color: #ffffff; }
h2 { font-size: 30px; line-height: 30px; margin: 0 0 10px 0; color: #ffffff; }
h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #ffffff; }
h4 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #ffffff; }
h5 { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; color: #ffffff; }
h6 { font-size: 10px; line-height: 20px; margin: 0 0 10px 0; color: #ffffff; }

/* Typography */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Lucida Grande', Tahoma, sans-serif;  }
body { font-size: 12px; line-height: 19px; }
p { color: #ffffff; }
blockquote { font-family: Georgia, serif; }

/* Lists */
ol { margin: 0 0 25px 0; }
ol li { margin: 0 0 4px 0; }
ul { list-style-type: square; margin: 0 0 25px 0; }
ul li { margin: 0 0 5px 20px; line-height: 14px; }

/* Links */
a:link, 
a:visited { color: #375b9e; text-decoration: underline; }
a:hover { color: #375b9e; text-decoration: underline; }

.clear { width: 100%; height: 10px; clear: both; }
.clear.left { clear: left; }
.clear.right { clear: right; }


/* Pop Ups */
.pop-up { display: none; position: fixed; top: 0px; left: 50%; margin-left: -300px; width: 600px; background-color: #131313; color: #fff; padding: 18px; }
.pop-up-content { border: 1px solid white; padding: 10px; }
.pop-up-checkout { display: none; position: absolute; top: 0px; left: 50%;  width: 600px; margin-left: -300px; background-color: #fff; color: #000; padding: 10px; z-index: 2000; }
.overlay-black { background-color: #000; }
.overlay { background-color: #fff; }

input[type="submit"].awesome { border: 0px; margin-left: 0px; }

/* Floating Cart */
.fixedElement { background-color: #c0c0c0; position: absolute; top: 185px; margin-left: 555px; width: 385px; z-index: 1000; }



/* ====================================================================================================				
	Site Specific CSS
==================================================================================================== */

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 20px 0; background: #ffffff; min-width: 960px; color: #ffffff; }
#wrapper { width: 100%; margin: 0 auto; background: #000000 url('../images/backgrounds/bg-winerack.jpg') no-repeat top left; }

#login #wrapper { width: 100%; margin: 0 auto; background: #000000 url('../images/home/home-barrels-20101011-02.jpg') no-repeat top right; }
#signup #wrapper { width: 100%; margin: 0 auto; background: #000000 url('../images/home/bg-barrels-summer.jpg') no-repeat top right; }


/* Header
---------------------------------------------------------------------------------------------------- */
#header { margin-top: 0; margin-bottom: -12px; }

/* Sitewide Navigation */
#header ul.navigation { margin: 0; padding: 0; float: right; /* This float aligns the navigation */ }
#header ul.navigation li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; }

#header ul.navigation li { font: normal 11px 'Lucida Grande', Tahoma, sans-serif; line-height: 70px; text-transform: normal; }
#header ul.navigation li.red a:link,
#header ul.navigation li.red a:visited { font-size: 12px; padding: 0; margin: 0 0 0 20px; color: #b10000; text-decoration: none; }
#header ul.navigation li.red a:hover { color: #333333; }

#header ul.navigation li a:link,
#header ul.navigation li a:visited { padding: 0; margin: 0 0 0 15px; color: #333333; text-decoration: none; }
#header ul.navigation li a:hover { color: #b10000; }
#header ul.navigation li a.current { color: #b10000; }
#header ul.navigation li span.divider { color: #333333; margin: 0 0 0 25px; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { padding-top: 30px; padding-bottom: 40px; }

#content .sidebar { text-align: center; }
.sidebar a { font-family: Georgia; }
.sidebar a:link,
.sidebar a:visited { font-size: 11px; line-height: 30px; color: #eeeeee; text-decoration: none; text-transform: uppercase; }
.sidebar a:hover { color: #b10000; }

#content .calendar { background: #222222; padding: 15px; margin: 0 0 25px 0; border-top: 8px solid #b10000;  }
#content .calendar h2 { font: bold 13px 'Helvetica Neue' Arial, sans-serif; text-transform: uppercase; color: #ffffff; text-align: center; }
#content .calendar strong { font-size: 11px; color: #b10000; }
#content .calendar p { font-size: 11px; color: #ffffff; margin: 0 0 0 0; }
#content .calendar ul { margin: 5px 0 15px 0; }
#content .calendar ul li { font-size: 9px; list-style-type: none; margin: 0 0 5px 0; padding: 0 0 0 0; color: #d4d4d4; }

#content .right p { text-align: right; }
#content .login h1 { font: normal 24px Georgia, serif; color: #ffffff; margin: 0 0 15px 0; }
#content .login p { color: #ffffff; line-height: 22px; }
#content .login p strong { color: #b10000; font-size: 20px;}
#content .login p b { font-size: 16px; margin: 0 0 8px 0;}
#content .login form { background: #222222; padding: 15px; margin: 0 0 10px 0; }
#content .login form p label { text-align: right; width: 70px; margin: 3px 10px 0 0; text-transform: uppercase; font-size: 9px; }
#content .login form input.member-login { width: 186px; padding: 5px; border: 1px solid #777777; background: #333333; color: #ffffff;}
#content .login h2 { font: normal 14px Georgia, serif; color: #b10000; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px dotted #555555; padding: 0 0 5px 0; }
#content .login .border { border: 1px dotted #666666; padding: 15px; }
#content .login form input.login-submit { margin: 0 0 0 0; }
#content .login a:link.forgot-password,
#content .login a:visited.forgot-password { font-size: 10px; color: #b10000; text-decoration: none; margin: 0 0 0 15px; }
#content .login a:hover.forgot-password { text-decoration: underline; }
#content .login hr { background: #333333; }
#content .login a:link,
#content .login a:visited { color: #ffffff; text-decoration: underline; }
#content .login a:hover { color: #b10000; text-decoration: underline; }

#content .signup { height: 550px; }
#content a:link.terms,
#content a:visited.terms { color: #b10000; text-decoration: none; }
#content a:hover.terms { text-decoration: underline; }
#content small.state-laws { color: #888888; }

#content .welcome { height: 38px;}
#content .welcome h1 { font: normal 18px Georgia, serif; color: #ffffff; margin: 0 0 0 0; }
#content .credits p { font: bold 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; margin: 0 0 0 0; }

#content h1.category { font-family: Georgia, serif; font-weight: normal; font-size: 32px; color: #ffffff; }
#content h1.category small { float: right; padding-right: 15px; font-family: 'Lucida Grande', sans-serif; font-weight: normal; font-size: 13px; color: #b10000; }
#content h1.category small a:link, #content h1.category small a:visited { color: #b10000; text-decoration: none; }

.my-credits { text-align: right; }
.my-credits a:link,
.my-credits a:visited { font-size: 13px; color: #ffffff; text-decoration: none; }
.my-credits span.credit-amount { color: #b10000; }

.product-listing { border-top: 1px solid #333333; background: #111111; width: 340px; display: block; float: left; margin: 0 10px 30px 0; }
.product-info { color: #ffffff; overflow: hidden; }
.product-info.product-page { width: 440px; float: left; }
.product-info .padding { padding: 5px 10px 10px 10px; }

p.product-education { width: 670px; background: #222222; border-top: 1px solid #555555; padding: 10px 15px; font: normal 11px 'Lucida Grande', sans-serif; line-height: 19px; color: #ffffff; }
p.product-education strong { font: normal 16px Georgia, serif; line-height: 20px; color: #ffffff; }

.product-education-new { width: 650px; background: #222222; border-top: 1px solid #555555; padding: 10px 15px; margin-bottom: 25px; margin-left: 10px; }
.product-education-new p { font: normal 12px 'Lucida Grande', sans-serif; line-height: 19px; color: #ffffff; margin: 0 0 10px 0; }
.product-education-new p strong { font: normal 16px Georgia, serif; line-height: 20px; color: #ffffff; }
.product-education-new p b { font: normal 16px Georgia, serif; line-height: 20px; color: #ffffff; }
p.product-education-new a:link, p.product-education-new a:visited  { color: #b10000; }

.warm-weather-shipping a:link,
.warm-weather-shipping a:visited { text-align: center; padding: 5px; font-size: 11px; background: #b10000; border-top: 1px solid #d33737; display: block; color: #ffffff; font-weight: bold; text-decoration: none; }
.warm-weather-shipping a:hover { text-decoration: underline; }

span.product-name { text-align: center; color: #ebebeb; font-family: 'Droid Serif', Georgia, serif; font-size: 15px; line-height: 21px; font-weight: normal; display: block; margin: 5px 0 12px 0; padding: 0 0 12px 0; white-space: nowrap; border-bottom: 1px solid #222222; }

span.product-time { font-size: 12px; color: #f0f0f0; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; display: block; line-height: 12px; margin: 8px 0 3px 0; }

span.product-price { color: #c91313; font-size: 15px; font-family: 'Droid Serif', Georgia, serif; font-weight: normal; display: block; margin: 0 0 3px 0; }
span.product-retail { color: #7e7e7e; font-size: 12px; font-weight: normal; text-decoration: line-through; text-transform: uppercase; }
span.product-online { color: #7e7e7e; font-size: 12px; font-weight: normal; display: block; text-decoration: line-through; text-transform: uppercase; }
span.savings { color: #d4d4d4; font-size: 11px; font-weight: normal; text-transform: uppercase; }

.product span.product-price { color: #ffffff; font-size: 18px; }
.product span.savings { display: block; }

.product-info a:link,
.product-info a:visited { float: right; }

.product-image { width: 340px; }
/* .product-image { height: 220px; width: 340px; overflow: hidden; }

/* Product Page */
.product { color: #f1f1f1; }
#content .welcome { margin-bottom: 15px; }
#content .welcome p { font-size: 11px; text-align: left; }
.product .welcome a:link,
.product .welcome a:visited { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase; }
.product .welcome a:hover { color: #8f0b0d; }

.product .product-image { border-top: 1px solid #333333; width: 340px; height: auto; margin-bottom: 0px; }
.product .reviews { text-align: left; background: #181818; border-top: 5px solid #b10000; padding: 15px;}
.product .reviews p { font-size: 11px; }
.product .reviews strong p { font-size: 14px; }
.product .reviews h3 { font: bold 13px 'Lucida Grande', Tahoma, sans-serif; margin: 0 0 7px 0; color: #b10000; }


.product .product-info { background: #181818; color: #ffffff; border-top: 1px solid #333333; height: 110px; margin: 0 0 20px 0; }
.product .product-info .padding { padding: 20px; }
.product img.product { margin: 0 0 -5px 0; width: 340px; }

.product h1 { font-family: 'Droid Serif', Georgia, serif; font-size: 24px; font-weight: normal; line-height: 28px; color: #b10000; border-bottom: 1px solid #333333; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.product h3 { display: block; clear: left; font: bold 16px 'Lucida Grande', Tahoma, sans-serif; color: #b10000; }

#content .product p { font: normal 12px 'Lucida Grande', Tahoma, sans-serif; color: #eeeeee; line-height: 20px; }
.product .product-time { font-size: 12px; font-weight: bold; line-height: 12px; margin: 0 0 7px 0; float: right; text-align: center; }
.product .clock { font-size: 24px; line-height: 24px; display: block; margin: 5px 0 0 0; padding: 5px 9px; color: #e0a82f; background: #111111; border-bottom: 1px solid #333333; -moz-border-radius:3px; -webkit-border-radius:3px; }
.product-time span.offer-expires-title { color: #bb8819; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; }
.product-time span.countdown-hms { color: #e0a82f; font-size: 8px; margin: 0 17px;} 

.product a.buy {  }
.product a.buy:link,
.product a.buy:visited { float: left; margin: 0 0 0 15px; }

.product .shipping-offer { width: 565px; text-align: center; border-top: 1px solid #b10000; border-bottom: 1px solid #b10000; color: #ffffff; padding: 3px 0; margin: 0 0 20px 0; }
.product .shipping-offer strong { background-color: #b10000; color: #ffffff; padding: 2px 4px; }
.product .shipping-offer em { font-weight: bold; }


.technical-notes { float: right; width: 200px; margin: 27px 0 0 25px; }
.technical-notes ul li { list-style-type: none; margin: 0 0 10px 0; font: 11px normal 'Lucida Grande', Tahoma, sans-serif; color: #ffffff; }
.technical-notes ul li strong { font-size: 9px; color: #989898; }

/* Invite Your Friends */

.invite { margin: 0 0 60px 0; }
.invite h2 { font-size: 26px; font-family: Georgia, sans-serif; color: #b10000; margin: 0 0 20px 0; }
.invite h3 { color: #ffffff; font-size: 16px; }
textarea.invite-emails { width: 480px; height: 30px; border: 2px solid #676767; padding: 10px; margin: 0 0 30px 0; }
textarea.invite-message { width: 480px; height: 80px; border: 2px solid #676767; padding: 10px; }
.invite input[type="submit"] { font-size: 20px; margin: 20px 0 0 0; }
.invite .how-it-works { background: #252525; padding: 20px; }
.invite .how-it-works h2 { font-size: 20px; font-family: Georgia, sans-serif; color: #ffffff; border-bottom: 1px dotted #a5a5a5; text-align: center; padding: 0 0 7px 0; margin: 0 0 10px 0; }
.pixel-border { border: 1px solid #a5a5a5; padding: 20px; }

/* Account */

.account-navigation { border-bottom: 2px solid #b10000; margin: 0 0 20px 0; }
.account-navigation ul { list-style-type: none; margin: 0 0 0 10px; }
.account-navigation ul li a { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.account-navigation ul li a:link,
.account-navigation ul li a:visited { float: left; background-color: #676767; color: #bbbbbb; padding: 7px 12px; margin: 0 3px 0 0; font-weight: bold; text-decoration: none; } 
.account-navigation ul li a:hover { background-color: #b10000; color: #ffffff; }
.account-navigation ul li a.current { background-color: #b10000; color: #ffffff; } 

.order-listing { border-bottom: 1px dotted #676767; margin: 0 0 30px 0; }

.account { margin: 0 0 60px 0; }
.account a:link, 
.account a:visited { font-size: 11px; color: #bd5f60; text-decoration: none; }
.account a:hover { color: #983638; }
.account h2 { font-size: 26px; color: #b10000; margin: 0 0 20px 0; }
.account h3 { font-size: 11px; font-weight: bold; color: #ffffff; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #676767; }
.account .myorders h3 { font-size: 11px; font-weight: bold; color: #b10000; margin: 0 0 10px 0; padding: 0 0 0 0; border-bottom: 0px none; }

/* Account Popups */
.pop-up-content h1 { font-family: Georgia, serif; font-size: 18px; }
.pop-up-content form p { margin: 0 0 6px 0; padding: 0 0 6px 0;  }
.pop-up-content form p label { float: left; text-align: left; margin: 0 0 0 0; width: 130px; font-size: 11px; font-weight: normal; color: #f1f1f1; }
.pop-up-content form p input { width: 289px; margin: 0 0 8px 0; }
.pop-up-content form p select { width: 100px; font-size: 14px; display: inline; }
.pop-up-content form p textarea { width: 289px; }
.pop-up-content form p input.name { width: 133px; margin: 0 5px 8px 0; }
.pop-up-content form p input.zip { width: 133px; margin: 0 5px 8px 0; }
.pop-up-content form .submit-buttons { text-align: right; }

/* User Messages */
#user-messages h1 { font-family: Georgia, serif; font-size: 18px; }
#user-messages .pixel-border { border: 1px solid #a5a5a5; padding: 20px 20px 5px 20px; }


/* Gift Certificates */
.gift-certificate { height: 500px; background: #f5f0df url('../images/gift-cards/bg-gift-card-01.png') no-repeat top left; }
.gift-certificate-02 { min-height: 500px; background: #f5f0df url('../images/gift-cards/bg-gift-card-02.png') no-repeat top left; }
.gift-info h2 { text-align: center; color: #333333; margin-top: 130px; font-size: 22px; }
.gift-info input#recipient { position: absolute; left: 400px; top: 210px; width: 200px; background: transparent; border: none; padding: 10px 0; font-size: 14px; font-family: Georgia, serif; color: #333333; }
.gift-info input#gift_amount { position: absolute; left: 415px; top: 265px; width: 185px; background: transparent; border: none; padding: 10px 0; font-size: 22px; font-family: Georgia, serif; color: #333333; }
.gift-info input#submit { position: absolute; right: 80px; bottom: 80px; }

#gift #checkout-form h1 { font-size: 32px; color: #333333; margin: 0 0 25px 0; font-family: Georgia, serif; }
#gift #checkout-form h2 { font-size: 14px; font-weight: bold; line-height: 24px; color: #ffffff; background: #555555; padding: 5px 8px; display: inline; margin: 0 8px 0 0; }
#gift #checkout-form h3 { font-size: 13px; font-weight: bold; line-height: 24px; color: #333333; display: inline; }
#gift #checkout-form h4 { font-size: 14px; font-weight: bold; line-height: 24px; color: #333333; display: inline; }

#gift .final-summary li { color: #333333; }
#gift #checkout-form form { margin: 20px 0 0 0; padding: 0 0 0 0; background: #ffffff; border: none; }

#gift span.phone { margin: 0 0 0 0; font-size: 18px; color:#ffffff; line-height: 70px; }
#gift span.step-number { color: #b3b3b3; font: normal 9px 'Lucida Grande', Tahoma, Verdana, sans-serif; text-transform: uppercase; margin: 0 5px 0 0; }
#gift ul.steps { margin: 0; padding: 0; float: right; /* This float aligns the navigation */ }
#gift ul.steps li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; }
#gift ul.steps li a:link,
#gift ul.steps li a:visited { font: normal 15px Georgia; line-height: 70px; margin: 0 0 0 30px; color: #ffffff; text-decoration: none; }
#gift ul.steps li a:hover { color: #ed3737; }
#gift ul.steps li a.current { color: #ed3737; }

/* CHECKOUT
---------------------------------------------------------------------------------------------------- */

#checkout #content { padding-top: 0px; }
#checkout-form p { color: #333333; }
#checkout-form .final-summary li { color: #333333; }

#checkout span.phone { margin: 0 0 0 0; font-size: 18px; color:#ffffff; line-height: 70px; }
#checkout span.step-number { color: #b3b3b3; font: normal 9px 'Lucida Grande', Tahoma, Verdana, sans-serif; text-transform: uppercase; margin: 0 5px 0 0; }
#checkout ul.steps { margin: 0; padding: 0; float: right; /* This float aligns the navigation */ }
#checkout ul.steps li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; }
#checkout ul.steps li a:link,
#checkout ul.steps li a:visited { font: normal 15px Georgia; line-height: 70px; margin: 0 0 0 30px; color: #ffffff; text-decoration: none; }
#checkout ul.steps li a:hover { color: #ed3737; }
#checkout ul.steps li a.current { color: #ed3737; }

#checkout h1 { font-size: 32px; color: #333333; margin: 0 0 25px 0; font-family: Georgia, serif; }
#checkout h2 { font-size: 14px; font-weight: bold; line-height: 24px; color: #ffffff; background: #555555; padding: 5px 8px; display: inline; margin: 0 8px 0 0; }
#checkout h3 { font-size: 13px; font-weight: bold; line-height: 24px; color: #333333; display: inline; }
#checkout h4 { font-size: 14px; font-weight: bold; line-height: 24px; color: #333333; display: inline; }

/*	Cart */
#checkout-form table th { font-size: 10px; color: #666666; }	
#checkout-form { background: #ffffff; margin-top: 0px; margin-bottom: 60px; padding-top: 10px;}
#checkout-form table { color: #333333; width: 100%; }
#checkout-form input.qty { width: 20px; text-align: center; }
#checkout-form .my-credits { float: right; font-weight: bold; }	

/*	Forms */
#checkout form { margin: 20px 0 0 0; padding: 0 0 0 0; background: #ffffff; border: none; }
#checkout label { font-weight: bold; vertical-align: middle; }
#checkout fieldset { border: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#checkout legend { display: none; padding: 0 0 0 0; font-weight: bold; font-size: 14px; line-height: 20px; }
#checkout input[type="text"] { margin: 0; padding: 5px 6px; border: 1px solid #bbbbbb; background-color: #ffffff; }
#checkout textarea { margin: 0; padding: 3px 6px; border: 1px solid #bbbbbb; background-color: #ffffff; }

#checkout form p { margin: 0 0 10px 0; padding: 0 0 10px 0;  }
#checkout form p label { float: left; text-align: left; margin: 4px 0 0 0; width: 130px; font-size: 11px; font-weight: normal; color: #8b8b8b; }
#checkout form p input[type="text"] { width: 289px; }
#checkout form p select { width: 100px; font-size: 14px; display: inline; }
#checkout form p textarea { width: 289px; }

#checkout form p input.name { width: 133px; margin: 0 5px 0 0; }
#checkout form p input.other { width: 100px; }

#checkout form p input.button { width: auto; }
#checkout form p input.checkbox { width: auto; }
#checkout form p input.radio { width: auto; }

#checkout form p.checkbox { margin-right: 10px; padding: 0 10px 0 0; }
#checkout form p.checkbox label { float: none; }
#checkout form p.checkbox input { width: auto; }

#checkout form p small { font-size: 9px; font-weight: normal; color: #444; display:block; }
#checkout form p small.instructions { margin: 6px 0 0 130px; font-size: 9px; font-weight: normal; color: #444444; display:block; }
#checkout form p select.month { width: 120px; margin: 5px 0 5px 0; display:inline; }
#checkout form p select.day { width: 60px; margin: 5px 0 5px 0; display:inline; }
#checkout form p select.year { width: 70px; margin: 5px 0 5px 0; display:inline; }
#checkout form p select.state { width: 225px; margin: 5px 0 5px 0; display:inline; }
#checkout form p select.creditcard { width: 175px; margin: 5px 0 5px 0; display:inline; }
#checkout form p input.zip { width: 100px; margin: 0; }

#checkout form img.creditcard { margin: 0 3px 0 0; }
#checkout form img.shipping { margin: 0 0 -10px 5px; }

#checkout form small.instructions { line-height: 13px; }

#checkout .place-my-order { text-align: right; margin: 0 0 50px 0;}
#checkout .place-my-order { color: #333333; }

small.shipping-offer { color: #b10000; margin: 0 0 0 15px; }
#checkout p.shipping-offer { color: #b10000; text-align: right; font-size: 11px; margin: 10px 0 5px 0;}





/* Links */
#checkout .place-my-order a:link, 
#checkout .place-my-order a:visited { color: #ffffff; text-decoration: none; }


/*	Order Summary */
#checkout .order-summary { background-color: #f1f1f1; border: 1px solid #e1e1e1; padding: 15px; color: #333333; }
#checkout .order-summary h4 { color: #333333; font-weight: bold; font-size: 12px; }

#checkout table td.picture { width: 20px; margin: 0; vertical-align: bottom;}
#checkout input.quantity { width: 25px; margin: 0; padding: 4px 3px; border: 1px solid #bbbbbb; text-align: center; }
#checkout span.cart-item-discount { margin: 0 0 0 25px; font-size: 9px; color: #b10000; font-weight: bold; }
#checkout strong.subtotal { font-size: 13px; }

#checkout span.itemdiscount { font-size: 9px; color: #b10000; font-weight: bold; }
#checkout span.divider { font-size: 11px; color: #cacaca; margin: 0 3px;}
#checkout .modifycart { color: #b10000; font-size: 10px; float: right; }

#checkout table.order-summary { background-color: #ffffff; font-size: 11px; line-height: 15px; }
#checkout table td img { margin: 0 0 0 10px; height: 35px; }
#checkout table td.price { width: 60px; }
#checkout table td.discount { padding: 10px 20px; font-size: 10px; background-color: #fcfcfc; color: #b10000; text-align: right; }
#checkout table td.member { padding: 7px 10px; font-weight: bold; font-size: 10px; background-color: #999999; color: #ffffff; text-align: left; }

#checkout form input.offer { width: 200px; margin: 0; }	
#checkout form textarea.giftoptions { height: 70px; }







.about h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.about h2 { font-size: 14px; font-weight: bold; margin: 0 0 4px 0; line-height: 18px; }
.about .how-it-works { background: #252525; padding: 20px; float: left; width: 280px; margin: 0 25px 20px 0; }
.about .how-it-works h2 { font-size: 20px; font-family: Georgia, sans-serif; font-weight: normal; color: #b10000; border-bottom: 1px dotted #a5a5a5; text-align: center; padding: 0 0 7px 0; margin: 0 0 10px 0; }
.about .pixel-border { border: 1px solid #a5a5a5; padding: 20px 20px 5px 20px; }

.faq h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.faq h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.faq h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.faq p { margin: 0 0 25px 0; }
.faq a:link,
.faq a:visited { color: #bd5f60; }

.contact h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.contact h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.contact h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.contact p { margin: 0 0 25px 0; }
.contact a:link,
.contact a:visited { color: #ffffff; }

.shipping h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.shipping h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.shipping h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.shipping p { margin: 0 0 25px 0; }
#content .shipping strong { color: #b10000; }
.shipping a:link,
.shipping a:visited { color: #ffffff; }

.returns h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.returns h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.returns h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.returns p { margin: 0 0 25px 0; }
#content .returns strong { color: #b10000; }
.returns a:link,
.returns a:visited { color: #ffffff; }

.termsofuse h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.termsofuse h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.termsofuse h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.termsofuse p { margin: 0 0 25px 0; }
.termsofuse strong { color: #b10000; }
.termsofuse a:link,
.termsofuse a:visited { color: #ffffff; }

.privacy h1 { font-size: 28px; color: #b10000; font-family: Georgia, serif; }
.privacy h2 { font-size: 14px; color: #b10000; font-weight: bold; margin: 0 0 5px 0; line-height: 18px; }
.privacy h3 { font-size: 22px; color: #ffffff; font-family: Georgia, serif; border-bottom: 1px solid #d4d4d4; margin: 30px 0 15px 0; padding: 0 0 15px 0;  }
.privacy p { margin: 0 0 25px 0; }
.privacy strong { color: #b10000; }
.privacy a:link,
.privacy a:visited { color: #ffffff; }

.standout { border: 1px solid #d4d4d4; background: #333333; padding: 20px 25px 5px; margin: 40px 0 40px 0; -moz-border-radius:3px; -webkit-border-radius:3px; margin: 0 0 20px 0; }




/* Miscellaneous
---------------------------------------------------------------------------------------------------- */
/* Search */
#search { margin: 0 0 20px 0; }


a[href$='http://facebook.com/wineryinsider/'] {
display:inline-block;
padding-left:22px;
line-height:16px;
background:transparent url("../images/social/facebook.png") center left no-repeat;
}

a[href$='http://twitter.com/wineryinsider/'] {
display:inline-block;
padding-left:22px;
line-height:16px;
background:transparent url("../images/social/twitter.png") center left no-repeat;
}

/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; margin-top: 20px; text-align: center; padding: 0 15px 0 15px; }
#footer p { font-size: 11px; margin-top: 4px; color: #333333; margin: 0 0 5px 0; }
#footer p em { margin: 0 2px 0 0; font: italic 10px Georgia, serif; color: #d4d4d4; }
#footer a:link,
#footer a:visited { color: #333333; text-decoration: none; margin: 0 5px 0 5px; }
#footer a:hover { text-decoration: underline; }