html {
	height: 100%;
}
body {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	min-height: 100%;
}
p {
	margin:0;
	padding:0;
}

div.clear {
	clear:both;
}

div.site {
	width:982px;
	margin:auto;
}

div.header {
	width:980px;
	height:120px;
	background:url(grafik/logo.png) repeat-x;
}

div.logo {
	float:left;
	width:114px;
	height:99px;
	border-right:1px dotted #fff;
	margin:10px 0 0 25px;
}

div.search {
	float:left;
	width:295px;
	height:68px;
	background:url(grafik/searchBg.png) no-repeat;
	margin:30px 0 0 30px;
	padding-right:30px;
	border-right:1px dotted #fff;
}

div.innerSearch{
	float:left;
	margin:21px 17px 0 17px;
}
input.searchText {
	float:left;
	width:219px;
	height:22px;
	background:url(grafik/searchText.png) no-repeat;
	border:none;
	padding:6px 0 0 5px;
	color:#339933;
}
/** BUTTON 1 **/
input.button
{
    background: transparent url(grafik/button_right.png) no-repeat scroll top right; /* höger bild*/
	border: 0px;
    display: block;
    float:left;
    height: 24px; /* Ändra h bild höjd*/
    margin-right: 6px;
    padding-right: 27px; /*ändra till h bild bredd*/
    text-decoration: none;
}

