
/*Use Comments*/

/*Default Font Family arial, helvetica, verdana, sans-serif;*/


/*Clear margins extra space for Firefox or IE6*/
* {
 margin: 0;
 padding: 0;
}


html, body 
{
 font-size: 12px;
 font-weight: normal;
 font-family:   verdana, arial, helvetica,  sans-serif;
 
 /*color: #E5E4E2;*/
 background-image: url("../images/background-gradient.gif");
 background-color: #E5E4E2;
 background-repeat: repeat-x;
 background-position: 0 0;
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 min-height: 100.1%; margin-bottom: 1px;
 height: 100.1%;

}



table, tr, td
{
 font-size: 12px;
 font-weight: normal;
 font-family:   verdana, arial, helvetica,  sans-serif;
 color: #FFF;
}

h1, h2 
{
 font-family:   arial, helvetica, verdana, sans-serif;
 color: #3366CC;
 margin-bottom: 0;
}

hr 
{
 border-style: none;
 background-color: #ADD8E6;
 color: #ADD8E6;
 height: 1px;
 width: 80%;
}


a
{
 text-decoration: none;
 
}

a:link, a:active, a:visited
{
 color: #FFFFFF;
 
}

a:hover
{
 color: #F47C22;
}

.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}




.submit
{
color: #2F2F2F;
font-weight: normal;
font-size: 11px;
min-height: 32px;
background: url("../images/button-trans.png") no-repeat;
height: 32px;
width: 109px;
border: none;
line-height: 12px;
}
.submit:hover
{
background: url("../images/button-over-trans.png") no-repeat;
}



.button {
background: transparent url("../images/button-trans.png") no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 38px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;

}






a.button {
background: transparent url("../images/button-trans.png") no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 38px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}

a.button span {
background: transparent url("../images/button-trans.png") no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
} 



#headwrapper
{
  margin:0 auto; 
 width: 800px;
 height: 110px; 
text-align: center;
background-color: #A8A8A8;
background-image: url("../images/backlogo-trans.jpg");
 background-repeat: no-repeat;
 padding-bottom: 0px;
 border-width: 0px;
 border-style: solid;
 border-color: #FFFFFF;


}

#headerrightimage
{
 position: relative;
 left: 600px;
 float:left;
 width: 89px;
 height: 100px;
 background-image: url("../images/headerright-trans.png");
 background-repeat: no-repeat;
 
}

#wrapper 
{
 position: relative;
  margin:0 auto; 
 top: -9px;
 text-align: center;
 width: 800px;
 background-color: #000000;
 padding-bottom: 0px;
 border-width: 0px;
 border-style: solid;
 border-color: #FFFFFF;
 overflow: hidden;
 }

#container 
{
 width: 798px;
 padding: 0px;
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 border-width: 0px;
 border-style: solid;
 clear: both;
}

#backlogo
{
 position: relative;
 left: 300px;
 width:303px;
 float: left;
 height: 100px;
 background-image: url("../images/backlogo-trans.png");
 background-repeat: no-repeat;
 z-index: 0;

}

#pagelogospace
{

 position: relative;
 top: 10px;
 left: 0px;

 width: 200px;
 height: 100px;
 border-width: 1px;
 border-color: #000000;
 float: left;
 margin-left: 0px;
 /*background-color: #000000;*/
 /*background-image: url("../images/logo-background.jpg");*/
 background-repeat: no-repeat;
}

#logininfo
{
position: relative;
top: 80px;
right: 50px;
text-align:center;
width: 200px;
height: 30px;
border-width: 0px;
border-style: solid;
float:  right;
 background-image: url("../images/login-trans.png");
 background-repeat: no-repeat;
padding: 3px;


}


#logininfo a
{
 text-decoration: none;
 color: #FFFFFF;

}


/* Top Main Menu*/


#mainmenu 
{
 background-image: url("../images/menu-bar.jpg");
 background-repeat: repeat-x;
 width: 100%;
 height: 61px;
}


#nav1 
{
 padding: 0;
 margin: 0;
 list-style: none;
 height: 61px;
 border-width: 0px;
 border-style: solid;
 background-image: url(../images/button.gif);
 background-color: #fff;
 background-repeat: repeat-x;
 position: absolute;
 z-index: 200;
 font-family:   Verdana, Verdana, Geneva, sans-serif;
 width: 798px;
}

#navcontainer 
{
 position: relative;
 width: 800px;
 padding: 0px;
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 border-width: 0px;
 border-style: solid;
 height: 61px;
 clear: both;
}



#nav
{
 position:relative;
}

#nav li.top a
{ 
 text-decoration: none;
 color: #FFFFFF;
 height: 61px;
 width: 159px;

}



#nav li.top
{	 
 
 background-image: url("../images/button.jpg");
 background-repeat: no-repeat;
 list-style: none;
 height: 61px;
 width: 159px;
 text-align: center;
 display: block;
 float: left;
 line-height: 60px;
 color: #E5E4E2;
 text-decoration: none;
 font-size: 17px;
 font-weight: normal;
 font-family: Verdana, Geneva, sans-serif;
 

}


#nav li.top:hover
{
 
 height: 61px;
 width: 159px;
 background-image: url("../images/button-over.jpg");
 background-repeat: no-repeat; 

}

#nav li.top a:hover
{
 text-decoration: none;
 color: #000000;
}

#nav li.top a:link
{
 text-decoration: none;
 color: #FFFFFF;
}


#nav li.top a:visited
{
 text-decoration: none;
 color: #FFFFFF;
}

#nav li.top a:active
{
 text-decoration: none;
 color: #FFFFFF;
}


#nav li.top_sep
{	 
 position: relative;
 top: 10px;
 list-style: none;
 height: 43px;
 text-align: center;
 display: block;
 float: left;
 width: 1px;
 color: #E5E4E2;
 text-decoration: none;
 background-image: url("../images/menu-sep.jpg");
 background-repeat: no-repeat;
 z-index: 201;
}


/* top main menu*/


#orangebar
{
 background-image: url("../images/orange-bar.jpg");
 background-repeat: repeat-x;
 width: 100%;
 height: 41px;

}

#infobar

{
 position:relative;
 top: 5px;
 right: 10px;
 float: right;
 height: 18px;
 width: 240px;
 background-image: url("../images/info-bar.gif");
 background-repeat: no-repeat;
 border-width: 1px;
 border-color: #FFFFFF;
 color: #000;
 font-weight: bold;
 
}

