
@charset "utf-8";
/* CSS Document */
/*global styles*/
body {
	font-family:Arial, Helvetica, sans-serif;
	  font-size:85%;
	  color:#333;
	  background-color:#94d6f7;
background-image:url(../images/design/pf_background.jpg);
background-repeat:repeat-x;
	  }
img {
border:0;	
}

.red {
 color:#ff0000;	
}

.redbig {
 color:#ff0000;	
 font-size:125%;
}


.redh1 h1 {
color: #ff0000;	
margin:10px 0 0 0px ;
padding:0;
font-size:160%;
float:left;
width:725px;
}

.prods h1 {
color: #ff0000;	
margin:0px 0 0 15px ;
padding:0;
font-size:140%;
float:left;
/*width:725px;*/
width:400px;
}

.tophead h1 {
color: #ff0000;	
margin:0px 0 0 15px ;
padding:0;
font-size:140%;
float:left;
width:725px;

}

#cu3er-container {width:725px; outline:0;}

/*end global settings*/

/*container settings */

#container {
width:	960px;
margin: 45px auto;
}

/*end container settings*/

/*header styles
these may need changing depending on the logo size.*/
#header {
	float:left;
	width:960px;
}

#headerleft {
	float:left;
	width:350px;

}

#headerright{
	float:right;
	width:375px;
font-size:95%;

}

#headsearch {
width:375px;
float:right;
margin-top:10px;
text-align:right;
}

#headbasket {
width:375px;
float:right;
margin-top:10px;
font-size:85%;
text-align:right;
}

#headvals {
margin-left:60px;
float:left;

}

#headbuts {
float:right;	
}

#headbasket a, #headbasket a:hover, #headbasket a:visited {
text-decoration:none;	
 color:#333;

}



.topsearchbutton {
margin: 0 3px 0 3px;
float:left;
}
.keywords {
float:left;	
}

.keylabel {
float:left;	
margin: 2px 3px 0 0;
 color:#ff0000;
 font-weight:bold;
}

.advancedsearch {
float:right;	
margin: 0 0 0 3px;
}
.advancedsearch a, .advancedsearch a:hover, .advancedsearch a:visited {
text-decoration:none;	
 color:#ff0000;
 font-size:85%;
}

/*end header styles*/

/*navigation styles*/

#navigation {
	float:left;
width:960px;	
/*height:35px;*/
font-size:90%;
/*font-weight:bold;*/
/*background-image:url(../images/design/red_menu.png);
background-repeat:repeat-x;*/

}

#navigation ul {
	list-style:none;
	padding:0;
	margin:0;

}

#navigation ul li {
display:block;
/*height:35px;*/
	float: left;
width:auto;
text-align:center;
font-weight:bold;
}

#navigation a{
text-decoration:none;
color:#333;
display:block;
/*height:35px;*/
padding:5px 10px 5px 10px;
width:auto;
/*text-transform:uppercase;*/
outline: none;

}

#navigation ul li.active {
display:block;
/*height:35px;*/
	float: left;
width:auto;
color:#ff0000;

}




#navigation a:hover{
text-decoration:none;
color:#ff0000;
display:block;

}


/*end navigation styles*/

/*breadcrumbs*/

#breadcrumbs {
float:left;	
	margin:20px 0 4px 0;
	width:960px;
text-align:left;
}

#breadcrumbs a, #breadcrumbs a:hover, #breadcrumbs a:visited {
	color:#999;
	text-decoration:none;
	font-size:90%;

}

/*end breadcrumbs*/


/*left nav styles*/
.leftnavlist {
list-style:none;
margin:0;
padding:0 0 5px 0;
text-align:left;

}
.leftnavlist li {
	
}

.leftnavlist a, .leftnavlist a:hover, .leftnavlist a:visited {
color:#333;
text-decoration:none;
font-size:85%;
border-bottom:1px solid #ccc;
width:195px;
display:block;
padding: 3px 0 3px 0;
}

