/* Scandinavian Blonde website CSS Document 	*/
/* v1.0 Aug 07									*/

html { height:100%; }
body { height:100%;margin:0px;padding:0px;background-color:#f4f4f4;color:#8b8a8a;font-family:Arial, Helvetica, sans-serif;position:relative; }
img { border:0px;margin:0px;padding:0px; }
form { display:inline;margin:0px;padding:0px; }
td {}

/* menu */
a.submenu_on {color:#FFFFFF;}
a.submenu_on:visited {color:#FFFFFF;}
a.submenu_on:hover {color:#FFFFFF;}
a.submenu_off {color:#116cb2;}
a.submenu_off:visited {color:#116cb2;}
div.submenu_off, div.submenu_on {background-color:#FFFFFF;font-family:Futura, Arial, Helvetica, sans-serif;font-size:11px;text-transform:uppercase;height:20px;float:left;overflow:hidden;padding:2px 10px 0px 10px;}
div.submenu_on {background-color:#cecdce;}
td.submenu_off, td.submenu_off {background-color:#FFFFFF;font-family:Futura, Arial, Helvetica, sans-serif;font-size:11px;text-transform:uppercase;height:20px;padding:2px 10px 0px 10px;}

/* text classes */
.site_text, td, div.site, div.site_wrapper, td.site, div.site_wrapper, div.lightgrey_box, div.grey_box, .site_redtext { font-size:11px; }
.site_smalltext, div.site_footer { font-size:10px; }
.site_mediumtext, div.prod_moreinfo { font-size:13px; }
.site_largetext, .site_redlargetext, div.customer_info { font-size:14px; }
.site_largeheadline { font-size:18px;}
.site_headline { font-size:16px; }
.site_smallheadline { font-size:13px;font-weight:bold; }
.site_redtext, .site_redlargetext { font-weight:bold; }

.site_headline_blue { font-size:14px; letter-spacing:1px; }
.site_headline_orange { font-size:16px; letter-spacing:2px; text-transform:uppercase; }

/* colors */
.txtcolor, a, div.site_wrapper, div.site, td.site { color:#8b8a8a; }
.txtcolor_light, div.site_header { color:#a7a7a7; }

.red, .site_redtext, a.red, .site_redlargetext { color:#cc4236; }
.orange, .site_headline_orange { color:#fe6c01; }
.white, div.site_footer, div.site_footer a { color:#ffffff; }
.blue, div.prod_moreinfo, .site_headline_blue { color:#3d82cf; }
.bg_orange { background-color:#fe6c01; }
.bg_grey, div.grey_line, div.grey_box, div.site_footer, div.grey_hdl_box { background-color:#cbc9ca; }
.bg_darkgrey, div.mainmenu, div.darkgrey_line { background-color:#757575; }
.bg_lightgrey, div.lightgrey_box, div.lightgrey_line , .right_col_grey{ background-color:#f4f4f4; }
.bg_lightblue, div.prod_moreinfo { background-color:#dfeffb; }
.bg_lightred, div.error { background-color:#f8eceb; }

/* divs and areas */
div.site_wrapper, div.full_height { width:850px;background-color:#ffffff;padding:0px 3px 0px 3px;margin-left:auto;margin-right:auto;position:relative; }
div.full_height { width:856px;height:100%;padding:0px;border:0px solid red; }
div.site_header { height:100px;position:relative; }
div.site_header div.right { width:150px;right:0px;top:44px;position:absolute;font-weight:bold; }
div.site_header img.logo { left:32px;top:35px;position:relative; }

div.col_container { width:850px;position:relative;float:left;border:0px solid red;clear:both; }
div.col_wide { float:left;width:600px; }
div.col_small { float:left;width:250px; }
div.left_col_content { width:589px;float:left;margin-top:15px;padding:0px 6px 0px 5px; }
div.left_col_content2 { width:589px;float:left;margin-top:7px;padding:0px 6px 10px 5px; }
.right_col, .right_col_grey { width:250px; }

div.mainmenu, div.submenu, div.loginarea { height:20px;overflow:hidden;position:relative; }
div.loginarea { height:19px; }
div.submenu { height:19px;padding-left:0px; }

div.loginarea div.login { position:absolute;right:0px;top:0px;width:250px; }

div.lightgrey_box { padding:10px;position:relative; }
div.grey_box { padding:10px;position:relative; }
div.grey_hdl_box { padding:3px 0px 3px 10px; }

div.site_footer { font-weight:bold;padding-left:5px;height:13px;overflow:hidden; }

div.prod_info_col_left { float:left;width:250px;padding:0px 0px 0px 0px; }
div.prod_info_col_right { float:left;width:319px;padding:0px 0px 10px 20px; }
div.prod_moreinfo { padding:2px 0px 3px 10px;clear:both;cursor:pointer; }




/* text blocks */
div.form_label { width:140px;float:left;padding-top:3px; }
div.customer_info { margin-bottom:5px; }
div.error { padding:5px;margin-bottom:10px; }
img.hdl { display:block;margin-bottom:5px; }


/* lines and dividers */
div.grey_line, div.darkgrey_line, div.lightgrey_line { height:1px;overflow:hidden; }
div.grey_line_dotted { height:1px;overflow:hidden;background:url(../graphics/dotted_line_grey.gif); }


/* links */
a { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none;color:#67bafa; }
a.red {}
a:visited.red {  }
a:hover.red { color:#f14e40; }

/* forms */
input.site_std, input.login_small, select.site_std, textarea.site_std { 
	padding:1px;margin:0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#8b8a8a;
	border-top:1px solid #b7b6b2;border-left:1px solid #b7b6b2;
	border-right:1px solid #e3e2de;border-bottom:1px solid #e3e2de;
}
input.login_small { width:99px;height:14px;padding:0px;font-size:10px; }
textarea { overflow:auto; }

/* space */
div.space, div.space10, div.space15, div.space20 { overflow:hidden;clear:both;height:5px; }
div.space10 { height:10px; }
div.space15 { height:15px; }
div.space20 { height:20px; }