/* CSS Document */

html, body { margin: 0; height: 100% }

#wrapper { width: 906px; margin-left: auto; margin-right: auto; background-image: url(images/glowback.jpg); background-repeat: repeat-y; min-height: 100% }

#content { width: 846px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #666666; margin-left: auto; margin-right: auto;}

#logo { float: left; margin-left: 34px; margin-top: 12px; }
#topimg { float: right; }

#menu { height: 25px; background-color: #f4f4f4; width: 846px; line-height: 25px; color: #666666 } 

#nav, #nav ul { padding: 0; margin: 0; list-style: none; clear: left; }
#nav a { display: block; }
#nav li { float: left; }
#nav li ul { position: absolute; width: 148px; left: -999em; }
#nav li ul li { background-color: #f4f4f4; width: 148px; border-top: solid 1px #ffffff; line-height: 14px; padding-bottom: 7px; padding-top: 7px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-left: -8px; }

#maintext_index { width: 846px; margin: 0; background-image: url(images/photo_index_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintext_about { width: 846px; margin: 0; background-image: url(images/photo_about_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintext_whatweoffer { width: 846px; margin: 0; background-image: url(images/photo_whatweoffer_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintext_featured { width: 846px; margin: 0; background-image: url(images/photo_featured2_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintext_catalogue { width: 846px; margin: 0; background-image: url(images/photo_catalogue_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintext_contact { width: 846px; margin: 0; background-image: url(images/photo_contact_back.jpg); background-repeat: no-repeat; background-position: top right; }
#maintextin { width: 776px; margin-left: 30px; margin-right: 30px; }

#leftcontent { float: left; width: 500px; }
#leftcontent_contact { float: left; width: 790px; }
#rightcontent { float: right; width: 246px; padding-top: 38px; }

#rightimage { float: right;}

#footer { width: 776px; text-align: center; }

#browseshop { height: 45px; line-height: 44px; background-image: url(images/visit_shop.gif); background-repeat: no-repeat; margin-top: 25px; }
#browseshop a { color: #487a9a; font-size: 17px; margin-left: 45px; }
#browseshop a:link { text-decoration: none; }
#browseshop a:visited { text-decoration: none; }
#browseshop a:active { text-decoration: none; }
#browseshop a:hover { text-decoration: underline; }

/* TEMP */

h2#rvine { font-size: 14px; color: #487a9a; font-weight: normal; margin-top: 29px; }
#browseshop-rvine { float:left; height: 66px; line-height: 66px; background-image: url(images/visit_shop-rvine.gif); background-repeat: no-repeat; margin-top: 22px; margin-left: 17px; width: 236px; }
#browseshop-rvine a { color: #487a9a; font-size: 17px; margin-left: 45px; }
#browseshop-rvine a:link { text-decoration: none; }
#browseshop-rvine a:visited { text-decoration: none; }
#browseshop-rvine a:active { text-decoration: none; }
#browseshop-rvine a:hover { text-decoration: underline; }
#rightimage-rvine { float: right; text-align: center}
h1#rvine { height: 27px; background-image: url(images/title_rvine.gif); background-repeat: no-repeat; margin: 30px 0 0px 0 }

/* */

h1#home { height: 27px; background-image: url(images/title_index.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1 span { display: none; }
h1#about { height: 27px; background-image: url(images/title_aboutus.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#whatweoffer { height: 27px; background-image: url(images/title_whatweoffer.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#products { height: 27px; background-image: url(images/title_products.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#information { height: 27px; background-image: url(images/title_information.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#whyus { height: 27px; background-image: url(images/title_whyus.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#featured { height: 27px; background-image: url(images/title_featured.gif); background-repeat: no-repeat; margin: 30px 0 0px 0 }
h1#catalogue { height: 27px; background-image: url(images/title_catalogue.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#contact { height: 27px; background-image: url(images/title_contact.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#sitemap { height: 27px; background-image: url(images/title_sitemap.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#terms { height: 27px; background-image: url(images/title_terms.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }
h1#privacy { height: 27px; background-image: url(images/title_privacy.gif); background-repeat: no-repeat; margin: 30px 0 20px 0 }


h2 { font-size: 14px; color: #487a9a; font-weight: normal; margin-top: 20px; }
h3 { font-size: 12px; font-weight: bold; color: #67ab34; margin-bottom: 10px; margin-top: 0px; }
h4 { font-size: 14px; color: #487a9a; margin: 0; }

#mainpic { float: left; margin-right: 30px; margin-bottom: 35px; }
#mainpic2 { float: left; margin-right: 20px; margin-bottom: 15px; }

#list li { margin-bottom: 12px; }
#moulbie td { padding-bottom: 5px; }
.clear { clear: both; font-size: 0px; line-height: 0px }

.left { float: left; }
.right { float: right; }

.featuredbox { padding: 0px 11px 0px 14px; border-right: solid 1px #CCCCCC; }
.featuredboxsm { padding: 0px 7px 0px 11px; border-right: solid 1px #CCCCCC; }
.green { color: #67ab34; }

.line { background-color: #d4eec1; height: 1px; line-height: 1px; font-size: 1px; width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 8px; }

a.menu { text-decoration: none; margin-right: 35px; }
a.menu:link { color: #666666; }
a.menu:active { color: #666666; }
a.menu:visited { color: #666666; }
a.menu:hover { color: #67ab34; }

a.menuover { text-decoration: none; margin-right: 35px; }
a.menuover:link { color: #67ab34; }
a.menuover:active { color: #67ab34; }
a.menuover:visited { color: #67ab34; }
a.menuover:hover { color: #67ab34; }

a.menuhome { text-decoration: none; margin-left: 34px; margin-right: 35px; }
a.menuhome:link { color: #666666; }
a.menuhome:active { color: #666666; }
a.menuhome:visited { color: #666666; }
a.menuhome:hover { color: #67ab34; }

a.menuhomeover { text-decoration: none; margin-left: 34px; margin-right: 35px; }
a.menuhomeover:link { color: #67ab34; }
a.menuhomeover:active { color: #67ab34; }
a.menuhomeover:visited { color: #67ab34; }
a.menuhomeover:hover { color: #67ab34; }

.over { color: #67ab34; }

a.submenu { text-decoration: none; padding-left: 8px; }
a.submenu:link { color: #666666; }
a.submenu:active { color: #666666; }
a.submenu:visited { color: #666666; }
a.submenu:hover { color: #67ab34; }

a.featuredlink { }
a.featuredlink:link { color: #67ab34; }
a.featuredlink:active { color: #67ab34; }
a.featuredlink:visited { color: #67ab34; }
a.featuredlink:hover { color: #999999; }

a.footerlink { }
a.footerlink:link { color: #666666; }
a.footerlink:active { color: #666666; }
a.footerlink:visited { color: #666666; }
a.footerlink:hover { color: #333333; }