/*left nav styles*/
/*content styles*/

#TextContent {
	margin: 0px 0 0px 15px;
	float:left;
	font-size:85%;
}

#TextContent a, #TextContent a:hover, #TextContent a:visited {
	color:#999;
	text-decoration:none;
	

}

#contentleft {
	float:left;
	width:220px;
	
}

#contentright {
float:left;	
width:740px;
/*min-height:800px;*/

}

#homeimage {
width:725px;
float:left;
margin-left:15px;

}



.homeh1 h1 {
color: #ff0000;	
margin:10px 0 0 15px ;
padding:0;
font-size:140%;
float:left;
width:725px;
}
.innerh1 {
color: #ff0000;	
margin:10px 0 0 0px ;
padding:0;
font-size:140%;
float:left;
width:725px;
}
.homebox{
	float:left;
width:168px;
/*background-color:#CFCFCF;*/
border: 1px #999 solid;
margin-top:10px;
margin-left:15px;
background-color:#fff;
}

.homeboxtop{
float:left;
width:168px;
height:168px;
	/*padding:10px;*/
}

.homeboxbottom{
background-color:#AECD2D;
float:left;

width:168px;
/*padding:3px 2px 2px 2px;*/
}

.homeboxbottom a.hometitle {
/*color:#ffffff;	*/
color:#333;
text-decoration:none;
font-size:9pt;
/*font-weight:bold;*/
padding: 7px 2px 0px 10px;
float:left;
width:168px;
height:32px;
display:block;
outline: none;
}

.rightarrow {
float:right;
width:24px;
padding:3px 2px 0px 0px;

}


.featuredbox{
float:left;
width:168px;
border: 1px #999 solid;
margin-top:10px;
margin-left:15px;
/*height:262px;*/background-color:#fff;
/*background-image:url(../images/design/product_gradient.png);

background-repeat:repeat-x;
background-position:bottom;*/
}

.featuredboxtop{
/*float:left;*/
width:168px;
height:168px;
	/*padding:10px;*/
	z-index:1000;
	
}

.featuredboxbottom{

float:left;
width:164px;
padding:3px 2px 10px 2px;
text-align:center;
color:#333;
	 text-decoration:none;
}

.featuredboxbottom .featuredprodtitle a, .featuredboxbottom .featuredprodtitle a:hover, .featuredboxbottom .featuredprodtitle a:visited {
	 color:#333;
	 text-decoration:none;
}

.featuredprodtitle{
margin-bottom:10px;
height:42px;
font-size:9pt;

}



.featuredprodprice {
margin-bottom:10px;	
height:32px;
}

#leftbuttons {
Float:left;
width:220px;
}

.leftbutton {
float:left;
margin-top:15px;
}

#leftcats{
float:left;
width:218px;
/*border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;*/
}

#leftcatstop {
	background-color:#ff0000;
	float:left;
	width:218px;

}

#leftcatstop h1{
color:#FFF;
margin:0px;
padding:5px 10px;
font-size:110%;
}

/*end content styles*/
/*footer styles*/
#footer {
background-color:#CCC;
width:100%;
float:left;
margin:15px 0 10px 0;
height:25px;
font-size:80%;
text-align:center;
padding-top:10px;
}

#footer a, #footer a:hover, #footer a:visited {
	  color:#333;
	  text-decoration:none;
}

.fb , .twitter, .youtube, .flickr {
float:right;
margin-top:-2px;
margin-right:10px;
}

/*end footer styles*/

/*buttons*/

.viewmore
{
background-image:url(../images/design/view_hov_80x24.png);
white-space: nowrap;
display: block;
width: 80px;
height: 24px;
margin: auto;
padding: 0;
}

.viewmore a
{
display: block;
width: 80px;
height: 24px;
display: block;
text-decoration: none;
}

.viewmore img
{
width: 80px;
height: 24px;
border: 0
}

* html .viewmore a:hover /*possibly remove the about*/
{
visibility:visible
}

