/* CASE STUDY */
.case_study .date{
padding: 6px;
background-color: #d7d7d7;
font-weight: bold;
font-style: italic;
}
.case_study .headline{
margin: 0;
padding: 0;
margin-top: 3px;
padding-top: 18px;
padding-bottom: 18px;
background-color: #e1e1e1;
color: #000000;
font-size: 38px;
font-weight: bold;
text-align: center;
}


#main_description{
position: relative;
}

#order_out_of_stock{
width: 340px;
border: 1px solid red;
color: red;
font-size: 14px;
font-weight: bold;
}

/* DOWNLOADABLE FILES */
#downloadable_files{
margin-top: 10px;
}
#downloadable_files a.item, #downloadable_files a.item:hover{
display: block;
border: none;
background-repeat: no-repeat;
color: #000000;
font-weight: bold;
text-decoration: none;
}
#downloadable_files a.item span{
display: block;
padding-left: 20px;
}
#downloadable_files .pdf{
background-image: url('/images/common/file_pdf.gif');
}

/* POPUP GALLERY - THUMBS */
#gallery{
position: relative;
z-index: 10;
}
#gallery_thumbs_popup{
display: block;
width: 100%;
padding-bottom: 16px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
border-top: 10px solid #38230b;
border-bottom: 10px solid #38230b;
text-align: center;
}
#gallery_thumbs_popup a{
border: 1px solid #FFFFFF;
display: table-cell;
padding: 3px;
cursor: url('/cursors/zoom_in.cur');
}

/* HOMEPAGE USEFUL INFORMATION */
#homepage_useful_information{
margin-top: 10px;
border: 1px solid #cfe1e3;
}
.homepage_useful_information_top{
background-color: #cfe1e3;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}
.homepage_useful_information_middle{
padding: 6px;
}
#homepage_useful_information a{
display: block;
margin-top: 6px;
margin-bottom: 6px;
padding: 6px;
color: #2a5d5d;
border: 1px solid #cfe1e3;
text-decoration: none;
}
#homepage_useful_information a:hover{
background-color: #cfe1e3;
}
#homepage_useful_information a b{
text-decoration: underline;
}

/* HOMEPAGE ENVIRONMENTAL SPEECH */
#homepage_environmental{
margin-top: 10px;
padding: 4px;
color: #2a5d5d;
border: 1px solid #cfe1e3;
}

/* HOMEPAGE WHAT WE DO */
#homepage_whatwedo{
margin-top: 10px;
border: 1px solid #cfe1e3;
padding: 4px;
}
#homepage_whatwedo a{
text-decoration: none;
}
#homepage_whatwedo h2{
display: inline;
color: #2a5d5d;
font-family: verdana;
font-weight: normal;
}

/* HOMEPAGE INTRO */
#homepage_intro{
border: 1px solid #2a5d5d;
padding: 7px;
}
#homepage_intro p{
color: #2a5d5d;
}

/* HOMEPAGE BESTSELLERS */
#homepage_bestsellers{
margin-top: 10px;
border: 1px solid #cfe1e3;
}
.homepage_bestsellers_top{
background-color: #cfe1e3;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}
#homepage_bestsellers a{
display: block;
width: 125px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #2a5d5d;
text-decoration: none;
text-align: center;
}
#homepage_bestsellers a img{
border: 1px solid #2a5d5d;
}

/* NAV_RECENT */
#nav_recent{
margin-top: 5px;
width: 180px;
border: 1px solid #2a5d5d;
}
#nav_recent a{
display: block;
width: 174px;
margin-left: 3px;
margin-bottom: 2px;
color: #2a5d5d;
text-decoration: none;
border-bottom: 1px solid #cfe1e3;
text-align: center;
}
.nav_recent_top{
background-color: #cfe1e3;
border-bottom: 1px solid #2a5d5d;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}

/* NAV_RIGHT */
#nav_right{
margin-top: 5px;
margin-bottom: 3px;
width: 180px;
}
#nav_right a{
display: block;
}

/* NAV_HELP */
#nav_help{
width: 182px;
margin-top: 5px;
}
.nav_help_top{
display: none;
}
#nav_help a{
display: block;
margin-top: 6px;
background-image: url(/images/common/nav_help_a.gif);
background-repeat: no-repeat;
background-position: 6px center;
background-color: #2a5d5d;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
#nav_help a span{
display: block;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 28px;
}
#nav_help a.we_ship_globally{
background: none;
}

