/*navy blue for links etc is #191431;*/

/* yellow used for borders is #ffb307;*/

/* grey border is #ABABAB;*/

/* red in headings is #fe4533; */



body{
background-color: #ff6006;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
margin:5px 0 0 0;
background-image:url(../resources/images/layout/orange_gradient.png);
}

#mainwrapper{
width:900px;
margin:0 auto;
background-color:white;

overflow:hidden;
}

a{
color:#191431;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


h1{
color:#2D2D2D;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:24px;
font-weight:bold;
}

h2{
color:#6C6C6C;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:12px;
line-height:19px;
}

#banner{
margin:0 auto;
height:119px;
width:900px;
margin-top:5px;
margin-bottom:4px;
}

#banner p{
color:white;
margin:2px 4px 0 0;
padding:0 0 0 0;
text-align:right;
font-weight:bold;
}

.bigger{
font-size:21px;
line-height:22px;
}

.smalltext{
font-size:9px;
}


/************************************** BANNER ****************************************************/

#bannernew{
height:169px;
width:900px;
background-image:url(../resources/images/layout/bannernew.png);
background-repeat:no-repeat;
margin:0 auto;
}

#bannernew p{
color:white;
margin:2px 4px 0 0;
padding:0 0 0 0;
text-align:right;
font-weight:bold;
}


#navnew{
height:22px;
padding:3px 15px 0 0px;
text-align:right;
float:right;
width:200px;
margin:20px 0 0 0;
font-size:16px;
/*background-color:#ffb307;*/
/*border-left:solid 1px #191431;
border-top:solid 1px #191431;*/
/*border-bottom:solid 1px #191431;*/
}

#navnew a{
font-size:16px;
}

#bannerleft{
width:400px;
height:119px;
float:left;
}

#bannerleft:hover{
cursor:pointer;
}

#bannermiddle{
width:343px;
float:left;
height:117px;
background-color:white;
background-image:url(../resources/images/layout/colourwheel.jpg);
background-position:left;
background-repeat:no-repeat;
padding:0px 0 0 0px;
margin:2px 0 0 40px;
}

#bannerright{
width:367px;
float:right;
height:115px;
padding:4px 18px 0 0;

}

#contentwrapper{
width:900px;
margin:0 auto;
float:left;
overflow:hidden;
}

#navbar{
float:right;
height:40px;
margin:0px 0 0 0;
padding:10px 0 0 49px;
width:260px;
background-image:url(../resources/images/layout/nav_holder.png);
background-repeat:no-repeat;
}

#navbar a{
font-size:16px;
padding:0 6px 0 6px;
}



#mainheading{
float:left;
width:500px;
line-height:30px;
margin:20px 10px 0px 20px;

}

#mainheading h1{
color: #424242;
}


#introtext{
float:left;
margin:20px 20px 10px 20px;
}

#introtext a{
color:#fe4533;
text-decoration:underline;
font-weight:bold;
}

#introtext a:hover{
text-decoration:none;
}


#introtext h2{
color:#191431;
}

#mainheading h1{

}

#maincontent{
float:left;
margin:0 auto;
width:900px;
}


/******************************************* FOOTER **************************************************************/

#footertop{
margin:0 auto;
width:900px;
height:8px;
background:#ffb307;
clear:both;


}

#footer{
width:900px;
margin:0 auto;
height:40px;
background-color:#191431;
color:white;
font-size:10px;
}

#footer a{
color: #E1E1E1;
}

#footer p{
padding:6px 8px 0 0;
margin:0;
text-align:center;
color: #969696;
}

#footer p a{
color: #969696;
}


#footerbottom{
width:900px;
height:20px;
margin:0 auto;
background-image:url(../resources/images/layout/footecurverbottom.png);
clear:both;
}

#links{
font-size:14px;
text-align:center;
padding:3px 0 0 0;
}
/************************************************   Big Boxes *******************************************************/


.bigbox{

width:215px;
height:235px;
float:left;
margin:0 5px 0 5px;
}






.boxdetails{
margin:34px 0 0 46px;
height:130px;
width: 124px;
}

.boxdetails ul{
padding:0;
margin:0;
font-size:11px;
line-height:12px;
color:#575757;
list-style-image: url(../resources/images/layout_new/orangebullet.png);
text-align:left;
}

.boxdetails ul a{
color: #575757;
text-decoration:underline;
}



.boxdetails li{
padding:2px 0 0 0;

}