.viewmore a:hover img
{
visibility:hidden;
}

/*end buttons*/

/*red dot style*/
.reddot {
width:50px;
height:50px;
background-image:url(../images/design/red_dot.png);
position:absolute;
z-index:1001;
margin:5px 0 0px 110px;
}

.save{
	font-size:85%;
	color:#FFFFFF;
float:left;
	width:50px;
	float:left;
	text-align:center;

}

.percent {
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
text-align:center;
	float:left;
	width:50px;
margin:8px 0 0 0;
}

/*end red dot*/

/*product page styles*/



.prodbox{
float:left; /*was left*/
width:168px;
border: 1px #999 solid;
margin-top:10px;
margin-left:15px;
background-color:#fff;
/*background-image:url(../images/design/product_gradient.png);
background-repeat:repeat-x;
background-position:bottom;
*/}

.prodboxtop{
/*float:left;*/
width:168px;
	/*padding:10px;*/
	z-index:1000;
	height:168px;
	
}

.prodboxbottom{

float:left;
width:164px;
padding:3px 2px 10px 2px;
text-align:center;
	 color:#333;
	 text-decoration:none;
}

.relprodbox{
float:left;
width:168px;
border: 1px #999 solid;
margin-top:10px;
margin-left:15px;
background-color:#fff;
/*height:262px;*/
/*background-image:url(../images/design/product_gradient.png);
background-repeat:repeat-x;
background-position:bottom;*/
}

.relprodboxtop{
/*float:left;*/
width:168px;
/*	padding:10px;*/
	z-index:1000;
	height:168px;
	
}

.relprodboxbottom{
float:left;
width:164px;
padding:3px 2px 10px 2px;
text-align:center;
 color:#333;
	 text-decoration:none;
}

.relprodboxbottom .prodtitle a, .relprodboxbottom .prodtitle a:hover, .relprodboxbottom .prodtitle a:visited {
	 color:#333;
	 text-decoration:none;
}

.prodtitle{
margin-bottom:10px;
height:42px;
 color:#333;
}

.prodboxbottom .prodtitle a, .prodboxbottom .prodtitle a:hover, .prodboxbottom .prodtitle a:visited {
	 color:#333;
	 text-decoration:none;
}

.prodprice {
margin-bottom:10px;	
height:32px;
}

#results {
	margin-top:15px;
	width:725px;
float:right; /*was left*/
margin-left:15px;
text-align:center;
}

#paging {
	width:725px;
float:left;/*was left*/
margin-left:15px;
text-align:center;
}

#paging a, #paging a:hover, #paging a:visited {
text-decoration:none;
  color:#333;
}

#pagenos {
	width:725px;
float:left;/*was left*/
margin-left:15px;
text-align:center;
}

#pagenos a, #pagenos a:hover, #pagenos a:visited {
text-decoration:none;
  color:#333;
}

#prodstop {
width:740px;
float:left;

}

.prodslist h1 {
color: #ff0000;	
margin:0px 0 0 15px ;
padding:0;
font-size:140%;
float:left;
/*width:725px;*/
/*width:375px;*/
}

#prodorders {
	/*width:725px;*/
	width:300px;
float:right;
margin-left:15px;
text-align:right;	

}
.filterbutton {
float:right;
margin-left:5px;
width:25px;
}

/*end product page styles*/

/*single product page syles*/

#productimage {
	width:400px;
float:left;
border:1px solid #CCC;
background-color:#fff;
margin-bottom:10px;
}

#viewmoreph {
width:400px;
text-align:right;
background-color:#fff;
}

#viewmoreph a, #viewmoreph a:hover,#viewmoreph a:visited {
	color:#999;
	text-decoration:none;
	
}

#continueshop {
	float:left;
	width:725px;
	margin-top:15px;
	margin-left:15px;
}

#proddetails {
float:left;	
width:300px;
margin-left:15px;
}
#proddetails h1 {
color: #ff0000;	
margin:0;
padding:0;
font-size:140%;	
}