#numbercontainer
{
 position: relative;
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 width: 800px;
 top: 5px;
 font-size: 18px;
 font-weight: normal;
 font-family: Verdana, Verdana, Geneva, sans-serif;
 color: #000000;
 
}

#intnumber
{
 position: relative;
 text-align:left;
 float: left;
  
}

#locall
{
 position: relative;
 text-align:right;
 float: right;
 
}

.genlink a:link, .genlink a:visited,.genlink a:active

{
 text-decoration: none;
 color: #F47C22;
 
}

.genlink a:hover
{
 text-decoration: none;
 color: #000000;
 
}

#banner a
{
 position: relative;
 top: 3px;
 left: -2px;
 width: 800px;
 height: 97px;
 /*background-image: url("../images/band-image.jpg");*/
 background-image: url("../images/front/banner10pc.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-color: #000;
 float: left;
 text-align: left;
 margin: 0px;
 padding: 0px;
 background-color: #000;
 z-index:200;
}


#frontimage
{
 position: relative;
 top: 3px;
 left: -2px;
 width: 550px;
 height: 300px;
 /*background-image: url("../images/band-image.jpg");*/
 background-image: url("../images/image1.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-color: #000;
 float: left;
 text-align: left;
 margin: 0px;
 padding: 0px;
 background-color: #000;
}


#rightsidemenu
{
 position: relative;
 top: 0px;
 left: 0px;
 height: 304px;
 width: 235px;
 text-align: center;
 float: right;
 background-image: url("../images/right-menu.jpg");
 background-repeat: no-repeat;
 margin-left: 0px;
 font-family: verdana, sans-serif,arial, helvetica;
 border-width: 0px;
 border-color: #FFFFFF;
 border-style: solid;
}

#pageinfo

{
 width: 480px;
 min-height: 600px;
 font-size: 12px;
 text-align: center;
 border-width: 0px;
 border-color: #FFF;
 border-style: solid;
 float:left;

}

#contactcontainer

{
 width: 480px;
 min-height: 350px;
 font-size: 12px;
 text-align: center;
 border-width: 0px;
 border-color: #FFF;
 border-style: solid;
 float:left;

}


#contactinfo
{
position: relative;
width: 420px;
padding: 20px 20px 0px 20px;
min-height: 300px;
float: left;
text-align: left;
margin: 20px;
margin-left: 30px;
padding-bottom:20px; 
border-width: 0px;
border-style: solid;
border-color: #FFF;
background-image: url("../images/serviceinfobg.jpg");
background-repeat: no-repeat;
vertical-align: top;


}


#serviceinfo
{
position: relative;
width: 420px;
padding: 20px 20px 0px 20px;
min-height: 400px;
float: left;
text-align: left;
margin: 20px;
margin-left: 30px;
padding-bottom:20px; 
border-width: 0px;
border-style: solid;
border-color: #FFF;
background-image: url("../images/serviceinfobg.jpg");
background-repeat: no-repeat;
vertical-align: top;


}

#serviceinfoheader
{
 position: relative;
 top: 20px;
left: 20px;
 width: 500px;
 height: 50px;
 background-color: #000;
background-image: url("../images/serviceinfoheader.jpg");
background-repeat: no-repeat;
float: left;
z-index: 100;
 
}

#serviceinfoheader h1
{
 font-family: georgia, verdana, arial;
 font-size: 17px;
 font-weight: bold;
 padding-bottom: 0px;
 color: #F47C22;
 text-align: left;
 padding-left: 60px;
 z-index: 102;

}


#serviceinfoheader a
{

color: #F47C22;
font-weight: bold;
text-decoration: none;
}

#serviceinfoheader a:hover
{

color: #FFF;
text-decoration: none;
}


#serviceinfobody
{
 position: relative;
 top: -30px;
 width: 500px;
/*background-image: url("../images/serviceinfobod.jpg");*/
background-repeat: repeat-y;
float: left;
z-index: 101;
}

#serviceinfofooter
{
 
 position: relative;
 width: 510px;
 height: 50px; 
 top: -50px;
 left: 20px;
 background-image: url("../images/serviceinfofooter.jpg");
 background-repeat: no-repeat;
 float: left;
 border-width: 0px;
border-style: solid;
border-color: #FFF;


}



#serviceinfo
{
 font-family: verdana, arial;
 font-size: 12px;
 font-weight: normal;
 padding-top: 15px;
 padding-bottom: 10px;
 color: #FFFFFF;
 z-index:200;
}




#serviceinfo h2
{
 font-family: georgia, verdana, arial;
 font-size: 14px;
 font-weight: bold;
 padding-top: 15px;
 padding-bottom: 10px;
 color: #F47C22;
}

#serviceinfo a
{

color: #F47C22;
font-weight: bold;
text-decoration: none;
}

#serviceinfo a:hover
{

color: #FFF;
text-decoration: none;
}

#serviceinfo p
{
 margin-bottom: 10px;
}


#serviceinfo ul
{
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 30px;
}


#servicelist
{
 
 margin-left: 30px;

}



#sitemap
{
position: relative;
width: 420px;
padding: 20px 20px 0px 20px;
min-height: 400px;
float: left;
font-size: 10px;
font-weight: normal;
font-family:   verdana, arial, helvetica,  sans-serif;
text-align: left;
margin: 20px;
margin-left: 30px;
padding-bottom:20px; 
border-width: 0px;
border-style: solid;
border-color: #FFF;
background-image: url("../images/serviceinfobg.jpg");
background-repeat: no-repeat;
vertical-align: top;
}

#sitemap ul

{
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 30px;

}


#refinfo
{
 font-size: 9px;
 font-weight: normal;

}


#callus
{
position: relative;
left: 0px;
top: 10px;
float: right;
height: 181px;
width: 230px;
background-image: url("../images/call-us.gif");
background-repeat: no-repeat;
border-width: 1px;
border-color: #FFFFFF;
overflow: hidden;
}


#menulist
{
padding: 0;
margin: 0;
list-style: none;
border-width: 0px;
border-style: solid;
height:304px;
width:235px;
float: left;
border-width: 0px;
border-color: #FFFFFF;
font-family: verdana, sans-serif,arial, helvetica;
text-align: left;

}

#menulist li.button
{
display: block;
float:left;
width: 235px;
height: 38px;


}
 
#menulist li a.button_link
{
display: block;
float:left;
width: 235px;
line-height: 38px;
height: 38px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 40px;
cursor: pointer;
}




#menulist li:hover a.button_link:hover
{
background-image: url("../images/buttonbg.jpg");
background-repeat: no-repeat;
height:38px;
width:230px;
}





#frontpagecaption
{
 position: relative;
 top: 250px;
 left: 0px;
 font-size: 18px;
 font-style: normal;
 color: #FFF;
 font-family:   verdana, sans-serif,arial, helvetica;
}




#centerbackground
{
 position: relative;
 top: 0px;
 left: 0px;
 width: 800px;
  margin:0 auto; 
 text-align: center;
 /*height: 600px;*/
 background-color: #000000;
 /*background-image: url("../images/logo-background.jpg");*/
 background-repeat: no-repeat;
 border-color: #ffffff;
 border-width: 0px;
 border-style: solid;

 color: #E5E4E2;
 

}





#leftsidemenu
{
 position: relative;
 top: 0px;
 left: 0px;
 text-align: left;
 float: left;
 background-image: url("../images/left-menu.jpg");
 background-repeat: no-repeat;
 padding-top: 20px;
 padding-left: 15px;
 margin-left: 10px;
 font-family: verdana, sans-serif,arial, helvetica;
 min-height: 1px;
 height: 300px;
 width: 230px;
 border-width: 1px;
 border-color: #FFFFFF;


}



#leftsidemenu li
{
 
 list-style: none;
 display: block; 
 padding-bottom: 10px;
}

#leftsidemenu a
{
 text-decoration: none;
 color: #E5E4E2;
}





#logo img
{
 height: 59px;
 width: 190px;
 position: relative;
 text-align: left;
 float: left;
 top: 15px;
 left: 21px;
 margin: 0px;
 padding: 0px;
 border-width: 0px;
 border-style: solid;
}

#frontpageinfo
{
 position: relative;
 width: 800px;
 height: 300px;
 background-image: url("../images/front-info-bg.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
 text-align: center;
 float: left;

}

#pageshadow
{
 position: relative;
 margin-right: auto;
 margin-left: auto;
 width: 846px;
 min-height: 350px;
 background-image: url("../images/frontpageshadow.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
 text-align: center;

}



#duplicationquote

{
 width: 780px;
 height: 100%;
 position: relative;
 vertical-align: top;
 float: left;
 text-align:center;
 color: #000;
 background-image: url("../images/quote-bg.gif");
 background-repeat: no-repeat;
 padding-top: 0px;
 padding-left: 0px;
 border-width: 0px;
 border-style: solid;
 border-color: #FFF;
 
 
}


#quotebox
{
 position: relative;
 float: left;
 left: 0px;
 text-align: center;
 width: 780px;
 background-color: #FFF;
 color: #000;
 margin: 10px; 
 border-width: 1px;
 border-color: #FFFAAA;
 height: 100%;
 

}

#quotebox h2
{
 background-image: url("../images/quote-top.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 color: #000;
 height: 60px;

}


#quotebox a
{
 text-decoration: none;
}

#quotebox a:link, #mainbox a:active, #mainbox a:visited
{
 color: #000000;
 
}


#quotebox a:hover
{
 color: #000000;
}


#quotebox ul
{
 padding: 5px 5px 0 5px;
 list-style:none;
}

#quotebox li
{
 padding: 5px 5px 0 5px;
}



#quotebottombox
{
 position: relative;
 clear: both;
 float: left; 
 margin-bottom: -20px;
 padding-bottom: 0px;
 width: 780px;
 height: 59px;
 background-image: url("../images/quote-bottom.jpg");
 background-repeat: no-repeat;
 background-position: center bottom;
 color: #000;
 border-width: 0px;
 border-color: #000;

}





#duplicationquote a:link, duplicationquote a:active, duplicationquote a:active
{
 text-decoration: none;
 color: #000;
}

#duplicationquote a:hover
{
 text-decoration: none;
 color: #000;

}

#duplicationquotecontent
{
 position: relative;
 top: -40px;
 margin: 20px;
 width: 100%;
 height: 100%;
 text-align: left;

 }


#media
{
 
 height:600px;
 width: 130px;
 vertical-align: top;
 float: left;
 border-width: 1px;
 border-color: #000;
 
}


#casing
{
 width: 130px;
 vertical-align: top;
 float: left;

}

#insert
{
 
 width: 130px;
 vertical-align: top;
 float: left;
 
}


#colour
{
 width: 130px;
 vertical-align: top;
 float: left;
 
}

.quotediv
{
 position: relative;
 float: left;
 left: 10px;
 background-image: url("../images/quote-div.gif");
 background-repeat: no-repeat;
 width: 20px;
 height: 440px;
 border-width: 1px;
 border-color: #000;
 
}


#quotesubmit
{
 width: 140px;
 height: 230px;
 position: relative;
 float: left;
 right: 0px;
 top: 20px;
 border-width: 1px;
 border-color: #000;
 padding: 5px;
 
}

#quotedata
{
 width: 140px;
 height: 30px;
 position: relative;
 float: left;
 right: 0px;
 top: 0px;
 border-width: 1px;
 border-color: #000;

}

#quotereset
{
 width: 140px;
 height: 50px;
 position: relative;
 float: left;
 right: 0px;
 top: 0px;
 border-width: 1px;
 border-color: #000;
 padding-top: 20px;
 padding-bottom: 20px;
}


#quotedetails
{
 width: 140px;
 height: 170px;
 position: relative;
 float: left;
 right: 0px;
 top: 15px;
 margin-bottom: 10px;
 border-width: 1px;
 border-color: #000;
 
}

.option
{
 background-image: url("../images/option-bg-trans.png");
 background-repeat: no-repeat;
 width: 135px;
 height: 63px;
 padding: 5px;
}

.option img
{
 border-width: 0px; 
}


.option:hover
{
 background-image: url("../images/option-hover-bg-trans.png");
 background-repeat: no-repeat;
 width: 135px;
 height: 63px;
 padding: 5px;
 
}


.optionselected
{
 background-image: url("../images/option-selected-bg-trans.png");
 background-repeat: no-repeat;
 width: 135px;
 height: 63px;
 padding: 5px;
}

.optionselected img

{
 border: 0px;
}


.optiondisabled
{
 background-image: url("../images/option-disabled-bg-trans.png");
 background-repeat: no-repeat;
 width: 135px;
 height: 63px;
 padding: 5px;
 border-width: 1px;
 border-color: #000;
}



.optiontext
{
 position: relative;
 top: -30px;
 left: 45px;
 height:40px;
 width: 75px;
 margin: 3px;
 font-size: 9px;
 color: #000;
}

.optionimage
{
 position: relative;
 bottom: -10px;
 left: 5px;
 height:40px;
 width: 40px;
 font-size: 9px;
 
}


.optionspace
{
position: relative;
width: 10px;
height: 60px;
}

fieldset

{
 position: relative;
 margin: 0px;
 padding: 10px;
 border: 0px solid #FFF;
 float: left;
 clear: both;
 width: 100%;

}

fieldset legend
{
 margin-left: 0px;
 padding: 0;
 color: #F47C22;
 font-weight: bold; 

}

fieldset ul
{
 padding: 5px 5px 0 5px;
 list-style:none;
}

fieldset li
{
 padding: 5px 5px 0 5px;
}

fieldset label
{
 
 float: left;
 width: 70px;
 margin-right: 5px;
}


#login
{
 position: relative;
 top: 0px;
 float: left;
 width: 450px;
/*
 background-image: url("../images/login-back.gif");
 background-repeat: no-repeat;
*/ 
color: #000;
 font-size: 12px;
 text-align: left;
 border-width: 1px;
 border-color: #FFF;

}




#maestrocontainer
{
 position: absolute;
 top: 100px;
 left: 250px;
 background-image: url("../images/center-background.jpg");
 background-color: #000;
 background-repeat: no-repeat;
 height: 700px;
 width: 500px;
 padding-left: 40px;
 padding-right: 20px;
 padding: 20px;
 float:left;
 text-align: left;
}

.maestrocontent table, .maestrocontent tr, .maestrocontent td
{
 
 color: #E5E4E2;
 font-size: 10px;
 font-family: verdana, sans-serif,arial, helvetica;
}

.maestrocontent a:hover
{
 text-decoration: none;
 font-family: verdana, sans-serif,arial, helvetica;
 color: #F47C22;

}

.maestrocontent a:link, .maestrocontent a:active, .maestrocontent a:visited
{
 text-decoration: none;
 font-family: verdana, sans-serif,arial, helvetica;
 color: #E5E4E2;

}

.formtitle h1 
{
 font-size: 14px;
 font-style: normal;
 font-family:   verdana, sans-serif,arial, helvetica;
 color: #F47C22;
 text-align: left;
 padding-bottom: 5px;
}



.paragraphtitle h1 
{
 font-size: 14px;
 font-style: normal;
 font-family:   verdana, sans-serif,arial, helvetica;
 color: #F47C22;
 text-align: left;
 padding-bottom: 5px;

 margin-bottom: 10px;
}



.paragraphtitle a:link, .paragraphtitle a:visited, .paragraphtitle a:hover, .paragraphtitle a:active
{
 font-size: 16px;
 font-style: normal;
 text-decoration: none;
 color: #F47C22;
 text-align: left;
 padding-bottom: 5px;
 border-bottom-color: #AAAAAA;
 border-bottom-width: 0px;
 border-bottom-style: solid;
 margin-bottom: 20px;
}

#homeinfowrapper
{
 position: relative;
 color: #B7B6B6;
 top: 30px;
 float: left;
 width: 732px;
 text-align: center;
 padding-left: 30px;
 border-width: 0px;
 border-style: solid;
}

#homeinfo 
{
 font-size: 12px;
 font-style: normal;
 color: #3F3F3F;
 font-family:   verdana, sans-serif,arial, helvetica;
 float:left;
 width: 732px;
 height: 270px;
 border-width: 0px;
 border-style: solid;
 background-image: url(../images/home-sections1.jpg);
 background-repeat: no-repeat;
 vertical-align: top;
 text-align: left;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 
 clear: both;
 overflow: hidden;
}


.columntitle h1 
{
 position: relative;
 left: -5px;
 font-size: 20px;
 font-style: normal;
 font-weight: normal;
 font-family:   Georgia, Arial, Geneva, sans-serif, Verdana;
 color: #F47C22;
 text-align: left;
 margin-left: 0px;
 margin-bottom: 0px;
 margin-top: 5px;
 padding-left: 40px;
 height: 30px;
 margin-bottom: 10px;
 
}

.columntext
{
 padding: 5px;
 width: 220px;
}

.columntext a
{
 color: #F47C22;
 font-weight:bold;

}

.columntext a:hover
{
 color: #FFF;

}




.columntext ul
{
 padding-left: 20px;
}


#infocol1 
{
 position: relative;
 text-align: left;
 width: 240px;
 float: left;
 left: -5px;
height: 210px;
padding: 0px;
background-image: url("../images/infocontaine.gif");
background-repeat: no-repeat;
color:#FFF;
font-size: 12px;
z-index: 1;
padding: 0px;
padding: 2px;

}

#infocol2 
{
font-size: 12px;
position: relative;
 text-align: left;
 width: 240px;
 float: left;
 left: 15px;
height: 210px;
border-width: 0px;
 border-style: solid;
background-image: url("../images/infocontaine.gif");
background-repeat: no-repeat;
color:#FFF;
padding: 2px;
}

#infocol3 
{
font-size: 12px;
 position: relative;
 top: 0px;
 text-align: left;
 width: 240px;
 left: 35px;
 float: left;
height: 210px;
background-image: url("../images/infocontaine.gif");
background-repeat: no-repeat;
color:#FFF;
border-width: 0px;
border-color: #FFF;
padding: 2px;
}

#infocol1 ul
{
 padding-left: 20px;
}


#bottombarcontainer
{
 position: relative;
 top: 0px;
 bottom: 0px;
 width: 800px;
 height: 45px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 background-image: url("../images/bottom-bar2.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
 border-color: #FFFFFF;
 float: left;

}





#bottombarcopy
{
position: relative;
top: 25px;
color: #343433;
font-size: 10px;
}

#bottombarcopy a
{

color: #343433;
text-decoration: none;

}

#bottombarcopy a:hover
{

color: #575756;
text-decoration: none;

}


#topbar 
{
 font-size: 12px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;
 text-align: center;
 width: 810px;
 background-image: url("../images/top-bar-shadow.gif");
 border-width: 0px;
 border-style: solid;
 padding: 0px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 height: 29px;
}

#topmenu {
	position: relative;
	right: 10px;
	float: right;
	top: 8px;
	font-family:   arial, helvetica, verdana, sans-serif;
	width: 180px;
	color: #FFF;
	 border-width: 0px;
 	border-style: solid;
       font-size: 10px;
	
}

#topmenu a:link, #topmenu a:visited
{
	text-decoration: none;
 	color: #FFF;
 
}

#topmenu a:hover, #topmenu a:active 
 {
	
	text-decoration: none;
	color: #E48012;


	
}

#topcontactinfo {
	position: relative;
	left: 10px;
	float: left;
	top: 8px;
	font-family:   arial, helvetica, verdana, sans-serif;
	width: 180px;
	color: #FFF;
	border-width: 0px;
 	border-style: solid;
      font-size: 13px;
	font-weight: bold;
}








#caption 
{
 font-size: 22px;
 font-style: italic;
 font-family: arial, helvetica, verdana, sans-serif;
 color: #FFF;
 float: left;
 position: relative;
 left: 200px;
 top: 130px;
}

/* 

	Styles for Main mainmenuiagation Menu at top of page - provides image rollover effect

*/
/*
#mainmenu 
{
 list-style-type: none;
 width: 640px;
 height: 40px;
 text-align: center;
 background-image: url("../images/button-bar.gif");
 background-repeat: no-repeat;
 background-position: top right;
}

#mainmenu li 
{
 float: left;
 display: inline;
 width: 128px;
 background-image: url("../images/button-over.gif");
}

#mainmenu li a, #mainmenu li a:visited 
{
 display: block;
 width: 128px;
 height: 40px;
 color: #FFF;
 font-size: 12px;
 text-decoration: none;
 line-height: 40px;
 font-family: arial, helvetica, verdana, sans-serif;
 background-image: url("../images/button-bar.gif");
}

#mainmenu li a:hover 
{
 color: #1B1B1A;
 background-image: url("../images/button-hover.gif");
}

#mainmenu li a.chosen, #mainmenu li a.chosen:visited, #mainmenu li a:active, #mainmenu li a:focus 
{
 color: #1B1B1A;
 background-image: url(../images/button-chosen.gif);
}


*/


/* Menu */
.preload1 
{
 background-image: url(../images/button-hover.gif);
}

.preload2 
{
 background-image: url(../images/button-bar.gif);
}

#menucontainer 
{
 width: 798px;
 padding: 0px;
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 border-width: 0px;
 border-style: solid;
 clear: both;
}









#greyspacecontainer {
 background-color: #FFF;
 height: 35px;
 width: 798px;
 border-width: 0px;
 border-style: solid;

}


#greyspace 
{
 position: relative;
 background-color: #EBE9E9;
 height: 10px;
 width: 798px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 border-width: 0px;
 border-style: solid;
}

#greyspaceshadow {
 position: relative;
 height: 25px;
 background-image: url(../images/greybar-shadow.gif);
 background-repeat: no-repeat;
 width: 798px;
}

#idxmidbackground 
{
 
 position: relative;
 top: -20px;
 margin-bottom: -20px;
 background-image: url("../images/container-gradient-y.gif");
 background-repeat: repeat-y;
 width: 798px;
 border-width: 0px;
 border-style: solid;
 overflow: hidden;
 clear: both;
}


#midbackground 
{
 
 position: relative;
 top: 0px;
 background-image: url("../images/container-gradient-y.gif");
 background-repeat: repeat-y;
 width: 798px;
 height: 600px;
 border-width: 0px;
 border-style: solid;
 overflow: hidden;
 clear: both;
}

#idxcontentcontainer 
{
 /*position: relative;*/
 

 font-size: 12px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 background-image: url("../images/container-gradient-y.gif");
 text-align: left;
 width: 798px;
 float: left;
 padding-left: 0px;
 padding-top: 0px;
 border-width: 0px;
 border-style: solid;
 border-color: #000;
}
 


#contentcontainer 
{
 /*position: relative;*/
 

 font-size: 12px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 text-align: left;
 width: 470px;
 float:left;
 padding-left: 30px;
 padding-top: 25px;
 border-width: 0px;
 border-style: solid;
 border-color: #000;
}

#homedisplay 
{
 position: relative;
 top: -10px;
 z-index: 10;
 width: 731px;
 height: 300px;
 padding: 0px;
 border-width: 1px;
 border-style: solid;
 border-color: #000;
 float: left;
 overflow: hidden;
 clear: both;

}

#content 
{
 font-size: 12px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;

 text-align: left;
 width: 480px;
 padding: 0px;
 float: left;
 border-width: 0px;
 border-style: solid;
 border-color: #000;
 overflow: hidden;
 clear: both;
}

#content .indent 
{
 text-indent: 30px;
}



#breadcrumb h1{
 position: absolute;
 font-size: 10px;
 font-style: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 text-align: left;
 top: 5px;

}


#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited
{
 color: #6A6A6A;
 text-decoration: none; 

}


#breadcrumb a:hover
{
 color: #E57613;
 text-decoration: none; 

}




.indextitle h1
{
 font-size: 20px;
 font-style: normal;
 font-family:   arial, helvetica, verdana, sans-serif;

 color: #E57613;
 text-align: left;
 padding-bottom: 5px;
 border-bottom-color: #AAAAAA;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-bottom: 0px;
}







#indexinfotop {

 position: relative;
 float: left;
 background-image: url(../images/indexinfotop.jpg);
 background-repeat: no-repeat;
 margin-top: 0px;
 left: 0px;
 height: 24px;
 width: 798px;
 overflow: hidden;
 border-style: solid;
 border-color: #000;
 border-width: 0px;
 overflow: hidden;
 text-align: center;
 clear:both;

}

