/*
	CSS of Olio2go.com
	(c) Copyright 2008 Olio2Go, LLC.
	Olio2go is a trademark of Olio2go, LLC.
	------------------------
	XHTML/CSS by Todor Iliev
*/
	
body {
	font-family: Tahoma, Helvetica, Arial;
	font-size: 12px;
	/*color: #7d764d;*/
	color: #333;
	background: url(../images/dev/pageBg.gif) #d7d2ac repeat-x 0 0;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
img {
	border: 0;
	}
	
#italyRegions {
	display: block;
	width: 220px;
	height: 257px;
	float: right;
	}
	
.contactBtn {
	margin: 0 0 10px 245px;
	}
	
#wrapper {
	width: 780px;
	margin: 0 auto;
	background: #fff;
	}

/* -------- Begin - Header -------- */
#header {
	height: 43px;
	border-right: 1px solid #beb677;
	border-left: 1px solid #beb677;
	}
#logo {
	height: 43px;
	width: 138px; 
	margin: 0 0 0 15px;
	background: url(../images/dev/logo.gif) no-repeat 0 0;
	cursor: pointer;
	}
#logo:hover {
	background: url(../images/dev/logoHover.gif) no-repeat 0 0;
	}
	
/* -------- Begin - Header Links -------- */
#links {
	float: right;
	text-transform: uppercase;
	margin: 13px 0 0 0;
	}
#links ul li.highlight {
	color: #677230;
	font-size: 110%;
	font-weight: bold;
	}
#links ul {
	margin: 0;
	padding: 0;
	}
#links li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 10px;
	background: url(../images/dev/linkDivider.gif) no-repeat right;
	}
#links li.lastItem {
	background: none;
	}
#links a:link, #links a:visited, #links a:active {
	color: #ada77f;
	font-weight: bold;
	text-decoration: none;
	}
#links a:hover {
	color: #4e590d;
	}
/* -------- End - Header Links -------- */

/* -------- Begin - Header Search -------- */	

#search {
	float: right;
	margin: 11px 10px 0 20px;
	}
div.searchboxform h4 {
	display: none;
	}
#search form {
	margin: 0;
	padding: 0;
	}
#search .searchbutton {
	}
/* -------- End - Header Search -------- */	

/* -------- End - Header -------- */


/* -------- Begin - Breadcrumb -------- */
div.singletrail, div.breadcrumbs {
	display: none;
	}
#breadcrumb {
	color: #7A6E43;
	font-size: 90%;
	height: 19px;
	border-bottom: 1px solid #beb17f;
	padding: 4px 0 0 10px; 
	background: url(../images/dev/breadcrumbsBg.gif) #c4c4aa repeat-x 0 0;
	}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color: #4d4b2e;
	margin: 0 3px 0 3px;
	}
#breadcrumb a:hover {
	color: #4d4b2e;
	text-decoration: none;
	}
#cartItems {
	text-align: right;
	margin: 0 10px 0 0;
	width: 200px;
	float: right;
	}
#cartItems #items {
	}
#cartItems #subtotal {
	font-weight: bold;
	}
/* -------- End - Breadcrumb -------- */


/* -------- Begin - Homepage Image -------- */
#display {
	height: 297px;
	border-right: 1px solid #beb677;
	border-left: 1px solid #beb677;
	background: #fff;
	}
/* -------- End - Homepage Image -------- */


/* -------- Begin - Homepage News Scroller -------- */
#news {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	cursor: default;
	height: 19px;
	background: #8f864e;
	border-top: 1px solid #8b741a;
	border-bottom: 1px solid #8b741a;
	padding: 3px 0 0 10px;
	}
#news a:link, #news a:visited, #news a:active {
	color: #394306;
	text-decoration: none;
	}
#news a:hover {
	color: #4e5418;
	}
#scroller {
	width: 100%;
	height: 20px;
	}
#scroller img {
	margin: 0 0 0 5px;
	}
/* -------- End - Homepage News Scroller -------- */


.categorysortorder {
	padding: 4px;
	background: #d3d6b0;
	border: 1px solid #afb56f;
	color: #6e7900;
	text-align:right;
	}
.categorysortorder select {
	border: 1px solid #858d24;
	color: #6e7900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 5px;
	}
.categorysortorder select {
	}


#accordion {
	}