/* FEEDBACK */
#nav_feedback{
width: 180px;
margin-top: 10px;
border: 1px solid #2a5d5d;
color: #2a5d5d;
}
.nav_feedback_top{
background-color: #cfe1e3;
border-bottom: 1px solid #2a5d5d;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}
.nav_feedback_middle{
padding: 5px;
text-align: justify;
}

/* NAV_EXTRA */
#nav_extra{
margin-top: 5px;
width: 180px;
border: 1px solid #2a5d5d;
}
#nav_extra a{
display: block;
width: 174px;
margin-left: 3px;
margin-bottom: 2px;
color: #2a5d5d;
text-decoration: none;
border-bottom: 1px solid #cfe1e3;
}
#nav_extra a span{
display: block;
padding-top: 2px;
padding-bottom: 2px
}
#nav_extra a:hover{
color: #d41e02;
background-color: #d1e2e2;
}
.nav_extra_top{
background-color: #cfe1e3;
border-bottom: 1px solid #2a5d5d;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}

/* NAV_LEFT */
#nav_left{
width: 180px;
margin-top: 5px;
border: 1px solid #2a5d5d;
}
#nav_left a{
display: block;
}
#nav_left a span{
display: block;
padding-top: 2px;
padding-bottom: 2px
}
.nav_left_top{
background-color: #cfe1e3;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}
.nav_left_lvl1{
width: 174px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
background-color: #cfe1e3;
color: #2a5d5d;
font-weight: bold;
text-decoration: none;
}
.nav_left_lvl2{
width: 174px;
margin-left: 3px;
margin-bottom: 2px;
color: #2a5d5d;
text-decoration: none;
border-bottom: 1px solid #cfe1e3;
}
.nav_left_lvl2:hover{
color: #d41e02;
background-color: #d1e2e2;
}

/* SEARCHBOX */
#searchbox{
width: 180px;
margin-top: 2px;
border: 1px solid #2a5d5d;
}
#searchbox form{
margin: 0;
padding: 0;
}
.searchbox_top{
margin-top: 1px;
margin-bottom: 1px;
background-color: #cfe1e3;
border-bottom: 1px solid #2a5d5d;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}
/* LOGINBOX */
#loginbox{
width: 180px;
margin-top: 5px;
border: 1px solid #2a5d5d;
}
#loginbox form{
margin: 0;
padding: 0;
}
.loginbox_top{
margin-top: 1px;
margin-bottom: 1px;
background-color: #cfe1e3;
border-bottom: 1px solid #2a5d5d;
color: #2a5d5d;
text-align: center;
font-weight: bold;
}

html,body{
width: 100%;
margin: 0;
font-size: 12px;
font-family: arial;
text-align: center;
}
#body_table{
margin: auto;
text-align: left;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
h1{
text-align:center;
color: #2a5d5d;
border-bottom: 2px solid #d1e2e2;
padding: 3px;
font-size: 22px;
}
img{
border: none;
}
a{
cursor: pointer;
outline: none;
}


/* RE-USABLE STYLES */
.nomargin{
margin: 0;
padding: 0;
}
.bordered{
border: 1px solid #2a5d5d;
padding-left: 5px;
padding-right: 5px;
}
.filled_dark{
background-color: #2a5d5d;
color: #FFFFFF;
}
.filled_light{
background-color: #d1e2e2;
color: #2a5d5d;
}
.left{
float: left;
}
.right{
float: right;
}
.centered{
text-align: center;
}
.bold{
font-weight: bold;
}

/* PAGE */
#page{
border-left: 5px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
}
#product, #uppercontent, #lowercontent, #sectionheader{
line-height: 18px;
text-align:justify;
font-size: 12px;
color: #464646;
}
#product a, #uppercontent a, #lowercontent a{
color: #464646;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
}
#product a:hover, #uppercontent a:hover, #lowercontent a:hover{
color: #000000;
border-bottom: 1px solid #000000;
}


#uppercontent .filled_dark a{
color: #dadada;
border-bottom: 1px solid #dadada;
}
#uppercontent .filled_dark a:hover{
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}


/* COLUMNS */
#columns{
margin-top: 2px;
padding-bottom: 3px;
}