#indexinfobtm {

 position: relative;
 float: left;
 z-index: 10;
 background-image: url(../images/indexinfobtm.jpg);
 background-repeat: no-repeat;
 margin-top: 0px;
 left: 40px;
 height: 270px;
 width: 710px;
 overflow: hidden;
 border-style: solid;
 border-color: #000;
 border-width: 0px;
 overflow: hidden;
 text-align: center;
 clear:both;

}


#usbadge a 
{
 position: absolute;
 top: 9px;
 left: 596px;
 width: 105px;
 height: 107px; 
 background-image: url(../images/usbadgeover.gif);
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
}

 #usbadge a:hover
{
 position: absolute;
 top: 9px;
 left: 597px;
 width: 109px;
 height: 109px; 
 background-image: url(../images/usbadgeover.gif);
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
}




#indexinfo {

 position: relative;
 float: left;
 background-image: url(../images/indexinfo.jpg);
 background-repeat: no-repeat;

 margin-top: 0px;
 left: 0px;
 height: 287px;
 width: 798px;
 overflow: hidden;
 border-style: solid;
 border-color: #000;
 border-width: 0px;
 overflow: hidden;
 text-align: center;
 clear:both;

}


#homeimage 
{
 position: relative;
 float: left;
 top: 0px;
 left: 10px;
 width: 480px;
 height: 296px;
 margin-left: 0px;
 margin-right: 0px;
 border-width: 0px;
 background-image: url(../images/right-solution.jpg);
 background-repeat: no-repeat;
 border-style: solid;
 border-color: #000;
 overflow: hidden;

}

