/* project: Estelles
   design: Carl-Fredrik Persson (www.laserdance.se)
*/
   
body { 	padding: 0; 
				margin: 0; 
				font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 				font-size: 11px;
 				color: #454545;
 				background:#fff url(../images/indexpage_bg.gif) repeat-x; 
 				color: #454545;}



/* layout
------ */

#master { 
	margin: 10px auto;
	width: 768px;
	background: #FFF url(../images/big_middle.gif) repeat-y;
	color: #454545;
}



.linkcolor {color:#004489}


/* header */
.header_top { background: #FEFEFE url(../images/big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header { padding: 0px 10px 0px 10px;}
.header_bottom { clear: both; background: #FEFEFE url(../images/big_bottom.gif) no-repeat; color: #FFF; height: 15px; }


	.indexleft { float: left; width: 159px; padding: 0px 5px 8px 8px; }
	.indexright { float: right; width: 159px; margin: 0 0 10px 23px;}
	

#topbar {
    width:495px;
    float:left;
    background: #99bb64 url(../images/scan.jpg) repeat-x;
    height: 24px;
    font: 12px verdana;
    font-weight: bold;
    color: #eeeeee;
       
}

#topbar2 {
		width:253px;
		float: right;
    background: #99bb64 url(../images/scan.jpg) repeat-x;
    height: 24px;
    font-weight: bold;
    color: #eeeeee;
 }
.topbar2_margin { margin-top: 2px;}

.loga_holder {
		width: 750px;
		height: 150px;
		background: #fff url("../images/loga6.jpg");
		margin-left:5px;
	  margin-right:0px;
	}


/* This will style the login */
input.username,input.password {
   font-size:11px;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#;
   width:100px;
  }
  
input.loginbutton2 {
   font-size:11px;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#;
   width:70px;
  }
 
 
.rederror {
 		color: #FF3300;
}

.errorlogin {
 		color: #FF3300;
 		padding-left:13px;
 }




/* Ibland, vill jag inte ha en border runt mina hyperlink bilder */
.noborder {
    border: none;
}


.bottombar_prep
{
	width: auto;
	height: 20px;
	padding: 0px 10px 0px 10px;	
	clear: both;
	 
}

.bottombar 
{
    position: absolute;
    padding: 0px 5px 0px 645px;
    margin-top: 7px;
    width: auto;
    background:#99bb64;
    font: 9px verdana;
    font-weight: bold;
    color: #eeeeee;  
}


.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}



#p7menubar {
	width: 488px;
	}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #333;
	font: 9px verdana;
	font-weight: bold;
	color: #EEEEEE;
}
#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}



#p7menubar li {
	float: left;
	width: 9em;
}
#p7menubar li ul, #p7menubar ul li  {
	width: 12em;
}
#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-repeat: repeat-x;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background-color: #C19674;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}

				
<!--[if lte IE 7]>
<style>
#menuwrapper, #p7menubar ul a {height: 1%;}
a:active {width: auto;}
</style>
<![endif]-->

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/* Registering */


	
	{
		
	}
	
	.regpage {
	width: 459px;
	height: 430px;
	float:left;	
	background:#dedede url(../images/regpage_bg.gif) repeat-x;
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 	font-size:12px;
 	color: #00264e;
 	padding: 5px;
 	border: 2px solid #c0c0c0;
  }
  
  .regpage input {
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 	font-size:12px;
 	color: #00264e;
 	border: 1px solid #B5B5B5;
 	}
 	
 	.adresstextarea {
 	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
 	font-size:12px; color: #00264e;
 	border: 1px solid #B5B5B5;
 	}
 	
 
 /* Nyhetsbrev */	
 	.regpage_newsletter {
	width: 250px;
	height: 430px;
	float:right;	
	background:#dedede url(../images/regpage_bg.gif) repeat-x;
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 	font-size:12px;
 	color: #00264e;
 	margin-left: 5px;
 	padding: 5px;
 	border: 2px solid #c0c0c0;
 	overflow: auto;
  }
  
  .regpage_newsletter input {
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 	font-size:12px;
 	color: #00264e;
 	border: 1px solid #B5B5B5;
 	}

	.form_01 {
	visibility:hidden;
	display: none;
	} 

/* Kollektion börjar här  */

.kollektion_logobox {
width: 737px;
height: 104px;
background:#e1dfc9;
}

.kollektion_logo {
padding-left: 50px;
}

.kollektion_snirkel {
padding-left: 50px;
}

