/* Window settings */

body {	
	background: #FFF url(../images/back.gif) no-repeat top left;
	font-family: Arial, Sans-Serif;
	color: #0E3550;
	margin: 0 0 10px 0;
	}

/*
.pagewrapper {	
	width: 98%;
	border: 1px solid black;
	margin: 10px auto;	
	background-color: #FFF;
	}
*/	
	
/* Logo settings */

#logo {	
	background: #FFF url(../images/certs.gif) no-repeat top right;
	padding: 10px;
	}


/* Navigation settings */

#topmenu {
	border: solid #666;
	border-width: 0px 0px;
	margin: 2px 0px 0px 0px;
	background: #CAE8E6; 
	text-align: left;
	padding: 5px 15px 5px 10px;
	font-size: 75%;
	text-align: right;
	}
#topmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	}
#topmenu li {
	padding: 0px 10px;
	font-weight: bold;
	color: #0E3550;
	position: relative;
	float: left;
	font-family: Arial, Sans-Serif;
	}
#topmenu a {
	text-decoration: none;
	color: #0E3550;
	}
#topmenu a:hover, #topmenu a.navcurrent{
	color: #2383C6;
	text-decoration: none;
	}
.left {
	width: 180px;
	float: left;
	}
#lowernav, .search {
	border: solid #FFF;
	border-width: 0px;
	margin: 0px 0px;
	text-align: left;
	font-size: 75%;
	padding: 10px 0 0 0;
	}
#lowernav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#lowernav li {
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	}
#lowernav a {
	text-decoration: none;
	color: #0E3550;
	}
#lowernav li a:hover, #lowernav li a.navcurrent {
	color: #2383C6;
	text-decoration: none;
	}
.submenuheader {
	background: #2383C6;
	padding: 5px;
	color: #FFF;
	margin: 0 0 0 10px;
	font-weight: bold;
	}
.searchcontent {	
	padding: 0 10px;
	text-align: center;
	}
.searchbox {	
	border: 1px solid #999; width: 110px;
	}	
/* Box settings */

.right {
	float: right;  
	margin: 10px;
	}
.rightbox {
	margin: 0px 0px 5px 10px;
	width: 200px;
	background: #B8C4EB url(../images/roundbottom.gif) no-repeat bottom left;
	text-align: center;
	}
.rightboxhead {
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	border: #FFF solid;
	border-width: 0px 0px 1px 0px;
	background: #0E3550 url(../images/roundtop.gif) no-repeat top left;
	}
.rightboxtext {
	padding: 5px;
	}
.rightbox p {
	padding-left: 0px;
	}
	
	
/* Body Settings */

.body, .frontbody { 
	padding: 0px 30px 10px 25px;
	font-size: 75%;
	margin: 20px 0px 0px 170px;
	}
.frontbody { 
	margin-right: 235px;
	}
.formbody { 
	margin: 10px;
	font-size: 80%;
	}
	
	
/* Image Settings */


.prodImages img {
	border: 1px solid #666;
	margin: 0px;
	}

.rightboxtext img {
	border: 1px solid #666;
	margin: 0px;
	}
.rightimg {
	float: right;
	margin-left: 15px;
	border: 5px solid #2383C6;
	}
.leftimg {
	float: left;
	margin-right: 15px;
	border: 5px solid #2383C6;
	}
	
	
/* Footer Settings */

#footer {
	font-size: 70%;
	clear: both;
	}
.footerhead {
	font-weight: bold;
	border: #CCC solid;
	border-width: 0px 0px 1px 0px;
	padding: 20px 20px 2px 20px;
	}
.footerbody {
	padding: 5px 20px;
	}
.footerright {
	float: right; 
	padding: 5px 20px;
	text-align: right;
	}
	
	
/* Paragraph Settings */

a {
	color: #0E3550;
	}
a:hover {
	color: #6E95B0;
	}
h1{
	margin-top: 10px;
	font-size: 170%;
	color: #0E3550;
	}
h2 {
	font-size: 130%;
	font-weight: bold;
	}
h3 {
	font-size: 110%;
	margin-bottom: 0px;
	}
p {
	margin-top: 0px;
	line-height: 150%;
	}
p, td, li {
	font-family: Verdana, Arial, Sans-Serif;
	}
li {
	line-height: 150%;
	}
.error {
	color: #C00;
	}
.success {
	color: #000099;
	font-weight: bold;
	}
.StrongProd {
	font-weight: bold;
	}
.standardinput {
	width: 200px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #000099;
	}
.TextBox, .FileBox, .Button, .TextBoxSmall {
	font-family: Arial, Sans-Serif;
	border: 1px solid #999999;
	}
.Button {
	cursor: pointer;
	}
.TextBox {
	width: 300px;
	}
