html > body{
font-size: 70%;/*resets 1em to 10px */
}
html > body #centercontent{
margin-left: 201px;
margin-right: 201px;
}

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, th, td, button{
margin: 0;
padding: 0;
}

body{
font-family:'Segoe UI',Verdana, 'Lucida Grande', Arial, sans-serf;/* Typography */
}
#headers{
z-index:1;
}
#banner{
clear:left;
height:80px;
}
#banner h1{
font-size:26px;
font-weight:700;
height:67px;
margin:10px 25px;
}
#banner h1 span{
height:67px;
min-width:209px;
position:absolute;
width:50%;
}
.showleft{
border:2px;
float:left;
height:inherit;
width:23%;
}
img#logo{
border-width:0;
left:2px;
position:absolute;
top:2px;
z-index:3;
}
.showcenter{
border:2px;
float:left;
height: inherit;
position:relative;
width:44%;
}
.showcenter img{
display:block;
margin:0 auto;
/*padding:0;*/
text-align:center;
}
.showright{
border:1px;
display:block;
float:right;
height:inherit;
padding:1px;
position:relative;
width:32%;
}
.search{
bottom:0;
float:left;
font-size:40%;
position:absolute;
right:5%;
}
#invPage{
border-width:thin;
width:100%;
}
#invPage h2{
text-align:center;
}
td{
margin:10px 10px 0;
padding:5px 0 5px;
text-align:left;
}
td.header, td.field{
font-size:x-small;
font-weight:700;
text-align:right;
}
td.thinfield{
font-size:x-small;
text-align:right;
}
hr.seperator{
display:block;
}
h1{
font-size:14px;
margin:0 10px 10px;
padding-top:10px;
}
h1.mid-gd, h2.mid-gd, h3.mid-gd, h4.mid-gd, h5.mid-gd{
padding-top:.1em;
text-align:center;
}
h1.mid-gd{
font-size:18px;
}

h2.mid-gd{
font-size:16px;
}
h2.art{
font-size:12px;
padding:.5em;
}
h3.mid-gd{
font-size:12px;
}
table{
font-size:small;
}
table.api{
width:600px;
}
#calls{
width:500px;
}
#calls th{
padding:10px;
}
p,pre{
margin: 0px 10px 10px;
}
#normalBold{
color:Black;
font-weight:bold;
}
.smaller{
font-size:smaller;
}
form.inData, form.inProduct, form.inPay{
border:1px solid #ff8080;
margin:.3em;
padding:.3em;
-moz-border-radius:8px;
}
#content{
clear: both!important;
padding:6px 2px .5em 2px;
min-width:60%;
margin-bottom:1em!important;
overflow:visible;
width:auto;
top:1em!important;
z-index:5;
}
#maincontent{
padding-RIGHT:1px;
float:left;
margin:0 2px 0 0;
width: 79%;
z-index:5;
}
div#flow{
padding: 0px 0px 10px 0px;
background-position: -100px 0;
float:right;
overflow: visible!important;
width:78.5%;
z-index: 5;
}
div#flow{
cursor:default;
}
div.sideColumn{
float:left;
width:20%;
z-index: 5;
}
div#content div#maincontent div.nav P.quoteme:first-letter{
padding:1px 0 3px 2px;
width:12px;
height:1.3em;
}

#ajaxRight{
clear:left;
float:left;
margin:2px;
padding: .1em;
width:100%;
font-size:90%;
}
.sidebarbox{
clear:left;
float:left;
margin:2px;
padding:.1em;
width:100%;
font-size:83%
}
/*.sidebarbox h3{
font-size:1.4em;
padding-left:0.2em;
}*/
.sidebarHdr{
font-size:1.4em;
font-weight:bold;
padding-left:0.2em;
}
.sidebarbox h4{
font-size:1.2em;
margin:.2em 0 0;
padding-left:0.1em;
}
.sidebarbox ul{
margin:0 0 0 1.5em;
padding:.2em 0 0 .8em;
}
.sidebarbox dl, .sidebarbox dd{
margin:.2em;
padding:.2em;
}
.sidebarbox, .product h3, .nav h3{
top:-0.6em! important;
}
.table-display dl{
position:relative;
padding:0;
margin:2em 0;
width:90%;
}
.table-display dt{
padding:.5em;
font-weight:bold;
float:left;
margin:0px;
width:8em;
text-align:right;
}
.table-display dd{
padding:.5em;
border-top:#999 0 solid;
float:left;
margin:0;
width:7em;
}
.table-display fieldset{
position:absolute;
right:0;
top:0;
width:11em;
font-size:.9em;
padding:.2em;
}
.table-display fieldset dt{
font-weight:lighter;
float:left;
margin:0px;
width:5em;
padding:.2em;
text-align:right
}
.table-display fieldset dd{
border-top:#999 0 solid;
float:left;
margin:0;
width:5em;
padding:.2em;
}
.tblDisplay dl{
position:relative;
margin:2em 0;
width:90%;
}
.tblDisplay dt{
padding:.5em;
font-weight:bold;
float:left;
width:10em;
text-align:right;
}
.tblDisplay dd{
padding:.5em;
border-top:#999 0 solid;
float:left;
width:auto;
}

