/**************************************************************************/
/* start custom styles */
/**************************************************************************/

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family:  Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
	font-size: 85%;
	background-color: #0005ff;
	background-attachment: scroll;
	background-image: url(../templateimages/eps-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
}

/**************************************************************************/
/* start font styles */
/**************************************************************************/
p {font-size: 100%; margin: 0.25em 0 0.75em 0;}
h2 {
	font-size: 120%;
	color:#0066CC;
	padding: 0.5em 0 0.5em 0;
}
body.home h2 {
	padding: 0.5em 0 0.25em 0;
	margin-bottom: 0;
}
h3 {
	font-size: 110%;

}
b{font-size: 110%;}

h1, h3, h4, h5 {line-height:1em; padding: 0; margin: 0;}

em{font-weight: normal; font-style:normal; font-size:80%; line-height:12pt;}

a{color: #0066CC; text-decoration:none; line-height:130%;}
a:hover{color: #0066CC; text-decoration:underline;}

ul {padding-left:20px; margin-left: 0px;}
li{
	list-style-type: disc; padding-left:10px;	list-style-image:url(../../images/bullet-pink.jpg);

}
hr {margin: 1em 0 0em 0;}

 th {
	background-color: #CEEEFF;
	border: 1px solid #70CCFF;
	color: #0067C5;
}
 td {
	border: 1px solid #CEEEFF;
}
form {margin:0; padding:0;}


/*input.submit {
	color: #FFFFFF;
	background-color: #0067C5;
	padding: 5px 0px 5px 0px;	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0066FF;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #0066FF;
	


}*/


input.submit { 
	color: #FFFFFF;
	background-color: #0067C5;
	border: 0.5pt solid #0066FF;
	
	padding: 5px 0px;
	margin: 0px;
	
}




input.smallsubmit 
{
	color: #0066FF;
	background-color: #CEEEFF;
	border: 1px solid #70CCFF;
		
	

	padding: 5px 0px;
}
	
	
	
input#submitforward, input#submitforward2  {

	background-attachment: scroll;
	background-image: url(../../images/arrow-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}


/**************************************************************************/
/* layout styles */
/**************************************************************************/
#maincontainer{
	width: 940px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #70ccff;
	
}

#topsection{
	background-image: url(../templateimages/navigation-area-header.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	


 /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}
#logo {
	margin-left: 15px;
}
/* --- Header section ------------------------------------------------ */

#topnav{
	background-color: #5288AB; /*Height of top section*/
}


#topnav #title {
	height: 70px;
	margin: 0px 10px 0px 10px;
}

/* Top links */
#topnav .links {
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	font-size: 7.5pt;
}


#topnav .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#topnav .links a:link, #topnav .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#topnav .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: black;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}


/* hold search box */
#search {
	/*background: #EAEAEA;*/
	text-align: right; 
	width: 150px;
}

#search form {
	margin: 0px;
	padding: 0px;
	}

#contentwrapper{
	float: left;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../templateimages/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#contentwrapper2{

	width: 100%;
	background-attachment: scroll;
	background-image: url(../templateimages/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#innercenter{
	margin: 0 190px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}

#innerleft{
	float: left;
	width: 210px; /*Width of left column in pixel*/
	margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/
	background-attachment: scroll;
	background-image: url(../templateimages/left-nav-bg-generic.jpg);
	background-repeat: no-repeat;
}
#innerleft h4{
	font-size: 120%;
	color:#0066CC;
	text-indent: -9999px;
}

#innerright{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/

}


#baskethead {

	font-size:130%;

}



/*#contentwrapper{
	float: left;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../templateimages/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}*/

#contentcolumn{

	float: right;
	margin-right: 70px;
	margin-top:11px;

}

#leftcolumn{
	float: left;
	width: 940px; /*Width of left column*/
	/*margin-left: -940px;*/

}

body.home #leftcolumn {
	width: 720px;
}
	
	
/* end left nav styles */

