/* Design CSS */

body { margin: 0px; padding: 0px; background: url(../images/bg.gif) 790px repeat-y; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h1 { padding: 4px 0px 4px 0px; }
h2 { border-bottom: 1px solid #A35100; padding: 7px 0px 0px 0px; margin-bottom: 3px; line-height: 90%; }
h3 {  }
h4 { background: url(../images/featured_bullet.gif) 0% 50% no-repeat; padding-left: 12px; margin-bottom: 0px; }
h5 { padding: 0px; margin: 0px; }
p { word-spacing: .02em; letter-spacing: .02em; padding: 2px 0px 4px 0px; margin: 0px; }


#header { background-color: #2899FF; padding: 2px 0px 0px 0px; }
#header img { margin-left: 14px; }
#content { border-top: 2px solid #2899FF; border-right: 2px solid #2899FF; padding: 7px 10px 10px 15px; }
#background { background-color: #FFE4BB; border-top: 2px solid #2899FF; }
#footer { clear: both; background: url(../images/dottedline.gif) repeat-x top; padding-top: 3px; }
	#footer .left { display: inline; float: left;}
	#footer .right { display: inline; float: right; text-align: right; }

.imgleft { float: left; vertical-align: text-top; margin: 8px 10px 3px 0px; }
.imgright { float: right; vertical-align: text-top; margin: 8px 0px 3px 10px; }
.imgcenter { text-align: center; display: block; margin: 0 auto;}
.clear { clear: both; font-size: 5%; line-height: .01em; }
.smalltext { font-size: 95%;}

input,  select { font: 11px Arial, Helvetica, sans-serif; }

.featured { float: right; margin: 5px 5px 0px 5px; width: 240px; }
.featured .box { padding: 4px; background-color: #FFE4BB; border: 1px solid #553725; }
.featured .box img { border: 1px solid #553725; }
.featured_link { float: right; background: url(../images/bullet_redarrow.gif) 0% 70% no-repeat; padding-left: 12px; }
.error { font-weight: bold; color: #B50021; padding: 10px; }
.form_link { float: left; background: url(../images/bullet_redarrow.gif) 0% 70% no-repeat; padding-left: 12px; }

.product_info {  clear: both; }
.product_info img { float: left; margin: 2px 5px 5px 0px; border: 1px solid #553725; }
.product_info .box { margin-left: 120px; padding: 2px; background-color: #FFE4BB; border: 1px solid #553725; }
.product_info .box ul, .product_info .box ul li { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.product_info h2 { border-bottom: 0px solid #2899FF; color: #2899FF; margin-top: 7px; }

/*  navigation styles */
#nav a { padding: 4px 4px 4px 4px; background-color: #333333; border-bottom: 1px solid #999; border-right: 1px solid #999999; display: block; }
#nav a:hover { background-color: #F0C47F; border-bottom: 1px solid #F0C47F; }

#nav .blank { background-color: #333333; border-bottom: 1px solid #999999; }
#nav { display: block; background-color: #333333; border-top: 1px solid #999; border-left: 1px solid #999; }

#subnav1 td { display: block; padding: 2px 3px 2px 2px; white-space: nowrap; }
#subnav1 { position: absolute; top: 81px; left: 82px; background-color: #F0C47F; border: 1px solid #999999; border-top: 0px; width: auto; }

#subnav2 td { display: block; padding: 2px 3px 2px 2px; white-space: nowrap; }
#subnav2 { position: absolute; top: 81px; left: 411px; background-color: #F0C47F; border: 1px solid #999999; border-top: 0px; width: 135px; }

#subnav3 td { display: block; padding: 2px 3px 2px 2px; white-space: nowrap; }
#subnav3 { position: absolute; top: 81px; left: 685px; background-color: #F0C47F; border: 1px solid #999999; border-top: 0px; width: auto; }

#subnav1 a, #subnav1 a:hover { background-color: #F0C47F; padding: 0px; border: 0px; }
#subnav2 a, #subnav2 a:hover { background-color: #F0C47F; padding: 0px; border: 0px; }
#subnav3 a, #subnav3 a:hover { background-color: #F0C47F; padding: 0px; border: 0px; }

.hover { background-color: #F0C47F !important; border-bottom: 1px solid #F0C47F !important; color: #333333 !important; }
.normal { background-color: #333333; border-bottom: 1px solid #999999; color: #ffffff !important; }

#subnav1, #subnav2, #subnav3 { visibility: hidden; }