.one{
margin:0 0 0 15px;
width:100px;
text-indent: -3px;
}

.two{
width:130px;
margin:0 0 0 10px;
text-indent: -3px;
}

.three{
width:100px;
text-indent: -3px;
margin:0 0 0 15px;
}

.nobullet{
list-style:none;
text-indent: -1em;
padding:10px 0 0 0;
}

.boxheading{
margin:37px 0 0 10px;
width:185px;
font-size:16px;
font-weight:bold;
text-align:center;
}

.boxheading a{

}

.homeboximage{
margin:5px 0 0 10px;
border:none;
}


/*************************************************** PRODUCT PAGES *********************************************/

#productcontenttop{
height:25px;
width:642px;
margin:0 auto;
overflow:hidden;
clear:both;
margin-top:35px;
}

.producttopyellow{
background-image:url(../resources/images/layout/top_yellow_curve.png);
}

.producttopblue{
background-image:url(../resources/images/layout/top_blue_curve.png);
}

.producttopred{
background-image:url(../resources/images/layout/top_red_curve.png);
}

.producttopgreen{
background-image:url(../resources/images/layout/top_green_curve.png);
}

#productcontent{
background-repeat:repeat-y;
width:562px;
padding:0 40px 0 40px;

margin:0 auto;
overflow:hidden;
clear:both;
}

.productmiddleyellow{
background-image:url(../resources/images/layout/center_yellow_curve.png);
}

.productmiddleblue{
background-image:url(../resources/images/layout/center_blue_curve.png);
}

.productmiddlered{
background-image:url(../resources/images/layout/center_red_curve.png);
}

.productmiddlegreen{
background-image:url(../resources/images/layout/center_green_curve.png);
}

#productcontentbottom{
height:30px;
width:642px;
margin:0 auto;
overflow:hidden;
clear:both;
margin-bottom:20px;
}

.productbottomyellow{
background-image:url(../resources/images/layout/bottom_yellow_curve.png);
}

.productbottomblue{
background-image:url(../resources/images/layout/bottom_blue_curve.png);
}

.productbottomred{
background-image:url(../resources/images/layout/bottom_red_curve.png);
}

.productbottomgreen{
background-image:url(../resources/images/layout/bottom_green_curve.png);
}

#productcontent h1{
color:white;
font-weight:bold;
font-size:24px;
line-height:30px;
}

#productcontent h2{
color:white;
font-weight:bold;
font-size:14px;
line-height:26px;
}

#productcontent ul{
font-size:16px;
}

#contentleft{
float:left;
width:370px;
}

#contentright{
float:right;
width:180px;
}

#contentright a{
font-size:10px;
}

#contentright p{
font-size:10px;
margin:0;
padding:0;
}

#imageintro{
margin:0 0 0 0;
padding:0 0 0 0;
font-size:12px;
font-weight:bold;
}

#imageintro p{
font-weight:normal;
margin:0 0 5px 0;
padding:0 0 0 0;
}

.smallimage{
padding:5px;
background-color:white;
margin-bottom:5px;
border:none;
}


/********************************************* CONTACT FORM *****************************************/

#contactholder{
padding: 40px 40px 40px 140px;
}

#contact-area {
	width: 450px;
	margin: 25px 0 25px 0;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 70px;
	float: right;
	margin-right:20px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 5px;
	font-size: 16px;
}




/**************************************************  New Layout *************************************/


.greybar{
height:170px;
width:874px;
background-image:url(../resources/images/layout/thingreygradient.jpg);
background-repeat:repeat-x;
margin:20px 0 10px 0;

padding:0 0 0 26px;
}

.greybar2{
height:170px;
width:874px;
background-image:url(../resources/images/layout/thingreygradient.jpg);
background-repeat:repeat-x;
margin:20px 0 30px 0;

padding:0 0 0 26px;
overflow:hidden;
}

.whitesquare{
height:168px;
width:260px;
margin:0 10px 0 10px;
border:solid 1px #808080;
background-color:white;
float:left;
background-image:url(../resources/images/layout/whitesquaredither.jpg);
background-repeat:repeat-x;
}

.white{
background-color:#4a54bd;
}

.green{
background-color:#00a651;
}

.red{
background-color:#e71e25;

}

.whitesquare:hover{
background-color:white;
cursor:pointer;
background-image:none;
}

.whitesquare:hover .productheading{

}

.whitesquare:hover .productheading a{

}