input.button input
{
    background: transparent url(grafik/button_left.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 5px 5px 5px;
    color: #fff;
}

input.button a
{
    background: transparent url(grafik/button_left.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 5px 5px 5px;
    color: #fff;
}


div.button
{
    background: transparent url(grafik/button_right.png) no-repeat scroll top right; /* höger bild*/
    display: block;
    float:left;
    height: 27px; /* Ändra h bild höjd*/
    padding-right: 10px; /*ändra till h bild bredd*/
    text-decoration: none;
}

div.button a
{
	font-size:9px;
	font-weight: bold;

    background: transparent url(grafik/button_left.png) no-repeat;
    display: block;
    line-height: 21px;
    padding: 3px 7px 3px 13px;
    color: #fff;
}

div.button input
{
	font-size:9px;

	cursor: pointer;
    background: transparent url(grafik/button_left.png) no-repeat;
    display: block;
    padding: 6px 3px 7px 12px;
    color: #fff;
	border: 0;
}


div.button:hover a
{
}
/** button2 **/
input.button2
{
    background: transparent url(grafik/button2_right.png) no-repeat scroll top right; /* höger bild*/
	border: 0px;
    display: block;
    float:left;
    height: 24px; /* Ändra h bild höjd*/
    margin-right: 6px;
    padding-right: 27px; /*ändra till h bild bredd*/
    text-decoration: none;
}

input.button2 input
{
    background: transparent url(grafik/button2_left.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 5px 5px 5px;
    color: #fff;
}

input.button2 a
{
    background: transparent url(grafik/button2_left.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 5px 5px 5px;
    color: #fff;
}


div.button2
{
    background: transparent url(grafik/button2_right.png) no-repeat scroll top right; /* höger bild*/
    display: block;
    float:left;
    height: 27px; /* Ändra h bild höjd*/
    padding-right: 10px; /*ändra till h bild bredd*/
    text-decoration: none;
}

div.button2 a
{
	font-size:9px;
	font-weight: bold;

    background: transparent url(grafik/button2_left.png) no-repeat;
    display: block;
    line-height: 21px;
    padding: 3px 3px 3px 13px;
    color: #fff;
}

div.button2 input
{
	font-size:9px;

    background: transparent url(grafik/button2_left.png) no-repeat;
    display: block;
    padding: 6px 3px 7px 12px;
    color: #fff;
	border: 0;
}


div.button2:hover a
{
}
/** END button22 **/

div.mcont {
	float:left;
	font-size:12px;
	margin:10px 0 0 -5px;
}
div.mcont p {
	margin:2px 0;
	padding:0;
	color:#fff;
}
div.mcont a {
	text-decoration:underline;
	color:#fff;
}
div.mcont a:hover {
	text-decoration:none;
}
div.mcont h1 {
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:0;
	font-style:italic;
}

div.prodName {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
div.prodName a
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #6b9bbb;
    display: block;
    padding: 12px 14px 0px;
}
div.prodPrice {
	text-align: left;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: 4b4b4b;
	padding: 0px 10px;
	margin: 4px 4px 4px 4px;
}
div.prodImg {
	padding: 0px 10px;
	margin: 4px 4px 4px 4px;
    text-align: center;
}
div.prodList {
	background: transparent url(grafik/productBg.png) no-repeat;
	float: left;
	height: 200px;
	width: 157px;
	padding: 0px;
	margin: 10px 2px 2px 10px;
}

div.prodInfo {
	height: 155px;
	width: 100%;
}
div.prodButtons {
	padding: 0px 15px;
}

div.info {
	float:left;
	margin:28px 0 0 22px;
}
div.info p {
	margin:2px 0;
	padding:0;
	color:#fff;
}
div.info a {
	text-decoration:underline;
	color:#fff;
}
div.info a:hover {
	text-decoration:none;
}
div.info h1 {
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:0;
	font-style:italic;
}

div.langBox {
	float:right;
	color:#fff;
	margin:5px 5px 0 0;
}
div.langBox a{
	color:#fff;
	text-decoration:underline;
}
div.langBox a:hover {
	text-decoration:none;
}

div.topNavWrap {
	width:980px;
	height:38px;
	background:url(grafik/topNavBg.png) repeat-x;
}
div.topNav {
	float:left;
	width:790px;
	height:37px;
	margin:1px 0 0 0 ;
	color:#fff;
}
div.topCart {
	float:left;
	height:28px;
	width:153px;
	padding:5px 15px;
	margin-top:-1px;
	background:url(grafik/menuBoxBg.png) repeat-y;
	color:#333333;
}


div.where {
	float:left;
	height:27px;
	padding:10px 0 0 10px;
	color:#fff;
	font-size:10px;
}
div.where a {
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}
div.where a:hover {
	text-decoration:none;
}

div.topMenu {
	float:left;
}
div.menuText {
	float:left;
	height:14px;
	padding:10px;
	background:url(grafik/topNavSplit.png) no-repeat;
	background-position:center right;
}
div.menuText a {
	color:#E3E3E3;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
div.menuText a:hover {
	color:#ffffff;
}

div.dotted {
	width:100%;
	height:1px;
	border-bottom:1px dotted #333;
	margin:10px 0;
}

div.cont {
	width:982px;
}

div.left {
	float:left;
	width:190px;
	padding-top:7px;
}
div.middle {
	float:left;
	width:555px;
	padding:7px 11px;
}
div.right {
	float:left;
	padding: 7px 0px 0px 20px;
}

div.menuHeader {
	width:182px;
	height:29px;
	background:url(grafik/menuHeader.png) no-repeat;
	padding: 2px 0 0 10px;
	color:#AB6BBF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	line-height: 28px;
	cursor: default;
}
div.menuBox {
	width:192px;
	padding:0 0px 0 0px;
	background:url(grafik/headerShadow.png) repeat-x;
	margin-bottom: 10px;
}
div.menuCont {
	margin-left:1px;
	width:153px;
	padding:10px 15px;
	color:#656565;
}

div.menuCont ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.menuCont ul li {
	width:153px;
	margin-bottom:5px;
}

input.buy_button {
	width:43px;
	height:31px;
	background:url(grafik/buy_button.png) no-repeat;
	border:none;
	cursor:pointer;
}

div.middleHeader {
	width:576px;
	height:29px;
	background:url(grafik/middleHeader.png) no-repeat;
	padding: 2px 0 0 10px;
	color:#AB6BBF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	line-height: 28px;

}
div.middleBox {
	width:576px;
	padding:0 0px 0 2px;
	background:url(grafik/headerShadow.png) repeat-x;
}
div.middleCont {
	font-size: 12px;
	font-weight: lighter;
	margin-left:1px;
	padding:25px;
	color:#4B4B4B;
}

input.newsLetterText{
	width:143px;
	height:17px;
	color:#333;
	background:url(grafik/inputTextBg.png) no-repeat;
	border:none;
	padding:3px 5px 0 5px
}

div.bottomBg {

	background-color: #3F3F3F;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;

	clear: both;
	width: 100%;
	height: 100px;
	
}
div.bottomBg a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.pageTitle {
	color: #65CB65;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
}

.menutree ul li {
	background: #d6d6d6 url(grafik/categoryBtn.png) left top no-repeat;
	line-height: 16px;
}
ul.sublist {
	margin: 5px 0px 0px 0px;
}
ul.sublist li {
	border-right: 1px solid #b5b1b1;
	padding: 5px 0px 3px 10px;
}
