/* ----- Master Style Sheet for 15p Print  ----- */
/* ----- Author: Mang Creative - 0845 33 12 987  ----- */
/* ----- Year : 2008 ----------------- */
/* ----- CSS Document -----*/

body { background: url(images/background.jpg) left top repeat-x; font: 70%/140% Arial, Helvetica, Verdana, Tahoma, sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: relative; margin-right: auto; margin-left: auto; margin-top: 35px; width: 760px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

/************** header styles *****************/

h1 { font-size: 0.1em; color: #333; }
#header { width: 100%; height: 130px; }
.header-left { width: 180px; float: left; }
.header-right { width: 580px; float: right; text-align: right; margin: 20px 0 0 0; }

/************** content styles *****************/

#content-top { background: url(images/background/main-top.gif) left top no-repeat; width: 100%; height: 15px; }
#content-middle { background: url(images/background/main-middle.gif) left top repeat-y; width: 100%; }
#content-bottom { background: url(images/background/main-bottom.gif) left top no-repeat; width: 100%; height: 15px;}

#content-right { width: 125px; float: right; padding: 10px;  background: #ececec; border: 1px solid #ccc; }

.content { width: 720px; padding: 10px 20px 10px 20px; font-size: 110%; line-height: 1.85em; }

/************** list styles *****************/

#product-list { margin-left: 0; padding-left: 0; list-style: none; }
#product-list li { padding-left: 18px; background-image: url(images/misc/arrow.gif); background-repeat: no-repeat; background-position: 0 .35em; font-size: 95%; }
#product-list li a { color: #018748; text-decoration: none; }
#product-list li a:hover { text-decoration: underline; color: #333; }

a.menu-home { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/home-off.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a.menu-home-on { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/home-on.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.menu-home { background-position: -105px 0; }

a.menu-about { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/about-off.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a.menu-about-on { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/about-on.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.menu-about { background-position: -105px 0; }

a.menu-prices { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/prices-off.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a.menu-prices-on { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/prices-on.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.menu-prices { background-position: -105px 0; }

a.menu-quote { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/quote-off.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a.menu-quote-on { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/quote-on.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.menu-quote { background-position: -105px 0; }

a.menu-contact { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/contact-off.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a.menu-contact-on { float: left; display: block; width: 110px; height: 60px; background: url("images/menu/contact-on.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.menu-contact { background-position: -105px 0; }

/************** font styles *****************/

a.green-link { color: #018748; text-decoration: none; }
a.green-link:hover { text-decoration: underline; }

a.footer-link { color: #fff; text-decoration: none; }
a.footer-link:hover { text-decoration: underline; }

/************** list styles *****************/

.td-1 { background: #ececec; padding: 10px; }
.td-2 { background: #ececec; padding: 5px 10px 5px 10px; }

/************** misc *****************/

.clear { clear: both; }
.text-field { width: 200px; }

/************** form *****************/

.form_title { color : #000000; font-size: 13px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; }
.form_field { font-size : 13px; font-family : Verdana, Arial, Helvetica, sans-serif;  color : #474747; 	font-weight : bold; text-align:left; }
.form_text{ font-size : 11px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; }
.text_box{ font-size : 13px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; width:300px; height: 20px; }
.text_area{ font-size : 11px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; width:200px; height:60px; }
.text_select{ font-size : 11px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; }
.form_error{ font-size : 11px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #ff0000; font-weight : bold; }
.form_select { width: 200px; height: 23px; }

/************** footer *****************/

#footer { width: 100%; height: 25px; padding: 5px; margin: 5px 0 10px 0; }
.footer { font-size: 90%; color: #fff; }