/* Predefine */
ul, ol, div, li, body, html, table, tr, td, th, h1, h2, h3, h4, h5, h6
{
	padding: 0px;
	margin: 0px;
}
table
{
	border-collapse: collapse;
}
img
{
	border-width: 0px;
}

li
{
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 14px;
	font-weight: bold;
}

h3
{
	text-align: center;
}

/* Links */
a
{
	color: #66ccff;
	text-decoration: none;
}

p
{
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-family: "Lucida Grande" , Tahoma, Arial, sans-serif;
}

a:hover
{
	color: #e570c8;
	text-decoration: underline;
}

/* Standard classes */
.clear
{
	clear: both;
}

.alert
{
	color: Red;
}

.scrollable
{
	overflow: auto;
}

.transparentImage 
{
	/* Used by the semi-transparent grey background image. */
	position:absolute;
	left:0px;
	top:0px;
	z-index:899;
}


/* BEGIN FORM STUFF */

.form
{
	position: relative;
		padding-top: 2px;
		width:980px;
		height: 160px;
		background-color: White;
}
.form h3
{
	font-family: "Lucida Grande" , Tahoma, Verdana, Sans-Serif;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 2px;
	margin-bottom: 5px;
	_height: 18px;
}


/* used by textinput and address control */
.formEntry
{
	width: 330px;
	position: relative;
}

.formEntry label
{
	float: left;
	text-align: right;
	/*width: 150px;*/
	
	font-weight: bold;	
	font-size: 13px;
	padding: 3px;
	margin-top: 5px;	
	
}

.formEntry .alignLeft
{
	float: none;
	display: block;
	text-align:left;
}



.formEntry input
{
	margin-bottom: 5px;
	margin-top: 3px;
	vertical-align: middle;
	width: 150px;
	padding: 3px;
	float: right;
}

.formEntry span
{
	clear: both;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	/*width: 150px;*/
}


.formEntry span.alert
{
	width: 318px;
	display: block;
	clear: both;
	border: 1px dotted red;
	text-align: center;
}
.formEntry a
{
	font-weight: bold;
	position: relative;
}

.formCenter
{
	width: 320px;
	margin: 0px auto 0px auto;

	background-color: white;
}

/* BEGIN Profile Control form stuff */
.pcDetails 
{
	float:left;
	width:320px;
	margin-top:5px;
	margin-left: 10px;
}

.pcAvatar 
{
	width: 320px;
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-top:10px;
	position:relative;
	background-image: url("/Images/bg/bg_dash_gray.png");
}

.pcPassword 
{
	width: 200px;
	float: right;
	margin-right: 10px;
	margin-top:10px;
}

.pcDetailsCheckboxContainer 
{
	width: 200px;
	padding-left:10px;
	float:left;
}

.btnPcDetails 
{
	float: right;
}

.pcUploadBtnContainer 
{
	width: 212px;
	float: right;
}
/* END Profile Control form stuff */

.formCenter div.formEntry label,
.formSecond div.formEntry label,
.pcDetails div.formEntry label,
.contactControl div.formEntry label
{
	width: 143px;
	padding-right: 8px;
	background-image: url("/Images/bg/bg_dash_gray.png");
	padding-top: 4px;
	padding-bottom: 6px;
}
.formCenter div.formEntry input,
.formSecond div.formEntry input,
.pcDetails div.formEntry input,
.contactControl div.formEntry input
{
	height: 17px;
	margin-top: 5px;
}
.formSecond a.linkChange {position: absolute; left: 335px; top:10px; width: 120px; text-align:left;}
.formCenter input
{
	float: right;
	margin-top: 2px;
}
.formSecond input {float: right;}
.formSecond input.btn 
{
	margin-right:-10px;
}
	
.formFirst
{
	width: 300px;
	float: left;
	margin-left: 10px;
	text-align: center;
	padding-top: 8px;
}
.formSecond
{
	width: 310px;
	float: left;
	margin-left: 10px;text-align:center;
}
.formThird
{
	width: 300px;
	float: left;
	margin-left: 10px;
	text-align: center;
	padding-top: 5px;
}

.btnCreateAccount
{
	margin-top: 35px;
}

.sendPasswordContainer
{
	position:absolute;
	top: 70px;
	left: 670px;
	float: right;
	margin-right: 5px;
	
}
.sendPasswordText
{
	font-weight: bold;
	padding: 10px;
	background-color: #e2e2e2;
	background-image: url("/Images/bg/bg_dash_yellow_gray.png");
}
.sendPasswordButton
{
	width: 180px;
	font-weight: bold;
	z-index: 4000;
}

.authErrorContainer
{
	position: absolute;
	margin-left: 30px;
	margin-top: 50px;
	font-weight: bold;
	color: Red;
}



body
{
	color: #111111;
	font-size: 12px;
	font-family: "Lucida Grande" , Tahoma, Verdana, Arial, sans-serif;
	background-image: url("/Images/bg/bg_dash_gray.png");
}




/* BEGIN MENU */

.menuControl
{
	width: 980px;
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: -31px;
}

.menuControl .imgMini
{
	height: 36px;
	width: 57px;
	float: left;
	border-width: 0px;
}


.menuControl .hMini
{
	/*	color: #3680a3; */
	color: White;
	line-height: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-top: 3px;
	border-bottom: 4px solid #FFFFFF;
	float: left;
	font-weight: bold;/*
	background-color: #66ccff;
*/	background-image: url("/Images/bg/bg_hMini.png");
	background-repeat: repeat;
	display: block;
	cursor: pointer;
}

.menuControl ul
{
	margin-top: 6px;
	float: left;
}

.menuControl ul li
{
	font-weight: bold;
	color: white;
	float: left;
}

