@charset "UTF-8";
/* CSS Document */

/* addons to products list view */
.info-title{
	font-weight: bold;

}
.product-shop p{
	font-size: 12px;
}
.addtocartbut{
	border:none!important;
	color: #FFF;
	margin: 10px 0 10px 0;
	font-size:12px;
	background-color:#f0f5f7;
	height:30px;
	}
	
div#customerUkButton{float:left;width:167px;background-color:#f0f5f7;text-align:center;margin:10px 10px 0px 0;}
div#customerUkButton .addtocartbut{background-image:url(../images/customersUkButton.jpg);background-repeat:no-repeat;width:153px;}
div#customerOutsideUkButton{float:left;width:182px;background-color:#f0f5f7;margin:0 0 0 5px;text-align:center;margin:10px 0 0 0;}
div#customerOutsideUkButton .addtocartbut{background-image:url(../images/customersOutsideUkButton.jpg);background-repeat:no-repeat;padding:5px;width:168px;} 
.cartText{color:#e9622d;margin:10px 0 0px 0;display:inline-block;}
.product-shop h3{
	margin-bottom: 15px;
}
div#toplinks-container{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

div#toplinks-container div{
	float:right;
	/*background-image: url(../images/toplinks-bg.jpg);*/
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 15px;
	text-align: center;
	height: 30px;
	margin-top: 15px;
	padding-right: 8px;
	margin-left:10px;
	background-position: 7px center;
	background-color: #eeeeee;
}
div#toplinks-container div ul a{
	font-size: 11px!important;
	
}
div#toplinks-container div ul{
	padding-top:4px;
	}

.header-top-container li{
	display: inline;
	}
	
.search{
	height:19px;
	float:right;
	border: 1px solid #FFF;
}

#custom-links{
	clear: right;
	float: right;
	width: 500px;
	margin-right:10px;
	text-align:right;
	padding-top: 27px;
}

#custom-links a{
	color: #FFF;
	margin-left: 23px;
	text-decoration: none;
	font-size: 12px;
}

#custom-links a:hover{
	text-decoration: underline;	
}




/************************************************************************************************ Navigation *****************************************************************************/


#Qnavigation{
	float: left;
	width: 200px;
}

#Qnavigation a{
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/left_nav_button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	width: 190px;
	height: 23px;
	padding-top: 8px;
	padding-left: 8px;
	margin-bottom: 5px;
	text-decoration: none;
}

#Qnavigation a:hover{
	background-image: url(../images/left_nav_button-over.jpg);
	text-decoration:none!important;
}

#Qnavigation a:active,{
	background-image: url(../images/left_nav_button-on.jpg);
	background-repeat: no-repeat;
}

#Qnavigation a.onpage{
	background-image: url(../images/left_nav_button-on.jpg);
	background-repeat: no-repeat;
}

.navigation-extend{
	background-image: none!important;
	color: #9fa3a6!important;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin: 0px;
	height: auto!important;
	width: 180px!important;
	font-weight: normal!important;
	padding-top: 4px!important;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	}

.navigation-extend:hover {
	color:#2A8ACC!important;
}
/************************************************************************************************ styles for the home page *****************************************************************************/
   

div#homepage-middle-content{
	float:left;
}

div#homepage-middle-content a{
	float:left;
	color:#FFF;
	text-decoration: none;
}
a.custLink{
	margin:0px!important;
	color:#2A8ACC!important;
	float:none!important;
	padding:0px!important;
	}
div#home-banner{
	background-image: url(../images/home-page-offerbg.jpg);
	background-repeat: no-repeat;
	height: 321px;
	width: 511px;
	padding-left: 20px;
	padding-top: 10px;
}


div#home-banner h1{
	
	}
.searchTextShop{
	visibility: hidden;
}
div#home-banner p{
	float: left;
	width: 300px;
	margin-top: 4px;
}

div#home-banner a{
	float: right;
	margin-top:235px;
	margin-right: 60px;	
}

div#homepage-right{
	float: right;
	width: 188px;
}

div#homepage-right a{
	color:#FFF!important;
	text-decoration: none;
}

div#news-section{	
	width: 198px;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 11px;
	line-height: 1.4em;
	float:left;
}
.first{
	margin-right: 0px;	
}

.last{
	padding:0 0 0 0px;
}

div#news-section a{
	color: #FEFEFE;
	text-decoration: none;		
}

div#news-section strong{
	font-size: 12px;
}

div#news-section h1{
	background-image: url(../images/news-header.png);
	height: 17px;
	margin: 0px;
	padding-bottom: 11px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding-top: 13px;
	padding-left: 10px;
	padding-right: 10px;
}

div#news-section #news1 {
	/*background-image: url(../images/news1.png);*/
	background-color: #F60;
	width: 178px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
/*	background-color: #c65303;*/
	padding-top: 10px;
	padding-bottom: 7px;
	background-repeat: no-repeat;
	cursor:pointer;
}

