@charset "utf-8";
/* Styles */

/* Colour Palette */
/* Title text and borders: 	#006699 Blue	*/
/* Normal text:				#000000 black 	*/
/* Background:				#ffffff white 	*/
/* Breadcrumb:				#666666 grey 	*/

body {
	margin:					0px;
	padding:				0px;
	line-height: 			1.5em;
	background: 			#ffffff;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

a {
	color:					#006699;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}

img {
	border:					none;
}

h1 {
	font-weight:			100;
	font-size:				2em;
	padding-top:			12px;
}

h2 {
	font-weight:			400;
	font-size:				1.5em;
	padding-top:			12px;
}

#topsection {
	background-image:		url(../images/bannerline.gif);
	background-repeat:		repeat-x;
	height:					120px;
}

#contentwrapper {
	overflow:				hidden;
}

#rightcolumn {
	margin-left:			760px;
}

#leftcolumn {
	width: 					195px; /*Width of left column in pixels*/
	float:					left;
	padding-bottom:			32767px; 
	margin-bottom:			-32767px;
}

#contentcolumn {
	width:					565px;
	float:					left;
	padding-bottom:			32767px; 
	margin-bottom:			-32767px;
}

#onecol {							/* For use on pages with just one column and no nav menu */
	width:					760px;
	margin:					auto;
	text-align:				center;
}

#footer {
	clear: 					both;
	width: 					100%;
	text-align: 			center;
	background-color:		#069;
	color:					#fff;
}
#footer a {
	color:					#fff;
	text-decoration:		underline;
}

.innertube {
	margin: 				10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

#nav {
	list-style:				none;
	margin-left:			-30px;
	font-size:				15px;
	font-weight:			bold;
}
#nav ul {
	margin-bottom:			10px;
}
#nav ul li {
	list-style-image:		url(../images/bullet.png);
	margin-left:			-22px;
	font-size:				11px;
	font-weight:			normal;	
}
#nav form:hover {
	text-decoration:		underline;
	color:#069;
}

.preloadpic {
	display:				none;
}

.icontables {
	float:					left; 
	margin:					10px; 
	border: 				1px #006699 solid; 
	text-align:				center; 
	height:					187px; 
	color:					#000;
	width:					129px;
}

.recenthistory {
	float:					left; 
	margin:					5px; 
	border: 				none; 
	text-align:				center; 
	height:					187px; 
	color:					#000;
	width:					120px;
}

.icontables:hover {
	cursor:					pointer;
}

.icontables td {
	width:					110px;
	vertical-align:			top; 
	padding:				8px; 
	color:					#000;
}

.bold {
	font-weight:			bold;
}

.carousel_container {
	width: 					545px;
	height: 				200px;
	border:					1px solid #069;
	margin-bottom:			20px;
}

/* start of styles for results tables in the boutique section of the website */

.resulttable td{ /* style for table displaying the results set */
padding:5px;
}

.resulttable {
border:1px #069 solid;
}

.desccol a { /* style of product title text */
font-weight:bold;
font-size:1.3em;
}

.desccol { /* column with product title and short description */
vertical-align:top;
width: 100%;
}

.pricecol { /* column displaying prices */
vertical-align: top;
width: 50px;
color: #f00;
font-weight:bold;
font-size: 14px;
text-align: right;
}

/* start of styles for product display page in boutique section of the website */

.prodcol {  /* width of column displaying the photo */
width: 300px;
vertical-align: top;
padding: 0px;
margin: 0px;
}

.prodtit { /* product title style */
font-weight: bold;
font-size: 2em;
padding-bottom: 20px;
line-height: 120%;
}

.proddep { /* product department nav aid style */
font-size:.75em;
color:#999999;
padding:0px;
}

.prodrhc { /* settings for right hand column adjacent to the product image */
vertical-align: top;
padding-left: 20px;
margin-left: 0px;
}

.prodinfo { /* emphasises display of price, size and delivery information of product */
color: #000;
font-weight:bold;
vertical-align:text-top;
background-color:#fff;
}

.proddesc {
padding-top:20px;
}

.formstyle {
padding: 0px;
margin: 0px;
}

.formbutton { /* style for the buy now and add to cart form buttons */
text-align: center;
width:120px;
}

.formviewcart { /* style for the view cart button in the nav panel */
text-align:center;
width:160px;
margin-left:10px;
}

.formsearch { /* style for the GO button on the search form */
padding:0px; 
margin:0px;
font-size:.9em;
}

.errortext {
	color:#f00;
	font-weight:bold;
}

.info {
	color:#999;
	font-size:9px;
}

/* Start of cart styles */

.cartcontactform {
text-align:			right;
vertical-align:		text-top;
margin-right:		50px;
width:				120px;
padding:			8px;
font-weight:		bold;
}

.carttable {
border-style: 		solid;
border-width:		thin;
border-color:		#069;
vertical-align:		text-top;
}

.carttable th {
background-color:  	#9cf;
border-style:		solid;
border-width:		1px;
border-color: 		#069;
padding:			0px 3px;
color:				#069;
font-size:			.8em;
text-align:			center;
}

.carttable td {
background-color:	#ffffff;
border-style:		solid;
border-width:		1px;
border-color:		#069;
padding:			5px;
color:				#000000;
text-align:			left;
}

.cartdetailcol {
width:				450px;
text-align:			left;
vertical-align:		text-top;
}

.cartnumcol {
width:				90px;
text-align:			right;
vertical-align:		text-top;
}

.orderform {
padding: 			20px;
border-style:		solid;
border-width:		1px;
border-color:		#069; 
}

.infocol {
width:				120px; 
vertical-align:		text-top;
color:				#981b1e;
padding:			10px;
}

.qtyminus {
	text-align:		left;
	width:			15px; 
	padding-top:	10px;
}
.qtyadd {
	text-align:		right;
	width:			15px; 
	padding-top:	10px
}

img.left {float: left; margin-bottom:0px; margin-right: 30px;}

img.right {float: right; margin-left: 30px; margin-right: 12px;}

.contactform {
text-align:			right;
vertical-align:		text-top;
margin-right:		50px;
width:				180px;
}
.formtext {
color:				#000000;
font-family:		Geneva, Arial, Helvetica, sans-serif;
width:				300px;
text-align:			left;
}
.toplink {
font-size:			9px;
}
#wrap { /* jQuery form */
	margin:10px auto;
	width:900px; 
}
fieldset {  
float: left;    
clear: both;    
width: 100%;
margin: 1.5em 0 0 0;  
padding: 0;
border: 1px solid #069;
background-color: #9cf;
background-image: url(../images/gradient.png);    
background-repeat: repeat-x; 
}  
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
font-size: 1.2em;
background-color: #fff;
padding: 0;
}  
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;  
}  
fieldset li {  
padding-bottom: 1em;  
}  
label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;  
}
#checkbox label{
width: 50em;
float: none;
text-align:left;
}
#checkbox input{
margin-left: 1em;
margin-top: 0.5em;
background-color: none;
}
.forminfo {
margin-left: 1em;
color:#666;
font-size:0.8em;
}
fieldset.submit {  
border-style: none;
text-align: right;
background: none;
}