body #accordion h2 {
	margin: 0 0 5px 0;
	padding: 2px 10px;
	font-size: 130%;
	background: #edede5;
	border-bottom: 1px solid #dfdfd0;
	cursor: pointer;
	}
body #accordion p {
	}

/* -------- Begin - Content Container -------- */
#container {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/dev/containerBg.gif) repeat-x 0 0;
	border-right: 1px solid #beb677;
	border-left: 1px solid #beb677;
	}
#container a:link, #container a:visited {
	color: #637110;
	}
#container a:hover {
	color: #637110;
	text-decoration: none;
	}

#cartContent, #siteMapContent, #loginContent, #searchContent, #forgotPassword {
	margin: 20px;
	border: 1px solid #dfdfd0;
	padding: 15px;
	background: #fff
	}
	
#homeContent {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 410px;
	margin: 20px 20px 0 0;
	}
#container h1, #homeContent h1, #pageContent h1 {
	color: #637110;
	font-size: 170%;
	font-weight: normal;
	margin: 10px 0 10px 0;
	padding: 0;
	}
#container h2, #homeContent h2, #pageContent h2 {
	color: #7a843f;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	}	
#container h3, #homeContent h3, #pageContent h3 {
	color: #899350;
	font-size: 110%;
	margin: 0 0 10px 0;
	padding: 0;
	}
#container h4, #homeContent h4, #pageContent h4 {
	color: #637110;
	font-size: 110%;
	margin: 20px 0 20px 0;
	padding: 0;
	}
	
#serviceContent, #defaultContent, #categorymain {
	float: right;
	width: 540px;
	margin: 20px 20px 20px 0;
	border: 1px solid #dfdfd0;
	padding: 15px 15px 15px 15px;
	background: #fff;
	}
#myAccountContent {
	float: right;
	width: 540px;
	margin: 20px 20px 20px 0;
	border: 1px solid #dfdfd0;
	padding: 15px 0 15px 15px;
	background: #fff;
	}

#productContent {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 540px;
	margin: 20px 20px 20px 0;
	border: 1px solid #dfdfd0;
	padding: 15px;
	background: #fff;
	}
#pageContent {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 520px;
	margin: 20px 20px 20px 0;
	border: 1px solid #dfdfd0;
	padding: 15px;
	background: #fff;
	}
/* -------- End - Content Container -------- */


/* -------- Begin - Homepage Signup Box -------- */
#signUp {
	float: left;
	width: 325px;
	height: 100px;
	color: #666;
	font-size: 95%;
	background: url(../images/dev/signUpBg.gif) no-repeat top left;
	margin: 20px 0 0 0;
	padding: 10px 0 0 10px;
	}
#signUp input {
	margin: 5px 0 5px 0;
	padding: 0;
	}
#signUp h4 {
	display: none;
	}
#signUp input.signUpBtn {
	border: 0;
	background: url(../images/dev/submitBtn.gif) no-repeat 0 0;
	width: 60px;
	}
/* -------- End - Homepage Signup Box -------- */


/* -------- Begin - Homepage Quick Links & Map Popup -------- */
#quickLinks {
	width: 300px;
	}
#quickLinks h1 {
	color: #6d6640;
	font-size: 110%;
	margin: 0 0 10px 0;
	}
#quickLinks #map {
	float: left;
	margin: 0 20px 0 25px;
	}
#quickLinks a:link, #quickLinks a:visited, #quickLinks a:active {
	color: #7d764d;
	font-size: 95%;
	text-decoration: underline;
	}
#quickLinks a:hover {
	color: #6d6640;
	text-decoration: none;
	}
#mapPopup {
	position: relative;
	z-index: 0;
	}
#mapPopup:hover{
	background-color: transparent;
	z-index: 50;
	}
#mapPopup span {
	position: absolute;
	left: -500px;
	padding: 1px;
	border: 1px solid #a0a082;
	visibility: hidden;
	color: black;
	background: #fff;
	}
#mapPopup span img {
	border-width: 0;
	padding: 2px;
	}
#mapPopup:hover span {
	visibility: visible;
	left: 60px;
	top: -200px;
	}
/* -------- End - Homepage Quick Links & Map Popup -------- */


/* -------- Begin - Left Column -------- */
#leftColumn, #categoryleft, #menucolumn {
	float: left;
	width: 150px;
	margin: 20px 0 0 10px;
	}
#menucolumn .categorymenu {
	margin: 0 0 0 0;
	}
