body {margin:0;padding:0;font-family:Tahoma}

#header{width:100%; height:auto; background:white; padding:0px; overflow:hidden;}

#header_left{width: 34%; height:110px; float:left; padding-left:5px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; color:red; font-family: Arial; font-size: 1.8em;}
#header_left1{width: 100%; margin-top:0px; font-family:Arial; font-weight:normal; color: #006699; font-size:0.4em;}

#header_left2{width: 100%; color:#afafaf; margin-top:0px; margin-top:2px; font-family:Arial; font-size:0.4em;}

#header_middle{float:left; width:40%; height:110px; overflow:hidden;}

#header_middle1{float:left; width:99%; height:55px; overflow:hidden;}



#header_right{width: 23%; 
          height:59px; 
          float: right;
          background:green;
          overflow:hidden; 
          margin-right:3px;
          margin-top:3px;
          text-align:left;
          font-size: 1em;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          padding:3px;
          background:white;

        border:1px solid #EDEDED;
/* Background color and gradients */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.7);
  box-shadow:0 1px 3px rgba(0,0,0,.7)
  }
#header_right a:link{text-decoration:none;padding:0px}
#header_right a:hover{color:red;}


#googleplus{padding:1px; margin:1px; float:left;}


h1{padding:0px; margin:0px;font-size:1.2em;font-weight:bold;}
h2{padding:0px; margin:0px;font-size:1.1em;font-weight:bold;}
h3{padding:0px; margin:0px;font-size:1.1em;font-weight:bold;}
h4{padding:0px; margin:0px;font-size:1em;font-weight:bold;}
a:link{color:#2E8AE6; text-decoration:none; }
a:hover{color:#1A4C80; text-decoration:none;}
#ul{color:white; text-decoration:none; }
#ul li{margin-left:3px; list-style:none; display:inline; }
#ul li a:link{color:white; text-decoration:none; }
#ul li a:hover{color:brown; text-decoration:none;}




#navbar{
    width: 97%; 
    height: 136px;
    float:left;
    display: inline;
    overflow: hidden;
    font-size: 0.6em;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    padding: 0px;
    margin:2px;
    text-align: left;
    text-transform: uppercase;
    border:1px solid green;
  /* Rounded Corners */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#navbar_left{
  width:77%; height:135px; float:left; margin:1px;
}

#navbar_right{
  width:19%; height:30px; float:right; border:1px solid #F5EDEE;
padding:1px; margin:2px; color:white;
overflow:hidden;
    background:white;
  /* Rounded Corners */
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;

}


#sidebar_left{
    width:22%; 
    float:left; 
    font-family:arial;
    font-size:1em;
    color:white;
    border:0px solid white;
    margin-left:2px;
    margin-right:10px;
    clear:both;

/* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}


#sidebar_left_block{
          width:100%;
          float:left;
          overflow:hidden;
          color:#026614;
          font-size:1.2em;
          font-weight:normal;
          margin-bottom:6px;
          padding-bottom:6px;
          text-align:left;
          border:0px solid #BDBDBB;
          
  /* Rounded Corners */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6x;
    border-radius: 6px;

/* Background color and gradients */
     
    background: #BDBDBB;
    background: -moz-linear-gradient(top, #F0FAF8, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0FAF8), to(#fff));
}

#sidebar_div_top{
          width:100%;
          text-align:center;
          height:auto;
          overflow:hidden;
          font-size: 1em;
          font-weight:bold;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          background:#B9E37F;
          color:green;
          clear:both;

}

#sidebar_img{
	float:left;
	width:21%;
	height:20x;
        overflow:hidden;
        padding:0px;
        margin:0px;

}


#sidebar_left_row{
	float:left;
	width:95%;
	height:autopx;
	text-align:left;
        font-size: 0.9em;
        font-weight:normal;
        font-family: Tahoma;
        background:#EDEDED;
        color:red;
        overflow:hidden;
        padding:3px;
        margin-top:-1px;
        border:1px solid #EDEDED;
/* Background color and gradients */
           
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.7);
  box-shadow:0 1px 3px rgba(0,0,0,.7)

}

