html {
	height:100%;
	margin:0;
}
body {
	scrollbar-3dlight-color:		#F4F0E8; 
	scrollbar-arrow-color:			#C4C0B8;
	scrollbar-base-color:			#E4E0D8;
	scrollbar-darkshadow-color:		#BDBABC;
	scrollbar-face-color:			#E4E0D8;
	scrollbar-highlight-color:		#E4E0D8;
	scrollbar-shadow-color:			#D4D0C8;
	scrollbar-track-color:			#D4D0C8;
	
	background:#ECEBDD;
	height:100%;
	margin:0;
}
body.bluegrad {
	height:100%;
	margin:0;
	
	background:url("../gfx2/bla_bg_grad.gif") repeat-x #47515f;
}
a {  
font-style: normal; 
text-decoration: none; 
/*color: #797B90;*/
/*color: #428fb5;*/
color: #7eacc5;
}
a:hover { 
font-style: normal; 
color: #69a1bf; 
text-decoration: underline;
}
a:visited {
color: #797B90
}

a.dotline {
	color: #7eacc5;
	border-bottom:1px dotted #84b4ce;
}

a.pic {
	border:0;
}

a.h1 {
	color:#EC8B0E;
}
a.h1:visited {
	color:#DC7B04;
}
a.menu {
	font-style: normal; 
	font-size: 13px;
	font-family: "Helvetica";
	color: #474641; 
	text-decoration: underline;
	border:0;
}
a.menu:hover {
	color: #23719c;
}
a.footer {
	color:#888;
}
a.footer:hover {
	color:#666;
}

p {
	margin-top: 0;
}
td {
	vertical-align:top;
	font-size: 13px;
	font-family: "Trebuchet MS";
}
td.box_type2 {
	background:url("../gfx2/frame2_bggrad.gif") repeat-x;
}
input.piclink {
	font-family: arial;
	font-size:11px;	
}
input.contact_form {
	font-family: arial;
	color:#666;
	font-size:14px;
}
textarea.contact_form {
	font-family: arial;
	color:#666;
	font-size:14px;
}

h1.main {
	font-size: 17px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #828176;
	margin: 10px 10px 3px 10px;
}
h3.inforuta {
	font-size:13px;
	font-family: "Trebuchet MS";
	margin:0;
	color:#e0ae3f;
}
p.main {
	font-size: 13px;
	font-family: "Trebuchet MS";
	color: #828176;
	margin: 6px 13px 5px 13px;
}
#left_column {
	/*height:100%;*/
	/*width:300px;*
	/*padding-left:10px;*/
	/*background:#ff2200;*/
	float:left;
	
}
#right_column {
	position:relative;
	top: 0px;
	/*width:320px;*/
	float:left;
}
#right_column2 {
	position:relative;
	top: 0px;
	width:73%;
	float:left;
}

#mainframe {
	/* Iframe som innehåller alla undersidor */
	width:990px;
	height:400px;
}
#menu_container {
	height:220px;
	background:#fff;
}
#centrator {
	/* Specialfix för IE så att hela sajten skall centreras */
	text-align:center;
	height:100%
}
#main {
	text-align:left;
	margin: 0px auto 0px auto;
	min-height:100px;
	/*width: 690px;*/
	width:990px;
}
#container {
	background:#ECEBDD;
	width: 940px;
	/*height:100%;*/
	/*float:left;*/
}
#leftshadow {
	width:25px;
	padding-right:0px;
	/*height: 100px;*/
	background:url("../gfx2/bla_bg_skugga_v.gif") no-repeat;
	background-position: top left;
	/*float:left;*/
}
#rightshadow {
	width:25px;
	/*height: 100px;*/
	background:url("../gfx2/bla_bg_skugga_h.gif") no-repeat;
	background-position: top right;
	/*float:left;*/
}


/* !3 ------------------------- Box type 3 ----------------------------------------- */
/* Används till Topp 3 frisyrer/upps */