.categorymenu {
	margin: 0 0 0 10px;
	width: 165px;
	}
.sidemenu {
	float: left;
	margin: 0 0 25px 10px;
	}
	
#leftColumn #subNav div.blockcontent a {
	border: none;
	}
#leftColumn #subNav div.blockcontent a:hover {
	background: none;
	color: #637110;
	}
#leftColumn #subNav div.blockcontent table {
	float: left;
	}
	
.categorymenu ul,
.sidemenu ul,
#subNav, #subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.categorymenu ul ul,
#subNav ul ul {
	margin: 0;
	padding: 0;
	}
.categorymenu li,
.sidemenu li,
#subNav li {
	margin: 1px 0 1px 0;
	background: #fff;
	}
.categorymenu li li,
.sidemenu li li,
#subNav li li{
	background: #e6e6dc;
	}
.categorymenu a:link, .categorymenu a:visited,
.sidemenu a:link, .sidemenu a:visited,
#subNav a:link, #subNav a:visited {
	color: #6a673e;
	text-decoration: none;
	display: block;
	border-top: 1px solid #d8d8c7;
	border-bottom: 1px solid #d8d8c7;
	padding: 1px 0 1px 10px;
	}
#container .categorymenu a:hover,
#container .sidemenu a:hover,
#subNav a:hover,
.sidemenu a:hover {
	background: #818b4a;
	color: #fff;
	text-decoration: none;
	border-top: 1px solid #d8d8c7;
	border-bottom: 1px solid #d8d8c7;
	}
/* -------- End - Left Column -------- */


/* -------- Begin - Footer -------- */
#footer {
	height: 20px;
	clear: both;
	font-size: 95%;
	color: #777;
	text-align: center;
	border-top: 1px solid #beb677;
	border-bottom: 1px solid #beb677;
	padding: 5px 0 0 0;
	margin: 25px 0 0 0;
	}
#footer a:link, #footer a:visited, #footer a:active {
	color: #777;
	text-decoration: underline;
	}
#footer a:hover {
	color: #333;
	text-decoration: none;
	}
/* -------- End - Footer -------- */




#loginContent {
	height: 450px;
	}

fieldset {
	border: 1px solid #ddd;
	margin: 0;
	padding: 0;
	}
fieldset table {
	margin: 15px auto;
	}
fieldset#CurrentUsers {
	width: 340px;
	float: left;
	}
fieldset#NewUsers {
	width: 320px;
	float: left;
	margin: 0 0 0 25px;
	}
fieldset.contactform table {
	width: 510px;
	}
legend {
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bold;
	color: #444;
	margin: 0 5px;
	padding: 2px;
	}























#printPage {
	width: 130px;
	float: right;
	text-align: right;
	margin: -5px -5px 0 0;
	}
	
#printPage a:link, #printPage a:visited {
	font-variant: small-caps;
	text-decoration: none;
	color: #8e8d72;
	}
	
#printPage a:hover {
	color: #717048;
	}
	
#printPage img {
	vertical-align: middle;
	}

#productImg  {
	width: 150px;
	float: left;
	}
	
#productInfo  {
	width: 300px;
	float: left
	}
	
#productInfo h1  {
	font-size: 110%;
	margin: 0;
	padding: 0;
	}
	
#productInfo ul  {
	list-style: square;
	}
	
#productOrder  {
	width: 300px;
	float: left;
	margin: 5px 0 0 0;
	}
	
#productOrder input {
	border: 1px solid #beb677;
	height: 16px;
	line-height: 16px;
	font-family: inherit;
	vertical-align: middle;
	}
	
#productDetails  {
	width: 100%;
	clear: both;
	padding: 15px 0 0 0;
	}
	
#closedcontent {
	margin: 100px 0 0 30px;
	}
	
/* Site Map Page */

#SiteMapColumns:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#SiteMapColumns {display: inline-table;}
/* Hides from IE-mac \*/
* html #SiteMapColumns {height: 1%;}
#SiteMapColumns {display: block;}
/* End hide from IE-mac */


#SiteMapColumns { clear: both; width:650px;margin:0px auto;}
.ColumnOne { width: 300px; float: left; border-right: 1px solid #eee; padding-top:10px;}
.ColumnTwo, .ColumnThree { width: 300px; float: right; margin-bottom: 15px; padding-top:10px;}