/* HEADER */
#header{
background-image: url(/images/common/header_bg.gif);
background-repeat: repeat-x;
text-align: center;
font-size: 12px;
}
.header_logo{
display: block;
float: left;
width: 157px;
height: 90px;
background-image: url(/images/common/header_logo.gif);
background-repeat: no-repeat;
text-decoration: none;
}
.header_right{
float: right;
width: 23px;
height: 90px;
background-image: url(/images/common/header_right.gif);
background-repeat: no-repeat;
}

#header_line1{
background-color: #d2e59c;
border: 1px solid #2a5d5d;
text-align: center;
color: #000000;
padding: 3px;
font-weight: bold;
}
#header_line1 span{
padding-left: 25px;
padding-right: 25px;
}
#header_flash{
padding-top: 10px;
}

/* FOOTER */
#footer{
height: 91px;
background-color: #d1e2e2;
border: 1px solid #2a5d5d;
text-align: center;
font-size: 12px;
margin-top: 3px;
}
/*
#footer a{
line-height: 88px;
padding-left: 10px;
padding-right: 10px;
color: #2a5d5d;
}
*/
.footer_logo{
margin-top: 5px;
width: 150px;
}
.footer_cc{
margin-top: 5px;
width: 150px;
}
.footer_address{
margin-top: 25px;
font-size: 12px;
font-weight: bold;
color: #2a5d5d;
}

.footer_links{
font-size:12px;
font-weight:bold;
color:#295a5a;
text-align: center;
margin-top: 20px;
}

.footer_links a{
text-align: center;
font-size:12px;
font-weight:bold;
color:#295a5a;
padding-left: 6px;
padding-right: 6px;
}

/* PRODUCT PAGE */
#products{
position: relative;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #2a5d5d;
border-top: none;
border-bottom: none;
}
#products a{
display: block;
position: relative;
}
#main_img{
clear: both;
}
#product{
text-align:justify;
}
#sectionheader{
text-align:justify;
padding-left:5px;
padding-right:10px;
}
.thumb_title{
background-color: #D1E2E2;
text-decoration:none;
text-align:center;
font-size:12px;
font-weight:bold;
color:#2A5D5D
}
.thumb_title a{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#2A5D5D;
text-align:center;
}
.thumb_table{
border:solid 1px #2A5D5D;
}
.thumb_table:hover .thumb_title{
background-color: #2a5d5d;
}
.thumb_table:hover .thumb_title a{
color: #FFFFFF;
}
.thumbtext {
text-decoration:none;
text-align:center;
font-size:12px;
font-weight:bold;
color:#2A5D5D
}
.price{
text-decoration:none;
text-align:center;
font-size:12px;
font-weight:bold;
color:#2A5D5D
}
#products .out_of_stock{
color: red;
font-weight: bold;
}

/* SUBSECTIONS */
#subsections a{
display: block;
width: 170px;
font-size:12px;
font-weight:bold;
color:#295a5a;
}
#subsections .sub_link_parent a{
height: 30px;
}

/* CRUMBTRAIL */
#crumbtrail{
font-size:12px;
color:#295a5a;
}
#crumbtrail a{
font-size:12px;
color:#295a5a;
padding-left: 12px;
}
#crumbtrail a.selected{
font-weight:bold;
}
#crumbtrail br{
display: none;
}

/* ORDER BUTTON */
.order_btn{
font-size:12px;
font-weight:bold;
color:#295a5a;
}
#order_price{
font-size:12px;
font-weight:bold;
color:#295a5a;
}
#order_qty_prompt{
font-size:12px;
font-weight:bold;
color:#295a5a;
}

