/* These are the core CSS controls */

body {
margin: 0px;
padding: 0px;
background: #515151 url(../images/template/backer.jpg) repeat-y center top;

font-family:Arial, Helvetica, sans-serif;
text-align: left;
}

A:link {
	color: #D00000;
	text-decoration: none;
}

A:visited {
	color: #D00000;
	text-decoration: none;
}

A:active {
	color: #D00000;
	text-decoration: none;
}

A:hover {
	color: #D00000;
	text-decoration: none;
}


/* This is a 2 column fixed width layout with both header and footer for all content pages  */

/* The wrapper holds the nav and content divs together in the center */
#wrapper
{
	position:relative;
	width: 760px;
	text-align:left;
	padding: 0px;
	background-color: #FFFFFF;
	margin-top:opx, auto;
	margin-right:auto;
	margin-left:auto;
}
/* Define all styles to be included in the top navigation column here*/
#topnavigation
{
	float:left;
	width:760px;
	height:196px;
	background-color: white;
}

#topnavigation ul {
	list-style: none;
	margin:0px;
	padding:0px;
	border: none;
	text-align: left;
}

#topnavigation li {
	margin:0px;
	display: inline;
	font-family:Arial, Helvetica, sans-serif 12px;
	vertical-align: middle;
	}	
#topnavigation a:link,  #topnavigation a:visited {
	
	padding: 5px 0 0 0;
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;	
}

#topnavigation a:hover {
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	}

/* Define all styles required for the content area here*/

#content
{
	width:700px;
	float: left;
	margin-top:5px;
	padding-left:20px;
	padding-right:40px;
	background-color: #FFFFFF;
	text-align: left;
}

#content p
{
	font-size:12px;
	line-height:20px;
	padding-left:20px;
}

#content h1
{
	font-size:18px;
	font-weight:bold;
	color:#8C0C0B;
	padding-left:20px;
}

#content h2
{
	font-size:16px;
	font-weight:bold;
	color:#DD2120;
	padding-left:20px;
}

#content h3
{
	font-size:14px;
	font-weight:bold;
	color:#EE0000;
	padding-left:20px;
}

#content h4
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:20px;
}

#content a:link,  #content a:visited {
	font-size:12px;
	color:#D00000;	
}

#content a:hover {
	font-size:12px;
	color:#D00000;
	}

/* Define all styles required for the footer area here*/

#footer {
	clear: both;
	margin:0px;
	text-align: center;
	vertical-align:middle;
	font-size: 10px;
	color: #0000FF;
	background-color: #FFFFFF;
	
}
#clear {
	clear: both;
}

TD.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

P.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

HR {
	color : #3399CC;
}
/*  Category Layout CSS Tools
P.catname: The alignment of the category name
P.catdesc: The alignment of the category description
IMG.catimage: The properties of the category image
TD.catimage: The alignment of the category image
TD.catname: The alignment of the category name
TD:catnavigation: The alignment of the top category navigation
P.navdesc: The properties of the text "View all products in all categories". 
div.catdiscounts: The properties of the discounts text on the category pages. 
*/

P.catname {
text-align: center;
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

P.catdesc {
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

IMG.catimage {
border:1px;
border-thickness: 1px;
border-color: #000;
border-style: solid;
vertical-align:top;
}

TD.catimage {
vertical-align:top;
}

TD.catname {
vertical-align:top;
text-align: center;
}

TD.catnavigation {
vertical-align:middle;
text-align: left;
}


/*  Style up the Mini Cart*/
TD.mincart {
font-size: 10px;
font-family : Verdana;
}

P.mincart {
font-size: 10px;
font-family : Verdana;
}

/*All the following controls relate to styling the products.php page*/
/*  Change the look of prices*/
SPAN.price {
COLOR: #FF0000;
}
/*  Price ex GST*/
#pricediv0{
	color: Black;
	font-weight: bold;
}

/*  Price inc GST*/
#pricedivti0{
	color: Black;
	font-weight: bold;
}

/*  Change the format of product options*/
SELECT.prodoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}

/*  If using stock management you can change the colour of out of stock products*/
OPTION.oostock {
color : #A0A0A0;
}
/*  Change the text that introduces product options*/
SPAN.prodoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}

SPAN.detailoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}
/*  Change the look of the breadcrumb trail nav at top of page*/
td.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0;
}

P.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0;
}

/*  All the controls below relate to the proddetail.php page*/

/*div.detailid: The properties of the text "Product ID"
div.detailname: The properties of the product name on the product detail page
div.detaildiscounts: The properties of the discounts text for the product detail page
td.detailimage: The alignment of the product image on the product detail page
img.prodimage: The properties of the product image
div.detaildescription: The properties of the text in the long product description
div.detailoptions: The properties of the product options on the product detail page
div.detailprice: The properties of the price on the product detail page
div.detailcurrency: The properties of the alternative currencies on the product detail page*/


/*  change the look of the tables for search.php and orderstatus.php*/
TABLE.cobtbl{
background-color: #FF0000;
}

TD.cobhl{
background-color: #FFC42B;
}

TD.cobll{
background-color: #FFF7B8;
color : #666666;
}
/*  this example would make the page numbers show as Verdana size 12*/
P.pagenums {
font-size: 12px;
font-family : Verdana;
}
/*  this allows the current page number to be different eg red*/
SPAN.currpage {
color: #FF0000;
font-weight: bold;
}
table {
font-family: Arial, helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #000;
}

/*  
table.cpd - outer table background color which forms the outlines of the cells
td.cpdll - cell background
td.cpdhl - header background
div.cpdhlid - product id header
div.cpdhlimage - product image header
div.cpdhlname - product name header
div.cpdhldescription - product description header
div.cpdhldiscounts - discounts header
div.cpdhllistprice - list price header
div.cpdhlprice - price header
div.cpdhlpriceinctax - price including tax header
div.cpdhlinstock - number in stock header
div.cpdhloptions - product options header
div.cpdhlquantity - quantity box header
div.cpdhlbuy - buy button header
PRODBODY3 CSS CONTROLS
div.prod3id - product id properties
div.prod3name - product name properties
div.prod3discounts - discounts properties
div.prod3description - product description properties
div.prod3listprice - list price properties
div.prod3price - price properties
div.prod3pricetaxinc - price including tax properties
div.prod3instock - number in stock properties
div.prod3quant - quantity box properties
div.prod3buy - buy button properties

*/