﻿
/*

   WhiteFences Online Store BVC5 Theme - Version 1.0
   by www.globalweb.net

*/

/* Resetting Browser Defaults */
html, 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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 2;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	

/* Body Styles */
body { border: solid 0px green; padding: 0 0 0 0; background: #070A0D; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; font-size: 11px; line-height: 1.6em; }
#container { border:0px solid red; margin: 0 auto 0 auto; width: 1023px; background: #ccc url(../images/backgroundow.jpg) /*repeat-y top left*/; position: relative; }

/* Shhhh, these are hiding. */
.hide, hr {display: none;}

/* Default Heading Styles */
h1 { font-size: 1.3em; line-height: 1em; margin-bottom: .5em; text-transform: uppercase; font-weight: bold; color:#333; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing:.15em; padding: 0 0 10px 0; }
h2 { font-size: 1.3em; line-height: 1.0em; margin-bottom: .5em; color:#333; font-family: Arial, Verdana, Helvetica, sans-serif;}
h3 { font-size: 1.2em; line-height: 1.0em; margin-bottom: .5em; color:#333; font-family: Arial, Verdana, Helvetica, sans-serif; border-bottom:solid 1px #666;}
h4 { font-size: 1em; line-height: 1.5em; }
h5 { font-size: 1em; line-height: 1.5em; }

/* Paragraphs, Etc. */
p, ul, ol, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: .5em; }
p.small, .BVSmallText, small { margin: 0; font-size: 0.8em; line-height: 1.5em; }

/* Default Table Styles */
table {border-collapse: separate;border-spacing: 0;width: 100%;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: top; /*WAS valign=middle*/ padding: 5px;}

/* Lists */
ol, ul { margin: .5em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; line-height: 1.5em; }

/* Links */
/*
a { text-decoration: underline; }
a:link, a:active, a:focus { color: #000; }
a:visited { color: #222; }
a:hover { color: #000; }
*/
a { text-decoration: underline; }
a:link, a:active, a:focus { color: #660033; }
a:visited { color: #660033; }
a:hover { color: #000; }

/* - Forms & Form Elements - */
fieldset { padding: 10px; border: 1px solid #C4E3A0; border-left: none; border-right: none; }
legend { font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #000; margin: 0; padding: 0; }
td.formlabel, td.FormLabel { text-align: right; padding-right: 5px; }
td.formfield, td.FormField { text-align: left; white-space: nowrap; }
input { vertical-align: middle; }
.forminput, .FormInput { padding: 4px 0 0 6px; height: 20px; color: #000; vertical-align: middle; border: 1px solid #000; }
.forminput { width: 130px; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #000; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label {  }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #222; vertical-align: middle; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
.Instructions { font-size: 80%; color: #333; }

/* BVC 2004 Product Page Template */
#bvc2004productpage #menucolumn {float:left;width:165px;margin: 0 10px 0 0 ;text-align:left; border:0px solid red;}
#bvc2004productpage .imagealign {top:-50px;}
#bvc2004productpage #imagecolumn {float:left;width:175px;text-align:center; border:0px solid green;}
#bvc2004productpage #contentcolumn {float:left; width:300px; margin:0 0 0 6px; border:solid 0px red;}
#bvc2004productpage #contentcolumn table {width:150px; margin:10px;}
#bvc2004productpage #contentcolumnwine {float:left; vertical-align:middle; border:solid 1px red;}
.ShortDescriptionTitle {color:#070A0D;font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing:.05em;}
.QtyBG {background:#eee; border:solid 1px #000;}
.QtyText {color:#070A0D}

/* BVC 5 Product Page Template */
#bvc5productpage #contentcolumn {float:left;width:350px; margin: 0 0 0 10px;text-align:left;}
#bvc5productpage #actioncolumn {float:left; width:350px; margin:0 0 0 10px;text-align:left;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px 0; vertical-align:top;}


/* Column Search Box */
.searchboxform .forminput { width: 130px; }
.searchboxform input { vertical-align: middle; }

/* Let's cover the inputs that BVC5 didn't assign a ".forminput" class to for some reason. */
input[type=text] { padding: 4px 0 0 6px; height: 20px; color: #000; vertical-align: middle; border: 1px solid #000; }

/* Signin Page */
fieldset#CurrentUsers { width: 230px; float: left; }
fieldset#NewUsers { width: 250px; float: right; }
.forgot { padding: 5px; display: block; font-size: .8em; }

/* Popup Container */
#popup {background-color:#fff;margin:15px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:100%;background-color:#eee;color:#444;padding:5px;border-bottom: 3px solid #ccc;}
#adminpanel table { margin: 0; }
#adminleft, #admincenter, #adminright { width: 33%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#444;border-bottom: 2px solid #ccc;text-decoration: none;}
#adminpanel a:hover {color:#222;border-color:#222;text-decoration:none;}

/* --- Header Styles --- */
#header { width: 100%; position: relative;}
#header ul { list-style:none; margin:0; padding:0; position: relative; display: block; }
#header li {display:inline;margin:0 5px;padding:0}

/* Header */
#header { margin:0; padding:0; background: transparent url(../images/headerow.jpg) no-repeat top left;position: relative; height:100px; width:1023px; top:0; }

#brandingarea { height: 40px; border:solid 0px blue; }
#header h1 {color:#6D8E44;font-size:150%;line-height:1.5em;padding:0;margin:0;}
#header h1 a {color:#6D8E44; background: transparent url(../images/headerow.jpg) no-repeat top left;position: relative;}
#header h1 a:hover {color:#fff;}
#header ul, #footer ul {list-style:none;margin:0;padding:0;}
#header ul li, #footer ul li {display:inline;margin:0;padding:0}
#header a, #footer a {color:#666;margin:0 15px 0 0;}

/* Main standard store nav */
#headernavmenu {position:relative;font-size: 100%;top:10px;text-align:center;color:#fff;}
#headernavmenu a {text-decoration: none;padding:0;margin:0;color: #fff;}
#headernavmenu a:hover {color: #fff; text-decoration:underline;}

/* MiniCart */
#minicart { top:-3px; width:175px; float:right; right:72px;position:relative; text-align: right; padding: 0; color: #fff; font-size: 100%; border:solid 0px #fff; line-height: 1.3em; }
#minicart a { color: #fff; text-decoration: none; }
#minicart a:hover { color: #fff; text-decoration: underline; }

/* Header Navigational Menu */
#navrow { overflow: hidden; width: 100%; background: #2A6A1D; color: #000; font-size: 90%; top:200px;}
#navrow ul { float: left; margin-left: 275px; padding: 0; display: inline; }
#navrow li { float: left; margin: 0; line-height: 2.5em; }
#navrow a { float: left; padding: 0 8px; color: #000; text-decoration: none; }
#navrow a:hover,
body#AccountPages .lnkAccount,
body#ServicePages .lnkService,
body#SearchPage .lnkSearch,
body#CartPage .lnkCart,
body#CheckoutPages .lnkSignIn { color: #000; text-decoration: none; background: #6DBA13; }
/* #navrow .DateToday { float: right; padding: 0 10px; line-height: 2.5em; } */

/* Mini Cart */
#cartrow { line-height: 2.5em; background: #d2d2d2 url(../images/mini-cart-bg.gif) repeat-x top left; width: 100%; overflow: hidden; font-size: 90%; color:#fff;}
#cartrow a.lnkCart { font-weight: bold; float: right; display: block; padding: 0 12px 0 25px; text-decoration: none; background: url(../images/mini-cart-icon.gif) no-repeat left center;}
#cartrow a.lnkCart:hover, body#CartPage #cartrow a.lnkCart { color: #2A6A1D; }
#cartrow .lblMiniCart { float: right; margin-left: 283px; }

#RollOverMenu { width:612px; position:relative; top:37px; left:345px; display:block; border:solid 0px green;}
#RollOverMenuTable {
			padding:0;
		  margin:0;
		  position:relative;
		  }

#RollOverMenuTable img {display:block;}
#RollOverMenuTable td {padding:0; margin:0;}

/* - Footer - */
#footer {  border:solid 0px green; color: #666; clear: both; text-align: right; padding: 0; width: 100%; height: 105px; overflow: hidden; font-size: 100%; position: relative; background: transparent url(/images/footer-new.jpg) no-repeat bottom center;}
#footer a:link, #footer a:active, #footer a:visited, #footer a:focus { color: #666; }
#footer a:hover { color: #ff9; text-decoration: none; }
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline;margin:0 5px;padding:0}

#footerlinks { width: 350px; float: right; border:solid 0px blue; text-align:right; padding:0; margin:5px 60px 0 0;}
#footernavmenu { text-align: right; margin: 0px; padding: 0; }
#footernavmenu a { text-decoration: none; }

#footercustmenu { font-size: 85%; padding: 5px 0; }

#footercontact { width: 500px; float: left; border:0px solid red; text-align: left; padding:0; margin:0 0 0 65px;}
#footercontactlinks { line-height: 1.4em; width: 400px; float: left; border:0px solid red; text-align: left; padding:0; margin: 5px 0 0 70px;}
#footercontactnavmenu { text-align:left; margin: 0 5px; padding:0;}
#footercontactnavmenu a { text-decoration: none; }
.country-name { display: none; }

/* - Columns - */
#navcolumn {width:267px;float:left;padding: 10px 0 10px 100px; border:0px solid red;margin-top:100px;}
#maincolumn {width:650px;float:right;}
#maincolumncontent { padding: 40px 20px; width: 520px; overflow: hidden; border:solid 0px green;}

/* Column Blocks */
.decoratedblock { position: relative; margin: 0 0 15px 0; padding: 0 0 5px 0; }
.decoratedblock h4 { display: none; }
.blockcontent { padding: 5px; }


.categorymenu {vertical-align:top;}

/* Column Menu Lists */
#navcolumn {position:relative;vertical-align:top;border:0px solid green;top:-75px;}
#navcolumn a:link, #navcolumn a:active, #navcolumn a:visited, #navcolumn a:focus { color: #333333; }
#navcolumn a:hover { color: #ccc; text-decoration: none; }
#navcolumn ul {padding:0;margin:5px 5px;border-top: 0px solid #000;}
#navcolumn li {width:75%; padding: 2px 2px 5px 18px;margin:0;letter-spacing:.1em;border:0px solid #ccc;background-color:#fff;disc;font-size: 100%; line-height: 1.0em;display: block; background-image: url(/images/arrow.jpg);background-repeat: no-repeat;list-style-type:none;}
#navcolumn li a {text-decoration:none;}
#navcolumn li a:hover {background-color:#fff; color:#000;}
#navcolumn ul li.current a { color: #ccc; }

/* Home Page Styles */
/*NOT USED .welcome { padding-bottom: 10px; border-bottom: 1px solid #C4E3A0; margin-bottom: 20px; }*/
.categoryicons { width: 286px; float: left; }
.categoryicons a { float: left; margin: 0 10px 10px 0; }
.welcomenote { font-size: 120%; }
.homepagecontent { clear: both; }

/* - Bread Crumbs - */
.breadcrumbs {font-size:85%; color:#222;}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {color:#222;}
.breadcrumbs a:hover {color:#c00;}

/* - Site Map Page Styles - */
#SiteMapColumns { clear: both; overflow: hidden; width: 100%; }
#SiteMapColumns ul { list-style: none; }
.ColumnOne { width: 260px; float: left; }
.ColumnTwo, .ColumnThree { width: 260px; float: right; margin-bottom: 15px; }

/* Cart Page */
.cartproductgrid { background: #fff; }
.cartitemimage {width:120px;float:left; margin: 0 5px 0 0;}
.cartitemimage img {margin: 0 auto; }
.cartitemdescription { margin: 5px; float: left;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 6px; vertical-align:top;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0;}
td.productquantitycolumn { width: 50px; }
td.productquantitycolumn input { width: 20px !important; }
#cartcontainer {border-bottom:solid 1px #000;}
#cartfooter img { margin: 5px 0; }
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold; background: #fff; }
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border-top:1px solid #000;border-bottom:1px solid #000;padding:10px;margin: 10px 0;}
.cartsku { font-size: 90%; }
.cartproductname { font-size: 110%; font-weight: bold; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.address { padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page */
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 3px; border-right: none; background-color: #f5f5f5; }

/* Row Elements */
.rowheader, th { background: #000; color: #fff; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Affiliate Form */
fieldset#affiliateform table { width: 600px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfield { background: #eee; margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Messages */
.AddedToCartMessage, .messagebox { background: #fff; display: block; border: 3px solid #c00; border-left: none; border-right: none; margin: 5px 0; padding: 0; }
.messagebox ul { margin: 0; padding: 0; }
.messagebox li { margin: 5px 0; padding: 0; overflow: hidden; width: 100%; }
.messagebox .icon { float: left; margin: 0 8px; }
.messagebox .errorline { color: #c00; clear: both; list-style: none; }
.messagebox .message { margin: 8px 5px 0 10px; font-size: 100%; line-height: 1.2em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: 1.0em; }
.errormessage li { color: #c00; font-weight:bold; list-style-type: circle; list-style-position: inside;}
.AddedToCartMessage, .SuccessMessage { color: #0c6; }