/* 
CSS 
*/
 
body {font-family: tahoma; color: #333; margin: 0; line-height: 1.4em; letter-spacing: 0.02em; text-align: center;}
html {}

h1 { font-size: 150%; color: #FF6600; font-weight: bold; margin: 0 0 2px 0; }
h2 { color: #333366; font-size: 120%; margin: 0 0 0 0; } 

a:link { color: #3300ff; text-decoration: none;}
a:active { color: #3300ff; text-decoration: none;}
a:hover { color: #FF6600; text-decoration: none; }
a:visited { color: #3333cc; text-decoration: none;}

#outer { width: 100%; background-image: url(images/page-bg.jpg); background-repeat: repeat-x; background-position: top left;}
#wrapper { width: 845px; text-align: left; margin:0 auto 0 auto; padding:0;}
#header {  width: 815px; height: 127px; margin: 0 0 0 0; background:url(images/banner.jpg); }
#main { float: left; display: inline; width: 480px; margin: 35px 0 0 30px; font-size: 80%; text-align: justify; }
#right { float: left; width: 230px; margin: 70px 0 0 60px;  font-size: 70%; color: #FF6600; text-align:center;}
#products { float: left; background: #fff; padding: 10px; width: 780px; font-size: 70%; font:#3E4853; margin-top: 50px; }
#prd-sizes { background: #FFCC99; padding: 4px; clear: left; width:750px; border-bottom: 2px solid #3E4853; }

.prd-top-button { float: right; } /* //currently not used// */

.photo { float: left; margin: 0 20px 10px 0;  }
.prdnote { font-size: 90%; color: red; margin-left: 10px;}
/*Form styling*/
fieldset { border: 1px solid #ff6600; width: 620px; font-size: 85%; background-color: #fdfdfd;}
legend { border: 0; padding: 2px; font-weight: bold;}
label {  float: left; margin-right: 40px; position: relative; text-align:right; width: 320px; }
label .check {}
label .radio {}  

fieldset .input { float: left; font: 14px arial; padding: 2px;  width: 190px; height: 20px;  border: 1px solid #666; margin: 2px; } 
fieldset .detailinput { float: left; font: 14px arial; padding: 2px;  width: 190px; height: 50px;  border: 1px solid #666; margin: 2px; } 
txtarea { font: 14px arial; width: 220px; border-top: 1px solid #999; border-left: 1px solid #999;}
.submitbutton { font: 14px arial; width: 120px; height: 30px; color: white; background: #333366;  border: 1px solid #999; }
.browse { font-size: 11px; margin: 2px;}
checkbox { float:right; border: none; padding: 2px;}



/*NAV*/
#nav { float: left; display: inline; margin: 10px 0 0 30px; width: 750px; }
/*button1*/
#b1 a{ width: 100px; height: 21px; margin: 0 20px 0 0; display: block; float: left; background: url("images/b1.jpg");}
#b1 a:hover { background: url("images/b1a.jpg");}
#b1_current .b1_current { background: url("images/b1a.jpg");}
/*button2*/
#b2 a{ width: 100px; height: 21px; margin: 0 20px 0 0; display: block; float: left; background: url("images/b2.jpg");}
#b2 a:hover { background: url("images/b2a.jpg");}
#b2_current .b2_current { background: url("images/b2a.jpg");}
/*button3*/
#b3 a{ width: 100px; height: 21px;  margin: 0 20px 0 0; display: block; float: left; background: url("images/b3.jpg");}
#b3 a:hover { background: url("images/b3a.jpg");}
#b3_current .b3_current { background: url("images/b3a.jpg");}
/*button4*/
#b4 a{ width: 100px; height: 21px;  margin: 0 20px 0 0; display: block; float: left; background: url("images/b4.jpg");}
#b4 a:hover { background: url("images/b4a.jpg");}
#b4_current .b4_current { background: url("images/b4a.jpg");}
/*button5*/
#b5 a{ width: 100px; height: 21px;  margin: 0 20px 0 0; display: block; float: left; margin-left: 30px; background: url("images/b5.jpg");}
#b5 a:hover { background: url("images/b5a.jpg");}
#b5_current .b5_current { background: url("images/b5a.jpg");}
/*button6*/
#b6 a{ width: 100px; height: 21px;  margin: 0 20px 0 0; display: block; float: left; background: url("images/b6.jpg");}
#b6 a:hover { background: url("images/b6a.jpg");}
#b6_current .b6_current { background: url("images/b6a.jpg");}

#footer { float: left; border-top: 2px solid #FF6600; width: 100%; background: url(images/footer-bg.jpg) #333366; padding: 8px;
font-size: 55%; text-align: center; margin: 50px 0 0 0; color: #fff; line-height: 1.8em;}
#foot-logos { margin: none;}

#footer a:link { color: #fff; text-decoration: none;}
#footer a:active { color: #fff; text-decoration: none;}
#footer a:hover { color: #FF6600; text-decoration: none; }
#footer a:visited { color: #999; text-decoration: none;}
.aclogo { margin: 4px; }


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}