/***** BASFORMATERINGAR *****/

* {
	margin:0;
	padding:0;} 

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #EAEBED;
	background-image: url('images/design/background.jpg');}

body, td, p, div {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 1.5em;}

p, span, div {
	text-align: left;
	margin: 0;
	padding: 0;}
	

/***** DESIGN *****/

#bodyContainer {
	background-image: url('images/design/logo_background.jpg');
	background-repeat: no-repeat;}
	
#designContainer {
	border: 0px solid #CC3300;
	padding: 12px 0 15px 16px;
	width: 974px;}

#logoContainer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 25;
	width: 180px;
	height: 210px;}

#topContainer {
	border: 0px solid #CC3300;
	width: 974px;
	height: 200px;
	margin-bottom: 14px;}

#leftColumn {
	float: left;
	border: 0px solid #CC3300;
	margin-left: 0px;
	width: 155px;}

#centerColumn {
	float: left;
	border: 0px solid #000000;
	margin-left: 12px;
	width: 641px;}

#rightColumn {
	float: left;
	border: 0px solid #009900;
	margin-left: 11px;
	width: 155px;}

#pageFooter {
	border: 0px solid #CC3300;
	text-align: center;
	color: #B0B0B0;
	padding-top: 12px;}

#pageFooter a {
	color: #B0B0B0;
	text-decoration: none;}

.clear {
	clear: both;}

.clearRight {
	clear: right;}

.clearLeft {
	clear: left;}


/***** BOXAR TOP *****/

.topTop {
	width: 808px;
	height: 91px;
	margin-left: 167px;
	padding-left: 3px;
	background-image: url('images/design/topbox_top.jpg');
	background-repeat: no-repeat;}

.topBottom {
	width: 800px;
	padding: 3px;
	margin-left: 167px;
	background-color: #DFDFDF;
	border: 1px solid #B0B0B0;
	border-top: 0;}

.topBottomContent {
	width: 800px;
	height: 70px;
	background-image: url('images/design/search_bar_background.gif');
	background-repeat: no-repeat;}

.topBottomShadow {
	width: 808px;
	height: 16px;
	margin-left: 169px;
	background-image: url('images/design/topbox_shadow.jpg');
	background-repeat: no-repeat;}

