/* CSS Document */

* { margin: 0; padding: 0; }

body { background: #333; text-align: center; }

h1 { font: bold 16px/30px verdana, sans-serif; color: #66ff33; }
h2 { padding: 5px; font: bold 15px arial, sans-serif; color: #ffff99; }
h3 { padding: 5px; font: bold 13px arial, verdana, sans-serif; color: #ffff99; }
h4 { padding: 0 0 0 45px; font: bold 16px/30px verdana, sans-serif; color: #66ff33; }
h5 { padding: 5px; font: bold 13px arial, sans-serif; color: #66ff33; }
h6 { padding: 0 0 0 80px; font: bold 20px/30px verdana, sans-serif; color: #ff0033; letter-spacing: 1pt;}

p { margin: 10px 0; font: 13px verdana, arial, sans-serif; }

.clear { clear: both; height: 0; font: 0px/0px sans-serif; overflow: hidden; }

img.left { float: left; margin: 15px; }
img.right { float: right; margin: 15px; }
img.border { border: 2px solid #000; }
.middle { vertical-align: middle; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.green { color: #66ff33; }

.wow { font-weight: bold; color: #66ff33; }
.caption { width: 160px; margin: 0 0 0 15px; text-align: center; float: left; font: 10px verdana, sans-serif; }

#container { position: relative; width: 950px; margin: 8px auto 0; text-align: left; background: #000; }

#header { background: #000; border-bottom: 2px solid #015adc; text-align: center; }
#left_body { width: 176px; float: left; background: #000; border-top: 2px solid #0078ca; }
#left_body ul { margin: 20px 0; width: 176px; list-style: none; }
#left_body ul li { padding: 0 0 0 12px; border-bottom: 1px solid #0078ca; }
#left_body ul li#quotes { margin: 20px 0 0 0; width: 150px; border: none; padding: 0 0 0 10px; font: 11px verdana, sans-serif; color: #ccc; }
#left_body ul li a { font: bold 12px/18px arial, verdana, sans-serif; text-transform: uppercase; color: #ccc; text-decoration: none; }
#left_body ul li a:hover { text-decoration: none; color: #66ff33; }

#mid_body { width: 539px !important; width: 535px; float: left; padding: 10px 30px 80px 30px; background: #015ada url(../images/bgblk.jpg) 0% 100% repeat; border-top: 2px solid #0078ca; color: #fff; }

#mid_body p a { color: #fff; }
#mid_body a { color: inherit; }
#mid_body a:hover { color: #66ff33; text-decoration: none; }

#mid_body .usual_questions { font: 13px verdana, arial, sans-serif; margin: 0 0 0 15px; }

#usual_questions { list-style-type: none; list-style-image: url(../images/q_bullet.gif); }
#usual_questions li { font: bold 13px verdana, arial, sans-serif; vertical-align: top; padding: 0; margin: 4px 0 0 15px; }
#usual_questions a { color: #ffff99; text-decoration: none; }
#usual_questions a:hover { color: #66ff33; text-decoration: none; }

#right_body { width: 170px; float: left; padding: 20px 0 20px 5px; background: #000; border-top: 2px solid #0078ca; }
#right_body { color: #fff; }
#right_body table { font: 12px/14px arial, verdana, sans-serif; }
#right_body ul li { margin: 0 0 0 20px; font: 12px/14px arial, verdana, sans-serif; color: #999; }
#right_body ul li a { font: 12px/14px arial, verdana, sans-serif; text-decoration: none; }
#right_body ul li a:hover { color: #66ff33; }
#green { font: 12px/14px arial, verdana, sans-serif; }
#a.green { font: 12px/14px arial, verdana, sans-serif; color: #66ff33; }
ul.links, ul.contacts { list-style: none; }
ul.links, .xpoints { font: 16px/18px arial, verdana, sans-serif; }
ul.links li { margin-bottom: 10px; font: 13px verdana, arial, sans-serif; color: #fff;} 
ul.links li a, ul.contacts li a { text-decoration: bullet; }
ul.links li a:hover, ul.contacts li a:hover { text-decoration: underline; }


#footer { width: 950px; margin: 0 auto; padding: 12px 0; background: #000; text-align: center; font: 10px arial, verdana, sans-serif; color: #ccc; border-top: 1px solid #0078ca; }
#footer a { color: #fff; text-decoration: none; }

#credits { margin: 10px 0; text-align: center; font: 10px arial, verdana, sans-serif; color: #666; }
#credits a { color: #ccc; text-decoration: none; }

#gallery_container { position: relative; text-align: center; }
#image_gallery { list-style: none; }
#image_gallery li { float: left; display: block; height: 170px; width: 155px; margin: 10px 0 10px 15px; text-align: center; font: bold 12px verdana, sans-serif; }
#image_gallery li a img { border: 2px solid #000; }
#image_gallery li a:hover img { border: 2px solid #66ff33; }
.click_image { font: 12px verdana, sans-serif; color: #fff; margin: 2px 10px; }
#gallery_navigation, #gallery_navigation a { color: #fff; }
#single_image { margin: 5px 0; text-align: center; }
#single_image img { border: 2px solid #000; width: 520px; }
#single_image #image_title { margin: 5px 0 10px 0; font: bold 14px verdana, sans-serif; }
#single_image #next { float: right; width: 100px; text-align: right; }
#single_image #previous { float: left; width: 100px; text-align: left; }
#single_image a { color: #fff; }
#min_height { width: 1px; height: 700px; float: right; }
#image_comments {width: 520px;  margin-bottom: 10px; list-style: none; }
#image_comments li { width: 520px; margin: 5px 0; text-align: center; font: 12px verdana, sans-serif; }

#retailer { position: absolute; width: 164px; bottom: 0px; left: 0px; padding: 0 0 0 12px; border-top: 1px solid #0078ca; } 
#retailer a { font: bold 12px/18px arial, verdana, sans-serif; text-transform: uppercase; color: #ccc; text-decoration: none; }
#retailer a:hover { text-decoration: none; color: #66ff33; }

#terms li { margin: 2px 0 2px 25px; font: 12px/16px verdana, arial, sans-serif; }

#slide_show_link { text-align: center; }
#slide_show_link a { color: #fff; }

#site_meter { display: none; }

.environmental_shot { width: 100%; text-align: center; margin: 300px 0; font: bold 10px verdana, sans-serif; color: #fff; }
.environmental_shot img { text-align: center; margin: 0 0 5px 0; }

.yellow { color: #ffff00; }
.specials { font: bold 19px verdana, arial, sans-serif; color: #ffff00;}
.caption { float: right; width: 300px; margin: 0 17px 20px 0 !important; margin: 0 7px 20px 0; text-align: center; font: bold 12px verdana, sans-serif; color: #66ff33; }

#left_body ul li#flash_video { border-bottom: none; text-align: center; padding: 10px 2px 0 0; }
#flash_video a img { border: none; }