#footer{
	clear: left;
	width:940px;
	overflow:hidden;
	color: #0067C5;
	text-align: center;
	padding: 4px 0;
	background-color: #FFF521;
	background-attachment: scroll;
	background-image: url(../templateimages/footer-bg-white.gif);
	background-repeat: repeat-y;
	background-position: center center;
	
}

#footer h1, #footer h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
		text-align:center;
	}
	
	#footer h3 {
		margin:0px 0px 0px 0px;
		padding:0px;
		text-align:center;
		font-size:14px;
	}
	
	.left {
	
		float:left
	
	}
	
	.right {
	
		float:right
	
	}

#footer2{
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
	line-height: 200%;
	background-color:#0005ff;
}

#footer2 a{
	color: #FFFFFF;
}

.innertube{
	/*margin: 20px; Margins for inner DIV inside each column (to provide padding)*/
	margin: 0 20px 20px 20px;
	float: left;
	width: 670px;
}

body.home .innertube{
	width: 444px;
}

.hold-right {
	float:left;
}

.hold-left {
	float: left;
}
/*****************************************************************************************/
/*Hold Home Red & Green Boxes*/
/*****************************************************************************************/
/*Red Box*/
.box-resources {
	float: left;
	width: 440px;
	margin-right: 0px;
	height: 141px;
	cursor:pointer;
	background-image: url(../templateimages/box-resources-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #C00000;
	position: relative;
	left: 0px;
	top: 0px;
	text-align:left;
	padding-top:40px;
}
.box-resources h3{color:#FCAB03; margin: 0px 9px 0px 160px;}
.box-resources p{color:#FFFFFF; font-size: 10pt; margin: 0 9px 0 160px; line-height: 140%;}
.box-resources div{position: absolute; bottom: 5px;	right: 0px;}
.box-resources img{margin: 2px 2px 0 0px;}

/* green box */
.box-supplies{
	float: left;
	width: 440px;
	margin: 0 15px 0 0;
	height: 141px;
	cursor:pointer;
	background-image: url(../templateimages/box-supplies-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #1cca00;
	text-align:left;
	padding-top:40px;

}
.box-supplies h3{color:#003399; margin: 0px 9px 0px 160px;}
.box-supplies p{color:#FFFFFF; font-size: 10pt; margin: 0 9px 0 160px; line-height: 140%;}
.box-supplies div{position: absolute; bottom: 5px;	right: 0px;}
.box-supplies img{margin: 2px 2px 0 0px;}
/* end home boxes*/

/*****************************************************************************************/
/*Hold news items*/
/*****************************************************************************************/
/*Red Box*/
#home_region1{float:left; width: 460px; margin-left:0px;}
#newsitem1 .pad{margin-right:20px;}
#newsitems{margin-top:10px;	width: 200px; }
.newsitem{	padding:0px 0 10px 0;}
.newsitem p{margin: 0;}
.newsitem .pad{border-bottom: 1px solid #999999;}
/*#newsitems a{float:left;}*/

/*top sellers*/
#home_region3{float:left; width: 200px; margin-top:11px;}
#home_region3 ul{list-style:none; display: block; margin:0; padding:0;}
#home_region3 ul li{
	list-style:none;
	display: block;
	margin:0;
	padding:5px 0 10px 0;
	width: 200px;
	border-bottom: 1px solid #999999;
}
#home_region3 a{color: #333333; text-decoration:none; line-height:130%;}
#home_region3 a:hover{color: #333333; text-decoration:underline;}


.clear-columns{clear:left;}


#wrapper { /*use this to wrap around content wrapper to include bg img*/
	width: 940px;
	background-attachment: scroll;
	background-image: url(../templateimages/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/*****************************************************************************************/
/*product pages
/*****************************************************************************************/
.breadcrumbtrail  {border-bottom: solid 1px #CBD5DB; border-top: solid 1px #CBD5DB; padding: 5px 0px 5px 0px;}
.breadcrumbtrail ul  {padding: 3px; display: inline; margin-left: 0;}
.breadcrumbtrail ul li {display: inline; padding: 0 0 1em 0; margin: 0 0 1em 0;}


/* Shortened column format boxes */
.category h5 {padding-top: 0.5em; padding-bottom: 20px; font-size:110%;}

.subcategories_normal .box{
	width: 180px;
	height: 90px;
	margin: 0px 20px 20px 0px;
	padding: 0.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	float:left;
	text-align:center;
}
.subcategories_normal .box strong{font-size: 100%; font-weight: normal; padding: 0; margin: 0; height: 50px; display:block;}


.subcategories_shortened .box {
	width: 175px;
	height: 260px;
	margin: 0px 5px 5px 0px;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;

}


/*****************************************************************************************/
/*category listing page layout
/*****************************************************************************************/

.subcategories_extended {	width: 530px; }

.subcategories_extended .box {
	width: 125px;
	height: 225px;
	margin: 0px 20px 10px 0px;
	padding: 0.5em;
	/*background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;*/
	border-bottom: solid 1px #E2EAEF;
	/*border-right: solid 1px #E2EAEF;*/
	float:left;
	text-align:center;
}
.subcategories_extended .box strong{display:block; font-size: 100%; font-weight: normal; padding: 0; margin: 0; height: 45px;}

.subcategories_extended .pad{ height:200px;}

.subcategories_extended .pad a{display:block; text-align:center;}
.subcategories_extended .pad img{ border: 2px solid #3399FF; border: 2px solid #3399FF; height: 150px;}

/*****************************************************************************************/
/*product detail page layout
/*****************************************************************************************/

.products_shortened .box {
	width: 180px;
	height: 275px;
	margin: 0px 20px 20px 0px;
	padding: 0.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	float:left;
	text-align:center;
}

/*pre {font-size: 16px;}*/

.billtotal em {font-size: 120%; font-weight: bold; color: #0066CC;}

.products_shortened .box h2{font-size: 100%; font-weight: normal; padding: 0; margin: 0; height: 45px;}
.products_shortened .box  em{
	font-weight: bold;
	font-style:normal;
	font-size:80%;
	line-height:12pt;
	display:block;
	height:45px;
}
.products_shortened .pad{ height:230px;}

.products_shortened .pad img{ border: 2px solid #3399FF; border: 2px solid #3399FF; height: 150px;}

/*img {border
	border: 2px solid #3399FF;
	border: 2px solid #3399FF;
}*/

.paging_header{	float: left; clear:: left; width: 100%;  padding: 0.5em 0 0.5em 0; margin: 0 0 1em 0;}
.paging_footer{	float: left; clear:: left; width: 100%;  padding: 0.5em 0 0.5em 0; margin: 0 0 1em 0;}

.minprice{
	color: #0067C5;
	font-weight:bold;
	background-color: #CEEEFF;
	border: 1px solid #70CCFF;
	position: relative;
	bottom: 0px;
	height: 28px;
}






/*MAIN PRODUCT PAGE*/

.product .main {position: relative;} 

.product .main {}

.product .main img {float: right; margin:0px 0px 0px 10px; padding: 0;}

.product .main img.thumb {border: none;}

.product .main p {width: 320px;}
.product .main h2 {width: 320px;}
.product .main ul {width: 290px;}

/*style needed to hold the product description at the same hieght as the images*/
.hold-content {min-height: 390px; position: relative;}


/******************** float product specification right *****************************/
.product pre {

}

.versions {
	/*width: 440px;*/
	padding: 0 0 0 0px;
	clear: left;
}

/* price display on the product details page*/
.prices {color: #0067C5; font-weight:bold; border-top: solid 1px #70CCFF; border-bottom: solid 1px #70CCFF; padding: 5px 0 5px 0; margin-bottom: 5px;}
.prices span{display:block; }
.inctax input{border: 0; color: #0067C5; font-weight:bold; /*font-size: 16px;*/}

/* option display on product details page*/
.option{	color: #0067C5;
	font-weight:bold;
	background-color: #CEEEFF;
	border: 1px solid #70CCFF;
	padding-top: 5px;
	height: 28px;
	margin-bottom: 5px;}
.option label{display: block;  float: left;}
.option strong{font-weight: normal; padding: 5px;}
.option div{display: block;  float: left;}


/* style the buy button on the details page (when using options)*/
div#addtobasketline1.boxinset { text-align:center;	padding-top: 5px; margin: 0 auto 0 auto;}
.continueshopping {text-align: center; margin-bottom:5px;}



/*.versionstable thead tr.header {background: url(../templateimages/category-top-bg.gif) repeat-x; padding: 5px; color: #e0b043;}*/

tr {background-color: #fcf8ee;} 

tr.alt {background-color: #fff;}


.name { padding-left: 10px;}
.name strong {font-size: 95%; font-weight:normal;}
td .rrp {width: 20%; text-align: center; border: 1px solid #CEEEFF;}

.price {width: 20%; text-align: center; color: #0067C5; font-weight:800;}
th .price { color:#FFFFFF; }
.addtobasket {width: 30%; text-align: center; margin: 0 auto 0 auto;}

/*styles needed to position donwload link and large image link*/
.extrainfolinks {
	position: absolute;
	top: 350px;
	right: 5px;
	display:block;
	width: 190px;
}

/*.extrainfolinks {

	display:block;
	text-align:right;
	/*width: 210px;
}*/


.moreinfo {color: #0067C5;
	font-weight:bold;
	background-color: #CEEEFF;
	border: 1px solid #70CCFF;
	padding:5px;
	margin: 0 0 5px 0;
	cursor:pointer;
	font-size: 90%;}
	
div #popup{
	background-image: url(../../images/largeview.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 150px center;
	width: 180px;
	display:block;
	text-align:left;
}

div #pdf{
	background-image: url(../../images/pdficon.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 150px center;
	width: 180px;
	display:block;
	text-align:left;
}

/********* style the reviews section  on product page */
.reviews{
	/*width: 400px;*/
	margin-top: 1em;
	padding: 0em 1.5em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CEEEFF;
	border-left: solid 1px #CEEEFF;
	border-bottom: solid 1px #CEEEFF;
	border-right: solid 1px #CEEEFF;
	}

/********* style the carry on shopping section  on product page */
.carryonshopping{
	/*width: 400px;*/
	margin-top: 1em;
	padding: 0em 1.5em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CEEEFF;
	border-left: solid 1px #CEEEFF;
	border-bottom: solid 1px #CEEEFF;
	border-right: solid 1px #CEEEFF;
}
	
.required {
	font-size: 100%;
	font-weight: bold;
	color: #990000;
}

.carryonshopping ul {}
.carryonshopping ul li {}

.versionstable table{
	width: 100%;
	/*width: 440px;*/
}

/*****************************************************************************************/
/* styles needed for the search pages
/*****************************************************************************************/
.products_normal .box{
	margin-top: 1em;
	padding: 0em 1em 1.5em 0em;
	/*background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CEEEFF;
	border-right: solid 1px #CEEEFF;
	border-left: solid 1px #CEEEFF;*/
	border-bottom: solid 1px #E2EAEF;

	height: 260px;
}

.products_normal .box img{
	float: left; margin-right: 10px; margin-bottom: 25px; border: none; height: 150px;
}

.products_normal h2{ margin-bottom: 0; padding-bottom: 0;}
.products_normal em{ margin-bottom: 0px; padding-bottom: 5px;}
.products_normal ul{
	margin-left: 120px;
	*margin-left: 120px;
	/*padding-left: 50px;*/

}
.products_normal li{
	margin-left: 0px;
	*margin-left: 20px;
	/*padding-left: 50px;*/

}

.products_normal strong{ font-weight: normal;}

/* for all other browsers */
.products_normal .minprice{	float: right; font-size: 90%; display:block; margin-left: 0.5em; padding: 3px 0.5em 0px 0.5em; height: 30px;}



.products_normal .extrainfolinks{
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	width: 120px;

}



/* for all other browser */
.products_normal .moreinfo{	display:block; padding: 5px 0.5em 10px 0.5em; 	height: 18px; 	font-weight: normal;}


/*****************************************************************************************/
/* styles needed for the custom pages
/*****************************************************************************************/

.float-right {
	float: right;
	padding-left: 1em;
	padding-bottom: 1em;

}


.list-inline ul{ text-align: center; }

.list-inline li{
	display: block;
	float: left;
	padding-left:15px;
	padding-right:15px;
	background-attachment: scroll;
	background-image: url(../../images/bullet-pink.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	text-align:left;
}

.bluebox {
	margin: 0px 10px 10px 0px;
	padding: 0em 1.5em 1.5em 1.5em;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-right: solid 1px #E2EAEF;
	background-color: #FFCC00;
}
.bluebox h2{color:#333333; text-align:center; margin-bottom: 0px;}


.bluebox2 {
	margin: 0px 10px 30px 0px;
	padding: 1em 1.5em 0.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	clear:left;
}
.bluebox2 h2{
	margin-top: 0em;
	padding-top: 0em;
	
}

#showhide {
background-color:#EDF0F7;
border:1px solid #CBD5DB;
bottom:-25px;
clear:both;
display:block;
left:175px;
padding:5px 0;
position:relative;
text-align:center;
width:150px;
background-image:url(../templateimages/show.jpg);
background-position:13px 0;
background-repeat:no-repeat;
}



#showhide2 {
background-color:#EDF0F7;
border:1px solid #CBD5DB;
bottom:-29px;
clear:both;
display:block;
left:175px;
padding:5px 0;
position:relative;
text-align:center;
width:150px;
background-image:url(../templateimages/hide.jpg);
background-position:13px 0;
background-repeat:no-repeat;
}

/* styles for contact page */
.contactus {
	margin-left:10px; padding: 0em 1.5em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	min-height: 100px;
}

.tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topleft.jpg);
	display: none;
}
.tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topright.jpg);
	display: none;
}
.bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomleft.jpg);
	display: none;
}
.br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomright.jpg);
	display: none;
}

div.curFocus {
	background: #fdecb2;
}


.required {
	font-size: 100%;
	font-weight: bold;
	color: #990000;
}
.contactus p{
	
	dispay: block;
	float:right;
	padding: 1.5em 1.5em 0em 0;
}
/*style used to clear */
.spacer{clear: left;}

/**************************************************************************/
/* styles used for basket */
/**************************************************************************/

.basket table {width: 100%;}
.basket .totals {border-bottom: solid 1px #CBD5DB; border-top: solid 1px #CBD5DB; padding: 5px 0px 5px 0px; text-align: right;}
.basket em {display: block; font-size: 120%; font-weight: bold; text-align: right; color:#0066CC; margin-bottom: 15px;}
td.name strong{ font-weight: bold;}
.baskettable td.details {font-size: 90%; color:#0067C5; padding-left: 10px;}

/**************************************************************************/
/* styles used for checkout 1 */
/**************************************************************************/


.checkout {margin-top: 20px;}/*leave gap at top to clear step image*/

.errors{margin: 0 0px 15px 0; font-weight: normal; font-size: 90%; color:#FF0000;}
.section1 { 
	padding: 0em 1.5em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	
	margin: 0 10px 15px 0;
	
	width: 280px;
	float: left;
	height: 350px;

}

/**************************************************************************/
/* styles used for checkout 2 */
/**************************************************************************/
.errors{margin: 0 0px 15px 0; font-weight: normal; font-size: 90%; color:#FF0000;}
.section{ 
	padding: 0em 1.5em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	
	margin: 0 10px 15px 0;


}
.checkout .section h4 {color:#0066CC; font-weight: bold; margin-top: 10px;}



/**************************************************************************/
/* styles used for checkout 4 */
/**************************************************************************/
.section fieldset {clear: left;}
/*.section label {float: left; width: 30%;}
.section div {float: left; width: 70%;}
.section br {display:block; float:left; width:100%;}*/




/**************************************************************************/
/* styles used for mailing list registration on right panel */
/**************************************************************************/

.register {
	background-attachment: scroll;
	background-image: url(../../images/bg-mailing.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 15px;
}

.highlight {color:#FF3399;}



/**************************************************************************/
/* styles used for left hand nav */
/**************************************************************************/

.catMenu {
	width: 175px;
	margin-left: 10px;
	margin-top: 100px;
}


.catMenu ul{
	padding:  0px;
	margin: 0px;
}
.catMenu li{
	margin-bottom: 5px;
	color: #0067C5;
	display: block;
	list-style-type: none;
	list-style-image:none;
	padding: 4px 4px 4px 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEE0E4;
}
.catMenu li a{ color: #0067C5; text-decoration: none;}

.catMenu li a:hover{ color: #0067C5; text-decoration: underline;}

.catMenu ul ul {padding:  0px;	margin: 5px 5px 0 0px;}

.catMenu ul ul li{ 
	margin-bottom: 1px;
	color: #0067C5;
	display: block;
	list-style-type: none;
	list-style-image:none;
	padding: 4px 4px 4px 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEE0E4;
	background-color: #edf0f7;
}
.catMenu ul ul li a{ color: #0067C5; text-decoration: none;}

.catMenu ul ul li a:hover{ color: #0067C5; text-decoration: underline;}



















/* ------------ Forms ------------------------------------------------ */



form { 
	margin: 0; 
	display: inline;
	padding: 0;
	
}




.inputform {
	margin-bottom: 12px;
	 /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	display: block;  border: 2px solid #faf0da; margin:10px 20px 0 0; width: 555px;
	
	padding: 0em 3em 1.5em 1.5em;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}
.inputform div.section {
	 background-image:none;
	 border: none;
	 border-bottom: solid 1px #E2EAEF;
}

.inputform label {
	width: 180px;
	float: left;
	margin: 5px 10px;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	
	margin: 10px 0px 0px 10px;
}

.inputform br {
	display: block;
	clear: both;
}

.inputform input.submit {
	float: right;
	/*width: auto;*/

}

.inputform input {
	width: 180px;
}

.inputform p {padding-left: 10px;}

input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 {
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}

textarea { 
	width: auto; 
}

#fieldsrequired {color: #FF33CC;}


div.pricefields {clear:left; }
.pricefields input { width: auto;}



/**************************************************************************/
/* Steve's new CSS for the new page */
/**************************************************************************/

#sample_pages_panel {
background-color:#FFFFFF;
width:535px;
}

#sample_pages_panel img {
border-style:none;}

#sample_pages_panel h2 {
margin:0px;
	color:#0067c4;
	padding-left: 12px;
	padding-right:12px;
	font-size:1.4em;
	padding-bottom:12px;
	padding-top:30px;
}

#sample_pages_panel h3 {
	color:#0067c4;
	padding-left: 12px;
	font-size:0.9em;
	font-weight:normal;
	margin:0px;
	padding-top:9px;
}

#sample_pages_panel p {
	color:#000000;
	padding-left: 12px;
	font-size:0.7em;
	margin:0px;
	padding-bottom:9px;
	padding-right:12px
}

#sample_pages_panel table {
margin:0px;
border: 0px;
}

#sample_pages_panel tr {
margin:0px;
border: 0px;
}

#sample_pages_panel td {
margin:0px;
border: 0px;
}

#rbwsp {
	clear: both;
	}

#rbwsp table {
	
	margin:0 auto;
	padding:0px;
	border:none;
	background:none;

}

#rbswp td {
	
	margin:0px;
	padding:0px;

}

#rbswp tr {
	
	margin:0px;
	padding:0px;

}

#rbswp img {

	width:100%;
	height:100%

}

#contact_info span {
display:inline;
}



