html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif, ;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url('../image/background.jpg') repeat; /* colour for the main page background */
	/*background: #585039;*/
}
body, td, th, input, textarea, select, a {
	font-size: 13px;
	color: #3b372b;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #3b372b; /*link and visited link colour*/
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	/*text-decoration: underline;*/
	font-weight: bold;
}
a img {
	border: none;
	border-color: #f8f8f8;
	
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 1000px; /*width of the main container*/
	margin-left: auto; /*two statements, this one and the one below makes the page centered*/
	margin-right: auto;
	text-align: left;
	background: #FFFFFF; /*background of the container*/
}
#header {
	position: relative;
}
#header .div1 {
	height: 100px;
}
#header .div2 {
	position: relative;
	top: 10px;
	left: 10px;
}
#header .div3 {
	background: url('../image/search.png') no-repeat;
	filter: alpha(opacity=75);
	width: 240px;
	height: 65px;
	position: absolute;
	top: 24px;
	right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#header .div4 { /*top navbar looks setting*/
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
	background: url('../image/header.png') repeat-x;
	/*background: #c1beb5; use this for a plain colour*/
}
#header .div4 img {
	float: left;
	margin-right: 5px;
}
#header .div4 a {/*adjusts the text in the navbar*/
	/*width: 90px; /*width of the nav bar on top home/special offer etc */
	padding: 6px 0px 3px 0px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	color: #3b372b;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
#header .div4 a:hover { /*effects on hover*/
	color: #ffffff;
	background: #585039 ;
	text-decoration: none;
	padding: 5px 5px;
}
#header .div5 a {/*alignment of the nav bar items to the left*/
	float: left;
}
#header .div6 a {/*alignment of the nav bar items to the right*/
	float: right;
}
#header .banner { /*max banner width 970 px */
	padding: 10px 10px 0px 10px;	
}
#breadcrumb {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	/*text-align:center; /*added additionally to align to center. If removed it goes to left*/
	/*background: #c1beb5; /*use to add bckground to breadcrumb*/
	margin-left: 10px;
	margin-right:10px;
}
#line { /*newly created to add a gap between the header and body. Similar div id can be used for creating another line say in the footer*/
	height:1px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align:center; /*added additionally to align to center. If removed it goes to left*/
	background: #243b4b;
	filter: alpha(opacity=100);
	margin-left: 0px;
	margin-right:0px;
	margin-top: 10px;
}
#column_left {
	float: left;
	width: 140px;
	margin-right: 10px;
	margin-left: 10px;
}
#column_right {
	float: right;
	width: 140px;
	margin-left: 10px;
	margin-right: 10px;
}
#content {/*main box in the middle of the page where items are displayed and the welcome message is shown*/ 
	float: left;
	width: 680px;
	margin-bottom: 10px;
}
#content .top {
	padding: 8px 0px 6px 10px;
	/*background: url('../image/content_top.png') no-repeat;/*original graphics*/
	background: url('../image/header.png') repeat-x;
}
#content .top h1, .heading {
	color: #FFFFFF; /* heading colour for the middle main box*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #DDDDDD; /*width of the line on front page under the latest products secion*/
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content .middle {
	border-left: 1px solid #DDDDDD; /*left border of the main middle section box were welcome message is shown*/
	border-right: 1px solid #DDDDDD; /*right border of the main middle section box where welcome message is shown*/
	background: #ffffff; /*background of main section*/
	padding: 10px 10px 1px 10px;
	min-height: 380px;
}
#content .bottom {
	background: url('../image/content_bottom.png') no-repeat;
	height: 0px;
}
.box {
	margin-bottom: 10px;
	/*background: url('../image/box_top.png') no-repeat; /*original graphics for box heading*/
	background: url('../image/header.png') repeat-x;
}
.box .top {
	padding: 8px 0px 6px 7px;
	color: #FFFFFF; /*sideboxes header font colour*/
	font-size: 12px; /*original 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD; /*left border of the side boxes*/
	border-right: 1px solid #DDDDDD; /*right border of the side boxes*/
	background: #f3f3f3; /*bacground of the sideboxes*/
	padding: 0px;
}
.box .bottom {
	height: 0px;
	background: url('../image/box_bottom.png') no-repeat;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	width: 100%;
	margin-bottom: 10px;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #ecebe8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination { /*page number on the bottom of the category page were say 100s of items arre displayed into different pages*/
	display: inline-block;
	width: 100%;
	background: #ecebe8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #3b372b;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #3b372b;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%; /*product desc, review, pics etc tab width*/
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #3b372b;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page { /*prduct desc section*/
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 576px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
#footer {
	width: 100%; /*width of the footer*/
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #7e9faf;
}
#footer .div1 { /* used for items in the footer to left like the paypal logo*/
	padding: 2px 15px 2px 15px;
	float: left;
	text-align: left;
}
#footer .div2 {/*used for the items in the footer to the right like powered by text*/
	padding: 2px 15px 2px 15px;
	float: right;
	text-align: right;
}
#footer .div3 {/*used for the items in the footer to the center like the copyright shop name text*/
	padding: 2px 15px 2px 15px;
	float: center;
	text-align: center;
}
/*#category ul {/*category box general setting
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding: 0px 0px 0px 12px;
	list-style: url('../image/bullet_1.png');
}
#category a {
	color: #6E6E6E; /*categories font colour
	text-decoration: none;
}
#category a:hover {
	/*text-decoration: underline; /*underine on hovering on the links in the categories
	color: #ffffff;
	background: #585039 ;
	text-decoration: none;
}*/
*#category ul {/*category box general setting*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*list-style: url('../image/bullet_1.png');*/
	list-style: none;
	background: #f3f3f3; /*background of the category box*/
	
}
#category a {
	color: #6E6E6E; /*categories font colour*/
	text-decoration: none;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #f8f8f8 #f8f8f8 #a19f99 #f8f8f8; /*on 4 sides*/
	margin: 0;
	padding: 5px 5px;
}
#category a:hover {
	text-decoration: none; /*underine on hovering on the links in the categories*/
	background: #ff0000 ;
	text-decoration: none;
	/*color: #3b372b; /* text colour on hover*/
}
/*#information ul {/*information box general setting
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}
#information  a {
	color: #6E6E6E; /*font colour in the information box
	text-decoration: none;
}

#information  a:hover {
	text-decoration: underline;
}*/
*#information ul {/*category box general setting*/
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/*list-style: url('../image/bullet_1.png');*/
	list-style: none;
	background: #F3f3f3; /*background of the information box*/
}
#information a {
	color: #6E6E6E; /* font colour*/
	text-decoration: none;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #f8f8f8 #f8f8f8 #a19f99 #f8f8f8; /*on 4 sides*/
	margin: 0;
	padding: 5px 5px;
}
#information a:hover {
	text-decoration: none; /*underine on hovering on the links in the information*/
	background: #b8cdd8 ;
	text-decoration: none;
	/*color: #3b372b; /* text colour on hover*/
	
}
.cart {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #EEEEEE;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}