div#news-section #news1:hover {
	background-color: #e45b00;
	background-image: none;
	}

div#news-section #news2 {
	width: 178px;
	border-top-width: 1px;
	border-top-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	border-top-color: #FFF;
	/*background-image: url(../images/news2.png);*/
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 7px;
	background-color: #8c1ca2;
	cursor:pointer;
}

div#news-section #news2:hover {
	background-color: #79188c;
	background-image: none;
	}
div#news-section a{
	float:right!important;
}
div#news-section #news3 {
	width: 178px;
	padding-left: 10px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	/*background-image: url(../images/news3.png);*/
	background-repeat: no-repeat;
	background-color: #1dad35;
	padding-top: 10px;
	padding-bottom: 7px;
	cursor:pointer;
}

div#news-section #news3:hover{
	background-color: #19942d!important;
	background-image: none;
}

div#news-section #news-link {
	width: 178px;
	border-top-width: 1px;
	padding-left: 10px;
	padding-right: 10px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-image: url(../images/news-link.png);
	background-repeat: no-repeat;
	height: 31px;
	padding-top: 10px;
}

div#news-section #news-link a{
	font-size: 12px;	
}
.newsHomeTitle{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

div#quotation-box{
	background-image: url(../images/quotation-box.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 240px;
	width: 230px;
	margin-top: 13px;
	padding-left: 15px;
	

}

div#quotation-box p{
	font-size:11px!important;
	line-height: 1.2em;
	padding-top:45px;
	float:left;
}

div#quotation-box a{
	color:#FFF;
	text-decoration: none;
	padding-top: 22px;
	float:left;
	clear:left;
	padding-left:5px;
	
}

div#quotation-box2{
	background-image: url(../images/quotation-box2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 240px;
	width: 230px;
	margin-top: 13px;
	padding-left: 15px;
	

}

div#quotation-box2 h4{
	font-size:14px!important;
	color: #FFFFFF;
	padding-top: 10px;
}

div#quotation-box2 p{
	color: #FFFFFF;
	font-size:11px!important;
	line-height: 1.2em;
	padding-top:22px;
	float:left;
}

div#quotation-box2 a{
	color:#2A8Acc;
	text-decoration: none;
	padding-top: 57px;
	float:left;
	clear:left;
	padding-left:5px;
	
}

#ipad-comp-box{
	background-image: url(../images/ipad-comp-box.jpg);
	background-repeat: no-repeat;
	height: 128px;
	width: 531px;
	margin-top: 13px;
	padding-left: 15px;
}

div#ipad-comp-box p{
	font-size:11px!important;
	line-height: 1.2em;
	padding-top:45px;
	float:left;
}

div#ipad-comp-box a{
	color:#FFFFFF;
	text-decoration: none;
	padding-top: 20px;
	float:left;
	clear:left;
	padding-left:5px;
	
}

div#product-box{
	float: left;
	height: 235px;
	width: 251px;
	margin-top: 12px;
	margin-left: 33px;
	color: #FDFDFD;
	text-decoration: none;
	background-repeat: no-repeat;
}

div#intro_tutorial{
	float: left;
	height: 235px;
	width: 250px;
	background-image: url(../images/product-homepage.jpg);
	margin-top: 12px;
	margin-left: 33px;
	color: #FDFDFD;
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #0FF;
	
}

div#warranty-box{
	background-image: url(../images/warranty-box.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 93px;
	clear: left;
	float: left;
	margin-top: 10px;
	padding-top: 82px;
	padding-left:95px;
}

div#newsletter-box{
	width: 198px;
	margin-top: 4px;
	clear: left;
	float: left;
}

div#homeImageLink{background-image:url(../images/homeImageLink.jpg);background-repeat:no-repeat;height:130px;margin:10px 0 0 0;padding:10px 0 0 10px;}
div#homeImageLink p{width:100px;color:#ffffff;float:left;margin:0 0 25px 0;}
div#homeImageLink a{color:#2A8ACC!important;float:left;clear:left;margin:0 0 0 10px;}

#newsbutholder{
	background-color: #dddddd!important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	width: 85px;
}

.imagebutton{
	border-top-style: none!important;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 8px;
	background-color: #dddddd;
	padding-left: 8px;
}



/************************************************************************************************ styles for the about page *****************************************************************************/

#our-history-content{
	width:550px;
	}

.about-text{
	float:left;
	padding-left:0px;
	width:550px;
	} 
	
.about-headers{
	color: #F29227;
	padding-top: 20px;
}	
	
.about-box{
	background-image: url(../images/about-modulebox.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 230px;
	margin-right:23px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 16px;
}


#student-prizes-content{
	width: 550px;
	
}

#student-prizes-content img{
	float:left;
	margin-right: 10px;
	
}


.about-box:hover{
	background-image: url(../images/about-mod-over.jpg);	
}

.history-text{
		border:1px dashed #A9A9A9;
	padding: 10px;
}

