@charset "UTF-8";
/* CSS Document */

body {
background-color: #e9e9e9;
margin-left:30px;
margin-top:0px;
margin-right:30px;
margin-bottom:0px;

font-family:Tahoma,Arial,sans-serif;
font-size:14px;
}
a{
color:#333333;
}
a:hover{
color:#b50d00;
}

img{
border:none;
behavior:url(css/pngHack.htc);
}


h1{
font-family:Arial,sans-serif;
font-weight:normal;
font-size:20px;
color:#333333;
letter-spacing:-1px;
text-shadow:#999999 2px 2px 0px;
}
h2{
font-family:Arial,sans-serif;
font-size:15px;
font-weight:bold;
color:#333333;
letter-spacing:-1px;
text-shadow:none;
}
h3{
font-family:Arial,sans-serif;
font-size:11px;
font-weight:bold;
color:#555555;
}
h4{
font-family:Arial,sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
form{
padding:0px;
margin:0px;
}

input,select,textarea{
font-family:Tahoma,Arial,sans-serif;
font-size:11px;
}

li{
margin-bottom:10px;
padding-left:0px;
}

.spacer{
clear:both;
}
.right{
float:right;
}
.textSmall{
font-size:10px;
}

#mainContainer{
min-width:800px;
}
#topbar{
height:102px;
background-image:url(images/topbar/bg.png);
background-repeat:repeat-x;
}



#navbar{
height:43px;
background-image:url(images/topbar/bgNav.png);
background-repeat:repeat-x;
padding-left:31px;
}
#navbar .basket{
float:right;
display:block;
height:43px;
width:141px;
background-image:url(images/shop/bgBasket.png);
font-size:9px;
color:#333333;
text-decoration:none;
}
.searchBar input{
text-shadow:none;
}
.searchBar .phoneNumber{
float:left;
padding-left:36px;
}


	.navigationHome{
	display:block;
	overflow:hidden;
	width:53px;
	height:43px;
	background-image:url(images/navBar/home.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationHome:hover{
	background-position:0px -43px;
	}
	
	.navigationAbout{
	display:block;
	overflow:hidden;
	width:70px;
	height:43px;
	background-image:url(images/navBar/about.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationAbout:hover{
	background-position:0px -43px;
	}
	
	.navigationChoosing{
	display:block;
	overflow:hidden;
	width:116px;
	height:43px;
	background-image:url(images/navBar/choosing.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationChoosing:hover{
	background-position:0px -43px;
	}
	
	.navigationFind{
	display:block;
	overflow:hidden;
	width:111px;
	height:43px;
	background-image:url(images/navBar/find.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationFind:hover{
	background-position:0px -43px;
	}
	
	.navigationNews{
	display:block;
	overflow:hidden;
	width:86px;
	height:43px;
	background-image:url(images/navBar/news.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationNews:hover{
	background-position:0px -43px;
	}
	
	.navigationInstall{
	display:block;
	overflow:hidden;
	width:88px;
	height:43px;
	background-image:url(images/navBar/installation.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationInstall:hover{
	background-position:0px -43px;
	}
	
	.navigationDistributors{
	display:block;
	overflow:hidden;
	width:90px;
	height:43px;
	background-image:url(images/navBar/distributors.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationDistributors:hover{
	background-position:0px -43px;
	}
	
	.navigationContact{
	display:block;
	overflow:hidden;
	width:81px;
	height:43px;
	background-image:url(images/navBar/contact.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationContact:hover{
	background-position:0px -43px;
	}

	.navigationContactHome{
	display:block;
	overflow:hidden;
	width:81px;
	height:43px;
	background-image:url(images/navBar/contactHome.png);
	background-position:0px 0px;
	margin-bottom:0px;
	float:left;
	}
	.navigationContactHome:hover{
	background-position:0px -43px;
	}




#shopNav{
width:235px;
float:left;
border-bottom:1px solid #AAAAAA
}
#shopNav .title{
padding:0px;
padding-top:0px;
margin:0px;
}


#shopNav a{
display:block;
height:19px;
padding-left:32px;
padding-top:7px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-decoration:none;
letter-spacing:-0.5px;
text-shadow:#000000 2px 2px 0px;
background-image:url(images/shopNav/navItem.png);
background-repeat:no-repeat;
}
#shopNav a:hover{
background-position:0px -26px;
}

#shopNav .title{
height:19px;
background-image:url(images/shopNav/navTitle.png);
background-repeat:no-repeat;
padding-left:22px;
padding-top:9px;
color:#FFFF00;
font-weight:bold;
font-size:11px;
text-shadow:#000000 3px 3px 0px;
}


#contentArea{
background-image:url(images/bgContent.png);
background-repeat:repeat-x;
background-position:0px 30px;
}


#contentRight{

}

#contentRight .searchBar{
height:30px;
background-image:url(images/shopNav/bgSearchBar.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-decoration:none;
letter-spacing:-0.5px;
text-shadow:#000000 2px 2px 0px;
}
#contentRight .breadCrumb{
margin-left:40px;

}



#productsList{
margin-top:30px;
margin-right:50px;
margin-left:280px;
padding-bottom:30px;
}
#productsList .productImage{
border:1px solid #999999;
}
.productItemListBox{
background-image:url(images/shop/bgItemList.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
border:1px solid #999999;
padding:25px;
height:1%;
}







#productsList{
margin-top:30px;
margin-right:50px;
margin-left:280px;
padding-bottom:30px;
}
#productsList .productImage{
border:1px solid #999999;
}
.productItemListBox{
background-image:url(images/shop/bgItemList.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
border:1px solid #999999;
padding:25px;
}

#productPage{
margin-top:30px;
margin-left:280px;
margin-right:30px;
font-size:11px;
}
#productPage .contentIntro{
height:1%;
}

#productPage .title{
font-family:Arial,sans-serif;
font-weight:bold;
font-size:30px;
color:#333333;
letter-spacing:-1px;
text-shadow:#999999 2px 2px 0px;
}
#productPage .titleSub{
font-family:Arial,sans-serif;
font-weight:bold;
font-size:14px;
color:#333333;
letter-spacing:-1px;
margin-bottom:20px;
}
#productPage .right{
float:right;
margin-left:50px;
}
#productPage .productImage{
border:1px solid #999999;
margin-bottom:12px;
}
#productPage .price{
float:right;
margin-right:8px;
font-family:Arial,sans-serif;
font-weight:bold;
font-size:25px;
color:#333333;
letter-spacing:-1px;
text-align:right;
text-shadow:#999999 2px 2px 0px;
}
#productPage .priceVAT{
margin-top:-7px;
font-size:16px;
text-shadow:none;
}
#productPage .addToBasket{
margin-top:12px;
}
#productPage .features{
float:left;
width:230px;
}
#productPage .specs{
margin-left:290px;
width:230px;
}

