/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#FFFFFF;
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	height:auto;
}

div#container {
	border-left:3px #FFFFFF solid;
	border-right:3px #FFFFFF solid;
	margin-top:0px;	
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background-color:#dfdfdf;
	width:900px;
	padding:0px;
}

div#content-container {
	width:880px;
	border-top:10px solid #dfdfdf;
	height:auto;	
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	border-bottom:10px solid #dfdfdf;
}

div#banner {
	margin-top:10px;
	height:185px;
}

div#logo {
	float:left;
}

div#top-menu {
	float:right;
	background-image:url(../images/top-menu-background.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:184px;
	width:190px;
}

div#top-menu ul {
	margin:0px;
	margin-right:10px;
	padding:0px;
	list-style-type:none;
	color:#333333;
	font-size:13px;
}

div#top-menu li {
	margin:0px;
	padding:0px;
	border-top:1px dotted #b2b2b2;
}

div #top-menu li a {
	display:block;	
	padding:7px 25px 6px 10px;
	color:#333333;
	text-decoration:none;
}

div#top-menu li a:hover {
	color:#fff;
	background-color:#a9c714;
}

div#top-menu li a.active {
	color:#fff;
	background-color:#a9c714;
}

.active {
	color:#fff;
	background-color:#a9c714;
}

div#main-area {
	float:none;
	clear:both;
	margin-top:10px;
	background-color:#FFFFFF;
}

div#left-column {
	float:left;
	width:190px;
	height:auto;
	border-right:10px solid #e1e1e1;
	background-image:url(../images/left-menu-background.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-bottom:30px;
}

div#right-column {
	float:left;
	width:660px;
	font-size:12px;
	border-top:5px solid #e1e1e1;
	padding-left:10px;
	padding-bottom:40px;
}

div#homepage-header-div {
	border-bottom:1px dotted #b2b2b2;
	padding-bottom:2px;
	height:20px;
	margin:10px 0px 0px 20px;
}

div#whatsnew-header-div {
	margin:20px 0px 0px 20px;
	padding-bottom:5px;
	border-bottom:1px dotted #b2b2b2;
}

.number-div {
	float:left;
	font-size:40px;
	color:#CCCCCC;
	margin:30px 10px 0px 20px;
}

.homepage-product-thumb {
	float:left;
	font-size:40px;
	color:#CCCCCC;
	margin:30px 10px 0px 20px;
	width:106px;
}

.home-product-overview-text {
	float:left;
	margin:30px 10px 0px 20px;
	width:400px;
}


.product-overview-text {
	float:left;
	margin:15px 10px 0px 20px;
	width:400px;
}



a.green-button {
	display:block;
	color:#000000;
	text-decoration:none;	
	background-image:url(../images/green-button.jpg);
	width:131px;
	height:25px;
	border:0;
	line-height:25px;
	font-size:11px;
	text-align:center;
}

a.green-button:hover {
	color:#ffffff;
}

.clear {
	float:none;
	clear:both;
	height:0px;
}


div#categories-header {
	background-image:url(../images/header-background.jpg);
	width:170px;
	height:27px;
	padding:10px 0px 0px 10px;
	background-repeat:no-repeat;
	float:right;
	color:#878787;
	font-size:12px;
	margin-top:5px;
}

div#categories-nav {
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	width:178px;
	float:right;
	padding:10px 0px 20px 0px;
	background-color:#FFFFFF;	
}


div#categories-footer {
	background-image:url(../images/menu-bottom.jpg);
	background-repeat:no-repeat;
	height:8px;
	width:170px;
	float:right;
	padding:0px 0px 0px 10px;
	margin-bottom:10px;
}

.button-div {
	float:right;
	margin-bottom:10px;
}

div#del-button-div {
	float:right;
	margin-bottom:10px;
	color:#333333;
}

div#war-button-div {
	float:right;
	margin-bottom:10px;
	color:#333333;
}

div#cat-button-div {
	float:right;
	margin-bottom:10px;
	color:#333333;
}

div#req-button-div {
	float:right;
	margin-bottom:10px;
	color:#333333;
}


div#login-box-header {
	background-image:url(../images/header-background.jpg);
	width:170px;
	height:27px;
	padding:10px 0px 0px 10px;
	background-repeat:no-repeat;
	float:right;
	color:#878787;
	font-size:12px;
	margin-top:5px;
}

div#login-box-middle {
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	width:178px;
	float:right;
	background-color:#FFFFFF;
}


div#login-box-footer {
	background-image:url(../images/menu-bottom.jpg);
	background-repeat:no-repeat;
	height:8px;
	width:180px;
	float:right;
	margin-bottom:15px;
}