.whitesquare:hover .whitesquareleft p{
color: black;
}

.whitesquare:hover h4{
color: black;
}

.whitesquareleft{
float:left;
width:260px;
}

.whitesquareleft p{
font-size:18px;
color: #191431;
line-height:27px;
margin:20px 0 0 0px;
text-align:center;
padding:0 10px 0 10px;
}

h4{
font-size:9px;
line-height:12px;
margin:20px 0 0 0;
padding:0 10px 0 10px;
float:left;
text-align:center;
width:240px;
color: #181818;
}


.whitesquareright{
float:right;
width:50px;

}

.whitesquare ul{
display:inline;
margin:20px 10px 0 10px;
padding:0px 0 0 0;
float:left;

}

.whitesquare li{
display:inline;
font-size:10px;
margin:10 0 0 0px;
padding:0px;
}

.bigwhitesquare ul{
margin:5px 0 0 60px;
padding:0 0 0 0;
font-size:14px;
color:#191431;
}

.bigwhitesquare li{
margin:4px 0 0 30px;
padding:0 0 0 0;
text-indent:-2px;
}

.listheading {
color:black;
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#bigwhitesquareholder{
height:480px;
background-image:url(../resources/images/layout/doublegreybackground.jpg);
background-repeat:repeat-x;
}

.bigwhitesquare{
height:400px;
width:820px;
margin:50px 20px 0 40px;
border:solid 1px #808080;
background-color:white;
float:left;
background-image:url(../resources/images/layout/bigwhitesquaredither.jpg);
}

.bigwhitesquare a{
color:#fe4533;
}

.bigwhitesquare_left{
float:left;
width:450px;
margin:5px 0 0 20px;
}

.bigwhitesquare_right{
float:right;
width:300px;
margin:0 20px 0 0;
}

.bigwhitesquare_right p{
margin:4px 0 0 20px;
padding:0 0 0 0;
font-size:10px;
color:#ABABAB;
}

.productimage{

border:none;
margin:10px 0 0 30px;
}


.productheading{

height:25px;
color:black;
font-size:16px;
padding:6px 0 0 6px;
margin:0px 0 0 0;
background-color: #191431;
}




.productheading_large{
height:30px;
color:black;
font-weight:bold;
font-size:18px;
padding:12px 0 0 20px;
margin:0px 0 0 0;
background-color: #191431;
width:640px;
float:left;
overflow:hidden;
}

.productheading_smaller{
width:184px;
height:42px;
color:white;
background-color:white;
background-image:url(../resources/images/layout/productheadingback_large.jpg);
background-repeat:no-repeat;
font-size:15px;
padding:15px 0 0 6px;
margin:10px 0 0 0;
}


.darkyellow{
background-color:#ffb307;
}

.darkyellowborder{
border-right:solid 160px #FFD16A;

}

.darkblue{
background-color:#4a54bd;
}

.darkblueborder{
border-right:solid 160px #9298D7;
}

.verydarkblue{
background-color:#191431;
color:white;
}

.verydarkblueborder{
border-right:solid 160px #757283;
}




.darkgreen{
background-color:#00a651;
}

.darkgreenborder{
border-right:solid 160px #66CA97;
}

.darkred{
background-color:#e71e25;
}

.darkredborder{
border-right:solid 160px #F1787C;
}


.productheading a{
color:black;
font-weight:bold;
}

.productheading_large a{
color:white;
}

.boximage{
padding:2px;
border:solid 1px #C0C0C0;
margin:6px 5px 2px 0;
}

#productdescriptiontext{
margin:20px 20px 5px 20px;
color:#191431;
font-size:15px;
line-height:21px;
}

#productdescriptiontext2{
margin:20px 20px 0 20px;
color:#191431;
}

#contactusalt{
margin:60px 20px 0 20px;
}

#contactusalt p{
color:black;
font-size:14px;
margin:20px 0 10px 0;
}

#smallnavlinks{
margin:0 20px 0 20px;
font-size:10px;
}

.hidden{
display:none;
}

.whitesquareleft .one1{
color:black;
font-weight:bold;
}

.whitesquareleft .two2{
color:black;
font-weight:bold;
}

.whitesquareleft .three3{
color:black;
font-weight:bold;
}

.whitesquareleft .four4{
color:black;
font-weight:bold;
}

.whitesquareleft .five5{
color:black;
font-weight:bold;
}

.whitesquareleft .six6{
color:black;
font-weight:bold;
}