#sidebar_left_row:hover{
        color:white;
  background: #4E7D0E!important;
  background: linear-gradient(top,  #7DC72F,  #4E7D0E) !important;
  background: -ms-linear-gradient(top,  #7DC72F,  #4E7D0E) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#7DC72F), to(#4E7D0E)) !important;
  background: -moz-linear-gradient(top,  #7DC72F,  #4E7D0E) !important;
  border-radius: 2;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
}



#sidebar_slide{
   width:95%; float:left; margin:5px; padding-top:20px; overflow:hidden;
  }


#sidebar_right{
    width:17%; 
    float:right; 
    font-family:arial;
    font-size:1em;
    color:white;
    border:1px solid #EDEDED;
    margin-right:3px;

/* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

/* Background color and gradients */
     
    background: #C9270E;
    background: -moz-linear-gradient(top, #EDEDED, #afafaf);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#afafaf));

}




#sidebar_right_image{
width:95%; overflow:hidden; margin:2px; background:white; padding:1px; float:left; border:1px solid white; font-size:.6em; 
/* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#sidebar_right_text{
width:55%; height:auto; background:white; overflow:hidden; margin:2px; float:left; font-size:11px;
}



#sidebar_div{width: 96%; 
          overflow:hidden; 
          margin-left:2px; 
          margin-right:2px; 
          float: left;
          text-align:left;
          font-size: 11px;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          margin-top:5px;
          margin-bottom:10px;
/*          border:1px solid #049110; */
          clear:both;

  /* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10x;
    border-radius: 10px;


}


#sidebar_div_bottom{
          width:94%;
          float:left;
          overflow:hidden;
          color:#026614;
          font-size:11px;
          font-weight:bold;
          margin:1px;
          padding-bottom:6px;
          text-align:center;
          border:1px solid #BDBDBB;
          
  /* Rounded Corners */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6x;
    border-radius: 6px;

/* Background color and gradients */
     
    background: #BDBDBB;
    background: -moz-linear-gradient(top, #F0FAF8, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0FAF8), to(#fff));
}


#main_content{
    width:72%; 
    float:left; 
    margin-left:5px;
    overflow:hidden;
    color:green;
}

#main_content_head{
  position:relative;
  padding:8px;
  margin-bottom:10px; 
  font-size: 14px;
  font-weight:bold;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  width:93%;
  height:auto;
  color:#4E7D0E;


  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 4px 13px rgba(.4,0,0,.4);
  -moz-box-shadow:0 4px 13px rgba(.4,0,0,.4);
  box-shadow:0 4px 13px rgba(.4,0,0,.4)



}


#prod3col{width: 30%; 
          height:130px; 
          overflow:hidden; 
          margin:12px;
          float: left;
          text-align:left;
          font-size: 0.6em;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          margin-top:10px;          
          margin-bottom:15px;          
          padding:0px;
          color:red;


border: 0px solid #B4B4B4;
border-radius: 10px;
box-shadow: 2px 2px 4px #222;
}


#prod3col:hover{

        border: 0px solid #AE1C71;
        box-shadow: 3px 3px 6px #AE1C71;
}


#prod3col_img{width: 38%; 
          height:90px; 
          overflow:hidden; 
          float: left;
          border:1px solid #EDEDED;

border: 1px solid #B4B4B4;
border-radius: 10px;

}

#prod3col_top{
          text-align:center;
          height:14px;
          overflow:hidden;
          font-size: 1em;
          font-weight:bold;
          font-family: Tahoma;
          background:#006699;
          padding:2px;
          text-align: left;


 background: #4E7D0E!important;
  background: linear-gradient(top,  #1F5C99,  #2E8AE6) !important;
  background: -ms-linear-gradient(top,  #1F5C99,  #2E8AE6) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#1F5C99), to(#2E8AE6)) !important;
  background: -moz-linear-gradient(top,  #1F5C99,  #2E8AE6) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: none;

}

#prod3col_top h2{
          font-size: 1em;
          font-weight:bold;
          color:white;
}




#prod3col_middle{
          width:100%;
          height:80px;
          overflow:hidden;
          text-align:left;
          font-size: 10px;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          color:#4677E0;
}


