@charset "utf-8";
/* CSS Document */
html {height:100%; margin-bottom: 1px; }
body {
	margin: 0px;
	padding: 0px;
	font-family: "Myraid Pro", "Myraid", Arial, Helvetica, sans-serif;
	font-size:72.5%;
	color: #333333;
	background: #FFFFFF url(/img/bk.jpg) repeat-x left top;
}
    
.clear { clear: both; }
.left { float: left; }

.headerLeft {
    float: left;
    width: 420px;
    }
.headerLeft2 {
    float: left; margin: 0px 0px 0px 20px;
    width: 420px;
    }

.marginRight10 { margin-right: 10px; } .marginBottom10 { margin-bottom: 10px; } 

.marginLeft10 { margin-left: 10px; }
    
.featureBlock {
	float: left;
	width: 256px;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #305a23;
	padding: 7px;
	min-height: 100px;
	}

.featureBlock .image {
	float: left;
	width: 97px;
	}
	
	.featureBlock .image img {
		border: 2px solid green; 
		}

.featureBlock .description {
	float: left;
	width: 150px;
	}

.featureBlock a {
	font-size: 14px;
	color: #FFFFFF;
	}

.headerRight {
    float: right;
    width: 420px;
    }
.headerRight2 {
    float: right; margin: 10px 0px 0px 0px; padding:0px;
    width: 420px;
    }
.headerRight2 .social2 {
        float: right;
        width: 43px;
        }
.headerRight2 .social2 a img {
            border: 0;
            }
.tradeph { padding: 0px 0px 0px 43px;}
    
    .headerRight .social {
        float: right;
        width: 380px;
        background-color: #e6e6e6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 4px 5px 2px 5px;
        margin-top: 5px;
        margin-right: 15px;
        }
        
        .headerRight .social a img {
            border: 0;
            }
            
.caseStudy {
    background-image: url("/img/testimonial.jpg");
    padding: 20px;
    margin-bottom: 10px;
    }

#wrapper { margin: 0px auto; width:1000px; padding: 0px 6px; clear: both; background: 

url(/img/wrap-bk.png) repeat-y top; height: auto; border: none;}
#title {width:1000px; float: left;}
#nav {width:1000px; height:34px; float: left; background: #FFFFFF url(/img/nav-bk.gif) 