.menuControl ul li a img
{
	margin-right: 5px;
}

.menuItem
{
	text-decoration: none;
	

	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-top: 3px;
	line-height: 15px;
	display: -moz-inline-block; /* Implement inline-block in Mozilla */
	display: inline-block;
	
	color: black;
	font-weight: bold;
	background-color: #99ff33;
	height: 16px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;


}


.menuControl ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
	color: white;
	border-bottom-color: #66ccff;
	background-color: #ff66cc;
}


.menuItemSelected
{

	color: white;
	border-bottom-color: #66ccff;
	background-color: #ff66cc;

	
}







/* BEGIN MAIN LAYOUT Components */

.frame
{
	border-top: 4px #ffffff solid;
	width: 980px;
	padding: 0px;
	height: 869px;_height:868px;
	margin: 29px auto 0px auto;
}

.page
{
	width: 980px;
	position: relative;
	height: 869px;_height:868px;
	
	margin-top: 0px; _margin-top: 0px;
/*
Jag test�ndrar f�r att fixa en sak som st�r mig, s� h�r var det innan. /David 2008-05-05
	margin-top: -2px; _margin-top: 0px;
*/
}







/* BEGIN CART */

.cartControl /* entire control, including checkout button */
{
	background-color: #cceeff;
	padding-top: 0px;
	padding-bottom: 5px;
		border-top: solid 5px white;
	

	width: 185px;
	height: 420px;
	_height: 421px;
	position: absolute;
	bottom: 290px;
	_bottom: 288px;
	right: 0px;
	z-index: 30;
	
}

.cartControl h6
{
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #66ccff;
	color: White;
	cursor: default;
}
.cartControl img.imgArrow
{
	position: absolute;
	top: 24px;
	left: 0px;
	z-index: 31;

}

.cartHeader
{
	background-image: url("/Images/bg/bg_cart_header.png"); /* Part of the steps arrow extending into the cart */
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}

.cartItemsList
{
	/* class for the <ul> with cart items */ 
	width: 185px;
	height: 241px;
	overflow: auto;
	margin: 0px; /*border-bottom: 2px solid #66ccff;*/
	display: block;
	position: absolute;
	top: 24px;
	left: 0px;
	z-index: 32;	
}

.cartItemsList li
{
	width: 165px;
	text-align:right;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px dotted #3680a3;
}

.cartItemsList li p
{
	display: block;
	margin-left: 5px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-bottom: 0px;
}
.cartItemsList li p span {font-size: 14px; font-weight: bold;}

.cartItemsList li .imageContainer 
{
	width:84px;
	float:right;
	text-align:center;
	
}

.cartItemsList li img
{
	margin-top: 0px;
	vertical-align: text-bottom;
}

.cartItemsList li input
{
	margin-top: 2px;
	width: 70px;
	font-size: 9px;
	padding: 1px;
	margin-right: 3px;
}

.cartItemsList li select
{
	float: left;
	width: 100px;
}

.cartItemsList li select option
{
}

.summary
{
	position: absolute;
	bottom: 112px;
	left: 0px;
	width: 185px;
	font-weight: bold;
	color: #3680a3;
	background-color: #f0faff;
	border-top: 1px solid #66ccff;
}

.summary tr
{
}
.summary td
{
	line-height: 15px;
	vertical-align: middle;
	padding: 3px;
	border-bottom: 1px solid #66ccff;
}
.summary td img
{
	vertical-align: middle;
}
.summary .currency
{
	text-align: right;
}

.summary .shipping
{
	border-top: #66ccff 1px dotted;
}

.summary .shipping img
{
	margin-top: -3px;
	_margin-top: 0px;
}
.summary .total
{
	background-color: #f0faff;
	color: #3680a3;
	border-top: 2px dotted #3680a3;
	border-bottom: 2px solid #66ccff;
	font-size: 15px;
	padding-bottom: 5px;
}
.summary span
{
	float: right;
}






.checkout
{
	height: 112px;
	_height: 113px;
	width: 185px;
	position: absolute;
	bottom: 0px;
	_bottom: -1px;
	left: 0px;
	background-image: url("/Images/bg/bg_checkoutWideArrow.png");
	background-repeat: no-repeat;

}
.nobulk
{
	width: 100%;
	height: 77px;
	background-color: red;
	color: white;
	font-weight: bold;

}

.btnCheckout
{
	position: absolute;
	top: 38px;
	left: 44px;
	width: 132px;
}

.btnPayPalCheckout
{
	position: absolute;
	top: 80px;
	left: 43px;
}

.btnPayPalCheckoutAlone /* Not accompanied by the standard checkout button */
{
	position: absolute;
	top: 40px;
	left: 43px;
}

.ordiv
{
	position: absolute;
	top: 60px;
	left: 44px;
	width: 132px;
	text-align:center;
}

.paymentMethodsImages 
{
    position: absolute;
    left: 12px;
    top: 82px;
}

.shippingStatus
{
	position: absolute;
	display: default;
	text-align: right;
	bottom: 0px;
	right: 10px;
	color: White;
}

.cartPreloader
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 455px; 
	z-index: 898;
}

.cartPreloader .transparentImage 
{
	width: 185px;
	height: 425px;
}

.cartPreloader .flashFile
{
	position: absolute;
	left: 20px;
	top: 75px;
	z-index: 900;
}










.footerAddress 
{
	position: relative;
	text-align: center;
	top: -290px;
	width: 186px;
	left: 795px;
	border-top: 6px solid #FFFFFF;
}

.footerAddress p
{
	padding-top: 3px;
	padding-left: 2px;
}






/*Parsed by Fat Statement CssHandler*/