.about-box-end{
	background-image: url(../images/about-modulebox.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 230px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 16px;
}

.about-box-end:hover{
	background-image: url(../images/about-mod-over.jpg);	
}

.about-page-link{
	float: right;
	clear: left;
	margin-top: 21px;
	margin-right: 55px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

#about-page-link-history{
	float: right;
	clear: left;
	margin-top: 7px;
	margin-right: 40px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

#about-content{
	width: 550px;
}

#about-content h2{
	/*color: #e77b12;*/
}

#about-content p{
	margin-bottom: 15px;
	margin-top: 5px;
}

.customers-info{
	float: left;
	margin-top: 20px;
}

.customers-info td{
	padding: 5px;
	border: 1px dashed #CCC;
}

.customers-info td.customer-name{
	color: #FFF;
	font-weight: bold;
	background-color: #2A8ACC;
	width: 100px;
}

#student-prizes-content h4{
	color: #F29227;	
}


#enviro-policy{
	width:550px;
	}


.orange{
	color: #F29227;
	}


/************************************************************************************************ footer changes *****************************************************************************/
			
			
div#footer-info{
	background-image: url(../images/footerbg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	padding-bottom:5px;
	padding-right: 60px;
	padding-left: 60px;
}

div#footer-info p{
	color:#9fa3a6;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.3em;
}

.readmore{
	float: right;
	margin-top: 3px;
}






/************************************************************************************************ product styles *****************************************************************************/


.productDottedborder{
	border: 1px dotted #999;
	background-color: #F0F;
}
.productLInkInfo{
	background-color: #F3F6F7;
	border: 1px dashed #2A8ACC;
	padding: 8px;
	margin:10px 0 8px 0;
}
.productDownloads{
	background-color: #FCECDC;
	border: 1px dashed #d4650b;
	padding: 8px;
	margin:10px 0 8px 0;
}
.productmorebutton{
	border:none!important;
}

#products-text{
	width:550px;
	}

#productmore{
	border:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF!important;
	float: right;
	margin-top: 20px;
	}

#addtobutton{
	border:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	}

.product-title{
	color: #FFF;
	background-color: #2A8ACC;
	margin-right: 26px;
	padding-left: 5px;
}

.inproduct {
	color:#2A8ACC
	}


.inproduct li{
	list-style-position: outside;
	list-style-type: circle;
	color: #656565;
	}
	
.productlink{
	text-decoration: underline;
}

.short-description table{
	margin: 0px;
}

.short-description td{
	border: 1px solid #cccccc;
	padding: 5px;
}

.data-table h2{
	font-size: 12px!important;
}

.product-specs h2{
	font-size: 12px!important;
	}

.pastedtables{
	font-family: Arial, Helvetica, sans-serif;
}

.category-boxes{
	border: 1px dashed #ccc;
	float: left;
	width: 220px;
	margin-right: 20px;
	min-height:170px;
	height:auto!important;
	height:170px;
	}

.category-boxes:hover{
	border: 1px dashed #2A8ACC;

	}
.category-boxes-end:hover{
	border: 1px dashed #2A8ACC;

	}

	
.category-boxes-end{
	border: 1px dashed #ccc;
	float: left;
	width: 210px;
	min-height:170px;
	height:auto!important;
	height:170px;
	margin-bottom: 20px;
	}	
	
.category-img{
	clear: left;
	float: left;
	margin-left: 10px!important;
	}	


.category-boxes-header{
	/*color: #FFF!important;
	background-color: #2A8ACC!important;*/
	margin: 3px;
	padding:3px;
	height: 43px;
	float: left;
}

.category-box-button{
	float: right;
	margin-top: 60px;
	margin-right: 10px;
}


.category-description{
	float: left;
	width: 470px;
	margin-left: 15px;
}


#category-description-holder{
	padding: 10px;
	border: 1px dashed #CCC;
	width: 690px;
	margin-bottom: 10px;
}


.key-features{
	list-style-position: outside;	
}

.key-features li{
	padding-top: 10px;	/*padding-left:10px;*/
}


/************************************************************************************************ styles for the News and Events Section *****************************************************************************/

.newsArchiveContent{
	width:550px;
	}
.newsStoryArchive{
	margin-bottom: 20px;
	border-bottom-width: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-bottom: 10px;
	width:540px;
}
.newsStoryArchive img{
	float:left;
	margin:0 10px 0 0;
}
.newsStoryArchive h4{
	color:#2A8ACC;
	font-size:17px;
	margin-bottom: 10px;
}
.postContent img{
	float:left;
	margin:0 10px 0 0;
}
.postContent a{
	/*float:right;
	margin:5px 0 0 0;
*/}
.postContent{
	width: 600px;
}
.news-box-left{
	background-color: #f6f6f6;
	width: 320px;
	border: 1px dashed #a9a9a9;
	padding: 8px;
	float:left;
	clear:right;
	margin-right: 20px;
	min-height:130px;
	height:auto!important;
	height:130px;
	margin-bottom: 20px;
}

