/* CSS Document */

div.sectiontitle
{      
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

body, html{
	width:100%;
	height:101%;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.ProductHeader
{
	font-size:14px;
	font-weight:bold;
}
body{
	padding-top:10px;
	background:url(../images/mainbackground.gif) repeat-x top #cacaca;
}
form{ display:inline; }
h2{
	font-size:15px;
	margin:0 0 15px 0;
	padding:0;
}
h3{
	font-size:14px;
	margin:0 0 15px 0;
	padding:0;
}
a:hover{ text-decoration:underline; }

#main{
	width:910px;
	background:url(../images/mainbackground2.gif) no-repeat top;
}

#shadow{
	width:910px;
	margin:0 auto;
	background:url(../images/background_shadow.gif) repeat-y top;
}
a img{
	border: 0;
}

/* ÄNDRA OM NY BILD SKALL IN*/
/* Topbanner2*/
#top #topbanner{
	height:113px;
	width:100%;
	background:url(../images/topbanner2.jpg) no-repeat top;
}
/* ############################################################################### 
   ##################################### MENU #################################### 
   ############################################################################### */
#top #menu{
	clear:both;
	height:66px;
	padding:0 0;
	background:url(../images/menu.gif) no-repeat top;
}
#top #menu ul{
	position:absolute;
	list-style:none;
	margin:0 5px 0 5px;
	height:29px;
	width:880px;
	padding:0 10px 0 0;
}
#top #menu ul li{
	float:left;
	margin:0;
}
#top #menu ul li a{
	float:left;
	display:block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	
	color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
		
	background-image:url(../images/topmenu_border.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.pollbar
{
   background-color: red;
   font-size: 4px;   
}
a
{
	text-decoration:underline;
}
a:hover
{
	color:red !important;
}

#top #menu ul li a:hover{
	color:red !important;
	background-color:white;
}
#top #menu ul li ul li a{
	height:29px;
	line-height:29px;
}
#top #menu ul li ul li a:hover{
	background-color:transparent;
}
#top #menu ul li ul li.selected a{
	color:white !important;
	background:url(../images/submenubackground_selected.gif) repeat-x left;
}
#top #menu ul li.selected a{
	color:red;
	background-color:white;
}
#top #menu ul li ul li a{
	color:black !important;
	background-color:transparent !important;
}
#top #menu ul li ul{
	position:absolute;
	top:30px;
	left:0px;
	margin:0;
}
/* ############################################################################### 
   ################################### SIGNIN #################################### 
   ############################################################################### */
/* Topbanner2*/
#topbanner #signin{
	float:right;
	height:19px;
	padding:56px 15px 0 0;
	color:white;
}
#topbanner #signin .links{
	clear:left;
	margin-bottom:5px;
	padding-left:1px;
}
/* Topbanner2*/
#topbanner #signin a{
	color:black;
}
/* Topbanner2*/
#topbanner #signin a:hover{
	color:black !important;
}
/* ############################################################################### 
   ################################### GLOBAL #################################### 
   ############################################################################### */
.input100, .input155{
	float:left;
	height:18px;
	padding:2px 0 0 3px;
}
.input100{
	width:100px;
	background:url(../images/input100x20.gif) no-repeat left;
}
.input155{
	width:155px;
	background:url(../images/input155x20.gif) no-repeat left;
}

.input100 input, .input155 input, .input100x20 input{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:15px;
	line-height:15px;
	font-size:10px;
	float:left;
	background:transparent;
}
#signin .submit{
	float:left;
}

#container{
	width:876px;
	min-height:320px;
	height:auto !important;
	height:320px;
	padding:17px;
	background:url(../images/containerbackground.gif) repeat-y top;
}
#container .block229, #container .block585{
	float:left;
}
#container .block229{
	width:229px;
}
#container .block455{
	float:right;
	width:625px;
}

#shoppingcart{
	margin-bottom:8px;
}

