﻿/* universal */
@import "/store/BVModules/Themes/SiteOrganic/styles/layout.css";
@import "/store/BVModules/Themes/SiteOrganic/styles/nav.css";

/*OPTIONAL COMPONENTS*/

.hide,
#header #Logo,
#headermainmenu,
.mailinglistsignupform,
#footer #footernavmenu,
#footer #copyright{display: none;}

table{width: 100%;}
td{vertical-align: top;}

h1{
  clear: both;
  margin: 0px;
  padding: 0px;
}

h4{
  padding: 5px 10px;
}

#popup{
  background: white;
}
#popupimage{
  background: white; width:270px; height:270px; padding:0px;
}

/*.alt{background: #CCCCCC;}*/

/* Admin Panel */
#adminpanel {font-size:11px;background-color:#303030;color:#999;border-bottom: 1px solid #666;padding:5px;}
#adminpanel a {color:#999;text-decoration:none;}
#adminpanel a:hover {text-decoration:underline;}


/* frame equivalent */
#maincontent{
  margin: 0px auto;
  width: 920px;
}

.widecontentwrapper{}


/* logo equivalent */
#brandingarea h1{
  display: none;
}

#brandingarea{
  width: 940px; height: 29px; background:url(http://www.alcclife.org/store/BVModules/Themes/SiteOrganic/Images/background_body.jpg);
}

/* utility equivalent */

#headernavmenu{
  float: left;
  width: 700px;
  margin-top: -2px;
}

#headernavmenu ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#headernavmenu ul li{
  float: left;
  height: 33px;
  line-height: 32px;
  list-style: none;
  margin: 0px;
  padding: 0px 3px 0px 17px;
}

#headernavmenu ul li a{
  color: #343434;
}

#minicart{
  float: left;
  width: 200px;
  height: 33px;
  line-height: 49px;
  list-style: none;
  margin: 0px;
  padding: 0px 3px 0px 17px;
}

/*
#minicart #carttotals{
  float: left;
  width: auto;
  margin-top: -10px;
}
*/

#cartlink{
	margin-top: -49px;
	float: right;
}

#cartlink a{
  color: #343434;
}

#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }


/* home page */

#homepagecolumn2{}

#home_products{
  float: left;
  width: 710px;
  margin: 0px;
  padding: 10px 0px 0px 10px;
}

#home_products ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#home_products ul li{
  list-style: none;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px;
}

#homepagecolumn3{}

/* content block tags */
.decoratedblock {}
.blockcontent {padding:5px;text-align:left;}


/* content equivalent */
.clear {
  clear: both;
  float: left;
  width: 900px;
}


/* content_narrow equivalent */
#navcolumn,
.sidemenu,
.categorymenu{
  background: url(../images/css/background_group_name.png) right top no-repeat;
  float: left;
  padding: 8px 0px 0px;
  width: 280px;
  color: #689B02;
}

/* group name equivalent */
.decoratedblock h4 {
  float: left;
  width: 280px;
  color: #689B02;
}

/* Side Menu Content Block */
.sidemenu ul, 
.categorymenu ul{
  float: left;
  padding: 0px;
  margin: 0px;
  color: #689B02;
}

.sidemenu li, 
.categorymenu li{
  background: url(../images/css/background_sideNav.gif) -1px bottom no-repeat;
  cursor: pointer;
  cursor: hand;
  list-style: none;
  font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #689B02;
}

.sidemenu li a, 
.categorymenu li a{
  color: #689B02;
  padding: 5px 9px 5px 31px;
  width: 240px;
  display: block;
}

.sidemenu li a:hover, 
.categorymenu li a:hover{
  text-decoration: underline;
}

.categorymenu li.current,
.categorymenu li.current a{
  font-weight: bold;
  color: #689B02;
}

.searchboxform{
  float: left;
  display: inline;
  margin: 5px 0px 0px 20px;
}

.searchboxform .forminput{
  float: left;
  display: inline;
  margin: 4px 0px 0px 5px;
}

.searchboxform .searchbutton{
  float: left;
  margin: 4px 0px 0px 7px;
}

/* content_wide equivalent */
#homepagecolumn1{
  float: left;
  line-height: 180%;
  padding: 10px 25px 20px;
  width: 590px;
   
}

.breadcrumbs {
  width: 570px;
  padding: 5px 0px 5px 25px;
}