/*end single product page syles*/

#prodversions {
	float:left;
	margin: 15px 0 0 15px;
	width:725px;
	font-size:85%;
}

#prodversions a, #prodversions a:hover, #prodversions a:visited {
text-decoration:none;	
 color:#333;	
}

#prodversions h1 {
color: #ff0000;	
margin:0;
padding:0;
font-size:140%;		
}

.versionstable {
	margin-top:15px;
border-collapse: collapse;	
border:1px solid #CCC;	
}

.versionstable .tblhead td{
background-color:#CCC;	
border: none;
}

.versionstable td {
border-bottom:1px solid #CCC;	
}
.cartform {
float:left;
width:300px;
}
.formqty {
float:left;	
margin-top:2px;
}
.addtocart {
float:left;	
margin-left:15px;
}
.wishlistform {
float:left;
margin-top:15px;
}

.price {
font-size:140%;	
}

.smallcontinue {
float:left;	
margin:15px 0 0 15px;
}
.addthis {
float:left;	
margin:15px 0 0 15px;
}
#relatedproducts {
	
}

#relatedproducts h1 {
	width:725px;
	float:left;
color: #ff0000;	
margin:15px 0 5px 15px;
padding:0;
font-size:120%;	
}

/*shopping cart*/

#CartContent {
	margin: 0px 0 0px 15px;
	float:left;
	font-size:85%;
}

.carttable {
	margin-top:15px;
	margin-bottom:15px;
border-collapse: collapse;	
border:1px solid #CCC;	
}

.carttable .carthead td{
background-color:#CCC;	
border: none;
}

.carttable td {
border-bottom:1px solid #CCC;	
}
.cartcontinue {
float:left;	
margin:15px 0 0 0px;
width:165px;

}

.cartcheckout {
float:right;	
margin:15px 0 0 0px;
width:165px;

}
/*shopping cat*/

/*registration form*/
.validBox {
	width:30px;
	height:20px;
	float:left;
	overflow:hidden;
	}
.errorfield {
	width:330px;
	height:20px;
	float:left;
	color:#FFFFFF;
	padding:0 0 0 10px;
	overflow:hidden;
	}
.fieldType {
	width:310px;
	vertical-align:top;
	}
.fieldRegWrap {
	/*width:550px;*/
	height:16px;
	float:left;
	padding:0 0 7px 0;
	}
.errorWrap {
	width:235px;
	height:20px;
	float:left;
	padding:0 0 0 15px;
	}
.fieldType2 {
	width:650px;
	vertical-align:top;
	}
.fieldWrap2 {
	width:270px;
	height:20px;
	float:left;
	padding:0 5px 0 0;
	}

.inputsize {
	width:270px;
	height:16px;
	}
	.inputsizesml {
float:left;
	height:16px;
	}
	
.inputsizeText {
	width:270px;
	height:170px;
	float:left;
	}
.inputsizeTextWrap {
	width:270px;
	height:16px;
	float:left;
	padding:0 0 0 0;
	}
	
	.inputsizeTextWrapsml {
	width:100px;
	height:16px;
	float:left;
	padding:0 0 0 0;
	}

.inputsubmessage {
	width:310px;
	height:auto;
	padding:2px 0 2px 110px;
	float:left;
	}
	.mapBox {
	width:380px;
	height:250px;
	float:left;
height:280px;
padding:0 20px 20px 20px;
	}
#thismap {
width:380px;
	height:250px;
	float:left;
	}
	.validMsg{
	width:20px;
	height:20px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}
.invalidMsg{
	width:20px;
	height:20px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}
.textfieldValidState .validMsg,
.textareaValidState .validMsg,
.selectValidState .validMsg,
.checkboxValidState .validMsg,
.radioValidState .validMsg,
.textareaValidState .validMsg,
.confirmValidState .validMsg,
.passwordValidState .validMsg
{
	display:inline;
}