.news-box-left:hover{
	background-color: #ECECEC;	
}

.news-box-right{
	background-color: #f6f6f6;
	width: 320px;
	border: 1px dashed #a9a9a9;
	padding: 8px;
	float:left;
	min-height:130px;
	height:auto!important;
	height:130px;
	margin-bottom: 20px;
	}
	
.news-box-right:hover{
	background-color: #ECECEC;
}

.news-thumb{
	float: left;	
}

.news-thumb-title{
	color: #f29227;
	float: right;
	width: 190px;
}

.thumb-text{
	clear: right;
	float: right;
	width: 190px;	
}

.thumb-link{
	color: #f29227;
	text-decoration: none;
	float: right;
	margin-top: 20px;
}

#news-widget-container{
    float: left;
	width: 300px;
}
#news-widget-container h5{
	margin:0 0 8px 0;
	color: #e77c14;
}

#news-widgetTop{
	background-image: url(../images/NewsWidgetTop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:22px;
	padding:9px 0 0 10px;
}
#news-widgetTop h4{
	margin:0;
	color:#FFF;
	font-size:15px;
}


#news-widgetBottom{
	background-image: url(../images/NewsWidgetBottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
}

#news-widget{
	background-image: url(../images/NewsWidgeMiddle.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
	padding:10px 10px 10px 20px;
}
#news-widget a{
	color:#FFF;
	text-decoration:none;
}
#news-widget #news1{
	background-image: url(../images/NewsWidgetStory.jpg);
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-color: #f7f6f9;
	padding-top: 10px;
	padding-bottom: 7px;
	background-repeat: repeat-x;
	background-position: left top;
	}
#news-widget #news2{
	width: 230px;
	border-top-width: 1px;
	border-top-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	border-top-color: #FFF;
	background-image: url(../images/NewsWidgetStory.jpg);
	background-repeat:  repeat-x;
	padding-top: 10px;
	padding-bottom: 7px;
	background-color: #f7f6f9;
	}
#news-widget #news3{
	width: 230px;
	padding-left: 10px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-image: url(../images/NewsWidgetStory.jpg);
	background-repeat:  repeat-x;
	background-color: #f7f6f9;
	padding-top: 10px;
	padding-bottom: 7px;
	background-position: left top;
	}
#news-widget p {
	color: #2A8ACC;
}
#news-widget a {
	color: #e77c14;
}
.archiveNewsLink{
	background-color: #ffffff;
	clear: left;
	float: left;
	width: 234px;
	padding:4px;
	margin:1px 0 0 0;
	font-size:14px;
	color:#2A8ACC!important;
	font-size:11px;
}
#news-widget img{
	float:left!important;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#newsArchiveBox{}


#top-headline{
	float: left;
	width: 180px;
	font-size: 11px;
	color: #FFF;
	background-image: url(../images/widget-top.jpg);
	height: 38px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
}

#middle-headline{
	float: left;
	width: 180px;
	font-size: 11px;
	color: #FFF;
	background-image: url(../images/widget-middle.jpg);
	height: 38px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	clear:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}

#bottom-headline{
	float: left;
	width: 180px;
	font-size: 11px;
	color: #FFF;
	background-image: url(../images/widget-bottom.jpg);
	height: 38px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	clear:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}


#news-widget a.orange{
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
}

#events-widget-container{
	float:left;
	width:329px;
	text-align:left;
	margin-left: 10px;
}

#events-widgetTop{
	background-image: url(../images/eventWidgetTop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:22px;
	padding:9px 0 0 10px;
	color:#FFF;
	}
	
#events-widgetTop h4{
	color:#FFF;
	margin:0;
	}

#events-widgetMiddle{
	background-image: url(../images/eventWidgetMiddle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding:10px;
}

#eventsWidgetBottom{
	background-position: -2 top;
	height: 10px;
}

#events-widget{
	float: left;
	clear:right;
	padding: 5px;
	color: #2a8acc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	width:300px;
}
#events-widget td.header{
	background-color:#4e9ed3;
	color:#ffffff;
	height:5px!important;
	}

#events-widget td{
	padding: 6px;
	background-color:#ffffff;
}

#events-widget-container a.orange{
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
}


/************************************************************************************************  Events Page *****************************************************************************/
#eventsIndex{
}
#eventsIndex h4{
	color:#F29227;
}
#eventsIndex table{
	margin:0 0 20px 0;
	color: #666;
	background-color: #EAEFF2;
	width:500px!important;
	}


#eventsIndex td{
	border: 1px solid #ffffff;
	padding: 5px;
	white-space: normal;
	width:125!important;
	}
#eventsIndex td a{
	width: 100px!important;
}
#eventsIndex .header{
	background-color:#4e9ed3;
	color:#ffffff;
	}
#events-content{
	width:550px;
	}

.event-month-container{
	clear:left;
	margin-top: 30px;
	}

.events-months{
	float: left;
	clear:right;
	color: #2a8acc;
	margin-top: 0px;
	margin-right: 0px;
	font-weight: bold;	
	}