#prod3col_bottom{
          text-align:center;
          font-size: 11px;
          font-weight:bold;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          height:30px;
          width:100%
          border:1px solid white;
          overflow:hidden;

}

#prod3col_bottom_left{
	float:left;
	width:80%;
	height:18px;
	text-align:center;
        font-size: 10px;
        font-weight:bold;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        background:#EDEDED;
        color:red;
        overflow:hidden;
        padding:0;
        margin-left:5px;
        margin-bottom:5px;
        border:1px solid #EDEDED;
/* Background color and gradients */
           
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.7);
  box-shadow:0 1px 3px rgba(0,0,0,.7)

}



#prod3col_bottom_right{
	float:left;
  	width:90%;
  	height:20px;
          text-align:right;
          font-size: 10px;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          background:#053953;
          color:gray;
          border:1px solid white;    
          overflow:hidden;     
       	text-align:center;

           
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
  box-shadow:0 1px 3px rgba(0,0,0,.2)


}



#div_orderonline{
  width:100px;
  height:13px;
  float:right;
  background: #12cc3e;
  border-radius: 18px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  font-weight:bold;
  padding: 3px 0px 3px 0px;
  text-decoration: none;
  
  background-image: -webkit-linear-gradient(top, #12cc3e, #0c7a22);
  background-image: -moz-linear-gradient(top, #12cc3e, #0c7a22);
  background-image: -ms-linear-gradient(top, #12cc3e, #0c7a22);
  background-image: -o-linear-gradient(top, #12cc3e, #0c7a22);
  background-image: linear-gradient(to bottom, #12cc3e, #0c7a22);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
}


#div_orderonline:hover {
  background: #027519;
  background-image: -webkit-linear-gradient(top, #027519, #09b80f);
  background-image: -moz-linear-gradient(top, #027519, #09b80f);
  background-image: -ms-linear-gradient(top, #027519, #09b80f);
  background-image: -o-linear-gradient(top, #027519, #09b80f);
  background-image: linear-gradient(to bottom, #027519, #09b80f);
  text-decoration: none;
  text-decoration:normal;
}


#footer{

    width: 99%; 
    height: 20px;
    overflow: hidden;
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    padding-top: 5px;
    margin-top: 5px;
    text-align: center;
    float: left;
    clear:both; 

  /* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;


/* Background color and gradients */
     
    background: #4E7D0E;
    background: -moz-linear-gradient(top, #fff, #1A4C80);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#1A4C80));


}

#footer_left{width:40%; overflow:hidden; float:left;}
#footer_right{width:57%; overflow:hidden; float:left;}


#single_prod_container{
    width:95%; 
    height:auto;
    float:left; 
    overflow:hidden;
    font-family:arial;
    font-size:0.8em;
    color:#537C00;
    margin:8px;
    border:0px solid #EDEDED;
/* Background color and gradients */
           
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.7);
  box-shadow:0 1px 3px rgba(0,0,0,.7)


}



#single_prod_head{
          width:100%;
          text-align:left;
          height:auto;
          padding:3px;
          font-size:1em;
          font-weight:bold;
          font-family: Verdana, Helvetica, Arial, Sans-Serif;
          color:white;
          clear:both;


/* Background color and gradients */
     
    background: #4E7D0E;
    background: -moz-linear-gradient(top, #4E7D0E, #7DC72F );
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E7D0E), to(#7DC72F ));

}


#single_prod_image{
          width:36%;
          float:left;
          overflow:hidden;
          padding:3px;
          margin:3px;
          font-size: 12px;
          font-weight:bold;
          color: brown;

/* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:white;




}

#single_prod_spec{width:58%; float:left; margin:5px; font-size:0.8em; padding:3px; overflow:hidden; background:white; color:#4677E0;
/* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#single_prod_bottom{

width:95%; margin-left:5px; margin-bottom:2px; font-size:12px; padding:10px; overflow:hidden; float:left; 
border:1px solid gray; background:white; color:#008C19;
/* Rounded Corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}






/* Media Queries */
@media screen and (max-width: 700px) {

body{width:760px; background:white;marrgin: 0 0 10px;
}	
		
			
}
