/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }

#no_javascript { border-width: 1px; border-color: #E9E5AC; border-style: solid; padding: 10px 40px; background-color: #F9F4B8;}
#no_javascript p {margin: 0; }

/* BG IMAGE */
body { background-color: #333;  }
#bgimage { position:fixed; z-index:-1; top:0; left:0; float: left; }
#bgimage img { height:100%; width:100%; position:absolute; z-index: -1; }
#glass {height:100%; width:100%; position:absolute; z-index: -1; } 
code { display:block; 
	background-color:white; padding:5px; border:solid 1px #c0c0c0;
}

/* LAYOUT */
.clear { clear: both; height:1px; }
.clearer, .spacer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; width: 100%;}
.left { float: left; }
.right { float: right; }

#container { width: 980px; margin-left: 40px; margin-top: 100px; background-color: #F4F4F4; border: #A5A5A5 solid 1px; position: absolute; z-index: 0; -moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;}
.divider { background: white url(../_img/divider.jpg) top left repeat-x; }


/* WELCOME */
#welcome { width: 400px; margin: 40px; position: absolute; }
#welcome img { padding: 0; margin: 0 0 0 0; display: block;}
#welcome #trade, #welcome #enduser { position: relative;}
#welcome #trade p, #welcome #enduser p { background: white; padding: 20px 20px 60px 20px; margin: 0 0 1px 0;}
.enduser_button { position: absolute; top: 50px; left: 10px; }
.trade_button { position: absolute; top: 65px; left: 10px; }
p.intro_txt { background: #A8A8A8 ; font:10px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif !important; padding: 5px 20px 20px 20px; width: 360px; margin-bottom: 1px; color: white;}



/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 960px; padding: 10px; }
.grid2colh { height:110px; }
.grid2col .column { width: 480px; }
.grid2cola .column { width: 560px; }
.grid2cola .column.last { width: 400px;}
.grid2colb .column { width: 320px; }
.grid2colb .column.last { width: 640px;}

.grid2cold { width: 920px; margin: 10px;}
.grid2cold .column { width: 440px; }
.grid2cold .column.last { float: right; }

