/* $Id: MyStyle.css 2864 2008-11-03 06:39:01Z martin $ */
/* Stilmall för anpassing av butikens utseende  */

@import url(/__SYS__/TEMPLATE_CSS/mobiletemplate1.css);


/* BEGIN code added by System design tool - DO NOT EDIT! */
/* END code added by System design tool - DO NOT EDIT! */


/* Here you can put your own changes */


/* General 
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

select {
	width: 100%;
	height: 34px;
	padding: 7px 0 0 0;
	font-size: 90%;
}

body {
	color: #323232;
	background-color: #21160b;
	line-height: 130%;
	font-size: 95%;
}

body, div, p, th, td, li, dd {
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
	text-align: left;
}

a {
	color: #1b465a; 
	text-decoration: underline; 
}

a:link { color: #1b465a; } 
a:visited { color: #1b465a; }
a:active { color: #1b465a; }
a:hover { color: #323232; text-decoration: none; }

h1,h2,h3,h4,h5 { 
	font-weight: bold; 
	color: #000000;
	margin: 0 0 6px 0; 
	letter-spacing: -0.01em; 
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

input.falt {
	margin: 0;
	padding: 7px 0 7px 0;
	width: 100%;
	font-size: 90%;	
}

input.button {
	width: 100%;
	text-align: center;
	cursor: pointer;
	height: 38px;
	font-size: 90%;
	margin: 5px 0 5px 0;
}

input.buttonhalf {
	width: 49%;	
}

input.buttonpay {
	background-color: #00b04f;
	width: 100%;
	text-align: center;
	cursor: pointer;
	height: 38px;
	font-size: 90%;
	margin: 5px 0 5px 0;
	color: #fff;
}

a.buttonlinkpay {
	background-color: #00b04f;
	width: 100%;
	text-align: center;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	font-size: 95%;
	margin: 5px 0 5px 0;
	color: #fff;
	text-decoration: none;
	display: block;
}

p {
	margin: 0;
	padding: 0 0 7px 0;	
}

hr { 
	height: 1px; 
	background-color: #CCCCCC; 
	color: #CCCCCC;
	border: none;
}

.error { color: #cc0000; }
span.errmsg { color:#cc0000; font-style: italic;}
div.message {color: #0ca900;}

table {
    border-collapse: collapse;
}

table.tablecontainer td {	
	vertical-align: top;
	padding: 0 8px 8px 0;
	margin: 0;
}

table.tablecontainer th {	
	font-weight: bold;
	padding: 0 8px 5px 0;
}

div.instock {
	margin: 0 0 10px 0;
	text-align: right;	
}


/* Layout
-----------------------------------------------------------------------------*/

div.wrapper {
	width: 100%;
	background-color: #fff;
	padding: 0 0 25px 0;
}

div.page {
	padding: 10px 5px 10px 5px;
}

/* Header
-----------------------------------------------------------------------------*/ 

div.header {
	background: url(/mobile/images/header_bg.jpg) repeat-x;
	background-color: #eeeeee;
	height: 55px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.logo {
	padding: 0;	
	float: left;
}


/* Topmenu
-----------------------------------------------------------------------------*/ 
table.topmenu {
	text-align: left;
	font-size: 90%;
	height:55px;
}

table.topmenu td {
	vertical-align: bottom;
	padding: 0 2px 0 0px;
}

table.topmenu a {
	color: #fff;
	text-decoration: none;
}

table.topmenu a:hover {
	text-decoration: underline;		
}

/* Search
-----------------------------------------------------------------------------*/ 

div.search {
	background: url(/mobile/images/search_bg.jpg) repeat-x;
	padding: 13px 10px 10px 10px;
	height: 26px;
	margin: 12px 0 12px 0;
}

#Search_Text {
	vertical-align: top;
	height: 16px;
	padding: 2px 3px 2px 3px;
	width: 85%;	
}

#search_button {
	margin: -1px 0 0 0px;
}

	

/* Product-small
-----------------------------------------------------------------------------*/ 

div.product-small-container {
	margin: 0 0 15px 0;	
}

ul.itemList {
	list-style-type: none;
}

ul.itemList li{
	border-bottom: 1px solid #CCCCCC;
	border-top: 0;
	border-right: 0;
	border-left: 0;	
	padding: 10px 10px 10px 6px;
	margin: 0px 0 0px 0;
}

div.product-small-img {
	float: left;
	padding: 0 10px 0 0;
}

div.product-small-textcontainer {
	float: left;
	width: 200px;
}

div.product-small-header { 
	font-size: 90%;
}