#maincolumn,
#categorymain,
#imagecolumn,
#carttitle,
.productgrid,
#bvc5productpage{
  float: left;
  vertical-align: top;
  padding: 0px 25px 20px;
  width: 590px;
}

.categorysortorder {
	padding: 0px 0px 10px 0px;
}

#ctl00_MainContentHolder_DataList1,
#checkout,
#ctl00_MainContentHolder_contactUsInfo{
  float: left;
  padding: 10px 25px 20px;
  width: 590px;
}

#EstimateShipping,
#cartcontainer,
#cartcoupons,
#cartactions{
  float: right;
  padding: 10px 25px 20px;
  width: 870px;
  display: inline;
}

.formfield .required{
  font-weight: normal;
  background: none;
  padding: 0px;

}

.addtocartcontrols{
  float: left;
  padding: 0px 25px 20px;
  width: 590px;
}

/* content_full equivalent */
#ctl00_MainContentHolder_pnlAll{
  background: #FCFBF7;
  float: left;
  margin: 10px 0px 0px;
  width: 920px;
}

#content_full {
  background: #FCFBF7;
  float: left;
  margin: 10px 0px 0px;
  width: 920px;
}
#content_full_orderdetails {
  background: #FCFBF7;
  float: left;
  margin: 10px 0px 0px -15px;
  width: 615px;
}
#content_full .breadcrumbs{
  width: 920px;
}

.categoryrotator .blockcontent {text-align:center;}
.productrotator .blockcontent {text-align:center;}
.productgrid .blockcontent {text-align:center;}

/* Specific Content Block Tags */
#searchform {margin:10px 0;padding:30px;}
.row {text-align: left;background-color: #fff;}
.row td, .alternaterow td {border-bottom: solid 1px #ccc;}
.alternaterow {text-align:left;background-color: #f5f5f5;}
.rowheader {text-align:left;background-color: #8C7121;color:#fff;}
.searchresultspane {margin:0 0 20px 20px;}
.searchresultrecord {margin:3px 20px 5px 20px;}
#searchrecord {width:100%;}

/* cart */
.cartitemimage {width:150px;height:150px;float:left;}
.cartitemdescription {display:inline;}
#cartFooter {margin: 10px 0 0 0;}
#carttotals {width:240px;float:right;padding:0px 5px;text-align:left;margin-top:-10px;}
#cartupdates {width:550px;margin-bottom:10px;text-align:right;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }
.radiobuttoncol {width: 20px;}

#popupContainer {width:270px; height:270px; padding:0px; padding:10px;}
#popupContainerImage {width:270px; height:270px; padding:0px;}

.StickyNote {color:#000;font-size: 14px;font-family:'Comic Sans MS' , Arial, Verdana;}

/* BVC5 Single Product Display Control */
.WideSingleProductDisplayPanel .SingleProductDisplayImage {float: left;display: block; vertical-align:top;}
.WideSingleProductDisplayPanel .ProductBadge {}
.WideSingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.WideSingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.WideSingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayImage {float:left;display:block; vertical-align:top;}
.SkinnySingleProductDisplayPanel .ProductBadge {}
.SkinnySingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}

#categorybulkqtylisttemplaterecords{
  float: left;
}

#categorybulkqtylisttemplaterecords table tr.alt{
  background: #F2EEE2;
}

#categorygridtemplaterecords {
	padding: 5px 0px 0px 0px;
}

#categorygridtemplaterecords .record{
  margin: 0px 15px 15px 0px;
}

#categorygridtemplaterecords .recordimage img{
  padding: 5px;
  border: 1px solid #ccc;
}

#categorygridtemplaterecords .recordname,
#categorygridtemplaterecords .recordsku{
  font: 11px Arial, Helvetica, Sans-Serif;
  display: block;
  text-align:left;
}

#categorygridtemplaterecords .recordname a{
  display: block;
  padding: 3px 0px;
  color: black;
  text-decoration: none;
}

/*#categorygridtemplaterecords .recordname a:hover{
  background: #F1EDE0;
  border-color: #ECE7D5;
  color: #507B1F;
}*/

#categorygridtemplaterecords .recordsku a:hover{
	text-decoration:none;
}

#categorygridtemplaterecords .recordprice a{
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 3px 0px;
  display: block;
  text-align: left;
  text-decoration: none;
}