#shoppingcart .headline{
	margin:15px 16px 0 19px;
	padding-left:32px;
	background:url(../images/shoppingcart.gif) no-repeat left;
}
#shoppingcart .headline a strong{
	padding:0;
	margin:0;
	color:#6e6e6e;
	text-transform:uppercase;
	font-size:11px;
	line-height:12px;
}

#shoppingcart .headline a i{
	font-style:normal;
	line-height:12px;
}
#shoppingcart .list{
	margin:5px 0 0 0;
	width:194px;
}
#shoppingcart .list select{
	width:100%;
	text-transform:capitalize;
}

#submenu, #shoppingcart{
	float:left;
	width:100%;
	border-top:1px solid #d2d2d2;
	background:url(../images/submenubackground.gif) repeat-y top;
}
#submenu{ margin-bottom:30px; }
#submenu h1{
	margin:26px 16px 15px 19px;
	padding:0 0 15px 0;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/hmenuline.gif) repeat-x bottom;
}
#submenu #menuitems, #shoppingcart .list{
	padding:0 16px 10px 19px;
	overflow:hidden;
	background:url(../images/menubottombackground.gif) repeat-x bottom;
}
#specialoffer{
	float:left;
	width:219px;
}

.ArticleHeader
{
	font-size:14px;
	font-weight:bold;	
}

#specialoffer .item{
	padding-left:45px;
}
#specialoffer h2{
	margin:0 0 14px 0;
}
.specialheadline{
	width:100%;
	height:18px;
	line-height:18px;
	clear:both;
	float:left;
	margin:0;
	padding:0 5px;
	font-size:10px;
	color:white;
	text-transform:uppercase;
	background:url(../images/specialheadline.gif) no-repeat left;
}


#searchbox{
	float:left;
	clear:both;
	width:201px;
	margin-bottom:25px;
	padding-left:8px;
}
#searchbox strong{
	float:left;
	font-family:Tahoma, Arial;
	text-transform:uppercase;
	font-size:10px;
	color:#7f7f7f;
	margin-bottom:3px;
}
#searchbox .glossyinput147{
	float:left;
	width:137px;
	height:18px;
	padding:2px 5px 0 5px;
	background:url(../images/glossyinput147.gif) no-repeat left;
}
#searchbox .glossyinput147 input{
	border:0;
	padding:0;
	margin:0;
	width:137px;
	height:14px;
	line-height:14px;
	font-size:10px;
	background:transparent;
}
#searchbox input{
	float:left;
	margin-left:5px;
}

#searchbox a{
	width:100%;
	float:left;
	clear:both;
	text-decoration:underline;
	color:#4a4a4a;
	margin-top:3px;
}

/* ############################################################################### 
   #################################### ITEM ##################################### 
   ############################################################################### */
/*.item{
    float:left;
    width:134px;
    height:254px;
    margin:0 0 22px 0;
    padding-right:18px;
}
.item .image{
    min-height:227px;
    height:auto !important;
    height:227px;
}
.item .image .productframe{
    position:absolute;
    width:134px;
    height:229px;
    background:url(../images/productbackground150.gif) no-repeat top;
}*/

.item{
	float:left;
	width:134px;
	height:254px;
	margin:0 0 22px 0;
	padding-right:18px;
}
.item .image{
	min-height:227px;
	height:auto !important;
	height:227px;
}

.item .image .productframe{
	position:absolute;
	width:134px;
	height:229px;
	background:url(../images/productbackground.gif) no-repeat top;
}

.item .image img{
	display:block;
	margin:0 auto 0 auto;
	top:51px;
	position:relative;
}

.item .absolute{

}

.item .buttons{
	height:21px;
	width:71px;
	margin:6px auto 0 auto;
}
.item .buttons input, .item .buttons a{
	padding:0;
	margin:0 0 0 20px;
	float:left;
}
.item .buttons a{ margin-right:5px; }
.item .description, .item .price{
	position:absolute;
	text-transform:uppercase;
	color:white;
	text-align:center;
	width:134px;
	height:20px;
	overflow:hidden;
}
.item span.description{
	z-index:100;
	margin-top:18px;
}
.item span.price{
	z-index:101;
	font-weight:bold;
	margin-top:206px;
}