div#login-box-middle a {
	color:#000000;
	text-decoration:none;
}

div#login-box-middle a:hover {
	color:#000000;
	text-decoration:underline;
}

div#login-box-middle input {
	font-size:11px;
	width:120px;
	margin-left:5px;
}

div#footer-left {
	float:left;
	margin-left:10px;
	border-top:6px solid #a9c714;
	width:810px;
	height:40px;
}


div#footer-nav {
	border-top:1px solid #e4e4e4;
	margin-top:2px;
}

div#footer-nav ul {
	margin:10px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}

div#footer-nav ul li {
	display:block;
	float:left;
	padding:0px 20px 0px 0px;
}

div#footer-nav a {
	color:#333333;
	text-decoration:none;
	padding-right:15px;
}

div#footer-nav a:hover {
	color:#a9c714;
}


div#footer-right {
	float:right;
	background-image:url(../images/footer-background.jpg);
	width:60px;
	height:40px;
}

div#jclock {
	color:#333;
}

div#product-details {
	float:left;
	width:240px;
	margin:30px 100px 0px 0px;
}

div#product-details p {
	border-bottom:1px dotted #ccc;
	padding:5px 0px 5px 0px;
	margin:0px;
}

.purchase-button {
	background-color:#99a203;
	color:#ffffff;
	border:1px solid #99a203;
	margin:20px 0px 0px 0px;
}

/* MENU */

div.menu-head {
	background:#fff;
	color: #333;
	margin:0px 8px;
	border-bottom:1px solid #999;
	text-decoration:none;
	color: #333;
	display:block;
	padding:8px;
	padding-left:0px;
	cursor:pointer;
}

div.menu-head:hover {
  	background: #a9c714;
  	color:#ffffff;	
}

div.menu-head a:hover {
	color:#ffffff;
}

ul.menu-body {
	list-style: none;
	margin:0px;
	padding:0px;
	display:none;
}

ul.menu-body li {
	padding:0px;
	margin:0px 8px;
}

ul.menu-body li a {	
  	display:block;
	background-color:#fff;
	color:#666;
	padding:8px 8px 8px 12px;
   	text-decoration: none;
	margin: 0;
	border-bottom:1px solid #ccc;
	font-weight:nomal;
	outline: none;
	-moz-outline-style: none;	
}

ul.menu-body li a:hover {
  	background: #a9c714;
  	color:#ffffff;	
}

table#basket {
	width:660px;
	margin:0px;
	text-align:center;
	font-size:12px;
}
table#basket th {
	background-color:#a9c714;
	height:25px;
	padding:0px 0px 0px 3px;
	color:#ffffff;
}
table#basket td {
	text-align:center;
	border-bottom:1px dotted #1f1f1f;
	height:30px;
	padding:0px 3px 0px 3px;
}
table#basket td.left {
	text-align:left;
}
table#basket td.right {
	text-align:right;
}
table#basket td.bold {
	font-weight:bold;
}
img.delete {
	cursor:pointer;
}

#billing,#delivery {
	padding-bottom:20px;
	border-bottom:1px dotted #666;
	position:relative;	
}

#billing div,#delivery div {
	line-height:18px;
	padding-left:10px;
}

a.delivery {
	background:url(../images/delivery-button.jpg) no-repeat;
	height:30px;
	width:170px;
	display:block;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	padding:7px 0px 0px 10px;
}

a.delivery:hover {
	background:url(../images/delivery-button-rollover.jpg) no-repeat;
	text-decoration:none;
}

a.warranty {
	background:url(../images/warranty-button.jpg) no-repeat;
	height:30px;
	width:170px;
	display:block;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	padding:7px 0px 0px 10px;
}

a.warranty:hover {
	background:url(../images/warranty-button-rollover.jpg) no-repeat;
	text-decoration:none;
}


a.catalogue {
	background:url(../images/catalogue-button.jpg) no-repeat;
	height:30px;
	width:170px;
	display:block;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	padding:7px 0px 0px 10px;
}

a.catalogue:hover {
	background:url(../images/catalogue-button-rollover.jpg) no-repeat;
	text-decoration:none;
}

a.request {
	background:url(../images/request-button.jpg) no-repeat;
	height:30px;
	width:170px;
	display:block;
	text-decoration:none;
	color:#333333;
	font-size:13px;
	padding:7px 0px 0px 10px;
}

a.request:hover {
	background:url(../images/request-button-rollover.jpg) no-repeat;
	text-decoration:none;
}