.events-months td{
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	min-width:70px;
	width:auto!important;
	width:70px;
	}


/************************************************************************************************ styles for the News pages *****************************************************************************/



.news-big-image{
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 20px;
	
}

.news-main-text{
	float: left;
	width: 600px;
	padding-top: 10px;
}

.return-news{
	clear: left;
	float: right;
	margin-top: 20px;
	margin-right: 140px;
}


/************************************************************************************************ styles for the team page *****************************************************************************/



.team-big-image{
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 20px;
	border: 2px dashed #CCC!important;
	padding: 3px;
}

.team-main-text{
	float: left;
	width: 500px;
	
}



/************************************************************************************************ styles for the contact page *****************************************************************************/




#contact-index-text{
	width: 500px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

.content-index-box{
	background-image: url(../images/contactpage-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 190px;
	margin-right: 20px;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.content-index-box h4{
	font-size: 18px;
	padding:0 0 1px 0;
}


.content-index-box a{
	padding-top: 21px;
	clear: left;
	float: right;
	color: #FDFDFD;
	margin-right: 45px;
	font-size: 14px;
	text-decoration: none;
}

.content-index-box-end{
	background-image: url(../images/contactpage-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 190px;
	margin-right: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right:20px;
}

.content-index-box-end h4{
	font-size: 18px;
	padding:0 0 1px 0;
}

.content-index-box-end a{
	margin-top: 33px;
	clear: left;
	float: right;
	color: #FDFDFD;
	margin-right: 45px;
	font-size: 14px;
	text-decoration: none;
}

#UKheadquarters-content p{
 width:300px;
	
}
.global-text{
	width:550px!important;
	}

.contact-leftside{
	float: left;
	width: 340px;
	margin-right: 20px;
}

.contact-rightside{
	float: left;
	width: 330px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px dashed #CCC;
	padding-bottom: 8px;
}


#textcontainer1{
	float: right;
	margin-right: 100px;
}

.global-info{
	margin-bottom: 20px;
	width:350px;
}

.global-info td{
	padding: 5px;
	border: 1px dashed #CCC;
}

.global-info td.name{
	color: #2A8ACC;
	font-weight: bold;
	width:60px;
}
.contact-info{
	
	}

#global-distributors-content p.tableText{
	width:300px;
	}


/************************************************************************************************ styles for the Applications page *****************************************************************************/


.app-index-box{
	float:left;
	width:280px;
	background-color: #fbfffa;
	border: 1px dashed #CCC;
	padding: 10px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:20px;
	}

.app-index-box img{
	float:left;
	margin-right:10px;
	
	}

.app-index-box p{
	float:left;
	width:200px
	}
	
.app-index-box a{
	float:right;
	
	}

.app-index-box h4{
	font-size:14px;
	}
#buttonPreparationTechniques{
	margin:0!important;
	}




/************************************************************************************************ styles for the shop index page *****************************************************************************/


#shop-index-content{
	
	}

.shopImage{
	float: right;
	margin-right: 100px;
}
.shop-box{
	clear: left;
	float: left;
	width:637px;
	margin:0 0 20px 0;
}
.shop-box img{
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.shop-box-top {
	background-image: url(../images/shop-box-head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:22px;
	padding-left: 10px;
	padding-top: 5px;
	}
.shop-box-top h3{
	color:#ffffff;
	}
.shop-box-middle{
	background-image: url(../images/shop-box-middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	min-height:50px;
	height:auto!important;
	height:50px;
	padding-right: 10px;
	padding-left: 8px;
	padding-top: 10px;
}
.shop-text{
	float:left;
	width:300px;
}
.shop-select{
	float:right;
	width:290px;
}
#shop-search{
	clear: right;
	float:right;
	margin:0 50px 0 0;
	/*background-image: url(../images/shopSearchBg.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 30px;
	padding-top: 5px;
	background-color: #F1F5F6;
	padding:10px;
	width:200px;
}
html>body #shop-search{
	margin:0 100px 0 0;
	}
div#shop-search #search_mini_form #search{
	color:#999;
	background-color: #FFF;
	border: 1px dashed #999;
	margin-bottom: 15px;
	height:18px!important;;
}
div#shop-search #search_mini_form #searchContainer{
	width:200px!important;
	}


div#shop-search #search_mini_form .mini-search{
	color: #2A8ACC;
	margin-top: 0;
	margin-bottom: 50;
	margin-left: 0;
	padding: 0px;
	width:auto!important;

}
div#shop-search #search_mini_form .mini-search .searchText{
	visibility: hidden!important;	
}
div#shop-search #search_mini_form .mini-search .searchTextShop{
	visibility: visible!important;
	margin:10px 122	px 0px 0px;
	float:right;
}
p#shop-main-text{
	float: left;
	width: 400px;
	margin-bottom: 20px;
}

/************************************************************************************************ styles for the Wee form page *****************************************************************************/

#weeformContainer{
	width:550px;
	background-color: #ECECEC;
	padding: 10px;
	border: 1px dashed #CCC;
	}
#weeformContainer textarea{
	border:1px solid #FFF!important;
	}
#weeformContainer .radio{
	width:auto!important;
	}