.topBottomNavigator {
	padding: 0px;
	margin-left: 167px;
	border: 0px solid #B0B0B0;}

.menuItem {
	float: left;
	width: 97px;
	height: 42px;
	padding-left: 6px;
	margin-top: 49px;}


/***** BOXAR CENTER *****/

.contentTop {
	width: 641px;
	height: 15px;
	background-image: url('images/design/content_top.jpg');
	background-repeat: no-repeat;}

.contentMiddle {
	width: 600px;
	padding: 5px 21px 5px 20px;
	font-size: 11px;
	background-image: url('images/design/content_middle.jpg');
	background-repeat: repeat-y;}

.contentBottom {
	width: 641px;
	height: 15px;
	background-image: url('images/design/content_bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;}

.contentMiddle p {
	font-size: 11px;}

.productLeft {
	float: left;
	border: 0px solid #CC3300;
	margin-left: 0px;
	width: 375px;}

.productRight {
	float: left;
	border: 0px solid #009900;
	margin-left: 18px;
	width: 207px;}

.productLeft p, .productRight p {
	font-size: 10px;}

.startFlash {
	margin-bottom: 10px;}

.topFlash {
	float: right;
	margin-top: 5px;
	margin-right: 7px;}

.puffContainer {
	width: 207px;
	float: left;}

.puffImg {
	margin-bottom: 10px;}

.puffText {
	margin-bottom: 10px;}

.srImg {
	padding-bottom: 3px;}

.srBox {
	border: 1px solid #C1C4C3;
	background: #DBDEE0;
	padding: 3px 0 3px 6px;
	font-size: 9px;
	font-weight: bold;
	margin: 22px 0 4px 0;}

.srContentBox {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 7px;}

.srContentBox p, .srContentBox table {
	font-size: 10px;}
	
.srDinamattBox {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	padding: 3px 6px 3px 6px;
	font-size: 9px;
	margin-bottom: 7px;}

.srDinamattBox.boxLeft, .srDinamattBox.boxRight {
	font-size: 9px;}

.srContentBoxPadding {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	padding: 10px;}
	
.srLine {
	width: 600px;
	height: 1px;
	margin-bottom: 10px;}

.washBox {
	float: left;
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	padding: 10px;
	width: 122px;
	min-height: 102px;
	font-size: 10px;
	margin: 7px 0 0 0;}

.carttableAntal {
	float: left;
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	width: 18px;
	text-align: center;
	padding: 0px;}

.dmLeft {
	float: left;
	border: 0px solid #CC3300;
	margin-left: 0px;
	margin-top: 12px;
	width: 310px;}

.dmRight {
	float: left;
	border: 0px solid #009900;
	margin-left: 0px;
	margin-top: 12px;
	width: 290px;}

.dmLine {
	height: 1px;
	margin: 8px 0 8px 0;}

.boxLeft {
	float: left;}

.boxRight {
	float: right;}

.vkHeaderImg {
	border: 1px solid #C1C4C3;
	background: #DBDEE0;
	padding: 1px 1px 1px 2px;}

.vkHeader {
	border: 1px solid #C1C4C3;
	background: #DBDEE0;
	height: 17px;
	padding: 4px 6px 0 6px;
	font-size: 9px;
	font-weight: bold;}

.vkTd {
	font-size: 11px;
	text-align: left;
	padding: 3px 6px 2px 6px;}

.vkTrBack {
	background-image: url('images/design/vk_tr_back.gif');
	background-position: top left;
	background-repeat: repeat-x;}

.vkTrBigBack {
	background-image: url('images/design/vk_trbig_back.gif');
	background-position: top left;
	background-repeat: repeat-x;}

.vkPrice {
	color: #0591B9;}

.tablecellLine {
	background-image: url('images/design/tablecell_line.gif');
	background-position: top center;
	background-repeat: repeat-y;}

.auctionDescriptionBox {
	margin-top: 4px;
	height: 42px;
	font-size: 9px;
	padding: 2px;}

.brandBoxContainer {
	float: left;
	width: 207px;}

.brandBox {
	position: relative;
	z-index: 10;
	background-color: #FFFFFF;
	width: 209px;}

.productBoxContainer {
	float: left;
	width: 155px;}

.productBox {
	position: relative;
	z-index: 10;
	border: 1px solid #B0B0B0;
	background-color: #DFDFDF;
	width: 147px;
	padding: 3px;}

.productBoxShadow {
	width: 155px;
	height: 7px;
	background-image: url('images/design/rightbox_shadow.jpg');
	background-repeat: no-repeat;}

.pageSelectorBox {
	background: #FFFFFF;
	height: 19px;
	padding: 1px;
	margin-bottom: 7px;}

.productTitle {
	font-family: georgia, times, geneva, verdana, tahoma, arial, helvetica, courier, sans-serif;
	height: 27px;
	color: #333333;
	text-align: center;
	margin-bottom: 1px;	
	font-size: 11px;
	line-height: 1.1em;}

.noteLayer {
	position: absolute;
	top: 72px; left: 6px;
	z-index: 20;}

.noteLayerSoldout {
	position: absolute;
	top: 72px; left: 11px;
	z-index: 25;}

.noteLayerSoldoutBigBack {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 25;
	background-image: url('images/design/note_bigback.gif');}

.noteLayerSoldoutText {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 40;}

.detailLayer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 20;}

.productInfo {
	width: 373px;
	border: 1px solid #C9C9C9;
	margin-top: 1px;
	padding-bottom: 2px;}

.detail {
	float: left;
	padding-left: 2px;
	padding-top: 2px;}

.titleLink:link, .titleLink:visited, .titleLink:hover, .titleLink:active {
	font-family: georgia, times, geneva, verdana, tahoma, arial, helvetica, courier, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	line-height: 1.1em;}

.productTitleBig {
	font-family: georgia, times, geneva, verdana, tahoma, arial, helvetica, courier, sans-serif;
	color: #333333;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;}

.bottomBox {
	float: left;
	width: 135px;
	background: #FFFFFF;
	padding: 10px;}

.confirmBox {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	background-image: url('images/design/confirmation.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 0px 25px;
	height: 18px;
	color: #0591B9;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 20px;}

.infoBox {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	background-image: url('images/design/information.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 0px 25px;
	height: 18px;
	color: #0591B9;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 20px;}

.errorBox {
	border: 1px solid #C0C3C2;
	background: #F3F4F4;
	background-image: url('images/design/varning.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 0px 25px;
	height: 18px;
	font-size: 10px;
	color: #CC3300;
	font-weight: bold;
	margin-bottom: 20px;}

.date {
	color: #9C9C9C;}

/***** BOXAR LEFT *****/

.varukorgTop {
	width: 155px;
	height: 33px;
	background-color: #333333;
	background-image: url('images/design/varukorg_top.jpg');
	background-repeat: no-repeat;}

.loggainTop {
	width: 155px;
	height: 33px;
	margin-top: 7px;
	background-color: #333333;
	background-image: url('images/design/loggain_top.jpg');
	background-repeat: no-repeat;}

.loggedinTop {
	width: 155px;
	height: 33px;
	margin-top: 7px;
	background-color: #333333;
	background-image: url('images/design/loggedin_top.jpg');
	background-repeat: no-repeat;}

.sideboxBlank {
	width: 141px;
	margin-top: 5px;
	padding: 7px;
	background-color: #FFFFFF;}

.sideboxMiddle {
	width: 135px;
	padding: 5px 10px 0px 10px;
	background-color: #FFFFFF;
	background-image: url('images/design/sidebox_middle.jpg');
	background-repeat: repeat-y;}

.sideboxBottom {
	width: 155px;
	height: 10px;
	background-color: #FFFFFF;
	background-image: url('images/design/sidebox_bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;}


/***** BOXAR RIGHT *****/

.sideboxHeaderRight {
	width: 153px;
	height: 18px;
	text-align: right;
	padding: 1px;
	margin-bottom: 1px;}

.sideboxRight {
	position: relative;
	z-index: 10;
	border: 1px solid #666666;
	background-color: #CCCCCC;
	width: 147px;
	padding: 3px;}

.topsellerBox {
	width: 155px;
	margin: 6px 0 13px 0;}

.rightBottomShadow {
	width: 155px;
	height: 13px;
	background-image: url('images/design/rightbox_shadow.jpg');
	background-repeat: no-repeat;}

.sbr:link, .sbr:visited, .sbr:active {
	text-decoration: underline;
	color: #FFFFFF;}

.sbr:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;}


/***** BOXAR COMMON *****/

.innerbox {
	width: 133px;
	padding: 5px 6px 0 8px;
	height: 100px;
	background-image: url('images/design/innerbox_background.gif');
	background-repeat: no-repeat;}

.innerboxBrands {
	width: 147px;
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 auto;
	background-image: url('images/design/innerbox_backgroundXXX.gif');
	background-repeat: no-repeat;}

.shopByBrand {
	width: 147px;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	background-image: url('images/design/shopbrand_back.gif');
	background-repeat: no-repeat;}

.innerboxBottom {
	width: 147px;
	height: 5px;
	margin: 0;}

.highText, .highText:link, .highText:visited, .highText:hover, .highText:active {
	text-decoration: none;
	color: #0591B9;
	font-weight: bold;
	font-size: 9px;}

.bargainText, .bargainText:link, .bargainText:visited, .bargainText:hover, .bargainText:active {
	text-decoration: none;
	color: #CC3300;
	font-weight: bold;
	font-size: 9px;}

.highTextOrg {
	color: #0591B9;}

.highTextStd {
	color: #0591B9;
	font-weight: bold;}

.highTextRub {
	color: #333333;
	font-weight: bold;
	font-size: 12px;}

.highTextStdprice {
	font-weight: normal;
	font-size: 12px;}

.highTextBig {
	color: #0591B9;
	font-weight: normal;
	font-size: 12px;}

.bargainTextBig {
	color: #CC3300;
	font-weight: bold;
	font-size: 12px;}

.imgArrow {
	vertical-align: middle;
	padding: 0px 3px 0 0;}

.searchGenderBox {
	margin-top: 7px;}
	
.searchGenderRadio {
	margin-left: 3px;
	margin-right: 2px;
	vertical-align: middle;}

.searchform {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	background-color: #F2F2F2;}

.searchformText {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	height: 14px;
	padding: 4px 2px 2px 2px;
	background-color: #F2F2F2;}

.firstSelect {
	margin-left: 7px;}

.left {
	float: left;}

.right {
	float: right;}


/***** TEXTER/BILDER ETC *****/

.tlink {
	width: 155px;
	height: 19px;}

.sideline {
	width: 155px;
	height: 1px;}

.betalning {
	margin-top: 2px;}

.smallText {
	font-size: 9px;
	line-height: 1.4em;
	color: #666666;}


/***** LISTOR *****/

ul, li {
	margin-left: 8px;
	padding-left: 3px;}



/***** RUBRIKER *****/

h1 {
	font-weight: bold;
	color: #000000;
	padding: 5px 0 13px 0;
	font-size: 16px;} 

h2 {
	font-weight: bold;
	color: #000000;
	padding: 2px 0 4px 0;	
	font-size: 12px;} 


h4 {
	font-weight: bold;
	font-size: 18px;
	margin: 8px 0 14px 0;}

h3, h5, h6, h7 {
	font-weight: normal;
	color: #000000;
	margin: 3px 0 6px 0;	
	font-size: 12px;} 

.menyRubrik {
	display: block;
	margin-bottom: 4px;
	background-image: url('images/redbox.gif');
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 20px;
	}


/***** LÄNKAR *****/

a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;}

a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;}

a.nostyle {
	padding: 0;
	margin: 0px;
	border: 0px;
	background: none;}


/***** FORMULÄR *****/

select, option {
	padding: 0px;}

.form {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	padding: 3px;
	background-color: #F2F2F2;
	border: 1px solid #B0B0B0;
	color: #000000;}

.dropdownform {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	padding: 1px;
	margin-top: 1px;}

.signupform {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #A1E6FA;
	color: #000000;}
	
.dmform {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 0px;
	border: 1px solid #B0B0B0;
	background: #FFFFFF;
	color: #000000;}

select.form, option.form {	
	padding: 1px;}

.checkboxRadio {
	margin-left: 3px;
	margin-right: 2px;
	vertical-align: middle;}
	
.formbutton {
	font-family: verdana, tahoma, geneva, arial, helvetica, courier, sans-serif;
	font-size: 10px;
	color: #000000;}

.formImageButton {
	vertical-align: bottom;
	padding-bottom: 1px;}


/***** GAMLA SIDANS STYLES *****/

.forms {background-color: #FFFFFF; border: 1px solid #363636; height: 14px; font-weight: normal;}
.navforms {width: 140px; margin-top: 4px; margin-bottom: 2px;}
.signupforms {margin-top: 1px; margin-bottom: 2px;}
.radiobuttons {margin: 0px; height: 12px; width: 12px;}
.checkboxes {margin: 0px; height: 14px; width: 14px;}

.title {color: #FFFFFF; font-weight: bold;}

.zeropadding {padding: 0px;}
.content {padding: 12px; padding-bottom: 2px;}
.mainpage {padding: 7px;}

.red {color: #BD3932;}
.orange {color: #F36525;}
.green {color: #92A041;}
.blue {color: #728D97;}
.gray {color: #757577;}
.cartsum {color: #959595;}
.carttitle {color: #858585;}

.bgblue {background-color: #44464A;}
.bgdark {background-color: #564B45;}
.bglight {background-color: #D8D8D5;}
.bgcontent {background-color: #FAFAFA;}
.bgth {background-color: #CFD2D3;}
.bgtd {background-color: #F2F2F1;}
.bgtf {background-color: #EBECEC;}
.bgwhite {background-color: #FFFFFF;}

.topl {background-position: top left; background-repeat: no-repeat;}
.topr {background-position: top right; background-repeat: no-repeat;}
.botl {background-position: bottom left; background-repeat: no-repeat;}
.botr {background-position: bottom right; background-repeat: no-repeat;}
.shadow {background-position: top left; background-repeat: repeat-y;}