div.product-small-header a {
	text-decoration: none;
}

div.product-small-header h3 {
	margin: 0;
	padding: 0;
}

 div.product-small-textdescr {
	font-size: 85%;
	margin: 0 0 3px 0;	
}

div.product-small-brand {
	font-size: 85%;	
}

div.product-small-arrow {
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

div.product-small-textcontainer2 {
	text-align: right;	
}

div.product-small-pricing {
	color: #cc0000;
	font-size: 95%;
	font-weight: bold;
	text-align: right;
}

div.product-small-pricing div.price {
	text-align: right;	
}

div.product-small-pricing div.oldprice {
	text-align: right;
	text-decoration: line-through;
}

div.sort {
	padding: 0 0 10px 0;
	text-align: right;
	font-size: 85%;	
}

div.sort a {
	padding: 0 0 0 10px;	
}



/* Category-small
-----------------------------------------------------------------------------*/

ul.catlist {
	list-style-type: none;
}

ul.catlist li {
	border-bottom: 1px solid #CCCCCC;
	border-top: 0;
	border-right: 0;
	border-left: 0;	
	padding: 10px 10px 10px 6px;
	margin: 0px 0 0px 0;
}

ul.catlist li a {
	text-decoration: none;	
}

div.category-small-img {
	float: left;	
}

div.category-small-header {
	text-align: left;
	background: url(/mobile/images/arrow-right.jpg) no-repeat;
	background-position: right 18px;
	height: 50px;
	line-height: 50px;
	padding: 0 0px 0 65px;
	font-weight: bold;
}


/* productdetail 
-----------------------------------------------------------------------------*/ 

div.productdetail {	
}

div.productdetail h1.product {
	margin: 0 0 10px 0;	
}

div.productdetail-img {
	margin: 0 0 10px 0;
	text-align: center;	
}

div.productdetail-img img {
	margin: 0 0 5px 0;	
}	

div.productdetail-pricing {
	margin: 0 0 3px 0;
}

div.productdetail-oldprice {
	text-decoration: line-through;	
}

div.productdetail-price {
	font-weight: bold;
	font-size: 150%;
	text-align: right;
	margin: 5px 0 5px 0;
}

select.prodGroupingSel {
	margin: 0 0px 10px 0;	
}

#variant_selector {
	margin: 0 0 10px 0;	
}

#variant_selector p {
	margin: 0 0 5px 0;
	font-style: italic;
}

#variant-select{
	margin-top:10px;
}

div.productdetail-numbers {
	margin: 8px 0 5px 0;
	text-align: center;	
}

a.fourcolumn {
	margin: 0px 12px 0px 0;
	color: #fff !important;
	padding: 5px 8px 5px 8px;
	background-color: #333 !important;
	text-decoration: none;	
}

/* News 
-----------------------------------------------------------------------------*/ 

div.newsitem {
	padding: 0;
	margin: 0px 0 25px 0;		
}

h3.newsitem-header {
	margin: 0 0 2px 0;	
}

div.newsitem-pubdate {
	font-style: italic;
	font-size: 75%;
	line-height: 110%;
	margin: 0 0 1px 0;	
}

div.newsitem-author {
	font-style: italic;
	font-size: 75%;
	line-height: 110%;
	margin: 0 0 10px 0;	
}

div.newsitem-product-container {
	margin: 5px 0 0 0;	
}

div.newsitem-img {
	margin: 8px 0 6px 0;	
}

div.newsitem-textdescr {
	margin: 0 0 10px 0;	
}

div.newsfeed-detail {
	margin: 0  0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e1e1e1;	
}

/* Wishlist
-----------------------------------------------------------------------------*/ 

div.wishlist_items {
}


/* Cart
-----------------------------------------------------------------------------*/

div.cart-content-header, div.cart-shipping-header, div.cart-payship-header, div.cart-login-header {
	font-size: 130%;	
	font-weight: bold; 
	margin: 0 0 6px 0; 	
}

div.cart-container {
	cursor: pointer;
	background: url(/mobile/images/cart_bg.jpg) repeat-x;
	height: 44px;
	line-height: 44px;
	margin: 0 0 10px 0;
	padding: 0 10px 0px 0px;
}

div.expand-bar{
	cursor: pointer;
	background: url(/mobile/images/cart_bg.jpg) repeat-x;
	height: 44px;
	line-height: 44px;
	margin: 0 0 10px 0;
	padding: 0 10px 0px 0px;	
}