dt{
clear:both;
}
th, td{
border:1px solid #C9C9C9;
}
#invto th, td{
border:0;
}
table{
border-collapse: collapse;
}
caption{
font-weight:bold;
font-size:1.3em;
text-transform:uppercase;
padding:0 0 5px;
}
tfoot td{
font-size:1.0em;
text-align:center;
}
.btn1{
font-size:90%;
border:1px;
}
.btn1:hover{
text-decoration: underline;
}
.btn2{
font-size:90%;
border:2px;
padding:4px;
margin:5px;
}
.btn2:hover{
text-decoration:underline;
}
.btnSml{
font-size:90%;
border:1px;
padding:1px;
margin:1px;
}
.btnSml:hover{
text-decoration: underline;
}
a {
text-decoration:none;
}
a img{
border:medium none;
}
a:hover{
color:#00F;
text-decoration:underline;
}
/* a:hover img {    /*Intersting effect try them later 
width:100px;
height:100px;
padding:5px;
background-color:#fff;
border:1px solid #333;
z-index: :100;
} */
a.home{
font-weight:bold;
margin:2em 2em 2em 2em;
}
#footer{
clear: both;
border: #fff 5px solid;
margin-top: 0.7em! important;
font-size: 0.8em;
overflow: hidden;
color: #777;
line-height: 1.6em;
text-align: center;
}
emailWrapper{
float:none;
margin:0 10px 30px 200px;
width:auto;
}
#emailWrapper form span{
display:block;
margin:0 0 1em;
padding:0;
}
form .required{
font-weight:bold;
}
.nofloat{
display:inline !important;
float:none !important;
margin:0 1em 0 2em !important;
}
button{
background:transparent none repeat scroll 0 0;
border:0 none;
cursor:pointer;
font-weight:bold;
overflow:visible;
text-align:center;
width:auto;
}
button em{
color:#333333;
display:block;
font-size:11px;
font-weight:bold;
height:20px;
line-height:18px;
padding:3px;
}
button span{
display:block;
position:relative;
white-space:nowrap;
}
input:focus, select:focus, textarea:focus{
color:#000000;
background-color:#F1EED8;
}
label{
width:8em;
float:left;
text-align:right;
margin-right:.5em;
display:block;
cursor:pointer;
}
.onleft{
text-align:left;
}
form-item{
margin-bottom:0.5em;
margin-top: 0.5em;
}
.form-item label{
display:block;
font-weight:bold;
}
.clearCols{
clear:both;
}
.Cols{
float:left;
width:6em;
}
.Cols8{
float:left;
width:8em;
}
.Cols20{
float:left;
width:16em;
}
.Cols12{
float:left;
width:12em;
}
.ColsTitle{
float:left;
width:8em;
text-align: right;
padding-top: .5em;
}
.ColsTitle2{
float:left;
width:8em;
text-align: right;
padding-top: 1.5em;
}
#Cols label, #Cols8 label #Cols12 label{
width:6em;
float:left;
text-align: left;
margin-right: 0.5em;
display:block;
cursor:pointer;
}
.showing{
font-weight:700;
text-align:center;
font-size:1.2em;
}
/*The following are used to display message box in ajax */
.messagebox{
position:absolute;
width:100px;
margin-left:30px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}
.messageboxOk{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;
}
.messageboxErr{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #349534;
background:red;
padding:3px;
font-weight:bold;
color:#008000;
}
.announce{
background:#f4f4f4 none repeat scroll 0 0;
color:#505050;
line-height:1.3em;
margin:10px 0;
padding:10px;
width:130px;
}
.textright{
text-align:right;
}
/*The following  CSS controls the backgound and color of the site*/
/*****************************************************************/
/*body{  Does Not seem to do anything
background:#fff;
}*/
#headers{
background:#fffcef url(../images/bkGnd.png) repeat-y scroll 0 0;/* Color Style */
}
#banner{
background:url(../images/bannerBkGndS.png) repeat-x;/* Themes -color */  
background-image:url(../images/BGHeaderMask.png);
background-repeat:no-repeat;

}
form.inData, form.inProduct, form.inPay{
background-image:none;
background-repeat:no-repeat;
}
#content, #flow{
background:#fffcef; /*StyleColor*/
}
#maincontent{
background-color: transparent;
}
.sidebarbox{
border:#c79316 1px solid;
/*background:#ebe3dd;*/
background-image:url(../images/bg-g.png);
background-repeat:no-repeat;
}
/*.sidebarbox h3{
background-color:#d4c3bd;
border-bottom :gold 1px solid;
}*/
.sidebarHdr{
background-color:#d4c3bd;
border-bottom :#c79316 1px solid;
}
tfoot{
background-color:#dddddd;
color:#555555;
}
td.header{
color:#000;
}
hr.seperator{
color:#000;
}
h1.mid-gd, h2.mid-gd, h3.mid-gd , h4.mid-gd, h5.mid-gd{
color:red;
}
.btn1{
color:#0066cc;
background-color:#fff;
}
.btn1:hover{
color:#114477;
}
.btn2{
color:#0066cc;
background-color:#FFED9C;/*StyleColor*/
border-color:#00F;
}
.btn2:hover{
color:#114477;
background-color: #ffd99c;
}
.dlnButt{
color:#0066cc;
background:#FFED9C url(../images/dlNow.png) no-repeat;/*StyleColor*/
border-color:#Ffed9c;
padding-top:1.2em;
border-style:outset;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.dlnButt:hover{
color:#114477;
background-color: #ffd99c;
}
.btnSml{
color:#0066cc;
background-color:#FFF;
border-color:#00F;
}
.btnSml:hover{
color:#114477;
}
a{
color:#00F;/*#264060;*/
}
#map_canvas{
margin-left: auto;
margin-right: auto;
}
#ajaxRight, .sidebarbox, .inData, button{
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-radius-topleft:8px;
-webkit-border-radius-topright:8px;
box-shadow:3px 3px 2px #cecece;
-moz-box-shadow:3px 3px 2px #cecece;
-webkit-box-shadow:3px 3px 2px #cecece;
}
.inData, button, fieldset{
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.alt{
background-color:#f3f3f3;
}
.selected{
background-color:#99ff99;
}
div#recaptcha_image > img{
height:45px;
width: 180px;
/*border:1px solid #b5b5b5;*/
}
div#dynamic_recaptcha > img{
height:45px;
width: 180px;
/*border:1px solid #b5b5b5;*/
}
label.error{
font: 200 arial;
margin:3px;
color:red;
float: right;
padding-left:.5em;
vertical-align: top;
text-align: left;
width: 150px;
/*display:block;*/
}
.prodMain{
position:relative;
}
.prodImg{
float:left;
width:40%;
/*height:192px;*/
margin:5px;
}
.prodPrice{
float:left;
}
.prodWt{
float:left;
}
#quickLinks {
position:absolute;
right: 5em;
top:0;
width:auto;
}
#breadCrumbs {
position:relative;
}
ul#breadCrumbs {
font-size:1.2em;
margin:.3em 0;
padding-left:.5em
}
#breadCrumbs li {
display:inline;
padding:.1em;
}
ul#breadCrumbs li:first-child {
background:none;
}
/* Rating Plugin CSS */
div.PosRel{
position:relative;
}
div.Rating{
position:absolute;
top:0;
right:0;
width:140px;
font-size:xx-small;
}
ul.present{
list-style-type:disc;
list-style-position:inside;
padding:0 0 1em 1em;
}
dl.present{
margin:0 0 1em .5em;
}
dl.present dt{
font-weight:bold;
margin-left:1em;
width:10em;
}
dl.present dd{

padding-left:11em;
}