#box_type3, #box_type3_narrow, #box_type3_full, #box_type3_lcol, #box_type3_rcol, #box_type3_body, #box_type3_head, #box_type3_head h2 {
	background: transparent url("../gfx2/box3_bg.png") no-repeat bottom right;
}
#box_type3 {	/* IE special */
	/* IE skall ha 15px mindre width */
	width:98%;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 3px 0px 3px; /* use to position the box */
}
#box_type3_full {	/* IE special */
	/* IE skall ha 15px mindre width */
	width:96%;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 3px 0px 5px; /* use to position the box */
}
#box_type3_narrow {	/* IE special */
	width:140px;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 3px 0px 3px; /* use to position the box */
}
#box_type3_lcol {	/* IE special */
	width:284px;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 1px 0px 5px; /* use to position the box */
}
#box_type3_rcol {	/* IE special */
	/*width:308px;*/
	width:290px;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 0px 0px 1px; /* use to position the box */
}
#box_type3_head {
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 15px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
#box_type3_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 8px 0 5px 15px;
	/* padding-left = image gap + interior padding ... no padding-right */
	height: auto; !important;
	height; 1%;
	font-size: 17px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	/*color: #828176;*/
	color: #3584af;
}
#box_type3_head h3 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 0 0 0 0px;
	/* padding-left = image gap + interior padding ... no padding-right */
	height: auto; !important;
	height; 1%;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	color: #828176;
	position:relative;
	top:0px;
	left:20px;
}
/* set the lower-left corner image */
#box_type3_body {
	/*background:#dddddd;*/
	font-size: 13px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color:#666666;
	background-position: bottom left;
	margin-right: 0px; /* interior-padding right */
	/*padding: 15px 0 15px 40px;*/
	padding: 0px 0px 10px 15px;
	/* mirror .box_type3_head right/left */ 
}


/* !4 ------------------------- Box type 3 ----------------------------------------- */

#box_type4, #box_type4_body, #box_type4_content {
	background: transparent url("../gfx2/box4_bg.png") no-repeat bottom right;
}
#box_type4 {
	/*width: 235px !important; /* intended total box width - padding-right(next) */
	/*width: 220px; /* IE Win = width - padding */
	/*width: 40%;*/
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 3px 3px 0px 0px; /* use to position the box */
}
#box_type4_body {
	background-position: top left;
	margin-right: 5px; /* interior-padding right */
	/*padding: 15px 0 15px 40px;*/
	padding: 10px 0 10px 15px;
	/* mirror .box_type3_head right/left */ 
}

#box4_content {
	background:#ffaa00;
	background-position: top left;
	margin: 0px 0px 0px -25px;
	width:95%;
}

.categories {
	border:2px solid #FFFFF7;
	margin:0px 0 2px 0;
}
#category_info {
/*	width:100px;
	height: 20px;
	position:relative;
	top:0px;
	left:0px;*/
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #828176;
}
#category_info2 {
/*	position:relative;
	top:0px;
	left:6px;*/
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #828176;
}

#category_info3 {
	width:100px;
	height: 30px;
	position:relative;
	top:13px;
	left:0px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #828176;
	
}

#chosen_haircut {	/* IE special */
	width:590px;
}
#categories_table {	/* IE special */
	width:275px;
}
#thumb_vert {
	border: 3px solid #ffffff;
	/*margin: 1px 0 1px 7px; IE*/
}
#thumb_horiz {
	border: 3px solid #ffffff;
	margin: 4px 2px 0px 2px;
	
}
.thumb_chosen_cat {
	border: 3px solid #ffffff;
	margin: 4px 4px 0px 6px;
	
}
#big_pic {
	border: 4px solid #ffffff;
	margin: -4px 0px 0px 0px
}
#latest {
	border: 3px solid #ffffff;
	margin: 4px 0px 0px 3px;
}
#latest_subscript {
	font-family: arial;
	font-size:11px;
	font-weight: bold;
	color:#7A8CA4;
	text-align:center;
}
#rundel {
	position: relative;
	top: 4px;
	margin-right: 55px;
	margin-left: 5px; 
}
#thumbdate {
	font-family:arial;
	font-size:10px;
	color:#aa7700;
	/*margin: 0px 0 0 5px;
	position: relative;
	left:15px;
	width:30px;*/
}
#toplistvote {
	font-family: arial;
	font-size:11px;
	color:#aa7700;
	text-align:left;
	margin-left:5px;
}
#voteform {		/* IE special */
	margin:0;
	padding:2;
}
#tdarrow {
	margin-right: -2px;
}
.browsebutton {
	margin:-2px;
	border:0;
}
#browse_tags {
	font-size:11px;
	color:#A2AE9E;
	position:relative;
	top:-5px;
	margin: 0 3px 0 3px;
}

