/*
 * $Id$ 
 */ 
 
/*
	GENERAL STYLE
*/
 
div#menuBackground {
	background-image: url('../images/bg-menu-top.gif');
	background-repeat: repeat-x;
	height: 173px;
	width: 100%;
	position: absolute;
	z-index: 0;
} 

div#container {
	width: 779px;
	z-index: 2;
}

div#topbar {
	background-image: url("/images/gradient-top.jpg");
	background-color: #ECF6E4;
	background-repeat: repeat-y;
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}

img#logo {
	float: left;
}

img#directadvies {
	position: absolute;
	top: 0px;
	left: 656px;
}

div#menuBar {
	clear:both;
	position: relative;
	background-color: #0054A6;
	height: 23px;
	border-top:2px solid #78C042;
	border-bottom:2px solid #78C042;
}

ul#mainMenu {
	position: relative;
	margin:0;
	padding: 0 5px 0 0;
	float: right;
}

ul#mainMenu li {
	list-style-type: none;
	display: inline;
	padding-left: 20px;
}

ul#mainMenu a {
	font-weight: 500;
	font-size: 13px;
	line-height:22px;
	color: white;
	font-weight:800;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

/* Link colors for menu links */
ul#mainMenu a:link {
	color: #FFFFFF
}  /* unvisited link */
ul#mainMenu a:visited {
	color: #FFFFFF
}  /* visited link */
ul#mainMenu a:hover {
	color: #8AC95E;
	text-decoration: none;
}  /* mouse over link */
ul#mainMenu a:active {
	color: #FFFFFF
}  /* selected link */

div#optionBar {
	background: url("/images/gradient-option.jpg") left top repeat-y;
	width: 779px;
	height: 38px;
	border-bottom:2px solid #8AC95E;
}
div.searchBar {
	width:520px;
	float:right;
	margin-top:8px;
	position: relative;
}
div.searchBar input,
div.searchBar select {
	margin:0;
	vertical-align:middle;
	font-size:12px;
	width:112px;
	color:#0153A5;
}
div.searchBar input {
	padding:1px;
}
div.searchBar img {
	vertical-align:middle;
}

div#subContent {
	position: relative;
	float:left;
	padding-top: 5px;
	padding-left:15px;
}

div#sidebar {
	float: left;
	width: 90px;
}

/* Content area for Home page */
	div#body {
		position: relative;
		width: 779px;
	}
	div#bodyHome {
		position: relative;
		width:779px;
	}
	div#mainContent {
		position: relative;
		float:left;
		padding-top: 5px;
		padding-left:15px;
	}
	div.contentHome {
		width:381px;
		padding:10px;
	}
	div.mainDefault {
		width:674px;
		padding-top: 2px !important;
	}
	div#homeButtons {
		position: relative;
		width:373px;
		float:left;
	}
	div.footerLogo {
		text-align:right;
	}
	div.mainHeader {
		font-size:1px;
		height:23px;
		background:white;
		margin-left:2px;
	}
/* end main content shit ding */

/* Start homeButtons markup */
	div#homeButtons div.button {
		width:373px;
		display:block;
		color:#fff;
		font-size:11px;
		line-height:120%;
		font-family:Arial;
	}
	div#homeButtons div.catImage {
		width:143px;
		height:90px;
		float:left;
	}
	div#homeButtons div.catInfo {
		width:230px;
		height:90px;
		float:left;
	}
	div#homeButtons div.title {
		border-bottom:1px solid #fff;
	}
	div#homeButtons div.description {
		padding:5px;
		padding-left:10px;
	}
	div#homeButtons div.button a {
		color:#fff;
	}
	div#homeButtons div.button a:hover {
		text-decoration:none;
	}
/* End homeButtons markup */

/*End big buttons markup*/

div#cart {
	float: left;
	padding-right: 15px;
	padding-left: 22px;
	line-height:25px;
	background: transparent url('../images/shop/cart.gif') no-repeat;
	font-size:10px;
	font-weight:800;
}
div#cart a {
	color:#911400;
}
.clear {
  clear: both;
  height: 1px;
}

/* Layout for shop menu, positioning/ layout only. Color/ images will be set in page specific style sheets */
table.columns {
	width:100%;
	margin-bottom:20px;
}
table.columns td {
	/*columns for category intro text*/
	line-height:130%;
	width:50%;
}
table.columns td.col1 {
	padding-right:10px;
}
table.columns td.col2 {
	padding-left:10px;
}


div#subCategories {
	float:left;
	display:block;
}

div#subCategories ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#subCategories ul li {
	float:left;
}

div#subCategories ul li a {
	line-height:18px;
	padding:2px 10px 2px 10px;
	display:block;
	color:#fff;
	font-weight:800;
	border:1px solid #fff;
	border-right:0;
}

div#catHeader {
	width:100%;
	float:left;
}
div#catHeader span.title {
	font-size:20px;
	line-height:40px;
	display:block;
	color:#911400;
}