/* CSS Document */
* {
    padding: 0;
    margin: 0;
} 

body {
background: #99ccff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
text-align:center;
}

img { border: none; }
a { color: #009900; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 1000px;
background:white;
margin-top:25px;




}
/* HEADER */
#header { 
height: 122px;
z-index:10000;
text-align:left;
position:relative;
background:  url(images/bg-header.gif) repeat-x ;
}
.messageStackError{background:#ff3333;padding:2px;color:#fff; margin-bottom:10px;}

div#header a h1{border:#ccc solid 2px; border-top:none; position:absolute; background:  url(images/algaegreen.jpg) no-repeat; margin-left:35px; height:80px; width:177px; height:71px; }
div#header span{display: none; }
 div#header a:hover h1{background:  url(images/algaegreenhover.jpg); cursor:pointer} 
#header h2 {
color: #333;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}
#menu {width:750px; right:15px;margin-top:15px; margin-right:2px; z-index:1000; position:absolute; font-family:'Calibri',Candara,Trebuchet MS,Arial;background: none;}
#menu a {color:#000;}
/* HEADER END*/
/* INTRO*/
#intro {
text-align:left;
background: #fff;
height: 223px;

}
#slider{position:absolute; z-index:1 important!;}

#intro h2{width:180px;font-size:30px;line-height:35px; float:left; margin:px; 
 font-family:'Calibri',Candara,Georgia; text-decoration:none;font-weight:normal;color:#01A0C6;margin:30px;margin-top:20px;
}
#intro span{width:1000px; height:250px; position:absolute; background:  url(images/bg-footer.gif)  repeat-x bottom; 
}


/* INTRO END*/
#content {

text-align:left;
}

.left {
margin-top: 35px;
width: 770px;
float: left;
text-align: justify;
}


#content h2 {
color:#009900;
font-size: 20px;
line-height:28px;
letter-spacing: 0.5px;
font-weight: bold;
padding : 10px 0 15px 0;
text-align:left;
font-family:arial;
}

.newright {
width: 330px;
float: right;
padding: 0px;
font-size: 11px;
}
.newright .tire{
padding-right:30px;
}

.right {
margin-top: 35px;
width: 220px;
float: right;
padding: 0px;

font-size: 12px;
}
.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
}
.right h2 {
height: 30px;
font-size: 15px;
color: #666;
line-height: 30px;
font-weight: 100;
}
.right a { text-decoration: none }

#footer {
border-top: 1px solid #aaa;
text-align: center;
color: #333;
font-size: 11px;
padding: 0 0 10px 0;
margin-top: 20px;
}
.col1 {float:left; width:200px; margin-right:35px;margin-left:35px; }
.col1 h2{text-align:left; }
.col2 {float:left; width:450px;}

/* CSS Document */
#header_navigation {position: relative;height: 120px;width: 100%;overflow: hidden;background: none;}
#header_nav a {font-size: 14px;font-weight: bold;color: #333;padding: 4px 15px 0px 15px;display: block;text-decoration: none;background: none;height:60px; border-right:#99ccff dotted 1px;}
#header_nav a:hover {background:#01A0C6;color:#fff;display:block;}
#header_nav li {position: relative;display: inline;float:left;list-style: none;width:125px;}
#header_nav li ul {position: absolute;top: 60px;left: 0;width: 1500px;padding-top: 0px;}
#header_nav li .block {height: 25px;  width: 2000px;position: absolute;top: 60px;left: -1500px;display: none; }
#header_nav li .block {height: 45px\9}
#header_nav li.off ul {display: none;}
#header_nav li ul li a {font-size: 12px;font-weight: normal;padding:0px; padding-left:10px;padding-top:5px;width:110px; display: block;float: left;color:#333; height:40px;}
#header_nav li ul li a:hover { color:#fff;background: green;text-decoration:none; }
#header_nav li ul li span {padding: 0 5px 5px 3px;float: left;background:none;}
#header_nav li ul li:first-child span {display: none;} 
#header_nav li:hover a, #header_nav li.over a {text-decoration: none;}
#header_nav li:hover li a, #header_nav li.over li a {width:125px;background:#99ccff; }
#header_nav li li a:hover {text-decoration: underline;	}

#header_nav li:hover .block, #header_nav li.over .block {display: block;z-index: 9998;background: white; padding:10px}
#header_nav li:hover ul, #header_nav li.over ul {display: block;z-index: 9999;}
li.over, li.over * {z-index: 9999;}
#header_nav li.on ul {display: block;height:45px;}
#header_nav li.on ul li a {display:block; color:#333;background: #99ccff; width:125px;}
#header_nav li.on ul li a:hover {display:block; color:#fff;background:green; width:125px;}
#header_nav li.on ul  {display:block;  color:#333;background: #fff;}

.articles p{margin-bottom:10px;}


