/* CSS Document */

/* IE 6 FIxes */
*html body{background:#d3dae0;}
*html #wrappertop{background-image:url('../../images/ie6/wrappertop.png');
}
*html #wrappermiddle{background-image:url('../../images/ie6/wrappertile.png');
}
*html #wrapperbottom{background-image:url('../../images/ie6/wrapperbottom.png'); 	
height:18px;
}
*html #header #headerimage{position:relative; margin:0; top:-11px;}

/* GENERAL */
.floatRight {
    float:right ;}
    
.floatLeft {
    float:left ;}
    
.paddingBottomTen {
    padding-bottom: 10px;
}

.alignCenter {
    text-align:center;}
    
.imgPadding {
    padding: 10px; }
    
.imgPaddingIncreasedBottom {
    padding: 10px 10px 20px 10px;
}
    
.imsGreenText {color: #00A77E;
               font-weight:bold;}   

.textLink {color: #00A77E;
    font-weight:bold;
}

.textLink:hover {text-decoration:underline;}  

/* SITE WIDE */
body { 
 	background-image:url('../../images/bgtile.png');
	background-repeat:repeat-x;
 	background-color:#fefeff;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	font-size:12px;
	color:#696969;
	margin: 0 auto;
	padding: 0; }
	
a {text-decoration:none;}

#wrapper{
 	width:960px;
 	height:auto;
	margin:0px auto;
	padding:25px 0; }
#wrappertop{
	float:left;
	width:956px;
	height:24px;
	background-image:url('../../images/wrappertop.png');
}
#wrappermiddle{
	float:left;
	width:956px;
	background-image:url('../../images/wrappertile.png');
	background-repeat: repeat-y;
	min-height:650px;
	height:auto !important;
	height:650px;
}
#wrapperbottom{
	float:left;
	width:956px;
	height:24px;
	background-image:url('../../images/wrapperbottom.png');
}
	
#footerbottom{
	float:left;
	width:926px;
	height:24px;
	text-align:right;
	padding-right:30px;}
	
    #footerbottom a {
        color:#696969;
    }
	

#header{width:886px; float:left; height:118px; padding: 0 35px 0 50px; position:relative; margin-bottom:20px;}
	#header #logo{float: left; width: 250px;}
	#header #headerimage{float:right; display:inline; background:url('../../images/headerimage.jpg'); 
width:612px; height:119px; z-index:100; margin-top:-11px; margin-right:10px;
}
    #header #headerimage object{margin-right:10px;}

#content{float:left; width:860px; margin:0 35px 0 16px; padding:0 30px 0 30px; min-height:500px; height:auto !important; height:500px; text-align:left;}
	#contentleft{float:left; width:208px; margin-right:50px;  min-height:500px; height:auto !important; height:500px;}
	#contentmain{float:left; display:inline; width:581px; min-height:500px;  height:auto !important; position:relative; z-index:1;}
		#contentmain h1{width:581px; display:block; color:#11a67b; height:40px; font-size:1.8em; border-bottom:1px dashed #d4d4d4;} 
		#contentmain h2{padding:0; margin:0; color:#4f4f4f; font-size:1.2em;}
		#contentmain h3{padding:0; margin:0; color:#00A77E; font-size:12px; font-weight:bold;}
		#contentmain #bottomcontent{width:581px; border-top:1px dashed #d4d4d4; height:260px; margin-top:20px; padding:20px 0;}