#holdback 
{
 font-size: 15px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 color: #525252;
 position: absolute;
 top: 30px;
 left: 25px;
 border-width: 0px;
 border-style: solid;
}

#solution 
{
 font-size: 18px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 color: #505050;
 position: absolute;
 width: 200px;
 top: 100px;
 left: 255px;
 border-width: 0px;
 border-style: solid;
}


#help 
{
 font-size: 15px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;
 color: #FFF;
 position: absolute;
 top: 120px;
 left: 25px;
}

#servicelistcontainer {
 position: relative;
 float: left;
 left: 10px;
 margin-left: 10px;
}

#servicelist1
{
 font-size: 11px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 color: #FFF;
 position: relative;
 padding-left: 20px;
 top: 0px;
 width: 140px;
 text-align: left;
 padding-bottom: 20px;
 border-width: 0px;
 border-style: solid;
 float: left;
}

#servicelist1 a:link, #servicelist1 a:visited, #servicelist1 a:active
{
 font-size: 11px;
 font-weight: normal;
 font-family:   arial, helvetica, verdana, sans-serif;
 color: #FFF;
 text-decoration: none;
}

#servicelist1 ul 
{
 list-style-image: none;
}

#servicelist1 li 
{
 padding-bottom: 3px;
}

#servicelist1 a:hover
{
 font-size: 11px;
 font-style: normal;
 font-family:     arial, helvetica,verdana, sans-serif;
 color: #605E5E;
 text-decoration: none;

}