h1.category_info {
/*	height: 20px;
	position:relative;
	top:0px;
	left:0px;
	margin-top: 12px;*/
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #828176;
	margin:5px 0 0 5px;
}

h2.category_info2 {
/*	position:relative;
	top:-10px;
	left:6px;
	*/
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #828176;
	margin:0 0 0 10px;
	
}
.bildruta {
	background:#fbfbfb;
	border:1px solid #eee;
	padding:10px 30px 10px 30px;
	/*margin:10px 30px 10px 30px;*/
	text-align:center;
	font-style : italic;
	font-family: "Georgia";
	font-size: 14px;
	font-weight: normal;	
}
h2.medium {
	font-family: "Georgia";
	font-size: 18px;
	font-weight: normal;	
}

#subheader {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #cc8822;
}
#imgheader {
	font-family: "arial";
	font-size: 12px;
	color: #cc8822;
	text-align:center;
	/*margin-bottom:-2px; IE */
}
#grade {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #cc8822;
	text-align:center;
	margin:0;
	padding:0;
}
#chosengrade {
	margin:0;
	padding:0;
}
#grade_tag {
	color: #776666;
	font-family: arial;
	font-size: 11px;
}
#grade_val {
	color: #cc8822;
	font-size: 12px;
	font-weight:bold;
}
#small_text {
	font-family: verdana;
	color: #bb7744;
	font-size: 10px;
}

#helpimg {
	margin-top:-6px;position:relative; top:7px;
}
#img_left {
	float:left;
	margin:5px 5px 0 0px
}
#img_right {
	float:right;
	margin:5px 0px 0 5px
}
#site_footer {
	height:136px;
	background:url("/gfx2/site_footer.png") no-repeat;
	background-color:#dad9c7;
}
.hairdo_thumbs {
	border:2px solid #ffffff;
}
.txtimg {
	margin:5px;
	border:1px solid #cccccc;
}
.txtimg_left {
	float:left;
	margin:0 10px 5px 0;
	border:1px solid #cccccc;
}
.txtimg_right {
	float:right;
	margin:0 0 5px 10px;
	border:1px solid #cccccc;
}
.greyframe {
	border:1px solid #cccccc;
}
.refheader {
	font-family:"Helvetica";
	color:#999774;
	font-size:16px;
	font-weight:normal;
}
.refname {
	font-family:"Helvetica";
	color:#388dcf;
	font-size:12px;
}
.refdate {
	font-family:"Helvetica";
	color:#bbb;
	font-size:10px;
}
.reftext {
	border-top:1px double #dbdacd;
	margin:2px 0 10px 0;
}
.bridename {
	font-family: "Georgia";
	font-size: 16px;
	font-weight: normal;	
	color:#388dcf;
}
.bridedate {
	font-family: "Georgia";
	font-size: 12px;
	font-weight: normal;	
	color:#999;
}
.footer_text {
	color:#777;
}
.brudskrock {
	font-family: "Georgia";
	font-size: 12px;
	font-weight: normal;	
	color:#888;
}

/* Stilar för divslider */
h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

.ext_resurser {
	width:150px;
	height:150px;
	background:url("/gfx2/ext_resurser_bg.png") no-repeat;
	padding:35px 0 0 10px;
	margin:10px 0 0 0;
}

.frisyrtumme {
	border:3px solid #fff;
	margin:3px;
}

.orange {
	margin:0;
	font-size:13px;
	font-weight:bold;
	color:#eaa828;
}