.kollection_whiteBox_left {
margin-top: 10px;
padding:5px;
width: 397px;
height: auto;
clear: left;
float: left;
background:#fff;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
text-align: center;
color: #666666;
}
.kollection_whiteBox_left a {font-weight:bold;color:#888;text-decoration: underline;}
.whiteBox_L_specCol  	{color:#adce7b;font-weight:bold; }
.whiteBox_L_pic				{float: left; margin-right: 10px; border: 1px solid #6a6a6a;}


.kollection_createOwnBox {
margin-top: 10px;
margin-right:6px;
padding:5px;
width: 295px;
height: 176px;
float:right;
background:#efede1;
border: 1px solid #6a6a6a;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #888;
}
.createOwnBox_specCol {color:#888;font-weight:bold;}
.createOwnBox_pic {float: left;margin:5px;}

.kollection_whiteBox_right {
margin-top: 6px;
width: 297px;
height: 141px;
clear:right;
float:right;
background:#fff;
color: #666666;
}
.whiteBox_R_specCol  	{color:#888;font-weight:normal; }
.whiteBox_R_pic				{padding-left:50px;}


.kollection_toolsbox {
margin: 6px;
padding: 5px;
width: 200px;
height: 377px;
clear:right;
float:right;
background:#efede1;
border: 1px solid #7f7e3f;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #7f7e3f;
}
.kollection_toolsbox a {color:#7f7e3f;font-weight:bold;text-decoration: none}
.kollection_toolsbox a:hover {color:#7f7e3f;font-weight:bold;text-decoration: underline}
.toolsbox_bold {font-weight:bold;}

.kollection_overviewbox {
margin-top:6px;
width: 730px;
height: auto;
float: left;
clear:left;
border: 5px solid #eceff1;
background:#fff;
color: #666666;
}
.kollection_overviewbox a {color:#6b7b7e;}
.overview_padding {padding:5px;}


/* Kollektion Detail börjar här  */

.k_detail_cardBox_thumb {
margin-top: 4px;
width: 450px;
height: auto;
clear: left;
float: left;
background:#fff;
border: 2px solid #eceff1;
}
.k_detail_cardBox_thumb a {font-size:12px;color:#aaa;font-weight:bold;text-decoration: none}
.k_detail_cardBox_thumb a:hover {color:#666;font-weight:bold;text-decoration: underline}

.k_detail_cardBox {
margin-top: 2px;
width: 450px;
height: auto;
float: left;
background:#fff;
}
.k_detail_cardBox a {font-size:12px;color:#999;;text-decoration: none}



.k_detail_infobox {
margin: 4px;
padding: 5px;
width: 250px;
height: 277px;
clear:right;
float:right;
background:#efede1;
border: 1px solid #7f7e3f;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #888;
}
.k_detail_infobox a {color:#7f7e3f;font-weight:bold;text-decoration: none}
.k_detail_infobox a:hover {color:#7f7e3f;font-weight:bold;text-decoration: underline}
.k_detail_infobox_bold {font-weight:bold;}
.k_detail_infobox_cardnumber {color:#6b7b7e;font-size:30px;font-weight:bold;}


.k_detail_contactbox {
margin: 4px;
padding: 5px;
width: 250px;
height: auto;
float: right;
clear:right;
border: 1px solid #7f7e3f;
background:#eceff1;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #666666;
}
.k_detail_contactbox td {color:#6b7b7e;font-weight:bold;}
.k_detail_contactbox a {color: #004489;text-decoration: none;}
.k_detail_contactbox a:hover {color: #FF3300;text-decoration: underline;}

.contact_send_ok {color:#e275dc;font-weight:bold;}


/* Beställningsinformation, prisuppgifter, köpevillkor, kontaktinfo börjar här  */

.Estelles_Info_Box {
clear: both;
margin-top:1px;
padding: 10px;
width: 715px;
height: auto;
background:#fff;
border: 2px solid #888;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #888;
}
.Estelles_Info_Box a {color:#888;font-weight:bold;text-decoration: none}
.Estelles_Info_Box a:hover {color:#aaa;font-weight:bold;text-decoration: underline}
.Estelles_Info_Box_bold {font-weight:bold;}

.Estelles_snirkel_small {padding-left:270px;}
.textpaddingR100{padding-right:70px;}

.contactbox {
background:#fff url(../images/regpage_bg.gif) repeat-x;
margin-top: 6px;
margin-left: 15px;
padding-top: 15px;
padding-left: 15px;
width: 200px;
height:190px;
float:left;
border: 1px solid #888;
font-weight:bold;
}

.contact_snirkel_box {
width: 70px;
background:#fff;
float:left;
margin-left: 25px;
margin-top: 90px;
}

.contact_send_mess_box {
margin-top: 6px;
margin-right: 15px;
padding: 10px;
width: 300px;
float:right;
background:#e1dfc9;
border: 1px solid #888;
color:#111;
}

.contact_send_mess_box input {
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
 	font-size:12px;
 	color: #00264e;
 	border: 1px solid #B5B5B5;
 	}
 	
 	.adresstextarea {
 	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
 	font-size:12px; color: #00264e;
 	border: 1px solid #B5B5B5;
 	}
 	
 	
 	
/* Userprofile börjar här */

.userprofile_box {
padding-top:5px;
width: 740px;
background:#dedede url(../images/regpage_bg.gif) repeat-x;
border: 2px solid #c0c0c0;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;
color: #00264e;
}

.userprofile_box a {
		color: #00264e;
		text-decoration: underline;
	}

.userprofile_box a:hover {
		color: #aaa;
		text-decoration: underline; 
	}

.userprofile_box input {
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size:12px;	
color: #00264e;	
border: 1px solid #B5B5B5;
}

.userprofile_username {font-size:20px;margin-left:5px;}
.userprofile_redtext {font-size:12px;font-weight:bold;color: #FF3300;}

.userprofile_userdetails {
  	width:250px;
		float:left;
		margin-top: -5px;
		margin-left: 2px;
		padding: 4px;
    color: #00264e;
    background: #fff;
    border: 2px solid #99bb64;
    overflow: auto;
 }

.userprofile_ImgPadding_userdetails {padding-left: 4px; padding-top:10px;}
.userprofile_userdetails a {font-weight:bold; color: #004489; text-decoration: none;}
.userprofile_userdetails a:hover {color: #FF3300; text-decoration: underline; }


.userprofile_userorder {
  	width:450px;
		float:right;
		margin-top: -5px;
		margin-right: 2px;
		padding: 4px;
    color: #00264e;
    background: #fff;
    border: 2px solid #99bb64;
    overflow: auto;
 }
 .userprofile_ImgPadding_userorder {padding-left: 120px; padding-top:10px;}