.loginbox{background:url('../../images/loginbox.png') no-repeat; 
width:188px; height:120px; float:left; padding:10px; position:relative;
}
	.loginbox label{font-weight:bold; color:#4f4f4f; float:left; width:188px; margin-bottom:2px; }
	.loginbox input{width:125px; border:1px solid #cccccc; float:left; height:19px; margin-bottom:4px;}
	.loginbox .submit{border-style: none;
    border-color: inherit;
    border-width: medium;
    position:absolute;     right:10px;     bottom:20px;     height:51px;     width:51px; background:url('../../images/loginsubmit.png');
}
	.loginbox .submit:hover{height:51px; background-position:bottom;}
	
.loginbox .errorMsg {
    color: Red;
    height: 25px;
    width:188px;
    font-size: 10px;
    margin: 0;
    float:left;
    font-weight:bold;
    margin-bottom:2px;
    }

.loginbox a {
    color: #00A77E;
}

.loginbox a:hover {
    text-decoration:underline;
}


/* sidenav */
.nav {background:url('../../images/navtile.png') repeat-x; 
width:205px; height:200px; border:1px solid #e0e0e0; margin:15px 0; padding:0; list-style:none; float:left;
}
.nav li{border-bottom:1px solid #e0e0e0; width:205px; height:25px; line-height:25px;}
.nav a{text-decoration:none; color:#4f4f4f; font-weight:bold; display:block; width:190px; height:25px; padding-left:15px;}
.nav a:hover{background:url('../../images/greentile.png') repeat-x; 
color:#ffffff; }


.latestnews{width:350px; border:1px solid #e4e4e4; height:250px; float:left;}
	.latestnews h2{width:330px; background:url('../../images/greentile.png') repeat-x; 
height:25px; line-height:25px; color:#fff !important; padding-left:20px !important;
}
	.latestnews .articles{margin:0; width:330px; padding:0 10px; list-style:none;}
		.latestnews .articles li{border-bottom:1px solid #e4e4e4; float:left; width:310px; padding:10px;}
		.latestnews .articles li img{ float:left; margin-right:10px;}
		.latestnews .articles h3{padding:0; margin:0; font-size:1em; font-weight:bold; color:#4f4f4f; white-space:nowrap;}
		.latestnews .last{border:none !important;}



.quicklinks {width:209px; height:250px; margin:0; list-style:none; float:right;  border:1px solid #e4e4e4;}
		.quicklinks h2{width:189px; background:url('../../images/greentile.png') repeat-x; 
height:25px; line-height:25px; color:#fff !important; padding-left:20px !important;
}
		
		.quicklinks .links{width:209px; list-style:none; padding:0; margin:0;}
		.quicklinks .links li{ height:25px; line-height:25px; float:left; width:209px;  border-bottom:1px dashed #e4e4e4;}
		.quicklinks a{display:block; width:189px; padding-left:20px;  color:#4f4f4f; font-weight:bold; }
		.quicklinks .links a:hover{background:url('../../images/greentile.png') repeat-x; 
color:#fff;
}
		.quicklinks .links .green{background:#cae8de;}


.footer{width:900px; float:left; height:20px; line-height:20px; text-align:right;  padding:0 30px 0 30px; }
.footer a {display:inline-block; color:#92999f; padding:0 10px 0 10px; border-right:1px solid #e4e4e4;}
.footer a:hover{color:#12a77b;}

/* font */

.bluebold{font-weight:bold; color:#135ca7;}
.redbold{font-weight:bold; color:#bb0000; font-size: 10px;}

/* Product List */

ul.productlist a {
    color: #00A77E;
}

ul.productlist a:hover {
    text-decoration:underline;
}

ul.productlist {
    padding-bottom: 30px;
    width: 532px; 
    float: left;
    height: 300px}
    ul.productlist li {
        float: left;
        width: 140px;
        padding:2px;
        }
        
/* Product Page BG Image */
#productbg {background:url('../../images/product_page_bg.png') no-repeat bottom right;
            width: 549px;
            height:256px;
            position:absolute;
            bottom: 30px;
            right: 0;
            z-index:-1;}
            
.productimages {list-style:none; padding:0; margin:0; float:left; width:100%;}
.productimages li {display: inline-block; float: left; width:33%; text-align:center;}
                    
		
/* Default Form */
.defaultform fieldset{border:1px dashed #ababab; padding:20px; margin-bottom:20px; position:relative; width: 541px;}
.defaultform fieldset h2{font-size:14px; color:#11a67b !important; height:36px; }
.defaultform label{width:120px; height:20px; line-height:20px; display:block; float:left; padding-left:5px; font-weight:bold; text-align:left; margin-right:5px;}
	.defaultform .security{width:230px;}
.defaultform input{padding:4px; font-size:12px; color:#696969;  border:1px solid #d4d4d4;  margin-bottom:2px; width:170px;}
.defaultform input:focus, .defaultform input:hover{border:1px solid #11a67b;}
.defaultform fieldset .action { position:absolute; top:-15px; right:20px; display: block; border:1px solid red;}

.mand{ color:#c60009;}

/* Login Form */
.formaction {float:left;}
.formaction a{height:16px; float:left; display:block; background:url(../../images/logformaction.png) no-repeat top left;}
	.formaction a span{text-indent:-9999px; display:block;}
	.formaction .login{width:51px;}
	.formaction .login:hover{background-position:left bottom;}
	.formaction .forgotpass{width:79px; background-position:top right;}
	.formaction .forgotpass:hover{background-position:right bottom;}

/* Contact Us Table */
.contacttable {width:100%; margin-bottom:20px;}
.contacttable tr {margin-left: 20px;}
.contacttable tr td {text-align:left; padding: 10px; vertical-align:top; width:33%;}

/* Tooltip */
.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    border:1px solid #000000;
    max-width:300px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#696969;
    padding:2px;
    text-align:left;
}