.weeform-left{
	float:left;
	width:315px;
	text-align: right!important;
	}

.weeform-right{
	float:right;
	width:270px;
	text-align: right!important;
	}
	
.weelabel{
	vertical-align: top!important;
	width: 190px!important;
	text-align: right!important;
	float: left;
	margin-right: 20px;
	text-align:left!important;
}

#weeForm .input-box{
	/*margin-top:10px!important;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;*/
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.errors{
	text-weight:bold!important;
	color: #F00;
	border: thin dashed #F00;
	padding: 10px;
	width: 180px;
	padding-left:10px;
	}
	
.errorhead{
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	font-size: 13px;
	padding: 3px;
	margin-bottom: 10px;
}

.errors p{
	padding-left: 20px;
}

.wee-button{
	text-align: center!important;
	width: 100px;
	margin-left: 270px;
}


/************************************************************************************************ styles for the quotation page *****************************************************************************/

#quotation .input-box{
	padding-top: 10px;
	padding-bottom: 10px;	
	
	}
#quotationFormContent{
	width:550px;
	}
#quotation h4{
	margin-top: 10px;
	margin-bottom: 0px;
}
.radio{
	margin-top: 10px;
}
#quotationContainer{
	width:550px;
	background-color: #ECECEC;
	padding: 10px;
	border: 1px dashed #CCC;
}
.input-box input{
	background-color: #FFF;
	width: 200px;
	border: 1px solid #cccccc;
}
.brochureCheck{
	width:auto!important;
	float:left!important;
	}
.agreeButton{
	width: 20px!important;
}
.quote-button{
	height: auto!important;
	width: auto!important;
	margin:20px 0 0 210px;
	border:none!important;
}

/************************************************************************************************ styles for the sales Enauirys *****************************************************************************/







/************************************************************************************************ styles for the Polaron page *****************************************************************************/

div#polaron-content{
	width:600px;
}
div#polaron-content p, div#polaron-content h6{
	width:400px;
	float:left;
	margin-bottom:10px;
	clear:left;
}
div#polaron-content img{
	float:right;
	clear:right;
	margin-right: 10px;
}


/******************************** Warranty form ***************************************************/
.cms-three-year-warranty .col-main {
	border: 1px dashed #CCC;
	padding: 15px;
	margin-left: 20px;
	width: 640px;
}
.cms-three-year-warranty .col-main .warranty-description {
	background-color: #EAEFF1;
	line-height:18px;
	padding: 10px;
}
.cms-three-year-warranty .col-main div.warranty-form {
	margin-top: 60px;
}
.cms-three-year-warranty .col-main div.warranty-form img.logo {
	margin-left: 20px;
	float:left;
}
.cms-three-year-warranty .col-main div.warranty-form form {
}
#threeyearForm{
	width:300px;
	float: left;
	margin-left: 30px;
	margin-bottom: 40px;
	}
.cms-three-year-warranty .col-main div.warranty-form #denyForm{
	background-color: #EDEDED!important;
	clear:both;
	border: 1px dashed #CCC;
	font-weight: bold;
	float: right;
	margin:0 20px 0 0;
	padding:10px 20px 10px 20px;
	display:block!important;
}
.cms-three-year-warranty .col-main div.warranty-form #denyForm p{}
.cms-three-year-warranty .col-main div.warranty-form label {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #2a8acc;
	font-weight: bold;
	font-size: 14px;
}
.cms-three-year-warranty .col-main div.warranty-form label.first {
	margin-top: 0;
	font-size: 14px !important;
}
.cms-three-year-warranty .col-main div.warranty-form select,
.cms-three-year-warranty .col-main div.warranty-form input.text,
.cms-three-year-warranty .col-main div.warranty-form input.verifyEmail {
	border:0;
	/*width: 280px;*/
	padding: 3px;
	background-color: #eaeff1;
	font-size: 14px;
	color: #000;
}
.cms-three-year-warranty .col-main div.warranty-form span.required-info {
	display: block;
	margin-top: 20px;
	color: #2a8acc;
	font-size: 12px;
}
#bottom-description input.submit {
	display: block;
	margin: 20px 0 0 300px;
}
.cms-three-year-warranty .col-main div#warranty-products {
	clear: both;
	padding: 20px 30px 20px 30px;
	background-color: #eaeff1;
}
.cms-three-year-warranty .col-main div#warranty-products h3 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
}
.cms-three-year-warranty .col-main div#warranty-products ul li {
	font-weight: bold;
	font-size: 11px;
	color: #85898b;
	margin-bottom: 10px;
}
.products-2{
	width:250px;
	float:left;
	}
