html {
background:#003057;
}

body{
font-family:Verdana,Arial,Geneva,Helvetica;
min-width:775px !important;
}

table td {
border:none;
}

#doc3 {
margin:0;
padding:0;
}

#hd {
height:124px;
background: url(/images/top_left.gif) 0 0 no-repeat #6098CA;
border-bottom:1px solid #000;
clear:both;
}

#hd h1#cpmlogo {
float:right;
width:480px;
height:124px;
background: url(/images/top_right.gif) 0 0 no-repeat ;
margin:0;
padding:0;
text-indent:-9999px;
overflow:none;
}

#bd {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
background:#E7F8FF;    	/* Right column background colour */
}
#bd .colmid {
float:left;
width:200%;
margin-left:-160px; 	/* Width of right column */
position:relative;
right:100%;
background:#fff;    	/* Centre column background colour */
border-right:1px solid #000;
}
#bd .colleft {
float:left;
width:100%;
margin-left:-50%;
position:relative;
left:310px;         	/* Left column width + right column width */
background:#003057;    	/* Left column background colour */
border-right:1px solid #000;
}
#bd .col1wrap {
float:left;
width:50%;
position:relative;
right:200px;        	/* Width of left column */
padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */

}

#bd .col1 {
margin:10px 120px 0 210px;     	/* Centre column side padding:
		Left padding = left column width + centre column left padding width
		Right padding = right column width + centre column right padding width */
position:relative;
left:200%;
overflow:hidden;
background: url(/images/cell_bg.gif) 50% 0 repeat-y #fff;
}
#bd .col2 {
float:left;
float:right;			/* This overrides the float:left above */
width:150px;        	/* Width of left column content (left column width minus left and right padding) */
position:relative;
right:0px;         	/* Width of the left-had side padding on the left column */

}
#bd .col3 {
float:left;
float:right;			/* This overrides the float:left above */
width:159px;        	/* Width of right column content (right column width minus left and right padding) */
margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
position:relative;
left:50%;

}



.col3 h2 {
width:159px;
height:59px;
background: url(/images/h_latestnews.gif) 0 0 no-repeat;
text-indent:-99999px;
margin:0;
padding:0;
border-top:1px solid #000;
}

.col1 h2 {
font-family:Trebuchet MS,Arial,Helvetica;
font-size:1.8em;
font-style:italic;
font-weight:normal;
color: #6098cb;
margin:0 0 0.5em 0;
padding:0;
}

.col1 h3 {
color: #3a6182;
font-weight:bold;
margin:0;
}

.tree a {
color: #3a6182;
font-weight:bold;
margin:0;
text-decoration:none;
}

.tree a:hover {
text-decoration:underline;
}

.redbox {
width:100%;
background:#f00;
}

.col1 .redbox h2 {
text-align:center;
margin:0 1em;
color:#fff !important;
}


.col1 .redbox h2 strong {
display:block;
font-style:italic;
font-weight:bold;
}


/*---- Left Navigation ----*/

ul#leftnav {
margin:0;
padding:0;
background:url(/images/leftnav.gif) 0 0 no-repeat;
min-height:370px;
}

ul#leftnav li {
list-style:none;
margin:0;
padding:0;
}

ul#leftnav li a {
display:block;
width:100%;
font-size:0.85em;
font-weight:bold;
color:#fff;
line-height:2.2em;
text-decoration:none;
background: url(/images/leftnav_on.png) 0 50% no-repeat;
text-indent:0.4em;
}

ul#leftnav li a:hover {
background-position: 100% 50%;
}

ul li ul li {
list-style-type:circle;
}

/*------ Multiple Product Page -----*/
/*-- Box widths --*/

.products form fieldset,
.products form fieldset .image .vbox .cbox {
	width:140px;
}

.offerbox,
.offerbox .image .vbox .cbox {
	width:160px;
}

/*-- End Box widths --*/

.products form,
.offers {
	padding-bottom:15px;
}

.products form fieldset, 
.offerbox {
	margin:0 auto 0 auto;
	border:1px solid #000;
	background:#003057;
	color:#fff;
	text-align:center;
}

