﻿/*
	CSS of Olio2go.com
	(c) Copyright 2008 Olio2Go, LLC.
	Olio2go is a trademark of Olio2go, LLC.
*/

/* -------- Begin - Admin Panel -------- */
#adminpanel {
	font-size: 85%;
	background-color: #424f00;
	color:#fff;
	border-bottom: 2px solid #2d3600;
	padding: 2px 3px 3px 3px;
	}
#adminleft, #admincenter, #adminright { 
	width: 30%;
	vertical-align: middle;
	}
#adminleft {
	text-align: left;
	}
#admincenter {
	text-align: center;
	}
#adminright {
	text-align: right;
	}
#adminpanel a {
	color: #fff;
	}
#adminpanel a:hover {
	color: #fff;
	text-decoration: none;
	}
/* -------- End - Admin Panel -------- */


/* -------- Begin Pages -------- */
/* Pager Control */
.pager {
	margin: 10px 0;
	padding: 5px 0;
	text-align: center;
	clear: both;
	}
.pager ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.pager ul li {
	display: inline;
	margin: 0 2px;
	padding:0;
	font-size: 90%;
	}
.pager a {
	color: #6e7900; 
	padding: 1px 5px;
	border: 1px solid #cfd3a9;
	background: #e5e6d0;
	text-decoration: none;
	}
.pager .disabled {
	color: #dedede; 
	padding: 1px 5px;
	border: 1px solid #dedede;
	background: #ededed;
	text-decoration: none;
	}
.pager .disabled {
	color: #c8c8c8;
	}
.pager li.current a { 
	color: #6e7900; 
	border: 1px solid #afb56f;
	background: #d3d6b0;
	}
.pager a:hover {
	border: 1px solid #afb56f;
	background: #d3d6b0;
	}
/* -------- End Pager -------- */

/* Category Styles */
#categoryleft { width: 175px; float: left; margin: 0 10px 0 0; }
#categorymain { width: 540px; float: left; }

#categorymain .record {
	border: 1px solid #fff;
	}
#categorymain .recordsku a { font-size: 80%; color: #999; text-decoration: none; text-transform: uppercase; }
#categorymain .recordname { font-size: 100%; font-weight: bold; }
#categorymain .recordshortdescription a { text-decoration: none; color: #000; }
#categorymain .recordshortdescription { margin: 5px; }
#categorymain .recordprice { font-size: 110%; font-weight: normal; }
#categorymain .recordprice a { text-decoration: none; }
#categorymain .recordcontrols { margin: 10px; }

#categorymain .recordimage {
	background: url('../images/ImgBgSm.png') no-repeat;
	}
#categorymain .recordimage img {
	float: right;
	}

/* Category Templates */
#categorygridtemplaterecords .record {width:170px;margin:5px;}
#categorygridtemplaterecords .recordname {text-align:center;font-size: 90%;}
#categorygridtemplaterecords .recordsku {text-align:center;margin: 3px 0;}
#categorygridtemplaterecords .recordprice {text-align:center;border:none;margin:0;padding:0;font-size:100%;line-height:1em;}

/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu .record {width:170px;margin:0  10px 10px 0;text-align:left;}
#subcategorymenu .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu li {padding: 2px;list-style:none;}
#subcategorymenu li a {text-decoration:none;font-size:90%;}
#subcategorymenu li a:hover {text-decoration:underline;}

/* Sub Category Menu 2 */
#subcategorymenu2featured {width: 345px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 345px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:170px;margin:0 10px 10px 0;}
#subcategorymenu2 .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu2 .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu2 ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu2 li {padding: 2px;list-style:none;}
#subcategorymenu2 li a {text-decoration:none;font-size:90%;}
#subcategorymenu2 li a:hover {text-decoration:underline;}

/* Simple & Bulk Order Lists */
#categorysimplelisttemplate, #categorybulkorderlisttemplate {margin:20px 0 0 0;}
#categorysimplelisttemplate .record {padding:2px 5px;float: left;margin: 0 0 20px 5px;}
#categorysimplelisttemplate .recordsku, #categorybulkorderlisttemplate .recordsku {clear:both;}
#categorysimplelisttemplate .recordname, #categorybulkorderlisttemplate .recordname {float:left;width:390px;margin:0 10px 0 0;}
#categorysimplelisttemplate .recordprice, #categorybulkorderlisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}
#categorybulkorderlisttemplate .record { padding: 0 0 10px 10px; margin: 0 0 8px 0; border-bottom: 1px solid #eee; float: left; }
#categorybulkorderlisttemplate table td { vertical-align: top; }
#categorybulkorderlisttemplate .checkbox { background: #eee; }
#categorybulkorderlisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}

#categorybulkqtylisttemplate .record { padding: 0 0 15px 0; margin: 0 0 10px 5px; border-bottom: 1px solid #eee; float: left; }
#categorybulkqtylisttemplate table td { vertical-align: top; }
#categorybulkqtylisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}
#categorybulkqtylisttemplate .recordname {float:left;width:370px;margin:0 10px 0 0;}
#categorybulkqtylisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}
#categorybulkqtylisttemplate .qtycell { background: #eee url(../images/lilarrow.gif) no-repeat center right; padding: 5px;}
#categorybulkqtylisttemplate .quantityfield {margin: 0;width:25px;border:1px solid #ccc;text-align: center;font-size: 110%;font-weight: bold; color: #666;}

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 10px;padding-bottom:20px;width:510px;float:left;border-bottom: 1px solid #eee;}
#categorydetailedlisttemplate .recordimage {float:right;width:120px;height:120px;margin:0;}