.cms-three-year-warranty .col-main div#warranty-products ul#products-1 {
	float: left;
	margin-right: 55px;
	width:250px;
}
.cms-three-year-warranty .col-main div#warranty-products ul#products-2 {
	
	
}
.table1 strong{
	padding-top:15px!important;
}
div#bottom-description{
	
	}


/************************************************************************************************ styles for  policy pages *****************************************************************************/

#privacy-policy{
	width: 550px;
}
.policySubHead{
	margin:20px 0 0 0;
}
#conditions-of-sale{
	width: 550px;
	}
#website-terms-and-conditions{
	width: 550px;
}

/************************************************************************************************ classes *****************************************************************************/

.title{
	background-image: url(../images/contact-header-left.jpg);
	padding-left: 8px;
	background-repeat: no-repeat;
	height: 28px;
	min-width:100px;
	margin-bottom: 10px;	
}

.title-content{
	background-image: url(../images/contactpage_05.jpg);
	background-repeat: repeat-x;
	height: 28px;
	float: left;
}

.title-content h2{
	padding: 0px!important;
	color: #FFF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.title-end{
	background-image: url(../images/contact-header-right.jpg);
	width: 15px;
	height: 28px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

.orange-tab{
	background-image: url(../images/tab-left.png);
	padding-left: 8px;
	background-repeat: no-repeat;
	height: 21px;
	min-width:100px;
	
}

.orange-tab-content{
	background-image: url(../images/tab-middle.jpg);
	background-repeat: repeat-x;
	height: 21px;
	float: left;
}

.orange-tab-content h2{
	
	padding-top:5px;
	color: #FFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		font-size: 12px;
}

.orange-tab-end{
	background-image: url(../images/tab-right.jpg);
	width: 10px;
	height: 21px;
	float: left;
	background-repeat: no-repeat;
}

.orange-title{
	background-image: url(../images/news-title-left.jpg);
	padding-left: 8px;
	background-repeat: no-repeat;
	height: 28px;
	min-width:100px;
	margin-bottom: 10px;
	
}

.orange-title-content{
	background-image: url(../images/news-title-middle.jpg);
	background-repeat: repeat-x;
	height: 28px;
	float: left;
}

.orange-title-content h2{
	padding: 0px!important;
	color: #FFF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.orange-title-end{
	background-image: url(../images/news-title-right.jpg);
	width: 10px;
	height: 28px;
	float: left;
	background-repeat: no-repeat;
}


.darker-grey{
	background-color: #eaeff2;	
	}

.lighter-grey{
	background-color: #f7f9fa;
}
.indexBox{
	float:left;
	width:225px;
	margin:10px 18px 0 0 ;
}
.indexBoxTop{
	background-image: url(../images/indexBoxTop.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:10px;
}
.indexBoxMiddle{
	min-height:180px;
	height:auto!important;
	height:180px;
	background-image: url(../images/indexBoxMiddle.jpg);
	background-repeat: repeat-y;	
	padding:0 10px 0 10px;
}
.indexBoxMiddle h4{
	min-height:40px;
	height:auto!important;
	height:40px;
	float:left;
}
.indexTitle{
	font-size: 19px!important;
	float:left;
}
.indexText{
	margin:10px 0 0 0;
	float:left;
	clear:left;
	min-height:70px;
	height:auto!important;
	height:70px;
	width:200px;
}
.indexBoxMoreButton{
	clear: left!important;
	float: right;
	margin:20px 20px 0 0;
}
.introText{
	width:550px;
	margin:0 0 10px 0;
	}
.termstext{
	width:550px;
	}
#pp200Productright{
	background-image: url(../images/pp2000DescriptionImages.png);
	background-repeat: no-repeat;
	height: 1509px;
	width: 141px;
	float:left;
	margin:0 0 0 30px;
	border: 1px dashed #cccccc;
}

#pp300Productright{
	background-image: url(../images/pp3000DescriptionImages.jpg);
	background-repeat: no-repeat;
	height: 1499px;
	width: 141px;
	float:left;
	margin:0 0 0 30px;
	border: 1px dashed #cccccc;
}

#pp200ProductLeft{
	width:480px;
	float:left;
	}
#pp200ProductLeft h2{
	font-size:14px!important;
}
div#labelLink{
	font-weight: bold;
	float: left;
	margin:10px 0 10px 0;
}
#checkout-review-table{
	border: 1px solid #CCC!important;
}
#holderPrice td{
	background-color: #EDEDED;
	border:none!important;
	border-bottom:1px solid #cccccc;
}
.shipment-methods{
	padding:5px;
	}
#siteMapContainer{}
#siteMapContainer ul{
	padding-right:20px!important;
 font-size:12px!important;
 }
 #siteMapContainer ul li{
	margin:15px;
 }
#siteMapContainer ul a{
	font-size:13px!important;
	text-decoration: none;						
	}
.inside{
	padding-left: 30px;
}
.inside li{
	margin:3px!important;
}
.linksTable{
	border: 1px dashed #CCC;
	margin:0 0 20px 0;
	background-color: #F9F9F9;	
	}