/* Product Page */
#ctl00_MainContentHolder_lblDescription{
  float: left;
}

#MorePictures{
  float: left;
  vertical-align: top;
  width: 180px;
  text-align: left;
  padding: 0px 0px;
}

.productimage{
  float: left;
  width: 150px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}

#ctl00_MainContentHolder_lblName,
#ctl00_MainContentHolder_lblDescription,
#ProductDescription,
#ProductProperties{
  float: right;
  width: 390px;
  padding: 5px 0px;
  margin: 0px 20px 0px 0px;
  display: inilne;
}
#ctl00_MainContentHolder_lblTitle{
	position:relative;
	left:96px;
	top:30px;
	
}
#ctl00_MainContentHolder_lblTitlelist{
	position:relative;
	left:-96px;
	top:-30px;
	
}
#categorydescription{
	position:relative;
	left:96px;
	top:-48px;
}
#categorydescriptionlist{
	position:relative;
	left:0px;
	top:0px;
}
#ctl00_MainContentHolder_lblSKUTitle.ProductPropertyLabel{
  padding: 0px 0px 0px 15px;
  font-weight: bold;
}
#ctl00_MainContentHolder_BannerImage{
	position:relative;
	left:0px;
	top:-10px;
}
.ProductReviews,
#actioncolumn{
  float: right;
  width: 370px;
  padding: 15px 10px;
  margin: 15px 20px 0px 0px;
  display: inline;
  border: 1px solid #CCCCCC;
}

#ProductControls{
  float: left;
  width: 300px;
  margin: 0px 0px 0px 100px;
  display: inline;
}

#actioncolumn td input{
  width: 30px;
}

table#Prices{
  float: left;
  width: 200px;
  clear: both;
}

#Prices td{
  padding: 0px 20px 0px 0px;
}

#Prices .formlabel{
  font-weight: bold;
  text-align: left;
}

#Prices .formfield{
  text-align: left;
}

#actioncolumn #buttons{
  float: left;
  width: 260px;
  margin: 5px 0px 0px;
}

#actioncolumn #buttons input{
  float: left;
  padding: 0px 5px;
  display: inline;
}


/* Main Menu Control */
div.MainMenu {background-color:Gray;margin-bottom:5px;margin-left:auto;margin-right:auto;width:780px;clear: both;}
ul.MainMenu {display:block;margin:2px 0px;list-style-type:none;}
li.MenuItem {margin:2px 10px 2px 0;display:inline;}
li.ActiveMenuItem {margin: 2px 10px 2px 0;display:inline;font-weight:bolder;}


/* Site Map Page */
.sitemapColumn{ vertical-align: top;}
.ColumnOne {  }
.ColumnTwo {  }
.ColumnThree {  }
#SitemapTable{ width: 100%; }
.AddedToCartMessage {color: Red;}


/* Pager Control */
.pager {
  padding: 0px 0px 16px 0px; 
  text-align: center; 
  clear: both;
}

.pager ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

.pager ul li {
  display:inline;
  margin: 0px;
  padding: 0px 0px 0px 15px;
}

.pager ul li a {
  color: #507B1F; 
  text-decoration:none;
  padding: 2px 4px;
  margin: 0px;
}

.pager ul li a:hover{
  color: white;
}

.pager ul li.current a:hover{
  background: none; 
  color: white;
}

.errormessage { color: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }


/* checkout */
.shippingdiscount { text-decoration: line-through; }


/* Message */
.messagebox { width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

.MarkDownPrice {text-decoration:line-through;}

/* client-provided styles */
#nav_footer {
    float: left;
    width: 645px;
    padding: 0px 10px 0px 5px;
    height: auto !important;
    height: 140px;
    min-height: 140px;
}
#footer{
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    line-height: 150%;
    padding: 0px 0px 0px 10px;
    width: 225px;
}
#contact_us{
  float: left;
  width: 135px;
  padding: 0px 10px 0px 5px;
  height: auto !important;
  height: 140px;
  min-height: 140px;
  border-left: 1px solid #2A2A2A;
}
#share{
  float: left;
  width: 50px;
  padding: 0px 10px 0px 5px;
  height: auto !important;
  height: 140px;
  min-height: 140px;
  border-left: 1px solid #2A2A2A;
}
/* Enlarged Image Hover */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