#servicelist2 
{
 font-size: 14px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 margin-left: 0px;
 padding-left: 20px;
 position: relative;
 top: 20px;
 width: 170px;
 padding-bottom: 20px;
 border-width: 0px;
 border-style: solid;
 float: left;
}

#servicelist2 ul
{
 list-style-image: url(../images/tick.gif);
}

#servicelist2 li 
{
 padding-bottom: 10px;
}


#infocontainer {
	
	position: absolute;
	top: 110px;
	left: 290px;
	border-width: 0px;
 	border-style: solid;
	width: 400px;
	height: 120px;
      border-width: 0px;
 	border-style: solid;

}


#infodutec{
 float: left;
 font-size: 11px;
 font-weight: normal;
 font-family:    arial, helvetica, verdana, sans-serif;
color: #FFF;
line-height: 150%;
 margin-left: 5px;
 text-align: left;
 width: 180px;
 position: relative;
 padding-bottom: 20px;
 border-width: 0px;
 border-style: solid;


}

#more1 
{
 position: absolute;
 top: 207px;
 left: 420px;
 width: 60px;
 height: 15px;  
 border-width: 0px;
 border-style: solid;
 z-index: 20;
}


#more1 a
{
 font-size: 11px;
 font-weight: bold;
 font-family:    arial, helvetica,verdana, sans-serif;
 color: #CC7525;
 text-decoration: none;
 
}

 #more1 a:hover
{
 font-size: 11px;
 font-weight: bold;
 font-family:     arial, helvetica,verdana, sans-serif;
 color: #605E5E;
 text-decoration: none;
}