#productPage .recommended{

}
#productPage .recommended .thetitle{
font-size:11px;
}
#productPage .recommended .productContainer{
float:left;
padding:10px;
border:1px solid #999999;
margin-right:10px;
text-align:center;
background-color:#FFFFFF;
}



.inputQuantity{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
border:1px solid #6a0003;
width:23px;
height:15px;
margin-right:6px;
}

/*More Info Box*/
#moreInfo{
	height:100px;
	overflow:hidden;
	width:100%;
	margin-top:20px;
	color:#FFFFFF;
	font-size:13px;
	position:relative;
}

#scroller{
	height:100px;
	position:relative;
	margin-right:25px;
}
.arrows{
	bottom:0;
	height:auto;
	position:absolute;
	right:5px;
	width:13px;
	z-index:99;
}

#scroller h1{
	color:#FFF;
	padding-bottom:2px;
	margin-bottom:2px;
}

#scroller p{
	margin-top:0;
}

.uparrow{
	margin-bottom:5px;
}

#scroller a:link{
	color:#AAA;
}

#scroller a:hover{
}

#scroller a:visited{
	color:#AAA;
}

#footer{
	margin-top:10px;
}

#footer p{
	text-align:center;
	font-size:smaller;
	color:#fff;
}

#footer a:link{
	color:#fff;
}

#footer a:visited{
	color:#fff;
}

#footer a:hover{
	color:#fff;
}