no-repeat left top; color: #CCCCCC;}
.nav ul { list-style:none; margin: 0px 0px 0px 0px; padding: 0px; font-size:1.1em; 

list-style-type:none; }
.nav li { margin:0px; padding: 0px 7px 0px 7px; line-height: 34px; float:left; 

display:block;}
.nav a {font-family: "Myraid Pro", "Myraid", Arial, Helvetica, sans-serif; text-

decoration:none; color: #e6e6e6; font-weight:bold; }
.nav a:hover { color:#ffffff; }
.home {padding: 0px 15px 0px 17px; }
#centre { width:1000px; background: #FFFFFF url(/img/centre-bk.gif) repeat-y top left; 

float:left;}
#centre2 { width:1000px; background: #FFFFFF url(/img/centre-bk2.gif) repeat-y top 

left; float:left;}
#left { width: 222px; float:left; }
#right { width: 778px; float:left; }
.lnav { list-style:none; background:#f5f5f5; padding:0px; margin:0px;}
.lnav li { margin: 0px 5px 0px 5px; width:192px; display:block; background: #f5f5f5 

url(/img/nav-line.gif) no-repeat top left; padding: 6px 5px 6px 15px; }
.lnav li a { color:#494949; text-decoration:none; font-size: 1.2em; font-weight: 

bold;}
.lnav li a:hover { color:#e41e26; text-decoration:none; }
#customers { margin: 15px; font-size: 1em; }
#customers strong {font-size: 1.1em; }
#customers em {font-size: 0.9em; }
.bright { border-right:#FFFFFF solid 2px; }
.infobox1 { float: left; border-right:#FFFFFF solid 2px; border-top:#FFFFFF solid 2px; 

width:193px; }
.infobox2 { float: left; border-top:#FFFFFF solid 2px; width:193px; }
.inforboxtxt { background:url(/img/info-bk.gif) no-repeat top left; width:183px; 

height:30px; padding: 0px 0px 0px 10px; font-family:Georgia, "Times New Roman", Times, 

serif; font-size:1.5em; text-transform:uppercase; margin: 0px; line-height:30px; 

float: left;}
.inforboxtxt  a { color:#FFFFFF; text-decoration:none;  }
.inforboxtxt  a:hover { color:#e41e26; text-decoration:none;  }
#bodytxt { width: 560px; margin: 10px 5px 10px 20px; float:left; clear:left; }
#logos { background:#f8f2df; padding: 20px 20px 20px 40px; float:left; width: 940px;  

}
.btclear { clear:left;}
#bottom { margin: 0px auto; width:940px; padding: 15px 40px 0px 40px; clear: both; 

background: url(/img/bottom-bk.gif) no-repeat top; height: 35px; border: none; 

color:#FFFFFF;}
#bottom  a { color:#FFFFFF; text-decoration:none;  }
#titleimage { height: 240px; width: 583px; float:left; margin: 0px 2px 0px 0px; }
/*product overview pages*/
#prodleft { width: 583px; float:left; border-right:#FFFFFF solid 2px; }
#prodright { width: 193px; float:left; padding: 0px; }
#prodright2 { width: 183px; float:left; padding: 10px 5px; font-size:1em;}
#prodright2 ul { padding: 0px 5px; margin: 0px 10px;  }
#prodtitle { width: 568px; padding: 15px 0px 10px 15px; float:left; background:#acacac 

url(/img/titlebk.gif) repeat-x left; border-bottom:#747474 solid 5px; color:#FFFFFF; 

font-size:1.2em; height: 49px; }
#prodtitle a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
#prodtitle a:hover { color:#e41e26; text-decoration:none; font-weight:bold; }
#prodtitle2 { width: 568px; padding: 35px 0px 10px 15px; float:left; 

background:#acacac url(/img/titlebk.gif) repeat-x left; border-bottom:#747474 solid 

5px; color:#FFFFFF; font-size:1.2em; height: 29px; }
#prodwindow {width: 583px; padding: 5px 0px 10px 0px; float:left; background:#305a23; 

border-top:#ffffff solid 2px; color:#a0c131; font-size:1.4em; height: 144px; font-

weight:bold; }
#bodyright { width: 193px; float:left; margin: 2px 0px; }
#scrleft { height: 73px; width: 28px; float:left; padding: 40px 0px 0px 0px; margin: 

3px 0px 0px 0px;}
#scrright { height: 73px; width: 28px; float:left; padding: 40px 0px 0px 0px; margin: 

3px 0px 0px 0px;}
#container { width: 527px; float:left; height:113px; overflow:hidden; 

position:relative; margin: 3px 0px 0px 0px; }
#content { }
#t1 img { margin: 0px 4px 0px 4px; }
/*product pages*/
#prod {width: 523px; float:left; margin: 10px 30px 0px 30px;}
#bigpic img { padding: 3px; border: #999999 1px solid; margin: 0px 0px 10px 0px; }
#prodcolours {height: 207px; width: 443px; float:left; background: #f5f5f5; margin: 

10px 0px 0px 0px; padding: 10px 20px; color:#333333; font-weight:bold; font-size:12px; 

}
#prodcolours td { width:65px; height:20px; font-size:9px; }
#prodbodytxt { width: 758px; margin: 0px 0px 10px 20px; float:left; }
#prodbodytxt td { width: 50px; height:20px; border: color:#666666; font-weight:bold; 

font-size:9px; vertical-align:top; }
#prodbodytxt td div { margin:0px; padding:0px; }
.gallerylayer { float:left; }
#fadeshow1 { float:left; }