.linksTable td{
	border-bottom: 1px dashed #CCC;
	padding:8px;
}
#confirmBox input{
	margin-right: 5px!important;
}
.shipment-methods li{
	padding-top: 10px!important;
}
.backto{
	clear: both;
	float: left;
	margin:10px 0 0 0;
}

/* updates on the 30th july 2010*/

div#productContactButtons{float:left;clear:left;margin:30px 0 0 0;}
div#productContactButtons a{float:left;clear:left;background-image:url(../images/quoteMeButton.jpg);background-repeat:no-repeat;width:233px;height:50px;color:#FFF;margin:5px 0 0 30px;padding:10px 0 0 0;text-align:center;text-decoration:none;}
p#cartHelp{background-color:#2A8ACC;padding:3px 0 3px 0; text-align:center;color:#FFF;margin:10px 0 15px 0;font-size:14px;}	

/* new contact box //////*/
div.contactForm{width:266px;float:right;background-image:url(../images/contactFormBg.jpg);background-repeat:no-repeat;background-position:bottom;padding:0 0 10px 0;background-color:#e7edf0;margin:0 0px 0 0;}
div.contactForm h2{float:left;color:#FFF!important;font-size:12px;background-image:url(../images/contactFormHeader.jpg);height:24px;width:266px;font-weight:normal;text-align:center;padding:7px 0 0 0;}
div.contactForm label{float:left;clear:left;margin:5px 0px 0 8px;color:#2A8ACC;width:250px;}
div.contactForm p.contactFormText{margin:5px 8px 0 8px;float:left;clear:left;width:250px;}
div.contactForm input{float:left;clear:left;margin:5px 8px 0 8px;width:240px;border:1px solid #cdd1d4;}
div.contactForm textarea{float:left;clear:left;margin:5px 8px 0 8px;width:240px;border:1px solid #cdd1d4;}
div.contactForm #submit{float:right;clear:both;width:auto;border:none;margin:10px 10px 0 0;width:60px}



/********************** New contact page ****************************/

div.contactContainer{float:left;clear:left;margin:10px 0 0 0;width:700px;}
div#contactContent p.introText{float:left;width:350px;}
div#contactContent div.contactForm{float:left!important;margin-left:51px!important;width:}
div.contactContainerTop{background-image:url(../images/contactContainerTop.jpg);height:8px;background-repeat:no-repeat;}
div.contactContainerMiddle{background-image:url(../images/contactContainerMiddle.jpg);background-repeat:repeat-y;padding:10px;min-height:150px;height:auto!important;height:150px;}
div.contactContainerMiddle h4{font-size:18px;width:250px;float:left;margin:0px 0 0px 20px;}
div.contactContainer .contactContainerText{float:left;clear:left;width:350px;margin:10px 0 10px 20px;}
div.contactContainer .globalText{float:left;clear:left;margin:10px 60px 10px 20px;}
div.contactContainer .contactContainerAddress{float:right;width:235px;/*margin:0px 70px 0 0px;*/font-size:12px;}
.getDirectionsButton{background-image:url(../images/getDirectionsButton.jpg);background-repeat:no-repeat;height:42px!important;width:155px!important;color:#FFF;text-align:center;padding:7px 0 0 0;clear:left;margin:10px 0 0 110px;float:left;clear:left;}
.getDirectionsButton a{color:#FFF;text-decoration:none;font-size:14px;font-weight:bold;}
.blue{color:#2A8ACC;}
#contactForm{;}


/********************** useful information page ****************************/

div#usefulContent p.introText{width:380px;float:left;margin:0 30px 0 0}
div#usefulContent .contactForm{float:left;}



/********************** sales enquiries page ****************************/

div#salesEnquiriesContent .introText{width:414px;float:left;margin:0 30px 0 0;}
div#salesEnquiriesContent .contactForm{float:left;}


/********************** customer support page ****************************/

div#customerSupportContent .introText{width:385px;float:left;margin:0 30px 0 0;}
div#customerSupportContent .contactForm{float:left;}



/********************** New large grey boxes ****************************/

.indexBoxLarge{float:left;width:332px;margin:10px 18px 0 0 ;}
.indexBoxTopLarge{background-image: url(../images/indexBoxLargeTop.jpg);background-repeat: no-repeat;background-position: left bottom;height:10px;}
.indexBoxMiddleLarge{min-height:180px;height:auto!important;height:180px;background-image: url(../images/indexBoxLargeMiddle.jpg);background-repeat: repeat-y;	padding:0 10px 0 10px;}
.indexBoxMiddleLarge h4{min-height:40px;height:auto!important;height:40px;float:left;}
.indexTitleLarge{font-size: 19px!important;float:left;}
.indexTextLarge{margin:10px 0 0 0;float:left;clear:left;height:40px;width:280px;}
.indexBoxMoreButtonLarge{clear: left!important;float: right;margin:20px 20px 0 0;}