.grid2cold .grid2col { width: 440px; border-bottom: #CCCCCC dotted 1px;}
.grid2cold .grid2col .column { width: 140px; }
.grid2cold .grid2col .column.last { width: 280px; float: right; }

.grid3col .column { width: 320px; }
.grid3cola .column { width: 240px; }
.grid3cola .column.first { width: 300px; }
.grid3cola .column.last { width: 340px;}

.grid4col .column { width: 240px; }

.grid5col .column { width: 192px;}

.grid6col .column { width: 160px; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
.margin10 { margin:10px; position: relative;}
.corners {-moz-border-radius:5px; -webkit-border-radius:5px;}



/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #464646; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* p { margin-bottom: 18px; } */
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 70px; line-height: 70px; margin-bottom: 0px; }
h3 { font-weight: bold; font-size: 26px; line-height: 25px; margin-bottom: 8px; text-shadow:0 1px 1px white; color: #262626;}
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

.new { display: block; width: 60px; margin-right: 5px; height:16px; background: url(/_img/new.png) 0px 2px no-repeat; text-indent: -999em; overflow: hidden; float: left;}
.newrange { display: block; width: 55px; margin-right: 5px; height:16px; background: url(/_img/newrange.png) 0px 2px no-repeat; text-indent: -999em; overflow: hidden; float: left;}
.newroyal, .newred, .newbrown, .newwhite { display: block; margin-right: 5px; height:16px; text-indent: -999em; overflow: hidden; float: left;}
.newroyal { width: 55px; background: url(/_img/newroyal.png) 0px 2px no-repeat; }
.newred { width: 45px; background: url(/_img/newred.png) 0px 2px no-repeat; }
.newbrown { width: 55px; background: url(/_img/newbrown.png) 0px 2px no-repeat; }
.newwhite { width: 55px; background: url(/_img/newwhite.png) 0px 2px no-repeat; }
.big_new { position: absolute; display: block; width: 95px; height:95px; top: 0; right:0; background: url(/_img/big_new.png) right top no-repeat; z-index: 1;}



/* HEADER */
#header { width: 940px; padding: 20px; border: #A5A5A5 solid 1px; background: white url(/_img/top.png)  top left no-repeat; margin-left: 40px; margin-top: 40px; position: absolute; z-index: 0; -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
#header img {  display: none;}

/* FOOTER */
#footer { background-color: #111111; -moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px; padding: 20px;}
#footer p { color: #999999; font-size: 10px; padding: 0; margin: 0; }
#footer #title { background-image: url(/_img/logo_footer.gif); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 10px;}
#footer #title span { display: block; text-indent: -5000px; }
#footer #title span a { display: block; width: 158px; height: 15px; }




/* BUTTONS */
.small_button { padding-left: 3px; font-size:10px; background:url(/_img/small_button_left.png) top left no-repeat; margin: 0 10px; }
.small_button .button { display: block; color:#424242; border:none; line-height: 20px; background:url(/_img/small_button_right.png) top right no-repeat; font-weight: bold; padding-right: 3px; }	
.small_button .button:hover { color:#08c;  text-decoration: none;}

.clear_button { padding-left: 5px; background:url(/_img/clear_button_left.png) top left no-repeat; margin: 0 10px; }
.clear_button .button { display: block; border:none; color:white; line-height: 30px; background:url(../_img/clear_button_right.png) top right no-repeat; font-weight: bold; padding-right: 5px; }	
.clear_button .button:hover { color:#08c;  text-decoration: none;}

.closeVid {background: url(/_img/vid_close.jpg) top left no-repeat; position: absolute; bottom: 0; right: 0; display: block; width: 30px; height: 30px; text-indent: -999em; }
.closeVid:hover {background: url(/_img/vid_close_hover.jpg) top left no-repeat; }

#searchForm .small_button { padding-left: 3px; font-size:10px; background:url(/_img/small_button_left.png) top left no-repeat; margin: 0; }
.go { color:#424242; background: url(/_img/small_button_right.png) top right no-repeat; font-weight: bold; padding: 3px 3px 8px 0; margin:0; }
.go:hover { color:#08c;  text-decoration: none; cursor: pointer;}




/* FORMS */
#searchForm{ margin:0; padding:0; width: 190px;}
input { resize:none; font:10px "Lucida Grande",Lucida,Verdana,sans-serif; padding: 0; margin:0; border:none; background: none; }
input.field,textarea.textarea { -moz-border-radius:3px; -webkit-border-radius:3px; resize:none; font:10px "Lucida Grande",Lucida,Verdana,sans-serif; padding: 3px 5px 2px 3px; margin:0; border-top:1px solid #8e8e8e; border-left:1px solid #8e8e8e; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fefefe; }
input.search { border-top:1px solid #404040; border-left:1px solid #404040; border-bottom:1px solid #404040; border-right:1px solid #404040; background:#666; color: white; margin-right: 10px; }



/* MENU */
/* all lists */
#menu { padding: 0; margin: 0; z-index: 999; background: white url(/_img/menu_bg.jpg) bottom left repeat-x; width: 100%; }
#menu ul li { list-style: none; font-weight: bold; float: left; border-right: #CCCCCC solid 1px; z-index:997; }
#menu ul li a { display: block; padding: 12px 15px; color: #333333; }
#menu ul li a:hover { color: #08c; text-decoration: none; }
#menu ul li.active a { color: #08c; }
#menu ul li.drop:hover { background: #E5E5E5; }
a.new_prod_link {
	color:red !important;
	font-weight:bold !important;
}
/* second-level lists */
#menu ul ul { position: absolute; background:#E5E5E5; width: 940px; height:370px; border-bottom: #CCC solid 1px; padding: 20px;  z-index:998; 
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#menu ul ul li { width: 160px; font-weight: bold; float: none; }
#menu ul ul li a { display: block; width: 150px; border-right: #C1C1C1 solid 1px; list-style: none; font-size:11px; color: #333333; text-shadow:0 1px 1px white; padding: 3px 5px 3px 5px;}
#menu ul ul li:hover a { background: #CCCCCC url(/_img/menu_li_bg.jpg) top left no-repeat; color: #08c; text-decoration: none; }

/* third-level lists */
#menu ul ul ul { display: none; position: absolute; top: 0; background:none; width: 760px; border-bottom: #CCC solid 1px; padding: 20px; height:370px; 
left: 180px; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#menu ul ul ul li {float: left; width: 380px; border: none; }
#menu ul ul ul li a, #menu ul ul li:hover ul li a { background: none;  width: 365px;border: none; list-style: none; font-size:11px; color: #333333; text-shadow:0 1px 1px white; padding: 3px 5px 3px 5px; }
#menu ul ul li:hover ul li:hover a { background: none; background: #CCCCCC; color: #08c; text-decoration: none; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* hover states */
#menu ul li:hover ul.second { left: 0px; }
#menu ul ul li:hover ul { display: block; }



/* BREADCRUMBS */
#breadcrumbs { border-bottom: #CCC solid 1px; padding: 0 5px; margin: 1px 0px; list-style: none; height: 39px; }
#breadcrumbs li { float: left; background-image: url("/_img/breadcrumb_bg.jpg"); background-repeat: no-repeat; background-position: 0 1px; padding-left: 25px; margin-right: 25px; height:39px;}
#breadcrumbs li.breadcrumb_home { padding-left: 10px; margin-right: 10px; background: none; }
#breadcrumbs li a { font: normal 13px/38px Arial, Verdana, sans-serif; }

#breadcrumbs #home { position: relative; top: 10px; left: 0; width: 16px; height: 16px; background-image: url("/_img/breadcrumb_home.jpg"); background-repeat: no-repeat; background-position: 0 0; z-index: 2; }
#breadcrumbs #home span { display: block; text-indent: -5000px; }
#breadcrumbs #home span a { display: block; width: 16px; height: 16px; }



/* HOMEPAGE */
#spiro { position: relative; background: url(/_img/sprio.jpg) top left no-repeat; height: 150px; width: 380px; display: block; }
.spiro_button { position: absolute; top: 110px; left: 6px; }
#airdown { position: relative; background: url(/_img/airdown.jpg) top left no-repeat; height: 320px; width: 540px; display: block;}
#airdown-video { position: relative; background: url(/_img/airdown.jpg) top left no-repeat; height: 320px; width: 540px; display: block;}
#spiro-video { position: relative; background: url(/_img/spiro.jpg) top left no-repeat; height: 320px; width: 540px; display: block;}
#airdownVideoContent { position: relative; background: black; height: 320px; width: 540px; display: block;}
.airdownVideo_button { position: absolute; top: 210px; left: 198px; }
.airdown_button { position: absolute; top: 243px; left: 203px; }
.v_airdown { background: url(/_img/airdown_sm.jpg) top left no-repeat; width:380px; height:150px; }
#button_wrapper { width:380px; height:150px; }
.v_airdown p, .v_spiro p { padding-top:70px; padding-left:150px;  background:url(/_img/clear_button_left.png) bottom center no-repeat; }
.v_spiro { background: url(/_img/spiro_sm.jpg) top left no-repeat; width:380px; height:150px; }
#intro { background-color: #262626; display: block; min-height: 230px; color: white; padding: 20px 20px 0 20px; font-size:11px;}
#intro p { margin-top: 10px; }
#psi { background-color: #ff9a00; display: block; min-height: 220px; color: white; padding: 20px; text-align: center; text-shadow:0 -1px -1px #156B86; font-size: 16px; font-weight: bold;}
#psi .heading { color: #262626; text-shadow:0 1px 1px white; font-size: 20px; font-weight: bold; margin-top: 10px;  line-height: 24px; }
#psi .heading span { font-size: 14px; font-weight: normal;}



/* PRODUCT PAGE */
#climate_indicator { position: relative; display: block; height: 100px; background: url(/_img/climate_indicator.jpg) 0 20px no-repeat;;}
.WetDry, .ColdHot { display: block; height: 20px; width: 13px; position: absolute; background: url(/_img/indicator.png) top left no-repeat; }
.WetDry { top: 20px; left: 0px; }
.ColdHot { top: 64px; left: 0px; }
.twentyk { left: 24px; }
.tenk { left: 54px; }
.eightk { left: 84px; }
.sixk { left: 114px; }
.fourk { left: 144px; }
.threek { left: 160px; }
.twok { left: 174px; }
.wp { left: 204px; }
.wr { left: 224px; }
.zero, .zerok { left: 284px; }

#logos { float: right; margin-top: 1px; margin-right: 20px; }
#logos img { float: left; border-right: #ccc solid 1px; }
#categories p { border-bottom: #CCCCCC dotted 1px; padding-bottom: 10px; margin-bottom: 15px; }
#categories p span { font-weight: bold; color: #262626; }

#categories_main_text { position: absolute; width: 455px; top:0; left: 0; }
#categories_main_text img { margin: 0; padding: 0; display: block; }
#categories_main_text p { color: white; background: #A8A8A8; padding: 10px 10px 10px 50px;  margin: 0; }

#categories_main_text.airdown_text { top: 45px; }



/* GALLERY */
#gallery { position: relative; display: block; height: 460px; width: 620px; padding: 1px; background: white; border: #ccc solid 1px; overflow: hidden;}
#gallery_imgcontainer { display: block; overflow: hidden; height: 360px; width: 620px; -moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;}
#gallery_img { background: white; height: 420px; width: 620px; text-align: center;cursor:url(/_img/cursor_zoom.png), -moz-zoom-in;}
#gallery_img.loading, #gallery_imgzoom.loading { background: url(/_img/spinner.gif) 50% 50% no-repeat;}
#gallery_imgzoom { background: white; display: none; height: 420px; width: 620px; text-align: center; overflow: hidden; cursor:url(../_img/pan_cursor.png), -moz-zoom-in;}
#gallery_menu_container { display: block; width: 620px; height: 100px; overflow: hidden; }
#gallery_menu { position: relative; height: 100px; background: #FBFBFB url(/_img/divider2.jpg) top left repeat-x;}
#gallery_menu .wrapper { width: 480px; overflow: auto; min-height: 110px; position: absolute; top: 0; margin-left: 70px;}
#gallery_menu .wrapper ul { width: 1500px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
#gallery_menu ul li { display:block; float:left; padding: 10px; height: 81px; width: 140px; }
#gallery_menu ul li.small { display:block; float:left; padding: 10px; height: 81px; width: 60px; }
#gallery_menu ul li a img, #gallery_menu ul li.small a img { display:block; }
#gallery_menu .arrow { display: block; height: 29px; width: 29px; background: url(/_img/gallery_arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 35px; cursor: pointer; }

#gallery_menu .forward { background-position: 0 0; right: 20px; }
#gallery_menu .back { background-position: 0 -87px; left: 20px; }

#gallery_menu .forward:hover { background-position: 0 -29px; }
#gallery_menu .back:hover { background-position: 0 -116px; }

#gallery_menu .forward.inactive { background-position: 0 -58px; cursor: default; }
#gallery_menu .back.inactive { background-position: 0 -145px; cursor: default; }

#gallery_menu .zoom_close { width: 620px; overflow: auto; height: 30px; position: absolute; top: 100px;}
#gallery_menu .close { display: block; height: 29px; width: 29px; background: url(/_img/gallery_arrow.png) no-repeat 0 -174px; text-indent: -999px; cursor: pointer; position: absolute; top:0; right: 20px; }
#gallery_menu .close:hover { background-position: 0 -203px; }



/* TABS */
#tabs ul { background: white; border-top: #ccc solid 1px;}
#tabs ul li { float: left; margin: 14px;}
#tabs ul li a { padding: 5px 10px; }
.ui-tabs .ui-tabs-hide {display: none;}
.ui-state-active a { background: #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; color: #333;}

/* reset */
#tabs ul.section { background: none; border: none; margin-bottom: 15px;}
#tabs ul.section li { float: none; margin: 0;}

#tabs ul.section li { float: none; margin: 0; background: url(/_img/bullet.png) 0 8px no-repeat; padding: 3px 0px 3px 12px; line-height: 20px;}
#tabs ul.section li.section_header { background: none; padding-left: 0px; line-height: 30px; font-weight: bold; color: #262626; border-bottom: #CCCCCC dotted 1px; margin-bottom: 5px;}
#tabs ul.section li.section_ratings { background: none; padding-left: 0px; font-weight: bold; font-size: 18px;}
#tabs ul.section li span { font-weight: bold; ;}
#tabs ul.section li.colour { background: none; float: left; height:110px; width: 60px; margin: 10px; line-height: 13px; padding: 0; text-align: center;}
#tabs ul.section li.wide { width: 140px; }
#tabs ul.section li.colour span { font-weight: normal;}

#tabs ul.sizes { background: none; border: none; margin-bottom: 0px;}
#tabs ul.sizes li { line-height: 5px; }
#tabs ul.sizes li p { margin-bottom:16px; }
#tabs ul.sizes li.section_header { float: none; background: none;  padding: 0; margin: 0; line-height: 30px; font-weight: bold; color: #262626; border-bottom: #CCCCCC dotted 1px; margin-bottom: 5px;}
#tabs p.note { background: #f5f5f5; padding: 10px; margin-bottom: 15px;}



/* AFTER */
#container:after, #menu:after, #menu li:hover ul ul:after, #menu ul ul ul:after, #breadcrumbs:after, #tabs ul:after,
.grid2col:after, .grid2cola:after, .grid2colb:after, .grid2cold:after, .grid2cold .grid2col:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* SIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 90px;}


/* Distributors
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#map_container{
	min-height: 595px;
 	padding: 10px;
}

#news_detail_left #map_container{
	background:none;
	min-height: 350px;
 	padding: 10px 0;
	margin-left:10px;
}

#map_canvas {
 	border-color: #cccccc;
 	border-style: solid;
 	border-width: 1px;
 	width: 620px;
 	height: 350px;
	margin-top:10px;
	margin-left:-10px;
}

#news_detail_left #map_canvas {
 	border-color: #cccccc;
 	border-style: solid;
 	border-width: 1px;
 	width: 300px;
 	height: 350px;
 	overflow: hidden;
}

#directions{
 	border-color: #cccccc;
 	border-style: solid;
 	border-width: 1px;
 	padding: 10px;
 	width: 280px;
}

#dist_search {
	width: 630px;
	margin-right: 10px;
	margin-bottom: -60px;
	position: relative;
	top:0px;
	float: left;
}

.search_box{
	float: left;
	padding-right: 10px;
}

#instructions p {
	padding: 10px 10px 0 10px;
}

label	{
	width: 200px;
	display: block;
	font: normal 12px/2em Arial, Verdana, sans-serif;
	color:#535353;
	}

select {
	width:200px;
}

#dist_list {
	min-height: 595px;
 	padding: 10px;
	margin-top:15px;
	margin-left:-10px;
}

#dist_list ul {
	margin-top: 15px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
	width: 620px;
}

#dist_list li {
	list-style-type: none;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 40px;
}
	
#dist_list li .dist_company {
	float: left;
	width: 300px;
}
	
#dist_list li .dist_company p {
	font: bold 13px/40px Arial, Verdana, sans-serif;
	color: #000000;
}

#dist_list li .dist_features_icon_sm {
	position: relative;
	margin-right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	float: left;
}

#dist_list li .more_info {
	float: right;
	width: 80px;
	background-image:url(/_img/bullet.gif); 
	background-repeat: no-repeat; 
	background-position: 10px 13px;
	padding-left:25px;
}

#dist_list li .more_info p a {
	font: normal 12px/40px Arial, Verdana, sans-serif;
	color: #789CC2;
}

#dist_details {

	min-height: 595px;
 	padding: 10px;
	margin-top:40px;
}

#dist_details ul {
	margin-top: 15px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
	width: 300px;
}

#dist_details ul#dist_details_left {
	float:left;
}

#dist_details ul#dist_details_right {
	float:right;
	margin-left:10px;
}

#dist_details li {
	list-style: none;
	width: 300px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 163px;
}

#dist_details li.dist_details_icon  {
	list-style-type: none;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: 20px;
	width: 260px;
	padding-left: 40px;
	height: 40px;
}

#dist_details li.dist_details_icon p a {
	font: bold 12px/40px Arial, Verdana, sans-serif; 
}

#dist_details li.dist_details_icon p{
	font: normal 12px/40px Arial, Verdana, sans-serif; 
}

.dist_details_title {
	font: bold 18px/2em Arial, Verdana, sans-serif;
	color: #000000;
}

.dist_details_tel{
	font: bold 12px/1.6em Arial, Verdana, sans-serif;
}

#tab4 {
	width: 620px;
	margin-left:10px;	
}
		
/* Stock Availability
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#login {
	width: 300px;
	margin-left: auto;
	margin-right:auto;
	margin-top:-20px;
	position: relative;
}

#loginform {
	background-image:url("/_img/login_bg.jpg");
    background-repeat: no-repeat;
	background-position: top left;
	width: 300px;
	height: 111px;
	padding: 15px 25px 25px 25px;
}

#login p {
	font: bold 25px/3em Arial, Verdana, sans-serif;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#loginform ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float:left;
}

#loginform ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 25px;
}

#loginform label {
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color:#535353;
	display: block;
	width: 92px;
	float: left;
}

#stock_search {
	width: 630px;
	margin-right: 10px;
	margin-bottom: -60px;
	position: relative;
	top:-55px;
	float: right;
}

#stock_title {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 30px 10px 10px 10px;
}

#stock_info_search {
	margin: 15px;
	padding: 30px;
	text-align: center;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	background-color: #e6e6e6;
}

table {
	margin: 10px 10px 30px 10px;
	width: 940px;
	border-collapse: collapse;
}


table tr {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 50px;	
}

table th p {
	font: bold 11px/1.3em Arial, Verdana, sans-serif;
	color:#000000;
}

table td p span {
	font: bold 10px/1.3em Arial, Verdana, sans-serif;
}

.stock_code {
	width: 140px;
	margin-right: 10px;
	text-align: left;
}

.stock_description {
	width: 220px;
	margin: 10px 0;
	text-align: left;
}

.stock_in_stock, .stock_physical_stock, .stock_allocated_stock, .stock_available_stock, .stock_on_order, .stock_unconfirmed_quantity {
	width: 60px;
	margin: 10px 0;
	text-align: center;
}


.stock_confirmed_date {
	width: 60px;
	margin-left: 10px;
	text-align: center;
}

.stock_available_stock p {
	color: red;
}

/* Media Centre
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#TopMargin {
	height: 80px;
}

#medialogin {
	padding: 20px 10px;
}

table.mediatable {
	margin: 10px 10px 30px 10px;
	width: 610px;
	border-collapse: collapse;
}

#tab4 td img {
	margin: 20px;
}

table.mediatable tr {
	border: none;
}


table.mediatable td img {
	margin-right: 20px;
}


table.mediaimagestable {
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
	margin: 10px 10px 30px 10px;
	width: 610px;
	border-collapse: collapse;
}

table.mediaimages {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 10px 10px 30px 10px;
	width: 610px;
	border-collapse: collapse;
}

table td p span {
	font: normal 13px/1.3em Arial, Verdana, sans-serif;
	color: #789CC2;
}

#downloadNav ul li 
	{
	float: right;
	margin-right: 10px;
	list-style: none;
	display: inline;
	text-indent: -5000px;
	}
	
#downloadNav ul li a
	{
	display: block;
	width: 24px;
	height: 19px;
	}
	
#downloadNav ul li#englishFlag a
	{
	background-image: url("../_img/englishFlag.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#downloadNav ul li#englishFlagOff a
	{
	background-image: url("../_img/englishFlag.png");
	background-repeat: no-repeat;
	background-position: 0 -19px;
	}
	
#downloadNav ul li#frenchFlag a
	{
	background-image: url("../_img/frenchFlag.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#downloadNav ul li#frenchFlagOff a
	{
	background-image: url("../_img/frenchFlag.png");
	background-repeat: no-repeat;
	background-position: 0 -19px;
	}
	
#downloadNav ul li#germanFlag a
	{
	background-image: url("../_img/germanFlag.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#downloadNav ul li#germanFlagOff a
	{
	background-image: url("../_img/germanFlag.png");
	background-repeat: no-repeat;
	background-position: 0 -19px;
	}
	
#downloadNav ul li#finnishFlag a
	{
	background-image: url("../_img/finnishFlag.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
	
#downloadNav ul li#finnishFlagOff a
	{
	background-image: url("../_img/finnishFlag.png");
	background-repeat: no-repeat;
	background-position: 0 -19px;
	}

#main_news {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 230px;
	padding-left:9px;
	padding-top:5px;
}

#main_news_item {
	height: 210px;
	float:left;
	text-align: center;
}

#main_news_item a {
	text-transform: uppercase;
	font: bold 11px/30px Arial, Verdana, sans-serif;
	color: #535353;
}

/* News List
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#news_list {
	margin-top: 20px;
	position: relative;
	clear: both;
}

.news_item_list {
	float: 	left;
	width:	300px;
	margin: 0 10px 20px 10px;
}

.news_item_title p {
	font: bold 13px/1em Arial, Verdana, sans-serif;
	padding: 5px 0;
	color: #000000;
}

.news_item_title p span {
	font: bold 13px/1em Arial, Verdana, sans-serif;
	color: #789CC2;
}

.news_item_desc {
	width: 300px;
	height:	55px;
}

.news_item_link p a {
	font: bold 11px/1.3em Arial, Verdana, sans-serif;
	padding-left: 15px;
	width:	285px;
	color: #789CC2;
	background-image: url("../_img/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.news_item_link p a:hover {
	color: #000000;
}

	
.news_img-links {
	float:left; 
}

.news_img-links:hover, .img-links.sfhovers { /* lists nested under hovered list items */
	cursor: pointer;
}

/* News Quick Nav
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul#news_quickNav {
	list-style: none;
}

ul#news_quickNav li {
	width: 270px;
	padding-left: 10px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url("../_img/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 18px;
	padding: 15px;
}

/* News Detail
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#news_detail_left {
	float:left;
	width: 310px;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
}
#news_detail_right {
	float:right;
	width: 630px;
	margin-right: 10px;
}
#news_details {
	background-image:url("/_img/tabs-bg.jpg");
    background-repeat: no-repeat;
	background-position: top left;
	min-height: 595px;
 	padding: 10px;
}


#news_details img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Environment
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#enviro_main {
	background-image:url("/_img/result_environment_bg.jpg");
    background-repeat: no-repeat;
	background-position: top left;
	background-color: #e5eecb;
	padding: 0 90px;
	min-height: 300px;
}

#enviro_main p {
font: normal 13px/1.5em Arial, Verdana, sans-serif;
color: #425e14;
}

#enviro_main .left {
width: 350px;
float: left;
padding-bottom: 40px;
padding-left:20px;
}

#enviro_main .right {
padding-left: 20px; 
width: 350px;
float:left;
padding-bottom: 40px;

}



#dhtmltooltip{
	position: absolute;
	background-color: #2C2C2C;
	border: 0px solid black;
	padding: 2px;
	width:150px;
	visibility: hidden;
	z-index: 9999;
	text-align:left;
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #FFFFFF;
}
#dhtmltooltipheader{
	position: absolute;
	background-color: #2C2C2C;
	border: 0px solid black;
	padding: 2px;
	width:150px;
	visibility: hidden;
	z-index: 9999;
	text-align:left;
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #FFFFFF;
}
#news h3 {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.newsblock {
	width:300px;
	float:left;
	margin:10px;
}
.newsblock .heading {
	font-weight: bold;
	background-color:#a8a8a8;
	color:white;
	padding:5px;
	font-size:14px;
}
.newsblock .heading a {
	float:right;
	width:60px;
	text-decoration:underline;
	font-size:10px;
	color:white;
	font-weight:normal;
}
.newsblock .item {
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dotted #a8a8a8 1px;1
}
.newsblock .thumb {
	width:30px;
	height:30px;
	float:left;
	padding:5px;
} 
.newsdetailblock {
	width:950px;
	float:left;
	margin:10px;
}
.newsdetailblock .thumb {
	width:30px;
	height:30px;
	float:left;
	padding:5px;
} 
.newsdetailblock .heading {
	font-weight: bold;
	background-color:#a8a8a8;
	color:white;
	padding:5px;
	font-size:14px;
}
.newsdetailblock .heading a {
	float:right;
	width:60px;
	text-decoration:underline;
	font-size:10px;
	color:white;
	font-weight:normal;
	}
.newsdetailblock .item {
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dotted #a8a8a8 1px;
	float:left;
	width:300px;
}
.pc_exhib p {
	display:block;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom:dashed 1px #d8d8d8;
}