#more2 
{
 position: absolute;
 top: 207px;
 left: 610px;
 width: 60px;
 height: 15px;  
 border-width: 0px;
 border-style: solid;
 z-index: 20;
}

#more2 a
{
 font-size: 11px;
 font-weight: bold;
 font-family:    arial, helvetica,verdana, sans-serif;
 color: #CC7525;
 text-decoration: none;
 }


 #more2 a:hover
{
 font-size: 11px;
 font-weight: bold;
 font-family:     arial, helvetica,verdana, sans-serif;
 color: #605E5E;
 }


#bodycontent 
{

 position: relative;
 left: 0px;
 top: -100px;
 font-size: 12px;
 font-style: normal;
 font-family:    arial, helvetica,verdana, sans-serif;
 margin-left: 0px;
 padding-bottom: 0px;
 border-width: 0px;
 border-style: solid;
 width: 500px;
 float: left;
}

#bodycontent p 
{
 margin-bottom: 15px;
}

#bodycontent ul 
{
 margin-left: 15px;
}

#bodycontent li 
{
 margin-bottom: 5px;
}

.morelink a 
{
 font-size: 12px;
 font-style: italic;
 font-family:   arial, helvetica, verdana, sans-serif;

 color: #AAAAAA;
 text-decoration: none;
}

.morelink a:hover 
{
 font-size: 12px;
 font-style: italic;
 font-family:   arial, helvetica, verdana, sans-serif;

 color: #000;
 text-decoration: none;
}

.subtitle 
{
 font-size: 14px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;
 margin-bottom: 10px;
}

.minititle 
{
 font-size: 14px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 margin-bottom: 3px;
}

#serviceimages img 
{
 text-align: center;	
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 40px;
 border-width: 0px;
 border-style: solid;
}

#rightcontainer 
{
 position: relative;
 border-color: #000;
 border-width: 0px;
 border-style: solid;
 font-size: 12px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 text-align: left;
 height: 470px;
 padding: 0px;
 width: 245px;
 float: right;
}


#rightcontainerhome
{
 position: relative;
 border-color: #000;
 border-width: 0px;
 border-style: solid;
 font-size: 12px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 text-align: left;
 height: 430px;
 padding: 0px;
 width: 245px;
 float: right;
}


#testcontainer 
{
 border-color: #000;
 border-width: 0px;
 border-style: solid;
 font-size: 12px;
 font-weight: bold;
 font-family:   arial, helvetica, verdana, sans-serif;

 text-align: left;
 height: 420px;
 padding: 0px;
 width: 220px;
 float: right;
}

#sidebar 
{
 position: absolute;
 top: 60px;
 background-image: url("../images/side-bar.gif");
 background-repeat: no-repeat;
 height: 390px;
 width: 121px;
 text-align: left;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-right: 30px;
 border-width: 0px;
 border-style: solid;
}