#content-form,.content-form, #cart-shipping-container, #cart-payship-container, #cart_address_login, #cart_address_form, #cart_new_address_form_login, div.cart_customer_information {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: -10px 0 10px 0;	
	background-color: #f5f5f5;
}


/* Footer
-----------------------------------------------------------------------------*/ 

div.footer {
	margin: 0px 0 0px 0;
	padding: 20px 0 0 0;
	background: url(/mobile/images/footer_bg.jpg) repeat-x;
	background-position: top left;
	background-color: #21160b;
	height: 152px;
	color: #ac9884;
}

div.footer a {
	color: #ac9884;
}

ul.footer_menu {
	list-style-type: none;
	text-align: center;
	padding: 0 0 15px 0;
}

ul.footer_menu li {
	display: inline;
	padding: 0 10px 0px 0;	
	text-align: center;
	font-size: 80%;
}

div.footer_txt {
	text-align: center;
	font-size: 80%;
	line-height: 120%;	
}


/* Radio Buttons and Checkboxes
-----------------------------------------------------------------------------*/
input.radio{
	width: 25px;
	height: 25px;
	margin: auto;
}

input.checkbox{
	width: 25px;
	height: 25px;
	margin: auto;
}

/* CSS shortcuts
-----------------------------------------------------------------------------*/ 

.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px !important;}
.mb6 {margin-bottom: 6px !important;}
.mt7 {margin-top: 7px !important}
.pr10 {padding-right: 10px;}
.alignright {text-align: right !important;}
.align
.fontsize85 {font-size: 85% !important;}
.floatleft { float: left; }
.floatright { float: right; }
.width30 {width: 30px !important;}
.height20{height: 20px !important;}
.height5{height: 5px !important;}

/* Order
-----------------------------------------------------------------------------*/
.order-orderrow{
	width:47%;
}

.divbar{
	height:20px;
	padding:5px 0 5px 0;
	clear:both;
}

div.warning {
	border: 2px solid #B90F18;
	background: #fee;
	background-image: url(/__SYS__/icon_warning_lrg.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.2em;
	padding: 1em;
	padding-left: 42px;
}
div.warning h3 { margin-top: 0; }

/*Category
------------------------------------------------------------------------------*/
.categorytrace{

}

table.newsletter_table {
	margin: 0 0 8px 0;
}

table.newsletter_table td {
	padding: 0 0 3px 1%;	
}

div.newsletter_prenumerera {
	text-align: center;
	margin: 0 0 8px 0;	
}

div.newsletter_text {
    margin: 0px 5px 0 5px;
	font-size: 90%;
}

div.newsletter_text input.falt {
	font-style: italic;	
}

.button {
    background: #C9B63E;
}

/* Product-detail tabs
----------------------------------------------------------------*/

ul.tabs {
    margin: 10px 0 4px 0;
    padding: 0px 0 0 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 323px;
	border: 0;
}

ul.tabs li { 
	list-style-type: none; 
	padding: 0; 
	float: left; 
	height: 35px; 
	line-height: 35px; 
	bottom: 0px; 
	position: relative; 
	margin-right: 4px;
	background: url(/images/images-new/product_bg.jpg) repeat-x;
	border-bottom: 1px solid #dedede;
	background-position: bottom left;
	border-left: 1px solid #dedede; 
 	border-top: 1px solid #dedede; 
	border-right: 1px solid #dedede; 
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

ul.tabs li a { 
	display: inline-block; 
	margin-right: -3px; 
	padding: 0 10px 0 10px; 
	color: #646464;
	text-decoration: none; 
}

ul.tabs li.active { 
	backbround-color: #fff;
	background: none;
	border-bottom: 1px solid #fff; 
	box-shadow: #f1f1f1 0px -2px 3px;
	font-style:italic;
}

ul.tabs li.active a {
	color: #1b465a !important;
}


html ul.tabs li.active  {
    background: #fff !important;
}

.tab_container {
    border-top: 1px solid #ccc;
    margin: 0px 0 10px 0;
    float: left; 
    width: 100%;
    background: #fff;

}
.tab_content {
    padding: 20px 10px 5px 10px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.tab_container ul {	list-style-position:inside;	
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

html body div#wrapper.wrapper div.page div ul.tabs li.active a {
	padding: 0 6px;
}

td.odd {
	background-color: #F0F0F0;	
}

div.mobile-form table.formbuilder {
	margin: 0 0 10px 0;	
}

div.mobile-form table.formbuilder td {
	padding: 0px 0px 0px 10px;	
}

div.mobile-form input.falt {
	margin: 0 0 10px 0;
}