body {
    background: url(img/bg.jpg) repeat-x #000;
    font-family: Calibri;
    line-height: 15px;
    letter-spacing: 0px;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}    

h1,h2,h3 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    padding: 10px 0px 0px 20px;
    /*line-height: 20px;*/
    color: #FFF;
}



p {
    margin: 10px 20px;
}

.clr {
    clear: both;
    margin: 0px;
    padding: 0px;
}

#page {
    background: url(img/background.jpg) no-repeat;
    width: 980px;
    margin: 20px auto;
    padding: 0px;
}

#logo {
    /*background: url(img/logo97.png) no-repeat;*/
    height: 109px;
    margin: 0px;
    padding: 0px;
}    

#logo img {
    float: right;
}    

#box {
    height: 452px;
    width: 980px;
    background: url(img/box.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}

#box h1, #box h2, #box h3 {
    color: #000;
}
    
#meny {
    padding: 0px;
    margin: 0px;
}    

#meny ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#meny li {    
        float: left;
        width: 100px;
        line-height: 38px;
        margin: 0px;
        padding: 0px;
        text-align: center;
}



#meny li a {
    text-transform: uppercase;
    color: #FFF;        
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}    

#meny li a:hover {
    text-decoration: underline;
}
 
#meny li.current {
    background: url(img/knapp.png);
}

#meny li.current a {
    color: #000;
}

#skandinavien {
    padding: 10px;
    float: right;
}

#skandinavien img {
    border: none;
}    

.bollmarken {
    padding: 0px;
    margin: 0px;
}    

.bollmarken ul {
    list-style: none;
    margin: 0px;
    padding: 10px 10px;
    height: 21px;
    background: url(img/bg_png_bl.png);
    clear: left;
}

.bollmarken li {    
        float: left;
        line-height: 20px;
        margin: 0px 10px;
        padding: 0px;
        color: #FFF;
}

.bollmarken li a {
    text-transform: none;
    color: #FFF;        
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}   

.bollmarken li a:hover {
    text-decoration: underline;
}

#innerbox {
    height: 333px;
}

.hela_kolumnen {
	width: 324px;
	float: left;
	/*height: 300px;*/
}
  
.textbubbla {
    background: url(img/bg_png.png);
    border: 1px solid #c2c2c2;
    float: left;
    width: 304px;
    color: #FFF;
    margin: 10px;
    /*padding: 0px 20px 20px 0px;*/   
}

.textbubbla img {
    border: none;
}    

.textbubbla a, .w_textbubbla a {
    color: #FFF;
    text-decoration: underline;   
}

.textbubbla span {
    color: #ed3000;
    font-weight: bold;
}    

.w_textbubbla {
    background: url(img/bg_png_wh.png);
    border: 1px solid #c2c2c2;
    float: left;
    color: #000;
    margin: 10px 20px;
    padding: 0px 20px 20px 0px;
    max-width: 400px;
}
    
.w_textbubbla img {
    border: 1px solid #c2c2c2;
}    

.w_textbubbla table {
    width: 400px;
}    

.w_textbubbla td img {
    border: none;
}   

.w_textbubbla a {
    color: #000;
}
    
#box .textbubbla h1, #box .textbubbla h2, #box .textbubbla h3{
    color: #FFF;
}
    
#content {
    margin: 0px;
    padding: 0px;
    background: url(img/content.jpg);
    min-height: 304px;
    color: #aaaaaa;
}
#content a {
    color: #cccccc;
    text-decoration: underline;
}

#content ul {
    margin: 20px 0px;
    font-size: 14px;
}

#content li {
    margin: 10px 0px;
}

#content .post {
    width: 326px;
    float: left;
    margin-top: 20px;
    min-height: 100px;
}

#content .post td {
    font-size: 15px;
}
    
#brandmeny {
    overflow:hidden;
    height: 333px;
    background-repeat: no-repeat;
    background-position: top right;
    width: 980px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#brandmeny h1 {
    color: #000;
    padding-top: 20px;
}    

#brandmeny ul {
    list-style: dot;
    float: left;

}    

#brandmeny li {

    
}

#brandmeny li a {
    color: #0e91c7;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    clear: right;
}

#brandmeny li a:hover {
    text-decoration: underline;
}

#brandmeny li span {
    color: #aaaaaa;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;    
}

#brandmeny table {
    float: left;
    width: 415px;
    padding: 0px;
    margin: 0px 20px;    
}

#brandmeny td {
    padding: 0px;
    margin: 0px;
    /*line-height: 9px;
    font-size: 0.9em;*/
}

#brandmeny td a {
    color: #0e91c7;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    clear: right;
}    

