/* CSS Document */


/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

* {
margin:0;
padding:0
} 



/* -- containers -- */
body
{
margin:0px;
text-align:center; /* IE workaround, it centres the page  */
background-image:url(../images/body_bg.jpg);
background-repeat:repeat-x;
background-color:#3F2F22;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}
#dvmaincontainer
{
text-align:left; /* this attribute is inhereted and fixes the IE workaround */
width:900px;
margin-left: auto;
margin-right: auto;
}
#dvmaincontainer #dvtopcontainer
{
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvtopcontainer #dvlogocontainer
{
float:left;
width:324px;
margin: 0px 0px 0px 0px;
}
#dvphonecontainer h1
{
float:right;
width:314px;
font-family:Arial, Helvetica, sans-serif;
font-size:31px;
text-align:right;
font-weight:bold;
color:#F8F4D5;
margin:0px;
padding:32px 0px 0px 0px;
}
#dvphonecontainer h4
{
float:right;
width:314px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:right;
font-weight:bold;
color:#BB9F89;
margin:0px;
padding:0px 0px 10px 0px;
}

#dvtopcontainer #dvphonecontainer
{
float:right;
width:295px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}



#dvtopcontainer #dvnavicontainer
{
width:350px;  /* IE6 breaks unless width is explicit */
float:right;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}


#dvnavicontainer img
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}


#dvmaincontainer #dvbodycontainer
{
float:left;
width:900px;
background-image:url(../images/eco/page_bg.jpg);
background-repeat:repeat-y;
background-position:top center;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvbodycontainer #dvbannerbgcontainer
{
float:left;
width:873px;
height:220px;
background-image:url(../images/eco/bg.jpg);
background-repeat:repeat;
background-position:top;
border-bottom:1px solid #D5D4CD;
border-top:1px solid #D5D4CD;
margin:0px;
padding:25px 0px 0px 25px;
}
#dvbannerbgcontainer .lftcontainer
{
float:left;
width:277px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}
.lftcontainer .dvbannerleft
{
float:left;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;
}
.dvbannerleft img
{
float:left;
margin:0px;
padding:0px 11px 0px 0px;
font-size:0px;
}
.dvbannerleft p
{
float:left;
width:203PX;
font-size:12px;
text-align:left;
color:#424037;
background-color:#FBF8A8;
margin:6px 0px 0px 0px;
padding:6px 0px 5px 8px;
}
.dvbannerleft p b
{
font-size:13px;
font-weight:bold;
}
#dvbannerbgcontainer #dvbanner
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 35px;
}
/*Manufacturers Logos Panels*/
#dvsuppliers
{float: right; width: 50%; padding: 0px 0px 0px 0px;  text-align: center; margin: 0px 0px 20px 0px;}
.manufacturers_container
{width: 65px; background: #ffffff; float: left; margin: 0px 0px 3px 3px; text-align: center; border: 1px solid #c1c1c1;}
.manufacturers_image
{margin: 0px 5px 5px 0px; border: 1px solid #c1c1c1;}
.manufacturers_text
{float: left; padding: 0px 5px 5px 0; width: 80px;}
#dvsuppliers2
{float: left; width: 80%; padding: 0px 0px 0px 0px;  text-align: center; margin: 0px 0px 20px 0px;}
#special_offers
{position: relative; float: right; width: 50%; padding: 0px 0px 0px 0px;  text-align: center; margin: 0px 0px 20px 0px;}		

h1
{
float:left;
width:100%;
font-size:20px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:10px 10px 10px 0px;
}
h2
{
float: left;
width:100%;
font-size:14px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:10px 10px 5px 0px;
}
h3
{
font-size:10px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:5px 10px 5px 0px;
}

h4{padding: 0; margin: 0; font-size: 10px; font-weight: bold; line-height: 15px;}
h4 hover{text-decoration:underline; padding: 0; margin: 0; font-weight: bold; line-height: 15px;}
img{border-width: 0px; padding: 0px; margin: 0px;}
a:link{color:#938A82;}
a:visited{color:#938A82;}
a:hover{text-decoration:underline;}
a:active{color:#938A82;}



#dvbodycontainer #dvleftpanel
{
	position: relative;
float:left;
width:300px;
height: 100%;
margin:0px;
padding:26px 0px 4px 10px;
background-image: url(../images/eco/bg.jpg);
}
#dvleftpanel #topimage
{
float:left;
width:259px;
font-size:20px;
margin:0px;
padding:8px 0px 0px 15px;
height:23px;
background-color:#A4051B;
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:'Helvetica', Arial, Verdana;
voice-family:"\"}\"";
line-height:18px;

}
#dvleftpanel #midcont
{
float:left;
width:247px;
margin:0px;
padding:25px 0px 4px 25px;
border-bottom:1px solid #F3F3F3;
border-left:1px solid #F3F3F3;
border-right:1px solid #F3F3F3;
}
#midcont p
{
float:left;
width:223px;
font-size:15px;
text-align:left;
line-height:18px;
voice-family:"\"}\"";
line-height:17px;
color:#513D2C;
margin:0px;
padding:0px;
padding-bottom:25px;


}
#midcont p span
{
color:#A5051A;
font-weight:bold;
}
#dvleftpanel #leftfoot
{
float:left;
width:258px;
background-image:url(../images/eco/left_foot.jpg);
background-repeat:repeat-y;
background-position:top;
margin:12px 0px 0px 0px;
padding:11px 0px 13px 16px;
}
#leftfoot img
{
float:left;
width:46px;
margin:0px;
padding:0px 0px 0px 0px;
}
#leftfoot p
{
float:left;
width:160px;
font-size:12px;
text-align:left;
color:#6B5F58;
margin:0px;
padding:0px 0px 0px 15px;
}
#leftfoot span
{
float:left;
width:156px;
font-size:15px;
text-align:left;
font-weight:bold;
color:#6B5F58;
margin:0px;
padding:5px 0px 5px 15px;
}
#dvbodycontainer #dvrightpanel
{
float:left;
width:540px;
margin:10px 0px 0px 10px;
padding:5px 5px 5px 5px;
}


#dvrightpanel img {
 float: right;
} 
#dvrightpanel rp_right_container
{
position:relative;
float:right;
width:250px;
}


#dvrightpanel p
{
float:left;
width:100%;
font-size:13px;
font-size:13px;
text-align:justify;
voice-family:"\"}\"";
line-height:20px;
color:#513D2C;
margin:0px;
padding:0px 10px 10px 0px;
}
#dvrightpanel .line
{
float:left;
width:533px;
font-size:0px;
margin:0px;
padding:10px 0px 10px 5px;
}
#dvrightpanel .learn
{
float:right;
text-align:left;
font-size:0px;
margin:0px;
padding:5px 5px 5px 5px;
}

#dvrightpanel .learn span
{
height:20px;
width:140px;
font-size:10px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#dvrightpanel .learn span a
{
background-image:url(../images/eco/learn.jpg);
background-repeat:no-repeat;

width:140px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;

}
#dvrightpanel .learn span a:hover
{
background-image:url(../images/eco/learn_over.jpg);
background-repeat:no-repeat;
width:130px;
color:#FFFFFF;
text-decoration:none;
}



#dvrightpanel .learn a 
{
background-image:url(../images/eco/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:11px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;
}

#dvrightpanel .learn a:hover 
{
background-image:url(../images/eco/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}

#dvrightpanel #box_mode
{
position: relative;
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#dvrightpanel #box_mode #left_box
{
position: relative;
float:left;
width:45%;
}
#dvrightpanel #box_mode #right_box
{
position: relative;
float:right;
width:45%;
}


.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { display:block; border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 


#dvrightpanel #righttfoot
{
float:left;
width:100%;
height:59px;
background-image:url(../images/eco/right_foot.jpg);
background-repeat:no-repeat;
background-position:top;
margin:20px 0px 0px 0px;
padding:11px 0px 13px 0px;
}

#righttfoot img
{
float:left;
margin:0px;
font-size:0px;
padding:0px 0px 0px 10px;
}
#righttfoot p
{
float:left;
width:160px;
font-size:13px;
text-align:left;
color:#513D2C;
margin:0px;
padding:0px 12px 0px 12px;
}
#dvmaincontainer #dvfootercontainer
{
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvfootercontainer #foottop
{
float:left;
width:900px;
background-image:url(../images/eco/footer.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px 0px 50px 0px;
}
#foottop p
{
float:left;
font-size:12px;
text-align:left;
color:#938A82;
margin:0px;
padding:25px 0px 0px 20px;
}
#foottop p a 
{
text-decoration:none;
color:#938A82;
padding-left:5px;
padding-right:5px;
}
#foottop p a:hover
{
text-decoration:underline;
color:#938A82;
}
#foottop p span
{
padding:0px 10px 0px 0px;
}
.design
{
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:30px;
padding-top:13px;
}



/*- Menu Tabs 1--------------------------- */ 


    #tabs1 {
      float:left;
    
	  background:#FAF6DB;
      font-size:15px;
      line-height:normal;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  padding-top:10px; 
	  padding-bottom:5px;
	  height:26px;
	  margin:0px;
	  line-height:normal;
	  
	  height:100%; /*Fix for MSIE peekaboo bug */
	 
      }
    #tabs1 ul {
	  margin:0;
	 list-style:none;
	  float:left;
	 padding:0px;
	 
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
	  voice-family:"\"}\"";
	  line-height:16px;
	  height:25px;
	  float:left;
	  
	  
      }
    #tabs1 a {
      float:left;
      background:url("../images/eco/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../images/eco/tabright1.gif") no-repeat right top;
	  color:#2C1C0F;
      padding:3px 9px 6px 5px; 
	  voice-family:"\"}\"";
	  padding-top:2px;
	  
	  
	
	  
	
     
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
	  
      }
    #tabs1 a:hover {
      background-position:0% -42px;
	   color:#FFFFFF;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
	   color:#FFFFFF;
      }

      #tabs1 #current a {
      	background-position:0% -42px;
		 color:#FFFFFF;
      }
      #tabs1 #current a span {
      	background-position:100% -42px;
		 color:#FFFFFF;
      }
	  
	  /*-----------------------------Menu ------------------------------*/
	  
	  img {border: none;} 

	/*- Menu Tabs 3--------------------------- */

    #tabs3 {
      float:left;
      width:362px;
      font-size:14px;
	  font-family:Arial, Helvetica, sans-serif;
      line-height:normal;
	  background:#FAF6DB;
	  font-weight:bold;
	  
	  
	  
      }
    #tabs3 ul {
	  margin:0;
	  padding:10px 5px 5px 0px;
	  list-style:none;
	  line-height:21px;
      }
    #tabs3 li {
      display:inline;
      margin:0;
      padding:0;
	 
      }
    #tabs3 a {
      float:left;
      background:url("../images/eco/tableft3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs3 a span {
      float:left;
      display:block;
      background:url("../images/eco/tabright3.gif") no-repeat right top;
      padding:7px 0px 4px 0px;
      color:#2C1B11;
	  line-height:14px;
	  height:20px;
      }
	    #tabs3 a span {float:none;
		border:1px solid red;}
    /* Commented Backslash Hack hides rule fr
	om IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
      color:#FFF;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }  

      #tabs3 #current a {
      	background-position:0% -42px;
		color:#FFFFFF
      }
      #tabs3 #current a span {
      	background-position:100% -42px;
		color:#FFFFFF
      }
/* Generic list properties */      
ol, ul {
	list-style-type: circle;
	float:left;
width:100%;
_width:96%; /* IE hack to make menu list look fine, */
font-size:11px;
text-align:justify;
voice-family:"\"}\"";
background-color:#f9f3d3;
line-height:20px;
color:#513D2C;
margin:1px; 
padding: 5px 0px 10px 15px;
}


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;

}
      
  blockquote.style1 {
  clear:both;
  font-family:Arial;
  font-size:12px;
  line-height:18px;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(../images/eco/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 43px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(../images/eco/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }