/* Custom CSS, this file will not be overwritten when updating. */

/* iPhonebutiken hejhej */


/*body {background: url('/files/julbg1.gif') repeat;}*/
/*body {background: #000 url('/custom/background.png'); padding-bottom: 10px;}*/
body {background: #000 url('/custom/lionbgdark.jpg'); padding-bottom: 10px;}
/*body {background: #000 url('/files/julbg1.gif'); padding-bottom: 10px;}*/
#b-productimages {background: #fff;}

#l-content-primary {
	margin: 0 154px 0 190px;
    padding: 18px;
	min-height: 370px;
}

body.l-wide #l-content-primary {
	margin: 0 22px 0 190px;
    width: 624px;
}

#l-content-secondary {margin-left: -850px; width: 180px;}
#l-content-tetriary {margin-left: -144px;}

#l-wrap-1 {background: url('/custom/wrap_background.png') repeat-y; width: 1010px;}
#l-wrap-2 {background: url('/custom/top_background.png') no-repeat;}
#l-wrap-3 {background: url('/custom/footer_background.png') no-repeat left bottom;}
#l-wrap-4 {padding-top: 0;}

#l-wrap-inner {padding: 10px 15px;}

.lc-logo {margin-top: 1px; width: 710px;}

.lc-nav-main {
	font-size:12px;
	font-weight:bold;
	text-align:center;
    padding-left:30px;
	width:880px;
	margin-top: 10px;
}
.lc-nav-main a {color: #fff;}
.lc-nav-main li a {background: url('/custom/menu_background.png') no-repeat; border-left: 0; float: left; margin: 0 1px; padding: 11px 0 13px; text-align: center; width: 100px;}

.lc-search {color: #fff; padding-top: 30px;}

.lc-extra, .lc-extra a {color: #fff;}

.lc-nav-footer {padding: 20px 0 4px; width: 880px;}

#l-copyright {color: #000; padding-bottom: 6px; width: 880px;}
#l-copyright a {color: #000;}

#prisjakt {margin: 6px 0 0 0;}
#prisjakt .sb-inner { font-size: 10px; }

#brands {margin: 6px 0 0 0;}
#brands select {width:160px; margin-top: 4px;}


/* Kim leker */

#groups {margin: 0 0 0 0;}
#groups ul ul {margin-left: 0;}
#groups ul ul {
	margin-left: 0;
}	
#groups ul li {
	background: url('/custom/huvudgrupp-bg-ipb.gif') repeat-x;
	padding-top: 3px;
	padding-bottom: 6px;
	margin: 0;
}
#groups ul li a {
	font-size: 14px;
}

#groups ul li ul {
	padding-top: 7px;
}
#groups ul li ul li {
	list-style-position: inside;
	list-style-image: url('/custom/empty.gif');
	background: url('/custom/undergrupp-bg.gif') repeat-x;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0;
}

#groups ul li ul li a {
	font-size: 12px;
}

#groups ul li ul li ul {
	padding-top: 2px;
}

#groups ul li img {margin-left: 3px;}
#groups ul li ul li img {margin-left: 0;}
#groups ul li ul li ul li img {margin-left: 0;}
#groups ul li ul li ul li {
	list-style-position: inside;
	list-style-image: url('/custom/empty3.gif');
	background: url('/custom/undergrupp-bg-light.gif') repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}

#groups ul li ul li ul li ul {
	padding-top: 3px;
}

#groups ul li ul li ul li ul li {
	list-style-position: inside;
	list-style-image: url('/custom/empty3.gif');
	background: url('/custom/undergrupp-bg.gif') repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}

/* kim leker inte längre */

#groups a {color: white; font-weight: normal; font-size: 13px;}
#groups a:link {text-decoration: none;}
#groups a:visited {text-decoration: none;}
#groups a:active {text-decoration: none;}
#groups a:hover {text-decoration: underline;}

#groups h4 {font-size: 13px;}
#brands h4 {font-size: 12px;}
#sidecart h4 {font-size: 13px;}
#account-info h4 {font-size: 12px;}

#sidecart {background: none; border: 0; margin-top: 6px;}

#l-content-secondary h4 {background: url('/custom/box_top.png') repeat-x; color: #fff; margin: 1px 1px 6px; padding: 6px 10px;}
#l-content-secondary .side-box {border: 1px solid #e4e4e4;}

/*#l-content-secondary .sb-inner {margin: 0 10px 10px;}*/
/*#l-content-secondary .sb-inner ul {padding: 0 0 0 0;}*/

/* IE5+6 (WIN) */
* html #l-content-secondary .side-box {
	height: 1%;
}

#l-content-tetriary h4 {background: url('/custom/box_top.png') repeat-x; color: #fff; margin: 1px -5px 6px; padding: 6px 10px;}
#l-content-tetriary #sidecart h4 {background-image: url('/custom/box_top_2.png');}
#l-content-tetriary .side-box {border: 1px solid #e4e4e4; margin-bottom: 6px;}
#l-content-tetriary .sb-inner {padding: 0 10px 10px;}

/* IE5+6 (WIN) */
* html #l-content-tetriary .side-box {
	height: 1%;
}

#l-content-tetriary #languages .side-box .sb-inner {padding:5px 6px 2px;}

.products-img-v1 dd.price {margin-top: 4px; color: #1f4e7e; font-size: 14px;}
.products-img-v2 dd.price {margin-top: 4px; color: #1f4e7e; font-size: 14px;}
.products-img-v3 dd.price {margin-top: 4px; color: #1f4e7e; font-size: 14px;}
.prodInfo {font-size: 11px; color: white; font-weight: normal;}
.prodPriceL {font-size: 16px; color: #1f4e7e; font-weight: bold;}

.products-img-v1 .title-post {display: none}
/*.products-img-v1 dt.title-pre a {font-weight: normal; color: black;}*/
#b-index .products .title-pre a {color: black; font-weight: normal;}
div.frontHeader { display: none }

h1 { font-size: 17px; margin-top: 0; padding-top: 0; }

td.frontProductPrice {font-size: 14px; color: #1f4e7e; font-weight: bold;}

a.go { font-size: 13px; }
a.messageLink { font-size: 13px; }

.toplist {
}

.toplist .product {
	width: 460px;
	height: 120px;
}

.toplist .title-pre {
	font-size: 13px;
	height: 33px;
}

.toplist .position {
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 11px;
	background: url("/templates/iphonebutiken/i/toplist-background-30-2.gif") no-repeat center;
}

.toplist .image {
	float: left;
	width: 146px;
	height: 118px;
	padding-right: 5px;
}

.toplist .desc {
	min-height: 50px;
}

.toplist .stock {
	float: right;
}

.toplist dd.price {margin-top: 4px; color: #1f4e7e; font-size: 14px;}


.toplist .separator { background: url('/templates/iphonebutiken/i/h_dots.gif') repeat-x center left; width: 100%; height: 15px; }


/* new search */
.triangle-border {
	display: none;
	width: 425px;
	height: auto;
	min-height: 35px;
	float: left;
	font-size: 13px;
	clear: both;

	z-index: 99999;
	position:relative;
	padding: 8px;
	margin: 0;
	margin-bottom: 20px;
	border: 5px solid #5a8f00;
	color: #333;
	background: #fff;

	/* css3 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.triangle-border.right {
	margin-right:30px;
}
.triangle-border:before {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#5a8f00;
}

/* creates the smaller triangle */
.triangle-border:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-26px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	right:-30px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:15px 0 15px 30px;
	border-style:solid;
	border-color:transparent #5a8f00;
}

/* creates the smaller triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	right:-21px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:9px 0 9px 21px;
	border-style:solid;
	border-color:transparent #fff;
}

#search li {
	list-style-type:none;
}

.itemhover { background-color:#ddd !important; color:#232323 !important; }

td.price {
	margin-top: 4px;
	color: #1f4e7e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
}

div.informationBox {
	font-size: 14px;
	background-color: #0088ee;
	border: 2px solid #497dbd;
	color: white;
}

div.informationBox a {
	color: white;
	font-size: 16px;
}


/*div.informationBox {
	background-image: url('/custom/infobox-bg.gif');
	background-color: #497dbd;
	color: white;
	font-size: 14px;
	border: 1px solid #3f6ca3;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div.informationBox a {
	color: white;
	font-size: 14px;
}
*/
/* Minska utrymmet mellan Gruppbeskrivning och produktlistning. Default är 50 px */
.products h2 {padding-top: 10px;}

.co-payment-inner-w2 {height: 136px;}

/* SNABBKASSA */

/* Kundvagn */
.co-cart-inner {background-color: #f1f1f1; border: 1px solid #ddd;}
.co-cart img {border: 1px solid #ddd;}
.co-cart td {border-bottom: none; padding: 6px 12px; vertical-align: middle;}

/* Rabattkod */
.gui-f-box-inner {background-color: #f1f1f1; border: 1px solid #ddd;}
#CheckoutForm_0_DiscountCode .gui-f-box-inner {background-color: #f1f1f1; border: 1px solid #ddd;}
#CheckoutForm_0_DiscountCode .row {float: left; width: 280px;}
#CheckoutForm_0_DiscountCode .column-2 input {margin-bottom: 8px;}

/* 5. Bekräfta beställning */
.co-summary-inner {background-color: #f1f1f1; border: 1px solid #ddd;}
.co-summary-inner h2 {font-size: 12px;}

/* Rubriker i snabbkassan */
.co h2 {font-size: 14px; padding: 5px 5px 5px 6px; color: white;}
/* .co-cart h2 {color:white; background-image:url('/custom/snabbkassa/bluebg.png'); border:1px solid #ddd;} */
.gui-f-box h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-payment h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-customer h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-summary h2 {color:white; background-color:#555; border:1px solid #ddd;}

/* enfärgade bakgrunder i olika färger för varje steg */
.co-cart h2 {color:white; background-color:#555; border:1px solid #ddd;}
.gui-f-box h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-payment h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-customer h2 {color:white; background-color:#555; border:1px solid #ddd;}
.co-summary h2 {color:white; background-color:#555; border:1px solid #ddd;}

div.gui-f-actions {
	margin-right: 130px;
}

div.productLinkBox {
    max-height: 60px;
    overflow: auto;
}

/* Tooltip över Skicka innan 14:00 */

#dhtmltooltip {
position: absolute;
border: 3px solid #ddd;
width: 350px;
padding: 5px;
background-color: #fff;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}

#contactform textarea#body {width: 360px; height: 140px;}
#contactform #title {width: 200px;}