/* Company: Northbloc                                                     */
/* Ref: default.css                                                       */
/* Author: Alan Jenkins                                                   */

/* d60026 - Red */
/* 121212 - black */


/* layout */

	body  { margin: 5px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.5em; }

		.container { width: 780px; margin: auto; clear: both }
		
		.hide { display: none; }
		
		.display { display: block; }

/* header */

	ul.logo li a { display: block; width: 232px; height: 32px; background: url(../images/logo.gif); }

		ul.logo a:hover { border: 0; }

		ul.logo  H1 span { display: none; }

		ul.logo li { float:left; display: block; padding: 0; background: none; }

	#searchbox { float: right; margin-top: 10px;}
			
		#searchbox span { display: none; }

/* top menu */
	#topmenu { padding: 2px; float: right;}

		#topmenu ul { list-style: none; padding: 0px; margin: 0px; }

		#topmenu li { float: left; margin-left: 1.5em; padding: 0; background: none; }

/* site select / languages */

	#blackbar { border-top: 1px solid #000; border-bottom: 1px solid #fff; }

	#header { background: repeat-x url(../images/headerOff.jpg) #dadae2; height: 30px;}

	#whitebar { border-top: 1px solid #fff; border-bottom: 3px solid #d60026; }
	
	#languages { float: right; vertical-align:middle; margin: 5px;}

	ul.site_select a:hover { text-decoration: none; border: 0; }

	ul.site_select span { display: none; }

	ul.site_select li { float:left; display:block; height: 30px; padding: 0; background: none; }	

	ul.site_select li a { display: block; width: 144px; height: 30px;}

	ul.site_select li a.seaward { background:url(../images/seawardOff.jpg); }

	ul.site_select li a.seaward:hover, ul.site_select li a.seawardon { background:url(../images/seawardOn.jpg); text-decoration: none; }

	ul.site_select li a.clare { background:url(../images/clareOff.jpg); }

		ul.site_select li a.clare:hover, ul.site_select li a.clareon { background:url(../images/clareOn.jpg); text-decoration: none; }

	ul.site_select li a.rigel { background:url(../images/rigelOff.jpg); }

		ul.site_select li a.rigel:hover, ul.site_select li a.rigelon { background:url(../images/rigelOn.jpg); text-decoration: none; }

	ul.site_select li a.cropico { background:url(../images/cropicoOff.jpg); }

		ul.site_select li a.cropico:hover, ul.site_select li a.cropicoon { background:url(../images/cropicoOn.jpg); text-decoration: none; }
	ul.site_select li a.seawardusa { background:url(../images/seawardusaOff.jpg); }

		ul.site_select li a.seawardusa:hover, ul.site_select li a.seawardusaon { background:url(../images/seawardusaOn.jpg); text-decoration: none; }

/* navigation */

#navbox { float: left; margin-right: 2px; }

/* Content */

#content { float: left; width: 642px; margin: 10px 0 10px 0; }

#article img, #copy_content img { margin: 4px; border:1px solid #dedede; padding: 2px; } 

	#copy_content { float: left; width: 632px; margin: 5px 0 10px 10px;}
	
		#breadcrumb { text-transform: capitalize; margin-bottom: 5px;}
	
		#copy_content #copy { border: 0px; padding: 10px 0 10px 0; }
		
		#copy_content ul { list-style: none;  }
		#copy_content li {	padding: 0px 4px 4px 14px; background: url(../images/arrow.gif) no-repeat left top;}
		
		#copy_content ol { margin-left: 20px; }
		#copy_content ol li { background: no-repeat;}

		#main { float: left; width: 390px; margin-right: 10px;}
	
		#main_right { float: right; width: 420px; margin-left: 10px; }
	
		#main_full { float: left; width: 612px; margin-left: 10px;}
	
		#copy { border-bottom: 1px dashed #cccccc; padding: 10px 0 10px 0; }
		
		#copy ul { margin-left: 8px; }
		
		#copy li { background: url(../images/prodBullet.gif) no-repeat top left; }
	
		#news { border-bottom: 1px dashed #cccccc; padding: 10px 0 10px 0; }
		
			#news #img { float: right; padding: 3px; border: 1px solid #dedede; }
		
			#news ul { margin-left: 20px; }

		#products { border-bottom: 1px dashed #cccccc; padding: 10px 0 10px 0; }
		
			#products ul { margin-left: 20px;}
		
		#knowledgebase { border-bottom: 1px dashed #cccccc; padding: 10px 0 10px 0;}
		
			#knowledgebase ul { margin: 0 20px 0 20px; }

	#options { float: left; width: 210px;}
	
		#options #ad { margin-bottom: 10px; }