.textfieldInvalidFormatState .invalidMsg, 
.textfieldRequiredState .invalidMsg,
.textfieldRequiredMsg .invalidMsg,
.textfieldMaxCharsState .invalidMsg,
.textfieldMinCharsState .invalidMsg,
.textfieldMaxCharsMsg .invalidMsg,
.textfieldMinCharsMsg .invalidMsg,
.textfieldInvalidFormatMsg .invalidMsg,
.textareaRequiredState .invalidMsg, .textareaRequiredMsg .invalidMsg,
.textareaMinCharsState .invalidMsg, .textareaMinCharsMsg .invalidMsg,
.textareaMaxCharsState .invalidMsg, .textareaMaxCharsMsg .invalidMsg,
.confirmRequiredState .invalidMsg, 
.confirmInvalidState .invalidMsg,
.passwordRequiredState .invalidMsg, 
.passwordInvalidStrengthState .invalidMsg, 
.passwordMinCharsState .invalidMsg, 
.passwordCustomState .invalidMsg, 
.passwordMaxCharsState .invalidMsg

{
	display:inline;
}

/*end registration form*/

/*login*/
#Logincontent {
	margin: 0px 0 0px 15px;
	float:left;
	font-size:85%;
	width:725px;
}

#Logincontent a, #Logincontent a:hover, #Logincontent a:visited {
	color:#999;
	text-decoration:none;
	

}

.chkoutbutton {
float:right;	
}

/*login*/

/*orders table*/

.orderstable {
	margin-top:0px;
border-collapse: collapse;	
border:1px solid #CCC;	
}

.orderstable .tblhead td{
background-color:#CCC;	
border: none;
}

.orderstable td {
border-bottom:1px solid #CCC;	
}


/*end orders table*/

/*product sub categories*/

#subcats {
float:left;	
font-size:80%;
width:740px;

}

.subcategory {
float:left;
width:170px;
margin-top:10px;
margin-left:15px;
/*background-color:#E6E6E6;*/
background-color:#CCC;

}

.subcategory a,.subcategory a:hover,.subcategory a:visited{
	text-decoration:none;
	  color:#333;
	display:block;
	width:170px;
}


.catbutton {
float:left;
margin-right:3px;
}

.fbbig , .twitterbig, .youtubebig, .flickrbig {
float:left;

margin-right:10px;
}


#GoogleMap{
	float:right;
	margin:10px;
	width:300px;
}

#contactdetails {
float:left;	
}

.calculator {
float:left;
Width:300px;
}

.calculator h1 {
color: #ff0000;	
margin:0;
padding:0;
}

.answers {
color: #ff0000;	
font-weight:bold;
font-size:110%;
}


#Logincontent a, #Logincontent a:visited, #Logincontent a:hover{
 color:#ff0000;	
}

#loginform {
	width:355px;
	float:left;

}

#loginform2 {
	width:355px;
	float:left;

margin-left:15px;
}

#secshop {
float:left;	
margin-bottom:10px;
}

#fbback {
background-color:#FFF;	
float:left;
margin-top:10px;
}

.testimonial {
float:left;
clear:both;
margin-bottom:10px;
}

#feedbackform {
margin-bottom:20px;	
}

#singletest {
		margin-top:10px;	
		float:left;
			 }
			 
#textcontentright {
width:400px;
float:left;			
			 }
			 
.googleplus {
	float:left;
	margin:15px 0 0 15px;
}

.sitemessage {
	float:right;
	margin:15px 15px 0 0;
	font-size:75%;
	width:300px;}
.HomeMessage, #BrandIntro, #CatIntro {
	width:725px;
float:left;
margin:10px 0 10px 15px;
font-size:85%;
}

.HomeMessage a, .HomeMessage a:visited, .HomeMessage a:hover, #BrandIntro a, #BrandIntro a:visited, #BrandIntro a:hover, #CatIntro a, #CatIntro a:visited, #CatIntro a:hover {

 color:#333;	
}


#prodcontainer {
float:right;	
width:740px;
}