#sidemenu 
{
 position: absolute;
 top: 25px;
 left: 40px;
 width: 175px;
 border-width: 0px;
 border-style: solid;
}

#sidemenu ul li 
{
 list-style: none;
 margin: 0px;
 padding: 0px;
 display: inline-block;
}

#sidemenu li 
{
 display: block;
 height: 40px;
 font-size: 12px;
}

#sidemenu li a, #sidemenu li a:visited 
{
 color: #505050;
 display: block;
 line-height: 40px;
 width: 160px; /*eliminates gap in IE7 and 6 */

 background-image: url("../images/side-menu-norm.gif");
 background-repeat: no-repeat;
 background-position: left top;/*background-color: transparent;*/

 text-decoration: none;
 font-family:   arial, helvetica, verdana, sans-serif;

 padding-left: 10px;
}

#sidemenu li a:hover 
{
 color: #1B1B1A;
 background-image: url("../images/side-menu-over.gif");
}

.headspace 
{
 margin-top: 30px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0px;
}




#homehorizontal1{
	text-align:center;
	border-bottom-color: #AAAAAA;
 	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 10px;
	width:470px;
}



#homehorizontal2{
	float: left;
	text-align:center;
	border-bottom-color: #AAAAAA;
 	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 10px;
	margin-left:30px;
	width:710px;
}






.imagerow ul 
{
 text-align: center;
 list-style-type: none;
 
}

.imagerow img 
{
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 vertical-align: middle;
 border-width: 0px;
}

.imagerow li 
{
 display: inline;
}
/*Forms*/
/*

fieldset {
	border: 1px solid #CBCCCC;
	clear: both;
 	float: left;
	margin-top: 0px;
	padding: 15px;
	width: 420px;
	background-color: #E8E6E3;
	background-image: url(../images/contact-background.jpg);
	background-repeat: no-repeat;
}

fieldset ul {
	padding: 5px 5px 0 5px;
	list-style: none;
	
}



fieldset li {
	padding-bottom: 5px;
	
}

legend {
	font: bold 14px helvetica, arial, sans-serif;
	color: #E57613;
}

label {

	float: left;
	width: 30%;
	margin-right: 10px;
}

input.btn {

	margin-top: 5px;
	/*color: #E57613;
	border: #E8E6E3;
	background-color: #E57613;
	
	

}


*/
/*End Forms*/

#contactus li{
	
list-style-type: none;
margin-left: -15px;	

}

#errormessage{
 color: #B1020E;
 font-size: 13px;
 font-weight: bold;
 margin-bottom: 10px;
}

#sitemap {
	
 font-size: 10px;
 font-style: normal;
 font-family:   arial, helvetica, verdana, sans-serif;


}

#sitemap h1{
	
 font-size: 12px;
 font-style: normal;
 font-family:   arial, helvetica, verdana, sans-serif;

 color: #E57613;
 text-align: left;
 margin-top: 20px;
 margin-bottom: 5px;

}

#sitemap li{
  list-style-type: none;
}

#sitemapleft {
	width:50%;
	float: left;
}

#sitemapright {
	width:50%;
	float: right;
}


#clearmidbackground 
{
 background-image: url("../images/container-gradient-y.gif");
 background-repeat: repeat-y;
 float: left; 
width: 798px;
 height: 10px;
 border-width: 0px;
 border-style: solid;/*overflow: hidden;*/

}

#footer 
{
 text-align: center;
 width: 800px;
 vertical-align: bottom;
 height: 74px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;
 background-image: url("../images/shadow-bottom.gif");
 border-width: 1px;
 border-style: solid;
 border-color:#FFF;
 clear: both;
}

#footerinfo 
{
 position: relative;
 float: left;
 left: 30px;
 top: 20px;
 width: 350px;
 text-align: left;
 color: #FFF;
 font-size: 10px;
 font-weight: bold;
}

#footerinfo a:link, #footerinfo a:visited 
{
 color: #FFF;
 text-decoration: none;
}

#footerinfo a:hover, #footerinfo a:active 
{
 color: #E48012;
 text-decoration: none;
}


#footermenu {
	position: relative;
	right: 10px;
	float: right;
	top: 20px;
	font-family:   arial, helvetica, verdana, sans-serif;

	width: 180px;
	color: #FFF;
	 border-width: 0px;
 	border-style: solid;
       font-size: 10px;

	
}


#footermenu a:link, #footermenu a:visited
{
	text-decoration: none;
 	color: #FFF;
 
}

#footermenu a:hover, #footermenu a:active 
 {
	
	text-decoration: none;
	color: #E48012;

}

#designcontainer {
 color: #979698;
 font-size: 9px;
 text-align: center;
 width: 780px;
 height: 70px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
clear: both;
border-width: 0px;
border-style: solid;
border-color: #000;
	
}



#designlogo {
	position:relative;
	float:left;
	background-image: url(../images/design-logo.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 70px;
	
}

#designinfo {
	position: relative;
	text-align: left;
	left: 50px;
	top: 20px;
	float:left;
	width: 250px;
	height: 70px;
	border-width: 0px;
	border-style: solid;
	border-color: #000;
	
}

#duplicationpartner
{
	position: relative;
	text-align: right;
	right: 0px;
	top: 20px;
	float: right;
	width: 250px;
	height: 70px;
	border-width: 0px;
	border-style: solid;
	border-color: #000;
	
}

#duplicationpartner a:link, #duplicationpartner a:visited, #duplicationpartner a:hover, #duplicationpartner a:active 
{
	text-decoration: none;
 	color: #979698;
 
}



#bottomwhite {
	position: relative;
	top: -40px;
	width: 100%;
	height: 100px;
background-color: #FFF;
}



/*shopping cart */

#shipment
{
 position: relative;
 float: left;
 width: 720px;
 padding: 20px;
 background-color: #B2B2B2;
 color: #000;
 
}

#mainbox
{
 position: relative;
 text-align: center;
 float: left;
 width: 740px;
 background-color: #FFF;
 color: #000;
 margin: 30px;
 border-width: 0px;
 border-color: #000;
 overflow:hidden;
 clear:both;
}

