/* CSS Document */

/* 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 }
		.container2 { width: 788px; margin: auto; clear: both }
		.container_gray { width: 788px;
		background: url(../images/newdesign/back_ground_gray.gif);
		background-repeat: repeat-y;
		 margin: auto; clear: both }
		
		.hide { display: none; }
		
		.display { display: block; }
		
		

/* Product Gallery Stuff */
#sitelinks{
	height: 53px;
	width: 178px;
	float:left;
	margin: 10px 0 0 40px;
	
}
#sitelinks li { background: none; }
 #sitelinks ul { background: none; }
 #sitelinks a { background: none; }

.product_box		{ 
					display:block;
					float: left; 
					margin:20px 5px 0px 0px;
					padding: 0px 5px 5px 0;
					}
.product_imagebox		{ 	
					display:inline;
					/*width:96px;*/
					float: left;  
					margin:0px 5px 0 20px;
					padding: 0px px 0 0;
					}
.product_imagebox img	{ 	
					float:left;					 
					/*height: 92px;*/
					width: 60px;
					margin:0px 0px 0 0px;
					padding: 0px 0px 0 0;
					}
.product_desc		{ 
					display:inline;
					float: right;
					margin:0 5px 5 5px;
					padding: 0px 10px 0 0;
					height:80px;
					/* originally width was 180 */
					width:180px;
					}
.product_desc a	{ 
					color: #d60026;
					
					}
.product_desc li	{ 
					color: #999999;
					
					}

.product_cat_title		{ 
					display: block; 
					float:left;
					margin:0px 0px 0px 0px;
					padding: 0px 0px 0px 0;
					width: 606px; 
					height: 38px;
					/*color: #FFFFFF;
					background-color:#666666;*/
					background: 

url(../images/newdesign/product_cat_title.gif);
					}
.product_cat_title	h3	{ 
					display: block; 
					margin:5px 0px 0px 5px;
					padding: 5px 0px 0px 5px;
					color: #999999;
					
					}
.product_top_box		{ 
					display: block; 
					margin:0 0px 0 0px;
					padding: 0px 0px 0 0;
					width: 291px; 
					height: 14px;
					color: #FFFFFF;
					background-color:#666666;
					background: url(../images/newdesign/product_top.gif);}
.product_bot_box		{ 
					display: block; 
					margin:0 0px 0 0px;
					padding: 0px 0px 0 0;
					width: 291px; 
					height: 14px;
					color: #FFFFFF;
					background-color:#666666;
					background: url(../images/newdesign/product_bot.gif);}
.product_mid_box		{ 
					display: block; 
					margin:0 0px 0 0px;
					padding: 0px 0px 0 0;
					width: 291px; 
					height: 180px;
					color: #FFFFFF;
					background-color:#666666;
					background: url(../images/newdesign/product_mid.gif) 

repeat-y;}

/* product ends */
	/*/++++++++++++++++++++++++++++++/*/
	#top_white_box		{ 
					
					display: block; 
					margin:0 0px 0 3px;
					padding: 0px 3px 0 0;
					width: 778px; 
					height: 25px;
					color: #FFFFFF;
					border-bottom:0px;
					border-bottom-color: #666666;
					background-color:#FFFFFF;
					}
	#top_gray2_box		{ 
	
	                display: block; 
					width: 778px; 
					height: .5px;
					}
	#top_white_box a	{ 
					text-decoration: none;
					color: #FFFFFF;
					}
					
	/* top menu */
	#topmenuw { 
	
	padding: 2px; float: right;
	border-bottom:0px;
	border-bottom-color: #666666;}

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

		#topmenuw li { float: right; margin-right: 1em; padding: 0; color: #000000 ;background: none; }
		#topmenuw li img {border: none;
		text-decoration: none;}
	#topmenuw li a:link {text-decoration: none;}
#topmenuw li a:visited {text-decoration: none;}
#topmenuw li a:active {text-decoration: none;}
#topmenuw li a:hover {text-decoration: none;}
/******************************************************************/
		
	#top_gray_box		{ 
					display: block; 
					margin:0 0px 0 3px;
					padding: 3px 3px 0 0;
					width: 778px; 
					height: 22px;
					color: #FFFFFF;
					background-color:#666666}
	#top_gray_box a	{ 
					
					color: #FFFFFF;
					}
	#shaded_gray_box	{ 
					display: block; 
					width: 788px; 
					height: 91px;
					
					background: url(../images/newdesign/gray.gif);
					}
	#flash_box	{ 
					padding-bottom:10px;
					margin-left:8px;
					display: block; 
					width: 772px; 
					height: 170px;
					
					}


/* header */

	ul.logo li a { display:	block;
						margin: 26px 0 0 20px;
					 width: 232px; height: 32px; background: 

url(../images/cropicologo.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: 15px 20px 0 0;
				 padding-top:18px;
				 padding-left:13px;
				 width: 204px; 
				 height: 39px;
				 background: url(../images/newdesign/gray_searchbox.gif);}
			
			
		#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-left: 10px; margin-bottom: 20px; margin-right: 2px; }

/* Content */

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

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

	#copy_content { float: left; width: 612px; 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;text-decoration:none;}
	#options a { color: #FFFFFF;text-decoration:none;}
	
		#options #ad { margin-bottom: 10px; }
	#accordian { float: right; width: 210px;text-decoration:none;}
	#accordian a { color: #FFFFFF;text-decoration:none;}
	
		#accordian #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; }
	
#footer1 { text-align: center;
display: block; 
					width: 788px; 
					height: 61px;
					
					background: url(../images/newdesign/gray2.gif);}

#footer { text-align: center; background: #e5e5e5; margin-top: 10px; border-top: 1px solid 

#7f7f7f; border-bottom: 4px solid #d60026; }

	#footer_content {  padding-top: 5px; border-top: 0px solid #fff; border-bottom: 0px 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; /*orig 400*/width: 350px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #ccc;}

#article1 { float: left; /*orig 400*/width: 370px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #ccc;}

#article_list { float: left; /*orig 220*/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_downloads,#prod_comments,#prod_related, #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; /*orig width was 200*/ width: 180px; 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; }