/*- Simple reset
---------------------------------------------*/
html, body, ul, ol, li, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.3em;
}

h1 {
	font-size: 2.7em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.7em;
}

h4 
{
	font-size: 1.0em;   
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select {
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

input[type='radio'] {
	outline-style: none;
}


/*- Base settings
---------------------------------------------*/
body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #111;
	margin: 0;
}

a { text-decoration: none; }


/*- Common classes
---------------------------------------------*/
.floatBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;    
}

.floatBox { width: 100%;}

.floatLeft, .floatRight {
    display: inline;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


.box{ width: 100%; }
.clear { clear: both; }
.inline { display: inline; }
.block { display: block; }
.hidden { display: none; } 
.overflowHidden { overflow:hidden; }

.pagination ul.hidden { display: none !important; } 

/*- Grid system (http://960.gs/demo.html)
---------------------------------------------*/
#page { width: 960px; margin: 0 auto; }

.col1, .col2, .col3, .col4, .col5, .col6, col7, .col8, .col9, .col12 { margin: 0 10px; float: left; display: inline; min-height: 600px; }
.col1 { width: 60px; }
.col2 { width: 140px; }
.col3 { width: 220px; }
.col4 { width: 300px; }
.col5 { width: 380px; }
.col6 { width: 460px; }
.col7 { width: 540px; }
.col8 { width: 620px; }
.col9 { width: 700px; }
.col12 { width: 940px; }
.footerCol.col6 
{
	min-height: 50px !important;
}
.col12 
{
	min-height: 50px;
}
#page .layoutContainer { padding-top: 25px; }

#page .footerCol {
    min-height: 50px;
    padding-top: 10px; /* Overflow+absolute bugg vid markering av element */
}

#page {
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

/*	FÄRG1 !
----------------------------------------*/

#page .addToCart, #page .toShoppingCart {
	background: #3F8ED3;
}
#page .userVatOptions,
#page .userLanguages,
#page .shoppingCart {
    background: #666;
}
#page .userLanguages,
#page-header .userLanguages {
    position: relative;
}

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

#page-header {
    position: relative;
}

/*	Shoppingcart */
.shoppingCart {
    float: right;
    padding: 10px;
}

.menu-mobile .shoppingCart {
    padding: 10px 15px;
}

.menu-mobile .shoppingCart .ss-cart {
    font-size: 15px;
}

.menu-mobile .shoppingCart .ss-cart:before,
.menu-mobile .shoppingCart .ss-cart:after {
    position: relative;
    top: 3px;
}

#page .toShoppingCart {
    font-weight: bold;
    float: right;
    padding: 10px;
}

#page .toShoppingCart a {
	font-weight: bold;
	color: #fff;
}

#page .toShoppingCart a:hover {
	text-decoration: underline;
}

/*	Page
----------------------------------------*/
#page-content {
	min-height: 600px;
	margin-bottom: 20px;
	z-index: 5;
	position: relative;
}

/*	Footer
----------------------------------------*/
#page-footer {
	border-top: 1px dotted #ccc;
	padding: 10px 0;
}


/*	Artikel
----------------------------------------*/
#page .userVatOptions,
#page .userLanguages,
#page .shoppingCart {
    color: #fff;
}

#page .noSidebar {
	margin: 0 55px;
}
#page .productsList label {
	margin-right: 5px;
}

#page .divideArticlePageSideMenu {
	width: 460px;
}

#page .divideArticlePage {
	width: 550px;
}

#page .productInfoShop .currency {
	font-size: 20px;
}

#page .imageOne {
	width: 250px;
	height: 200px;
	background: url(../boll1.jpg);
	margin: 0 15px;
}

#page .twoInOne {
	width: 49%;
	margin-bottom: 10px;
	color: #9F9F9F;
}

#page .imageSmal {
	width: 80px;
	height: 60px;
	background: url(../smalimg.jpg);
	margin-right: 5px;
}

#page .marginOne {
	margin-left: 15px;
}

/*	rutnät
----------------------------------------*/

#page table.productsList {
	width: 100%;
}

#page table.productsList th {
	font-weight: bold;
	line-height: 20px;
}

#page table.productsList td {
	line-height: 40px;
	width: 45px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#page #page-wrapper {
	margin-bottom: 30px;
}

.mainmenu a.externalPageLink,
.sideMenu a.externalPageLink,
#mobile-menu a.externalPageLink {
    text-decoration: underline;
}