html, body { width:100%; height:100%; margin:0; padding:0; }
html { background:#443422 url(../images/back.jpg) bottom center fixed no-repeat; }
a { text-decoration:none; }
a img { border:none; }

/* BC STYLES */
.quantity .productTextInput {width:30px}
.shop-product-large .image img {width:500px}
.shop-product-small { margin:0 10px 0 5px; padding:0 10px 5px 5px; background:url(../images/content-back-shopping-product-sml.png); width:125px; text-align:center}
.shop-product-small .image {text-align:center}

/*END*/

#logo:hover, #footer img:hover, table a:hover img { opacity:0.7; }

#animation { width:950px; margin:0 auto; padding:30px 0 0 0; }
#nav2 { width:940px; margin:0 auto; }
#nav2 ul { height:45px; margin:0; padding:0; list-style-type:none; }
#nav2 li { height:45px; margin:0; padding:0; float:left; }
#nav2 li a { width:100%; height:45px; display:block; }
.button2 a:hover { background:none; }
.button2 span { position:absolute; top:-2000px; }
.tours { width:127px; background:url(../images/m-tours-over.jpg); }
.tours a { background:url(../images/m-tours-up.jpg); }
.downhill { width:89px; background:url(../images/m-downhill-over.jpg); }
.downhill a { background:url(../images/m-downhill-up.jpg); }
.packages { width:101px; background:url(../images/m-packages-over.jpg); }
.packages a { background:url(../images/m-packages-up.jpg); }
.beach { width:118px; background:url(../images/m-beach-over.jpg); }
.beach a { background:url(../images/m-beach-up.jpg); }
.hire { width:95px; background:url(../images/m-hire-over.jpg); }
.hire  a { background:url(../images/m-hire-up.jpg); }
.shop { width:107px; background:url(../images/m-shop-over.jpg); }
.shop a { background:url(../images/m-shop-up.jpg); }
.workshop { width:104px; background:url(../images/m-workshop-over.jpg); }
.workshop a { background:url(../images/m-workshop-up.jpg); }
.find2 { width:81px; background:url(../images/m-find2-over.jpg); }
.find2 a { background:url(../images/m-find2-up.jpg); }
.events { width:118px; background:url(../images/m-events-over.jpg); }
.events a { background:url(../images/m-events-up.jpg); }
#address2 { margin:0 0 20px 0; padding:15px 0 15px 0; font:12px arial; color:#FFF; text-align:center; background:url(../images/address-back.png) repeat; _background:#333; }
#address2 span { font:10px arial; }
#address2 a { color:#A6D02A; }
#address2 a:hover { color:#FFF; }

#container { width:940px; margin:0 auto; position:relative; }
#logo { position:absolute; top:29px; left:0; }
#nav { width:240px; position:absolute; top:209px; left:60px; }

#main img { float:left; }

#main ul { width:240px; margin:0; padding:0; font:bold 13px/19px arial; float:left; list-style-type:none; background:url(../images/nav-back.png); _background:#CCC; }
#main li { width:240px; margin:0; padding:0; background:url(../images/nav-up.gif); border-bottom:1px dotted #8B857D; }
#main li a { width:214px; height:25px; padding:6px 0 0 26px; color:#000; display:block; }
#main li a:hover, #main li.current a { background:url(../images/nav-over.png); _background:url(../images/nav-over.gif); }

#main li.menuHeader, #main li.menuHeaderHover { background:none; border-bottom:none; }
#main li.menuHeader a, #main li.menuHeaderHover a { width:214px; height:40px; padding:0; color:none; display:block; }
#main li.menuHeaderHover a:hover, #main li.menuHeaderHover.current a {background:none; _background:none; }

li#adventure.menuHeader {background:url(../images/m-adventure-up.jpg) no-repeat}
li#adventure.menuHeaderHover {background:url(../images/m-adventure-over.jpg) no-repeat }
li#tathra.menuHeader {background:url(../images/m-tathra-up.jpg) no-repeat}
li#tathra.menuHeaderHover{background:url(../images/m-tathra-over.jpg) no-repeat }
li#allthegear.menuHeader {background:url(../images/m-gear-up.jpg) no-repeat}
li#allthegear.menuHeaderHover {height:40px; background:url(../images/m-gear-over.jpg) no-repeat }
li#findus.menuHeader {background:url(../images/m-find-up.jpg) no-repeat}
li#findus.menuHeaderHover {background:url(../images/m-find-over.jpg) no-repeat }
li#booktours.menuHeader {background:url(../images/m-book-up.jpg) no-repeat}
li#booktours.menuHeaderHover {background:url(../images/m-book-over.jpg) no-repeat }
li#subscribeandwin.menuHeader {background:url(../images/subscribe-up.png) no-repeat}
li#subscribeandwin.menuHeaderHover {background:url(../images/subscribe-over.png) no-repeat }

#nav .button { width:240px; height:40px; float:left; }
#nav .button a { width:100%; height:40px; display:block; }
#nav .button a:hover { background:none; }
#nav .button span { position:absolute; top:-2000px; }
.adventure, .adventure a.current { background:url(../images/m-adventure-over.jpg); }
.adventure a { background:url(../images/m-adventure-up.jpg); }
.tathra, .tathra a.current { background:url(../images/m-tathra-over.jpg); }
.tathra a { background:url(../images/m-tathra-up.jpg); }
.gear, .gear a.current { background:url(../images/m-gear-over.jpg); }
.gear a { background:url(../images/m-gear-up.jpg); }
.find, .find a.current { background:url(../images/m-find-over.jpg); }
.find a { background:url(../images/m-find-up.jpg); }
.book, .book a.current { background:url(../images/m-book-over.jpg); }
.book a { background:url(../images/m-book-up.jpg); }

#subscribe { width:100%; height:40px; background:url(../images/subscribe-over.png); float:left; position:relative; }
#subscribe a { width:100%; height:40px; background:url(../images/subscribe-up.png); display:block; }
#subscribe a:hover { background:url(../images/subscribe-over.png); }
#sub ul { width:240px; margin:30px 0 0 0; padding:0; font:12px/19px arial; float:left; list-style-type:none; }
#sub li { background:url(../images/sub-up.png); border:none; }
#sub a { width:225px; height:25px; padding:5px 0 0 15px; color:#A6D02A; display:block; }
#sub a:hover, #sub li.current a { background:url(../images/sub-over.png); }
#address { width:216px; margin:0 0 30px 0; padding:12px 12px 0 12px; font:13px/19px arial; color:#FFF; text-align:right; float:right; background:url(../images/address-back.png) repeat; _background:#333; }
#address .contact { font:12px/19px arial; }
#address span { font:10px arial; }
#address a { color:#A6D02A; }
#address a:hover { color:#FFF; }

#content { width:634px; position:absolute; top:0; right:0; }
#top { width:634px; height:408px; background:url(../images/content-top.png); _background:url(../images/content-top.gif); position:relative; }
#image { position:absolute; top:11px; left:36px; }
#top h1 { position:absolute; bottom:17px; left:62px; }
#copy { min-height:765px; padding:0 72px 1px 62px; background:url(../images/content-back.png) repeat-y; _background:url(../images/content-back.gif) repeat-y; font:12px/21px arial; color:#FFF; }
p, h1, h2 { margin:0 0 17px 0; padding:0; }
h1 { font:20px arial; color:#A6D02A; }
h2 { font:16px arial; color:#A6D02A; }
#copy a { color:#A6D02A; }
#copy a:hover { color:#637721; }
#top h1 { margin:0; }
#copy ul { margin:0 0 15px 20px; padding:0; }
#copy li { list-style:none; background:url(../images/li.gif) top left no-repeat; padding:0 0 0 12px; }
hr { margin:0 0 15px 0; border:1px solid #222; _border:1px solid #000; border-top:1px dashed #666; }
.fine { font:10px/15px arial; color:#BBB; }
.table { width:100%; margin:0 0 17px 0; }
.table tr:hover td { background:#EEE; color:#000; }
.table td { padding:3px 0 3px 7px; background:url(../images/table-back.png); _background:#000; }
.heading, .table .heading, .table tr:hover .heading, .table .heading2, .table tr:hover .heading2 { padding:5px; font:bold 13px arial; color:#000; text-align:center; background:#A1CF27; border-right:1px solid #222; _border-right:1px solid #000; border-bottom:1px solid #222; _border-bottom:1px solid #000; }
.table .heading2, .table tr:hover .heading2 { font:bold 12px arial; color:#FFF; background:#555; }
#map { width:498px; height:300px; color:#222; border:1px solid #FFF; }
table { font-family:arial; }
.comment-list { padding:20px; background:url(../images/table-back.png); _background:#000; }

label { margin:3px 0 0 0; position:absolute; }
label strong, .mandatory { color:#A6D02A; }
.text1, .text2 { width:180px; margin:2px 0 2px 110px; padding:3px; font:12px arial; color:#333 !important; border:1px solid #FFF; background:#FFF url(../images/text-back.png) top repeat-x; }
.text2 { width:188px; height:21px; margin:2px 0 2px 110px; padding:0; border:1px solid #FFF; }
option { background:#EEE; }
.text1:hover, .text2:hover { border:1px solid #A6D02A; }
.formbutton { width:150px; height:30px; background:url(../images/submit-up.png); border:none; cursor:pointer; }
.formbutton:hover { background:url(../images/submit-over.png); }

.box { width:100%; margin:5px 0 0 0; padding:0 0 12px 0; display:table; }
.box img { margin:9px 0 0 11px; float:left; }
.box .left { width:151px; height:154px; float:left; background:url(../images/box-back.gif); }
.box .left div { width:128px; height:128px; margin:9px 0 0 0; background:url(../images/box-cover.png); position:absolute; left:73px; }
.box .right { width:334px; padding:0 0 0 15px; float:right; }

#footer { width:100%; height:33px; padding:47px 0 0 0; background:url(../images/content-footer.png) top no-repeat; _background:url(../images/content-footer.gif) top no-repeat; font:bold 10px verdana; color:#FFF; text-align:center; }
#footer2 { padding:0 0 1px 0; font:bold 10px verdana; color:#FFF; text-align:center; }
#footer a, #footer2 a { color:#FFF; }
#footer a:hover, #footer2 a:hover { color:#A6D02A; }
#footer span, #footer2 span { color:#222; }