/* ############################################################################### 
   ################################## CONTAINER ################################## 
   ############################################################################### */
#container .block585{
	/*width:585px;*/
	width:540px;
}
#container .greyheadline{
	background:url(../images/greyheadline.png) no-repeat right #ebe9ea;
}
#container .greyheadline, #container .redheadline{
	clear:both;
	height:19px;
	line-height:19px;
	margin:0 0 15px 0;
	padding:0 0 0 22px;
	text-transform:uppercase;
	font-size:11px;
}
#container .redheadline{
	background:url(../images/redheadline.png) no-repeat right #ee3324;
}
#container .shadowedimage{
	float:left;
	width:145px;
	height:132px;
	background:url(../images/imageshadow.png) no-repeat left;
	padding:10px;
	margin:0 15px 0 0;
}
#container .shadowedimage img{
	border:0;
	margin:0 auto;
	display:block;
}
#container .block585 .content{
	padding:12px 0 0 0;
	/*width:361px;*/
	width:500px;
	float:left;
}
#container .block585 .content h2{
	margin:0;
	padding:0;
	line-height:14px;
	color:#ea2b4a;
	font-size:11px;
}
#container .block585 .content p{
	margin:0;
	padding:0;
	line-height:13px;
	float:left;
}
#container .box{
	float:left;
	margin-bottom:23px;
}
#container .block271{
	float:right;
	/*width:271px;*/
	width:316px;
}
/*
	height:20px;
	float:left;
	padding:0 0 0 8px;
	margin-bottom:37px;
}
*/

/* ############################################################################### 
   ################################## PREVIEW #################################### 
   
   ############################################################################### */
.preview{
	padding:0 15px;
}
.preview div{
	width:45%;
	float:left;
	text-align:center;
	margin:0 10px 20px 0;
}
.preview div img{
	margin:0 auto;
}
.preview a:hover{ text-decoration:none; }

/* ############################################################################### 
   ################################## ARTICLES ################################### 
   ############################################################################### */
.articles{
	padding:0 15px;
	margin-bottom:25px;

}
.articles ul{
	list-style:none;
	margin:0;
	padding:0;
}
.articles ul li{
	background:url(../images/document.gif) no-repeat left;
}
.articles ul li a{
	padding:0 0 0 16px;
}
.newsletter{
	padding:0 0 0 21px;
}
.clear{ clear:both; }
#footer
{
	text-align:center;
	clear:both;
	height:25px;
	padding:18px 0 50px 17px;
	display:block;
	background:url(../images/footer.gif) no-repeat top #cacaca;
}

/* ############################################################################### 
   ################################## DETAILS #################################### 
   ############################################################################### */

#details .image{
	float:left;
	margin:0 12px 15px 0;
	text-align:center;
}
#details .image img{ margin:0 0 3px 0; }
#details .image a.resize{
	background:url(../images/resize.gif) no-repeat left top;
	padding:0 0 0 22px;
	height:15px;
	line-height:15px;
	text-decoration:underline;
}
#details .description{ clear:left; }
#details #info{	float:left; }
#details #info .price{	font-size:12px; }
#details #info .status{ font-size:12px; font-style:normal; }
#details #info .instock{ color:#009900; }
#details #info .outofstock{ color:red; }
#details #data{	clear:left; margin:20px 0 15px 0; }
#details #data .radiobuttons{ clear:left; }
#details .description{
	clear:left;
	width:500px;
	margin:0 0 15px 0;
}
#details a.tip{	text-decoration:none; }
/* Topbanner2*/
#top #topbanner #homelink{
   position:relative;
   left:6px;
   width:300px;
   height:113px;
   display:block;
   float:left;
}


.breadcrumb
{
    text-align:center;
}