/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, td, th, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img, div, form, table, td {
	border:0px;
	margin:0px;
	padding:0px;
	} 
p {
	border:0px;
	margin:5px;
	padding:0px;
	}
textarea, select, input, button {
	border:0px;
	margin:1px;
	padding:0px;
	}
a:link {
	color: #535353;
}
a:visited {
	color: #22229C;
}
a:hover {
	color: #868686;
	text-decoration:none;
}
a:active {
	color: #696969;
	text-decoration:none;
}

hr{
	color: #696969;
	height: 1px;
	width: 90%;
}

h1 {
	color: #22229C;
	font-size: 14px;
	margin: 0px;
	border-bottom:3px double #868686;
	width:95%;
}

h2 {
	color: #696969;
	font-size: 18px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
	border: 1px outset #F5F5FF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}
product_thumb {
	border: none;
	}
input.formButton {
	background: url(../images/links_bar.gif);
	width:104px;
	height:19px;
	vertical-align:top;
	border-bottom: 0px solid #00357D;
	border-left: 0px solid #00357D;
	border-right: 0px solid #001128;
	border-top: 0px solid #001128;
	color: #535353;
	font-weight: bold;
	margin: 1px 1px 0px 0px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
.selectall {
	font-size: 10px;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th  {
	background: url(../images/links_bar2.gif) repeat-x; 
	color: #535353;
}
table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	color: #535353;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #FFFFFF;
}
.altRowOdd{
	background-color: #FFFFFF;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}
/*------------Results Page---------------*/	
	.results {
/*	background-image: url(../images/button/productsbox.gif);*/

	/*background-repeat: no-repeat;*/
	font-size:11px;
	color:#666666;
	font-weight:bold;
	}
	.results img {
    float:left;
	border:0px;
	margin:10px;
	padding:0px;
		}
	.results h1{
		padding:0;
		margin:0;
		font-size:11px;
		font-weight:bold;
		color: #22229C;
	}
	.results a {
	font-size:11px;
	
	}
	.results .more  {
	margin:10px 10px 10px 10px;
	padding:0px;
	}
/* OD Edit in order to change the colour of the price you have to change all the text to this style and use css to style the h1 and Product description. In order to do this you also have to add two divides - one divide called 'results' that wraps around the CWIncResults.cfm include in the Results page. Within the CWIncResults.cfm include you need to place a div 'text' around poroduct description on line */
	.results .text{
		color: #666666;
		font-weight:normal;
		font-size:11px;
		padding-bottom:5px;
	}
	
/*end OD Edit*/
/*------------details Page---------------*/	
	.details {
	background-color:#FFFFFF;
	}
	.details img {
	border:0px;
	margin:10px;
	padding:0px;
		}
	/*end details Page*/
/*------------Cart Page---------------*/	
	.cart .text{
		color: #666666;
		font-weight:normal;
		font-size:11px;
		padding-bottom:5px;
	}
	.cart img {
	border:0px;
	margin:5px;
	padding:0px;
		}
	.cart input.formButton {
	background: url(../images/links_bar.gif);
	width:auto;
	vertical-align:top;
	color: #535353;
	font-weight: bold;
	margin: 1px 1px 0px 0px;
}
	.cart .tabularData {
	width:auto;
	vertical-align:top;
	color: #002252;
	margin: 1px 1px 0px 0px;
}
/*------------confirmation Page---------------*/	
	.confirmation .text{
		color: #666666;
		font-weight:normal;
		font-size:11px;
		padding-bottom:5px;
	}
	.confirmation img {
	border:0px;
	margin:5px;
	padding:0px;
		}
	.confirmation input.formButton {
	background: url(../images/links_bar.gif);
	width:auto;
	vertical-align:top;
	color: #535353;
	font-weight: bold;
	margin: 1px 1px 0px 0px;
}
	.confirmation .tabularData {
	width:auto;
	vertical-align:top;
	color: #002252;
	margin: 1px 1px 0px 0px;
}