.products form fieldset .image,
.offerbox .image {
	display:table;
	height:145px;
	width:100%;
	overflow:hidden;
	background:#fff;
	margin-bottom:5px;
}


.products form fieldset .image .vbox,
.offerbox  .image .vbox  {	
	display:table-cell;
	vertical-align:middle;
}


.products form fieldset .image .vbox .cbox,
.offerbox .image .vbox .cbox {
	border:0px solid #f00;
	text-align:center;
}


.products h3 a,
.offerbox h3 a {
	color:#fff;
	text-decoration: none;
}

.products h3 a:hover,
.offerbox h3 a:hover {
	color:#fff;
	text-decoration: underline;
}

.products p.price,
.offerbox p.price {
	margin:0;
	padding:0;
}

.products p.more a,
.offerbox p.more a {
	color:#fff;
	font-weight:bold;
	text-decoration: underline;
	margin:0;
	padding:0;
}


/*---- Individual Product Pages ----*/

body#cart fieldset {

}

body#cart fieldset .image {
text-align:center;
width:400px;
margin:10px auto;
}

.order {
margin:40px 0;
padding:0 0 10px 0; 
background: #ddd;
text-align:center;
}

.order h3 {
margin:10px;
}


/*- Add to cart button specific -*/
.order input.order_button {
display:block;
width:110px;
margin:10px auto 0 auto;
}


input.order_button {
background:#6098CA;
border-top:2px solid #BDD4E9;
border-left:2px solid #BDD4E9;

border-bottom:2px solid #3B79AF;
border-right:2px solid #3B79AF;
color:#fff;
cursor:pointer;
}

input.btnhov {
background:#3A6182;
border-top:2px solid #5C8CB6;
border-left:2px solid #5C8CB6;

border-bottom:2px solid #284258;
border-right:2px solid #284258;
}

/*---- Footer ----*/


#ft {
height:74px;
border-top:1px solid #000;
}

#ft p#telephone {
float:left;
width:400px;
height:74px;
background:url(/images/footer_bot.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin:0;
padding:0;
}

#ft p#cpmfooter {
float:right;
width:2.4em;
font-size:4.2em;
line-height:1em;
font-style:italic;
color:#fff;
margin:0 150px 0 0;
padding:0;
}



/*---- News Scroler ----*/


.newsBox {
width:130px;
margin:0 auto;
font-size:93%;
}



/*----	Contact Form ----*/

form#contactform {
	margin:0;
}

form#contactform fieldset {
	width: 36em;
	padding: 1em;
}

form#contactform legend {
	border: 1px solid #999;
	padding: 0.2em 0.8em;
	font-weight: bold;
}

form#contactform p {
margin:0;
padding-bottom:5px;
}

form#contactform label {
	font-family: Arial, Tahoma, sans-serif;	
	text-align: right;
	width: 140px;
	display: block;
	float: left;
	clear: left;
	padding-right:3px;
}

form#contactform input#verification_code {
	margin-left: 143px;
	width: 165px;
}

form#contactform input, form#contactform textarea {
	width: 200px;
	padding:3px;
border:1px solid #666;
background:#fff;
}

form#contactform input:hover, form#contactform textarea:hover {
border:1px solid #6098CA;
}

form#contactform button {
	margin-top: 1em;
	margin-left: 143px;
	width: 7.7em;

background:#6098CA;
border-top:2px solid #BDD4E9;
border-left:2px solid #BDD4E9;

border-bottom:2px solid #3B79AF;
border-right:2px solid #3B79AF;
color:#fff;
cursor:pointer;
}

form#contactform button:hover {
background:#3A6182;
border-top:2px solid #5C8CB6;
border-left:2px solid #5C8CB6;

border-bottom:2px solid #284258;
border-right:2px solid #284258;
}



/*---- /Contact Form -----*/

p#bf {
	clear:right;
	float:right;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 15px 0 0;
	padding-top: 1px;
	text-align: right;
	width: 280px;
}

p#bf a {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
}

p#bf a:hover {
	color: #9370DB;
	text-decoration: underline;
}

p#bf span a,#bf span a:hover {
	font-weight: normal;
	text-decoration: none;
}

p#bf, p#bf a, #bf span a:hover {
	color: #ADAFA4;
}