/*Second style*/
.left1 {
width: 930px;
float: left;
text-align: justify;
margin-left:30px;
}
.right1 {
width: 300px;
float: right;
padding: 0px;}
.left1 ul{clear:both;}
.left1 li{background:; list-style-type:none; text-align:left; margin-bottom:5px;border-left:dotted 1px #ccc; float:left; width:200px; height:250px; padding:15px; padding-top:0px;}
.left1 li a {font-size:16px;}
.left1 li a img{border:#e6e6fa 5px solid;}
.left1 #test img{position:relative; margin-top:20px; margin-bottom:20px;border:solid 3px cadetblue; }
.left1 .articles p{float:left; width:550px;}

.left1 h3{margin-bottom:10px; font-weight:normal; font-size:12px;}
.left1 #test{width:350px; float:right;  text-align:center; }


 
/*sec end*/

/*third style*/
.left2 {
width: 550px;
float: left;
text-align: justify;
margin-left:30px;
}
.left2 ul{clear:both;}
.left2 p img{position:relative; margin:20px; margin-right:0px;border:solid 3px cadetblue; }
.left2 h3{margin-bottom:10px; font-weight:normal; font-size:12px;}

#intro #test img{position:relative; left:220px;
 }
/*third end*/

/*third style*/
.left3 {
width: 550px;
float: left;
text-align: justify;
margin-left:30px;
}
.left3 ul{clear:both;}
.left3 p img{position:relative; margin:20px; margin-right:0px;border:solid 3px cadetblue; }
.left3 h3{margin-bottom:10px; font-weight:normal; font-size:12px;}

#intro #test img{position:relative; left:220px;
 }
/*third end*/
/*tabs*/

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ccc;
 font:  13px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border-bottom: none;
 background: #ccFF99;
 text-decoration: none;
line-height:25px;
}

ul.tabbernav li a:link { color: #009900; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
color: #0066FF;
 
 background: #CCCCFF;
}

ul.tabbernav li.tabberactive a
{
color:#009900;
 background-color: #fff;

}

ul.tabbernav li.tabberactive a:hover
{
 color: #009900;
 background: white;
}
.tabbertab h2 {
color:#009900;
font-size: 20px;
line-height:30px;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
 

}
.tabbertab h3 {
color:#333;
font-size: 14px;
line-height:30px;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
}


.tabbertab p{margin-bottom:10px;}
.tabberlive {position:relative; text-align:left; margin:30px;}
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
text-align:left;
margin:0px;
width:700px;
position:relative; 
left:0px;


}




/*tabs end */
/*contact*/
.col2 label{float:left; width:115px;margin-bottom:10px;}
.col2 input{position:relative; right:0px;margin-bottom:10px;}

/*contact end*/
#ogtlogo{float:left; height:300px;margin-right:90px;margin-top:20px}
#submittoo input{width:104px; height:23px;}
.inrow{clear:both;}
.inrow .tabbertab {float:left; width:200px; text-align:left; margin:30px;  }

.inrow .tabbertab h2 a {font-size:22px; font-family:Georgia,'Calibri',Candara; font-weight:normal; }
.twocol {text-align:left; margin:30px; margin-top:0px;padding:15px;width:300px; float:right; border-left:#ccc dotted 1px; }

.twocol h2 a {font-size:16px;}

.buyonline { border:solid 3px #008000; background:#009900; width:181px;  margin-top:10px;margin-bottom:10px;padding:10px; padding-left:5px; font-size:14px; text-align:center; color:#fff}
.buyonline  a b{font-size:30px; line-height:60px; font-family:Candara; border:solid 1px #00B2EE; background:#00BFFF; width:130px; color:#fff;  margin:10px;padding:5px;}
.buyonline a:hover b {background:#008080; text-decoration:none;}
.imo{  width:186px;padding-bottom:10px;   }
.imo p { width:160px; font-size:11px; line-height:16px; color:#333; font-family: Arial; }

#buybutton{position:relative;width:200px; height:138px; }
#buynow {display:block; width:200px; height:138px; left:0px; right:0px; position:relative; background : url(images/icons/buyonline2.jpg) 0 -1px no-repeat; }
#buynow:hover{width:200px; height:138px; left:0px; right:0px;position:relative; background : url(images/icons/buyonline2.jpg) 0 -140px no-repeat; }
#buybutton a h3 {display:none; }
.left3 #test img{width:250px; height:244px;float:right;margin-left:20px;padding:5px;border:#ccc 1px solid; }
.left3 .articles h3{width:145px;}


#content .left2 h2{
font-size: 20px;
line-height:20px;
margin:0px;
padding : 0px;
text-align:left;
font-family:arial;}

.product .tabbertab a img {width:200px; height:194px;}


.product {clear:both;margin:15px;margin-top:0px;}
.product .tabbertab {float:left; width:210px; text-align:left;margin:10px; margin-top:0px; border-right:#ccc dotted 1px; }
  }

.product .tabbertab h2 {height:50px; width:200px;margin:0px;
padding : 0px;}
.product .tabbertab h2 a {font-size:18px; height:50px;  font-family:Georgia,'Calibri',Candara; 
font-weight:normal;margin:0px; display:block;
padding : 0px; }
.product .tabbertab ul {margin-left:15px;margin-bottom:10px; width:200px; }
.product .price{border:solid 1px #63B8FF; background:#BBFFFF; width:198px; margin-top:10px;}
.product .price p {padding:10px; padding-bottom:5px }
.product ul {list-style-type:circle }
#granular{padding:10px; background-color:#F2FBF1; border:dotted 1px #009900;text-align:left;}
#granular img{padding-right:10px;float:left;width:150px; height:144px;}
#granular h3{ font-size:16px; margin-bottom:10px;}

.myright{z-index:20; position:relative;float:right;  width:200px;height:400px; margin-top:60px;} 
.myright .tire{width:100px; margin:20px;} 
.myright .tire img {width:150px; height:146px; padding-bottom:10px; margin-bottom:10px;margin-top:10px; border-bottom:black dotted 1px; } 
.myright .tire p b a{padding-top:10px;font-size:14px;} 
.myright .tire h3{font-size:24px; margin-bottom:10px; font-weight:normal; line-height:25px;}
#plough{width:165px; padding:10px; border-bottom:solid 1px #01A0C6; }
#plough p strong {color:#01A0C6;font-size:11px;}
#plough p {font-size:11px;}