.TextBoxSmall {
	width: 175px;
	}
.txt {
	width: 300px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #000099;
	}
.txttiny {
	width: 30px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #999;
	text-align: right;
	}
.logoutimg {
	float: right;
	border: 0px solid #FFF;
	margin: 5px;
	}
.fieldtitle {
	color: #666;
	}
.strongprod {
	color: #000;
	}

.locbutton {
	width: 100px;
	border: 1px #333399 solid;
	font-size: 80%;
	margin: 5px 20px;
	padding: 2px;
	color: #333;
	background-color: #FFF;
	background-image: url(../images/navback1.gif); 
	text-align: center;
	float: left;
	}
.back {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	}
.quote {
	margin-bottom: 0px;
	padding: 0px 4px;
	}
.quoter {
	text-align: right;
	font-style: italic;
	padding: 0px 4px;
	}
.recommendation {
	padding: 0px 4px;
	font-weight: bold;
	}
.searchblurb {
	font-size: 0.7em;
	color: #EEE;
	text-align: center;
	padding: 5px 5px 0px 5px;
	}
.categoryimg {
	float: left;
	text-align: center;
	margin: 8px;
	font-weight: bold;
	color: #0E3550;
	border: 1px solid #0E3550;
	}
.categoryimghead {
	border-bottom: 1px solid #FFF;
	background: #0E3550;
	padding: 1px 0;
	}
.categoryimghead a {
	color: #FFF;
	}
.categoryimg img {
	margin: 0px;
	}
.categories {
	margin: 0px;
	float: left;
	text-align: center;
	}
.categories a {
	text-decoration: none;
	}
.prodImages {
	float: right;
	width: 310px;
	text-align: center;
	}
.products {
	float: left;
	height: 165px;
	width: 225px;
	border: 1px solid #0E3550;
	margin: 6px;
	padding: 3px;
	}
.products img {
	float: right;
	margin: 0px 5px 5px 0px;
	}
.topdash {
	border-top: 1px dashed #999;
	}
.bottomdash {
	border-bottom: 1px dashed #999;
	}	
.imagepicker {
	width: 200px;
	padding: 5px;
	margin: 5px;
	text-align: center;
	float: right;
	border: #CCC 1px solid;
	}	
.images {
	width: 160px;
	padding: 5px 5px 0px 5px;
	margin: 5px;
	border: 1px solid #999;
	text-align: center;
	}	
.images img {
	border: 0px;
	}	
.images .imageName {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	}	
.images .deleteImage {
	margin: 5px 0px;
	font-weight: bold;
	}
.bold {
	font-weight: bold;
	}
.faint {
	color: #666;
	background: #EEE;
	}
.basket, .deliverydetails {
	width: 95%;
	margin: 20px 0px;
	}
.basket, .deliverydetails, .customerdetails, .deliveryaddressdetails {
	padding: 10px;
	border: 1px solid #CCC;
	}
.customerdetails, .deliveryaddressdetails {
	float: left;
	margin: 0px 20px 20px 0px;
	}
td a img {
	margin: 0;
	}
.initial {
	font-size: 150%;
	font-weight: normal;
}
.leftcol1, .leftcol2 {
	float: left;
	width: 40%;
	}
.leftcol1 {
	margin-right: 8%;
	margin-bottom: 15px;
	}
.clear {
	clear: both;
	}	
.additionalinfo, .productinfo {
	margin-left: 10px; 
	border: 2px #2383C6 solid; 
	background: #E9F4FC url(../images/boxback.gif) repeat-x top left;
	padding: 5px;
	} 
.additionalinfo {
	float: right; 
	width: 27%;
	} 
.productinfo {
 	margin-bottom: 10px; 
 	font-size: 0.9em; 
 	}
.productinfo p, .productinfo h1 {
 	margin-bottom: 0;
 	}
 .productinfo h1 {
 	margin-top: 0;
 	font-size: 1.4em; 
 	}
.productinfo ul {
 	margin-top: 0;
 	}
.productinfocontainer {
	float: right;
	width: 250px; 
	margin-left: 10px;
	}
.ticklist {
	list-style-image: url(../images/tick.gif);
	}
	
	
/* Hide from IE5-mac. Only IE-win sees this. \*/
  
* html .pagewrapper .body, * html .pagewrapper .frontbody  {
	height: 1%;
	margin-left: 0px;
	margin-top: 20px;
	}
	
@media print { 

.body { 
	padding: 0px 10px 10px 25px;
	font-size: 80%;
	margin: 0px 25px 0px 25px;
	}
.frontbody { 
	padding: 0px 10px 10px 25px;
	font-size: 80%;
	margin: 0px 235px 0px 25px;
	}
.lowernav, .searchblurb {
	display: none
	}
body {
	background-color: #FFF;
	}
}