#SearchResultsPane img {
	}
#SearchResultsPane div.record {
	border: 1px solid #ddd;
	text-align: center;
	padding: 10px 25px;
	height: 210px;
	}
#SearchResultsPane div.record:hover {
	border: 1px solid #ccc;
	}
#SearchResultsPane div.record div.recordimage {
	height: 150px;
	}
#SearchResultsPane div.record div.recordname {
	height: 45px;
	}
#SearchResultsPane div.record div.recordsku {
	width: 50px;
	float: right;
	}
#SearchResultsPane div.record div.recordprice {
	width: 50px;
	float: left;
	}	



/* Search Page */
fieldset#SearchForm {}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }


/* -------- Begin Cart -------- */
#cartsubtitle h3 {
	font-weight: normal;
	}
.cartproductgrid {
	}
#cartcontainer th {
	background: #8f864e;
	color: #fff;
	padding: 3px 5px 3px 5px;
	}
.productpricecolumn, .productquantitycolumn, .producttotalcolumn, .productdeletecolumn {
	text-align: right;
	}
.productquantitycolumn input {
	float: right;
	}
.cartitemimage {
	float: left;
	width: 130px;
	}
.cartitemdescription {
	float: left;
	width: 250px;
	}
.cartsku {
	font-weight: bold;
	}
.errormessage {
	color: #8f864e;
	margin: 0 10px 0 0;
	}
.messagebox {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	}
.messagebox ul, .messagebox li {
	border: 1px solid #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.messagebox .icon {
	float: left;
	margin: 8px;
	}
.messagebox .message {
	color: #8f864e;
	margin: 15px 5px 5px 10px;
	font-size: 100%;
	line-height: 1em;
	}
#cartcontainer tr td {
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 0 0;
	vertical-align:top;
	}
#cartfooter {
	margin: 5px 0 0 0;
	text-align:right;
	}
#EstimateShipping {
	text-align: left;
	}
#carttotals table {
	float:right;
	}
#carttotals {
	float:right;
	width:250px;
	font-weight: bold;
	}
#cartupdates {
	float:right;
	width:300px;
	}
span#ctl00_MainContentHolder_lblMakeChanges {
	float: left;
	margin: 5px 0 0 40px;
	font-style: italic;
	}
#cartactions {
	clear:both;
	text-align:right;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin: 20px 0 20px 0;
	padding: 5px 0 5px 0;
	}
#cartactioncontinue {
	float:left;
	width:120px;
	text-align:left;
	}
#cartactioncheckout {
	display:inline;
	}
#cartcoupons {
	border:solid 1px #ccc;
	background:#F0F0F0;
	padding:10px;
	}
#cartcoupons input {
	vertical-align: middle;
	margin: 0 0 0 5px;
	}
/* -------- End Cart -------- */


/* -------- Begin Product Page -------- */
#imagecolumn {
	float: left;
	width: 212px;
	text-align: center;
	}
#productimage {
	text-align: center;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	}

#contentcolumn {
	float: right;
	width: 300px;
	text-align: left;
	}
#ProductSKU {
	font-weight: bold;
	}
#ProductDescription {
	margin: 10px 0 10px 0;
	}
	
/* Product Controls Box */
#ProductControls {
	border-top: 1px solid #ccc;
	padding: 10px;
	}
#ProductTypes {
	padding: 0 0 0 25px;
	}
#Prices {
	margin: 20px 0 20px 0
	}
.productpropertylabel {
	padding-right: 5px;
	}	
/* -------- End Product Page -------- */








/* Product Reviews & Cross/Up Sells */
h3#ProductReviews {
	clear: both;
	background: #8f864e;
	color: #fff;
	padding: 3px 0 3px 5px;
	}

.ProductReviews, #CrossSells { clear: both; padding: 10px; margin: 10px;  }
.ProductReviewLinks { font-size: 90%; } 
.ProductReview { margin: 10px; padding: 0 0 0 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
#CrossSells table { width: 100%; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; float: left; border-bottom: 1px solid #eee; }
.SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 5px 5px; }
.ProductBadge { position: absolute; top:-5px; left:-20px; }
.SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
.SingleProductDisplayDescription {  }
.SingleProductDisplayPrice { font-size: 100%; font-weight: bold; color: #666; }
.productpropertyvalue{color:#003300;}
.productpropertylabel{color:#000;}
.typedisplay li{list-style-type:none;}
.typedisplay{margin:0px;}


/* Checkout */
#checkouttable{width:880px;margin:0px auto;}
#checkouttable td{vertical-align:top;}
.creditcardinput {
	border: 1px dotted #ccc;
	background-color: #eee;
	padding: 5px;
	margin: 10px 0;
	}
#shippingStateZipResult {
	border: 1px dotted #ccc;
	background-color: #eee;
	height: 120px;
	padding: 20px;
	}
a.shippingterms {
	line-height: 40px
	}

/* Checkout Addresses */
.addressbookpanel { border: 1px solid #eee; padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.addressbooktitle h1 { }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; 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; }