#brandmeny td a:hover {
    text-decoration: underline;
}
    
table {
    margin: 0px 20px;
}    

td {
    padding: 0px 5px;
    margin: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

input {
    font-family: Calibri;

}
    
input.button {
    background: transparent url(img/svartknapp.png) no-repeat;
    display: block;
    width: 75px;
    height: 20px;
    text-align: center;
    border: none;
    color: #FFF;
    font-size: 12px;
}

input.text {
    width: 30px;
}

.korgartikel {
    clear: both;
    /*border-bottom: 1px dashed #333333;*/
    margin: 0px 20px 0px 0px;
	
}


.artinfonew {
	background: url(http://www.out-of-bounds.se/img/bg_png_bl.png);
	border: 1px solid #555;
	padding: 10px;
	margin: 10px 0px;
}

.artinfonew p {
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
}
.artinfonew p a,.artinfonew p a:visited {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}    

.artinfonew .enhetspan {
	font-style: italic;
	font-size: 14px;
}

.artinfonew .prisspan {


}

.artinfonew .changeremove {
	font-size: 14px;
	line-height: 14px;

}

.artinfonew input {
	margin: 0px;
	padding: 0px;
}
    
.korgartikel .artinfo {
    float: left;
    width: 130px;
}

.korgartikel .artinfo a {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}    

.korgartikel .artinfo p {
    padding: 0px 10px;
}    

.korgartikel form {
        float: left;
        display: block;
        /*width: 125px;*/
        margin: 10px 20px 0px 20px;
        padding: 0px;
}        

.korgartikel input {
	margin: 5px 0px 0px 0px;
	padding: 2px 5px;   
	border: none;
    color: #FFF;
    float: left;    
}
    
.korgartikel input.text {
    width: 25px;
    height: 20px;    
	background: url(img/svartknapp25.png) no-repeat;    
}

.korgartikel input.button {
    width: 50px;
    height: 20px;    
	background: url(img/svartknapp50.png) no-repeat;
}

.formular {
    float: left;
}
    
.formular fieldset{
	border: 0px;
}

.formular label {
	color: #000;
	font-weight: bold;
	font-size: 1em;
	
	display: block
}

.formular .intext {
	width: 188px;
	margin: 2px 6px 0px 0px;
	padding: 2px 5px;
	background: url(img/img02.gif) repeat-x;
	border: 1px solid #ACACAC;	
}

.formular select {
	width: 200px;
	margin: 2px 6px 0px 0px;
	padding: 2px 5px;
    font-size: 12px;
}

.formular textarea {
	width: 300px;
	margin: 2px 6px 0px 0px;
	padding: 2px 5px;
	background: url(img/img02.gif) repeat;
	border: 1px solid #ACACAC;	
}

.formular .buybtn {
	width: 67px;
	height: 28px;
	padding: 0;
	background: #006BFF url(img/img03.gif) no-repeat;
	border: none;
	color: #FFFFFF;
}

#footer {
    width: 980px;
    margin: 10px auto;
}

#footer p {
    color: #aaaaaa;
    text-align: center;
    font-size: 12px;
}    



/*IE PNG Fix------------------*/

img, div 
{ 
	behavior: url(include/iepngfix.htc); 
}


.arrows{
	position:relative;
	z-index:10;
}

.prev {
	position: absolute;
	left:10px;
	top:-200px;
}
.next {
	position: absolute;
	right:10px;
	top:-200px;

}

.slider {
	width: 980px;
	height: 100px;
	background: #00bdf4;/*url(img/bg_png_bl.png);*/
}

.sliderImages {

margin: 0px;
padding: 0px;
overflow: hidden;
visibility: visible;
position: relative;
z-index: 2;
left: 0px;
width: 900px;

}

.sliderImages ul{
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style-type: none;
	z-index: 1;
	width: 3680px;
	left: -1840px;
}

.sliderImages ul li{
	margin:0px;
	padding: 0px;
	overflow: hidden;
	float: left;
	width: 980px;
	height: 100px;
}

ul.share_list {
	list-style: none;

}


.varuform_klassbild {
	float: left;
	width: 40px;	
}

.varuform_lagertext {
	float: left;
	width: 75px;
	font-size: 16px;
	line-height: 30px;
}

.varuform_pristext {
	float: left;
	width: 75px;
	font-size: 16px;
	line-height: 30px;	
}

.varuform_knappar {
	float: left;
	line-height: 25px;
}

.varuform_knappa input {
	margin-top: 0px;
	padding-top: 0px;
}

.klassform {
	background: url(http://www.out-of-bounds.se/img/bg_png_bl.png);
	border: 1px solid #555;
	padding: 10px;
}