/* BASKETBOX */
#basketbox{
float: right;
width: 200px;
margin-top: 4px;
border: 1px solid #2a5d5d;
text-align: center;
}
#basketbox_link{
display: block;
text-decoration: none;
height: 50px;
}
#basketbox_top{
height: 20px;
background-color: #2a5d5d;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
#basketbox_top span{
display: block;
padding-top: 1px;
padding-left: 3px;
}
#basketbox_top a.basketbox_switch{
display: table-cell;
float: right;
}
#basketbox_middle{
padding: 5px;
background-color: #FFFFFF;
}
#basketbox_bottom{
}
#basketbox_items, #basketbox_items a, #basketbox_value, #basketbox_value a{
display: block;
float: left;
width: 70px;
margin-top: 3px;
margin-left: 5px;
text-align: left;
font-weight: bold;
color: #2a5d5d;
text-decoration: underline;
}
#basketbox_items_value, #basketbox_items_value a, #basketbox_value_value, #basketbox_value_value a{
display: block;
float: right;
width: 55px;
margin-top: 3px;
text-align: center;
color: #2a5d5d;
text-decoration: none;
}
#basketbox_button{
display: block;
float: left;
width: 44px;
height: 44px;
background-image: url(/images/common/basketbox_button.gif);
background-repeat: no-repeat;
cursor: pointer;
text-decoration: none;
}

/* THEMED BLOCK */
#theme{
border: 1px solid #2a5d5d;
}
#theme img{
float: right;
width: 170px;
border-left: 10px solid #2a5d5d;
}
#theme p{
padding-left: 5px;
line-height: 22px;
}

#product_group_desc{
text-align:center;
font-weight:bold;
background-color:#D1E2E2;
color:#2a5d5d;
}

tr.resultodd{
color: #2a5d5d;
font-size: 12px;
}

tr.resulteven{
color: #2a5d5d;
font-size: 12px;
}

.resultodd td a{
color: #2a5d5d;
font-size: 12px;
text-decoration:none;
font-weight:bold;

}

.resulteven td a{
color: #2a5d5d;
font-size: 12px;
text-decoration:none;
font-weight:bold;
}
.subtitle{
font-weight:bold;
text-decoration:underline;
color:#ff0000;
}

/* PROMOTIONS */
#promotions_default{
margin-bottom: 12px;
text-align: center;
}

/* PRODUCT PAGE - GALLERY */
#gallery{
border: 20px solid #FFFFFF;
}
#main_img{
border-bottom: 5px solid #FFFFFF;
}
.gallery_main{
border-left: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
cursor: pointer;
}
.gallery_thumbs{
width: 310px;
}
#gallery .gallery_thumbs a{
float: left;
cursor: url('/cursors/zoom_in.cur');
border: none;
text-decoration: none;
}
.gallery_thumbs a img{
border: 2px solid #FFFFFF;
}

/* GALLERY_CLOUDZOOM */
.gallery_cloudzoom{
float: left;
}
.gallery_cloudzoom .gallery_thumbs{
width: auto;
}

/* JQUERY : CLOUDZOOM */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #e1e1dd;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}


/* ROWS_RELATED */
#related{
clear: both;
}
#related #products{
border: none;
text-align: center;
}
#related #products .productthumbnail{
border: 1px solid #e3e3e3;
margin-right: 4px;
}
#related #products .product{
width: 144px;
}
#related #products .product a{
display: block;
text-decoration: none;
}
#related #products .product .product_name{
height: 36px;
color: #000000;
}
#related #products .product .product_image{
height: 100px;
}
#related #products .product img{
width: 100px;
height: auto;
max-height: 100px;
}
#related #products .product .product_price{
margin-top: 22px;
color: #000000;
}
#related #products .product .product_moreinfo{
color: #000000;
}



/* SCROLLABLE HORIZONTAL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 990px;
	height:139px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.item {
	float:left;
	width:988px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* SCROLLABLE HORIZONTAL : BUTTONS */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {	
	background:url(/images/common/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url('/images/common/vert_large.png') no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* ADDED BY MAT */
.ticker {
clear: both;
display: inline;
float: left;
width: 990px;
background: url('/images/common/block_cap.gif') no-repeat center top;
text-align: justify;
}
.ticker_inner{
position: relative;
width: 990px;
margin-top: 34px;
background: url('/images/common/ticker_top.gif') no-repeat center top;
}
.scrollable{
margin-top: 42px;
}
a.browse {
z-index: 10;
position: absolute;
margin: 0;
margin-top: 82px;
}
.ticker a.left{
left: -27px;
}
.ticker a.right{
right: -27px;
}
.ticker .items{
height: 100px;
text-align: left;
}
.ticker .items .item span.client {
display: -moz-inline-stack;
display: inline-block;
float:left;
width:188px;
margin-left: 6px;
text-align: center;
font-size: 11px;
}
.ticker .items .item span.client_first{
margin-left: 0;
}