/* footer */

.rss { float: left; margin: 3px 3px 0 0; }

.rssbox { float: right; border: 1px solid #cdcdcd; background: #dedede; padding: 3px; margin: 3px; }
	
#footer { text-align: center; background: #e5e5e5; margin-top: 10px; border-top: 1px solid #7f7f7f; border-bottom: 4px solid #d60026; }

	#footer_content { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

/* General */

html {  overflow: scroll; }

P { margin-top: 10px; }

* { padding:0; margin:0; }	
		
.clear { clear: both; }

.floatleft { float:left; }

.floatright { float:right; }

h1 {font-family: Arial, Helvetica, sans-serif;}

h2 { font-size: 1.6em; color: #d60026; margin-bottom: 6px; text-align: left; font-family: Arial, Helvetica, sans-serif; }

h3 { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 6px; }

.inset_left { float: left; width: inherit; text-align: center; margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; }

.inset_right { float: right; width: inherit;  text-align: center; margin-left: 4px; margin-right: 4px;  margin-top: 2px; margin-bottom: 2px; }

.warning { color: #d60026; }

/* LINKS */
A { color: #d60026; text-decoration: none; }

A:hover { color: #121212; text-decoration: none; border-bottom: 1px solid red; }

A.a { color: #d60026; text-decoration: none; display: block; width: auto;  }

A.a:hover { color: #121212; text-decoration: none; border-bottom: 0px; display: block; width: auto; }

A.b { color: #000; text-decoration: none; display: block; width: auto;  }

A.b:hover { color: #333; text-decoration: none; border-bottom: 0px; display: block; width: auto; }

A.w { color: #fff; text-decoration: none; display: block; width: auto; }

A.w:hover { color: #ffff00; text-decoration: none; border-bottom: 0px; display: block; width: auto; }


/* FORMS */


.txtBox { border: 1px solid #666666; padding: 1px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.txtBox_req { border: 1px solid #666666; background: #ffffcc; padding: 1px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.fileBox  { padding: 1px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.dropBox { border: 1px solid #666666; font-size: .8em; padding: 1px; font-size: 1em; }

.dropBox_req { border: 1px solid #666666; background: #ffffcc; font-size: .8em; padding: 1px; font-size: 1em; }

.radioBox { margin: 0px 3px 0px 0px; vertical-align: text-top}

.submitBtn { border: 1px solid #000; background: #d60026; color: #ffffff; font-size: 1em; padding: 2px; }

.resetBtn { border: 1px solid #666666; background: #cccccc; color: #333333; font-size: 1em; padding: 2px; }

div.row {
	margin-right: 0px;
	clear: both;
	padding-top: 3px;
}

div.row span.label {
	float: left;
	width: 76px;
	margin-right: 20px;
}


div.row span.formw, div.row_address span.formw {
	float: left;
	text-align: left;
}

div.row_address {
	margin-right: 0px;
	margin: 2px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #dedede;
}


/* ERROR/SUCCESS RESPONSE BOXES */

div.errorBox {
	border: 1px solid #990000;
	background: url(../images/errorBox.gif) no-repeat left top #ffffe1;
	padding: 4px 4px 4px 42px;
	color: #990000;
	min-height: 39px;
	text-align: left;
	margin: 3px;
}

div.errorBox A { font-weight: bold; color: #990000; }

div.errorBox ul { line-height: 1.2em; }

div.successBox {
	border: 1px solid #789837;
	background: url(../images/successBox.gif) no-repeat left top #ffffe1;
	padding: 4px 4px 4px 42px;
	color: #5C752B;
	min-height: 39px;
}

div.successBox A { font-weight: bold; color: #789837; }

	

/* SECURE LOGIN */
#account_details { float: left; margin-right: 10px;}

#account_password { float: left; width: 300px; border: 1px solid #ccc; background: #dedede; padding: 4px;}


/* PRESS RELEASES */
#article { float: left; width: 400px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #ccc;}

#article_list { float: left; width: 220px;  }

.date { font-size: .9em; color: #666;}


#calendarbox { float: right; margin-left: 10px; }

	#calendar { background: #dedede; margin-bottom: 3px; padding: 3px; border: 1px solid #ccc; }

#nospace { float: left; border: 1px solid #000; width: 15px; height: 15px; background: #f22222; margin-right: 3px; }

#space { float: left; border: 1px solid #000; width: 15px; height: 15px; background: #97df00; margin-right: 3px; }


/* PRODUCT CATEGORIES */

.prod_category { float: left; width: 140px; text-align: center; padding: 3px; margin: 3px; }

/* PRODUCTS */
#prod_spec, #prod_support, #prod_matrix, #prod_enquiry { display: none; }

.page { float: left; margin-right: 1px;}
	.ptl {background: url(../images/prodTL.gif) #dedede 0 0 no-repeat}
	.ptr {background: url(../images/prodTR.gif) 100% 0 no-repeat; padding: 4px 6px 0px 6px;}
	.page A {color: #d60026; border: 0px;}
	.page A:hover {color: #000;}
	
.pageon { float: left; margin-right: 1px;}
	.pageon .ptl {background: url(../images/prodTLon.gif) #d60026 0 0 no-repeat}
	.pageon .ptr {background: url(../images/prodTRon.gif) 100% 0 no-repeat; padding: 4px 6px 0px 6px;}
	
	.pageon A {color: #fff; border: 0px;}
	.pageon A:hover {color: #ffff00;}

#prod_box_split{ border: 1px solid #d60026; padding: 3px; background: url(../images/prodBG.gif);}

#prod_box{ border: 1px solid #d60026; padding: 3px; }

	#prod_description { float: left; width: 400px; text-align: justify; }

	#prod_img {text-align: center;}

	#prod_intro { text-align: justify; padding: 0px 10px 20px 10px;}

	#prod_right { float: right; width: 200px; padding: 3px;}

		#prod_right H3 { color: #d60026; }

		#prod_right ul { }

		#prod_right li { background: url(../images/prodBullet.gif) no-repeat top left; }

		#prod_comments { padding: 0px 10px 20px 10px; border-top: 1px dashed #666}

		.review { margin-top: 10px;}

/* PRODUCT MATRIX */
div.matrix {  border: 1px solid #dedede; margin: 2px; padding: 2px; float: left; width: 180px;}

	div.matrix span.remove { text-align: right; }

	div.matrix span.prod { float: left; text-align: center; text-align: center; background: #fff; }

/* SHOPPING BASKET */
	#dec { float: left; margin-top: 3px; background: url(../images/dec.gif) no-repeat; height: auto; width: 11px; }
	
	#dec a {width: 11px; display: block;}

	#inc { float: left; margin-top: 3px; background: url(../images/inc.gif) no-repeat; height: auto; width: 11px; }
	
	#inc a {width: 11px; display: block;}

	div.prodline { clear: both; border-top: 1px solid #ccc; padding: 3px;}
		div.prodline span { float: left; text-align: right; margin-right: 3px; }

		div.prodline span.product { text-align: left; width: 250px;  }

		div.prodline span.qty { text-align: center; width: 80px;   }
	
		div.prodline span.stock { text-align: center; width: 120px;  }
		
		div.prodline span.price { width: 80px;  }
		
		div.prodline span.total { width: 80px;  }
		
		div.prodline span.col1 { width: 540px;  }
		
		div.prodline span.col2 { width: 80px; }

	div.options { padding-top: 3px; text-align: right; }

.relate { float: left; text-align: center; }


/* KNOWLEDGE BASE */
.dbl {background: url(../images/dbl.gif) #ececec 0 100% no-repeat; width: 620px;}
.dbr {background: url(../images/dbr.gif) 100% 100% no-repeat}
.dtl {background: url(../images/dtl.gif) 0 0 no-repeat}
.dtr {background: url(../images/dtr.gif) 100% 0 no-repeat; padding: 10px;}

.t {background: url(../images/dot.gif) #fff 0 0 repeat-x; }
.b {background: url(../images/dot.gif) 0 100% repeat-x;}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}

.bl {background: url(../images/bl.gif) 0 100% no-repeat;}
.br {background: url(../images/br.gif) 100% 100% no-repeat; margin-bottom: 10px; }
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}


/* Distribtuor search box */
.boxbl {background: url(../images/boxbl.gif) 0 100% no-repeat; background: #dedede; }
.boxbr {background: url(../images/boxbr.gif) 100% 100% no-repeat; margin-bottom: 10px; }
.boxtl {background: url(../images/boxtl.gif) 0 0 no-repeat; }
.boxtr {background: url(../images/boxtr.gif) 100% 0 no-repeat; padding:10px;}


/* list structure for admin area content boxes */
ul li { background: red; background: url(../images/prodBullet.gif) no-repeat top left; padding-left: 20px; }

.area { margin-right: 4px; float: left;}

#account_menu { list-style: none; }