#mainbox h2
{
 background-image: url("../images/info-top.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 padding: 10px;
 color: #000;

}


#mainbox a
{
 text-decoration: none;
}

#mainbox a:link, #mainbox a:active, #mainbox a:visited
{
 color: #000000;
 
}


#mainbox a:hover
{
 color: #000000;
}


#mainbox ul
{
 padding: 5px 5px 0 5px;
 list-style:none;
}

#mainbox li
{
 padding: 5px 5px 0 5px;
}




#bottombox
{
 position: relative;
 float: left;
 width: 740px;
 padding: 0px;
 margin: 0px;
 height:60px;
 background-image: url("../images/info-bottom.jpg");
 background-repeat: no-repeat;
 background-position: left bottom;
 padding: 0px;
 color: #000;
 border-width: 1px;
 border-color: #000;
 

}

#infobox
{
 width: 730px;
 border-width: 0px;
 border-color: #000;
 padding:10px;

}


#login
{
 float:left;
 text-align: left;
 position: relative;
 width: 310px;
 padding:10px;
 background-color: #DEDEDC;
 margin:10px;
 min-height: 190px;
}

#login h3
{
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 15px;
}

#loginform
{
 position:relative;
 float: left;
 clear: both;
 width: 100%;
 margin: 0px;
 padding: 5px 0 5px 0;
 background-color: #FFF; 
 background-image: none;
 border-width: 0px;
 border-color: #000;
 text-align: left;
 

}

#loginform ul
{
 padding: 5px 5px 0 5px;
 
}

#loginform li
{
 padding: 5px 5px 0px 5px;
 list-style:none;
}

#loginform label
{
 float: left;
 width: 100px;
 margin-right: 10px;
 font-weight: bold;
 
}

.customerform
{
 position:relative;
 float: left;
 clear: both;
 width: 95%;
 margin: 10px;
 padding: 5px;
 background-color: #FFF; 
 background-image: none;
 border-width: 1px;
 border-color: #000;
 text-align: left;
 

}

.customerform ul
{
 padding: 5px 5px 0 5px;
 
}

.customerform li
{
 padding: 5px 5px 0px 5px;
 
 list-style:none;
}

.customerform label
{
 float: left;
 width: 170px;
 text-align: right;
 margin-right: 10px;
 font-weight: bold;
 
}

.customerform legend
{
 top:0;
 color: #000;
 margin: 10px;

}

#carttable
{
  width: 740px;
 color: #000;
 float: left;


}

#carttable table
{
 width: 720px;
 border: 0px solid #999;
 margin: 0px;
}

#carttable th
{
 font-weight: bold;
 color: #000;
 background-color: #B9B8B8;
 
}


#carttable tr
{
 background-color: #E3E5E6;
 height: 25px;
 
}

#carttable tr:hover
{
 background-color: #F4F3F3;
 
}


#carttable td
{
 color: #000;
}

#carttable a
{
 color: #000;
}

#carttable p
{
 text-align: left;
 margin-left: 10px;
 padding-bottom: 10px;
}


#leftmenu
{
 width:200px;
 color: #FFF;
 float: left;
}


#customermenu
{
  width: 200px;
 color: #FFF;
 float: left;
 text-align: left;

}


#customermenu a
{
 color: #FFF;
}

#customermenu a:hover
{
 color: #DEDEDC;
}

#customermenu h2
{
 font-weight: bold;
 color: #DEDEDC;
 background-color: #B9B8B8;
 
}



#customermenu th
{
 font-weight: bold;
 color: #000;
 background-color: #B9B8B8;
 
}



#customermenu tr
{
 background-color: #E3E5E6;
 height: 25px;
 
}

#customermenu tr:hover
{
 background-color: #F4F3F3;
 
}


#customermenu td
{
 color: #000;
}



#customermenu p
{
 text-align: left;
 margin-left: 10px;
 padding-bottom: 10px;
}

#customermenu ul li 
{
 list-style-type: none;

}





#register
{	
 float: left;
 text-align: left;
 position: relative;
 width: 310px;
 padding:10px;
 background-color: #DEDEDC;
 margin:10px;
 min-height: 190px;
}

#register h3
{
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 15px;
}

#register:hover, #register a:hover
{
 background-color: #A1A2A2;
}



#txtHint
{
 margin: 0 auto;
 text-align: center; 
 width: 800px;
 height: 100%;
}

#loadingmsg
{
 position: relative;
 top: 300px;
 text-align: center; 
 width: 800px;
 height: 600px;
}

#footercontact
{
 text-align: center;
 margin-top: 20px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 800px;
 height: 20px;
 vertical-align: bottom;

 color: #ABAAAA;
font-size: 10px;
}

#footercontact a
{
 color: #ABAAAA;
 text-decoration: none;
 
}

#footercontact a:hover
{
 
 text-decoration: none;
 color: #BEBDBD;
 
}

#bottomcontainer
{
 width:100%;
 background-image: url("../images/bottombackground.gif");
 background-repeat: repeat-x;
 height: 122px;
 margin-top: 10px;

}

#isocontainer
{
 text-align: center;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 800px;
 height: 80px;
 vertical-align: bottom;
}




#isologo
{
 position: relative;
 bottom: 0px;
 width: 36px;
 height: 32px;
 margin-bottom: 0px;
 margin: 10px;
 background-image: url("../images/iso9001cert.jpg");
 background-repeat: no-repeat;
 border-width: 0px;
 border-style: solid;
 
 float: right;
}

#w3ccss
{
 position: relative;
 bottom: 0px;
 width: 88px;
 height: 31px;
 margin-bottom: 0px;
 margin: 10px;
 border-width: 0px;
 border-style: solid;
 
 float: right;
}

#isotext
{
 position: relative;
 bottom: -30px;
 left: 0px;
 width: 300px;
 font-size: 9px;
 font-style: normal;
 font-family:   Verdana, Verdana, Geneva, sans-serif;
 color: #ABAAAA;
 text-align: left;
 vertical-align: text-bottom;
 border-width: 0px;
 border-style: solid;
}

#isotext a
{

 color: #ABAAAA;
 text-decoration: none;
}

#isotext a:hover
{
 color: #BCBBBB;
 text-decoration: none;
}

#bottomlinks
{
 float: left;
 font-size: 9px;
 font-style: normal;
 width: 500px;
 height: 30px;
 font-family:   Verdana, Verdana, Geneva, sans-serif;
 text-decoration:none;
 color: #D0D0D0;
 border-width: 0px;
 border-style: solid;
 text-align: left;
 padding-top: 10px;
 padding-left: 10px;  

}

#bottomlinks a
{
 text-decoration:none;

}

#bottomlinks a:hover
{

 color: #949494;
}



