/* Main Site Styles Items */
body { color: #666; font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif, Tahoma, "Trebuchet MS"; background-color: #fff; background-image: url(../images/interface/background.gif); background-repeat: repeat-x; margin: 0; }
li { }
a { color: #c24227; text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.2em; line-height: 1.6em; }
li { font-size: 1.2em; line-height: 1.6em; }
td { font-size: 1.1em; line-height: normal; }
H1 { font-size: 4em; }
H2 { color: #c24227; font-size: 1.8em; }


/* Page Layout Items */
#wrapper { margin: 0 auto; width: 925px }
#logobar { background-image: url(../images/interface/logo-search-strip.gif); background-repeat: no-repeat; width: 925px; height: 55px; float: left; }
#flashheader { background-image: url(../images/interface/flash-panel.jpg); background-repeat: no-repeat; width: 925px; height: 255px; float: left; }
#search { width: 183px; height: 19px; float: right; margin-top: 14px; margin-right: 26px; }
#searchfield { width: 155px; height: 15px; float: left; }
#crumbtrail { font-size: 1.1em; width: 721px; height: 25px; float: left; margin-top: 10px; margin-left: 10px; }
#datefield { font-size: 1.1em; text-align: right; width: 184px; height: 25px; float: left; margin-top: 10px; margin-right: 10px; }

#column-left { width: 194px; float: left; margin-top: 10px; }
#column-middle { width: 486px; float: left; margin-top: -20px; margin-right: 25px; margin-left: 26px; }
#column-right { width: 194px; float: left; margin-top: 10px; }

.form-lozenge-top { color: #fff; font-size: 1em; font-weight: bold; line-height: 3.4em; background-image: url(../images/interface/form-lozenge-top.gif); background-repeat: no-repeat; text-indent: 15px; width: 484px; height: 34px; float: left; }
.form-lozenge-main { width: 484px; float: left; }
.form-lozenge-base { background-image: url(../images/interface/form-lozenge-base.gif); background-repeat: no-repeat; width: 484px; height: 17px; float: left; }
.form-field { background-color: #dce4e5; }
.news-header { color: #c24227; font-size: 1.6em; font-weight: bold; width: 486px; float: left; margin-bottom: 5px; }
.news-body { font-size: 1.1em; line-height: 1.4em; width: 346px; float: left; }
.news-image { text-align: right; width: 140px; float: left; }
.body-spacer { width: 486px; float: left; margin-top: 2px; margin-bottom: 2px; }


/* Shop Items */

#column-shop { width: 706px; float: left; margin-top: 10px; margin-right: 25px; }
.content-shop { width: 706px; float: left; }
#currency-left { background-color: #e0e0e0; background-image: url(../images/shop/currency-bar-left.gif); background-repeat: no-repeat; width: 10px; height: 31px; float: left; margin-top: -10px; }
#currency-main { background-color: #e0e0e0; width: 686px; height: 31px; float: left; margin-top: -10px; }
#currency-text { font-size: 1.2em; float: left; margin-top: 9px; }
#currency-right { background-color: #e0e0e0; background-image: url(../images/shop/currency-bar-right.gif); background-repeat: no-repeat; width: 10px; height: 31px; float: left; margin-top: -10px; }

.panel-shopitem-top { background-image: url(../images/shop/panel-shopitem-top.gif); background-repeat: no-repeat; width: 706px; height: 20px; float: left; margin-top: 10px; }
.panel-shopitem-main { background-image: url(../images/shop/panel-shopitem-main.gif); background-repeat: repeat-y; width: 706px; float: left; }
.panel-shopitem-base { background-image: url(../images/shop/panel-shopitem-base.gif); background-repeat: no-repeat; width: 706px; height: 20px; float: left; }

.panel-shopitem-left { width: 100px; float: left; margin-left: 20px; }
.panel-shopitem-thumb { width: 100px; float: left; }
.panel-shopitem-right { width: 545px; float: left; margin-top: -15px; margin-left: 20px; }

.panel-shopquote-top { background-image: url(../images/shop/panel-shopquote-top.gif); background-repeat: no-repeat; width: 545px; height: 5px; float: left; }
.panel-shopquote-base { background-image: url(../images/shop/panel-shopquote-base.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 545px; float: left; }
.panel-shopquote-text { width: 515px; float: left; margin-left: 15px; }

.btn-moreinfo a { background-image: url(../images/shop/btn-moreinfo.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 100px; height: 19px; margin-top: 5px; }
.btn-moreinfo a:hover { background-position: 0 -19px; }

#btn-return a { background-image: url(../images/shop/btn-return.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 103px; height: 25px; margin-top: 5px; }
#btn-return a:hover { background-position: 0 -25px; }
#btn-checkout a { background-image: url(../images/shop/btn-checkout.gif); background-repeat: no-repeat; text-indent: -9999px; float: right; width: 103px; height: 25px; margin-top: 5px; }
#btn-checkout a:hover { background-position: 0 -25px; }

#btn-prevstage a { background-image: url(../images/shop/btn-prevstage.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 103px; height: 25px; margin-top: 5px; }
#btn-prevstage a:hover { background-position: 0 -25px; }

#btn-nextstage a { background-image: url(../images/shop/btn-nextstage.gif); background-repeat: no-repeat; text-indent: -9999px; float: right; width: 103px; height: 25px; margin-top: 5px; }
#btn-nextstage a:hover { background-position: 0 -25px; }
.btn-addtocart a { background-image: url(../images/shop/btn-addtocart.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 100px; height: 19px; margin-top: 5px; }
.btn-addtocart a:hover { background-position: 0 -19px; }
#btn-uk a { background-image: url(../images/shop/currency-btn-uk.gif); background-repeat: no-repeat; text-indent: -9999px; width: 26px; height: 31px; float: right; }
#btn-uk a:hover { background-position: 0 -31px; }
#btn-uk-on a { background-image: url(../images/shop/currency-btn-uk.gif); background-repeat: no-repeat; background-position: 0 -62px; text-indent: -9999px; width: 26px; height: 31px; float: right; }

#btn-us a { background-image: url(../images/shop/currency-btn-us.gif); background-repeat: no-repeat; text-indent: -9999px; width: 26px; height: 31px; float: right; }
#btn-us a:hover { background-position: 0 -31px; }
#btn-us-on a { background-image: url(../images/shop/currency-btn-us.gif); background-repeat: no-repeat; background-position: 0 -62px; text-indent: -9999px; width: 26px; height: 31px; float: right; }

#btn-ca a { background-image: url(../images/shop/currency-btn-ca.gif); background-repeat: no-repeat; text-indent: -9999px; width: 26px; height: 31px; float: right; }
#btn-ca a:hover { background-position: 0 -31px; }
#btn-ca-on a { background-image: url(../images/shop/currency-btn-ca.gif); background-repeat: no-repeat; background-position: 0 -62px; text-indent: -9999px; width: 26px; height: 31px; float: right; }

#btn-eu a { background-image: url(../images/shop/currency-btn-eu.gif); background-repeat: no-repeat; text-indent: -9999px; width: 26px; height: 31px; float: right; }
#btn-eu a:hover { background-position: 0 -31px; }
#btn-eu-on a { background-image: url(../images/shop/currency-btn-eu.gif); background-repeat: no-repeat; background-position: 0 -62px; text-indent: -9999px; width: 26px; height: 31px; float: right; }

#btn-au a { background-image: url(../images/shop/currency-btn-au.gif); background-repeat: no-repeat; text-indent: -9999px; width: 26px; height: 31px; float: right; }
#btn-au a:hover { background-position: 0 -31px; }
#btn-au-on a { background-image: url(../images/shop/currency-btn-au.gif); background-repeat: no-repeat; background-position: 0 -62px; text-indent: -9999px; width: 26px; height: 31px; float: right; }

#btn-viewcart a { background-image: url(../images/interface/btn-viewcart.gif); background-repeat: no-repeat; text-indent: -9999px; width: 89px; height: 19px; float: left; margin-top: 5px; }
#btn-viewcart a:hover { background-position: 0 -19px; }
#btn-emptycart a { background-image: url(../images/interface/btn-emptycart.gif); background-repeat: no-repeat; text-indent: -9999px; width: 88px; height: 19px; float: left; margin-top: 5px; }
#btn-emptycart a:hover { background-position: 0 -19px; }

/* Side Panel Items */
#panel-usefullinks-top { background-image: url(../images/interface/panel-usefullinks-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-tipstricks-top { background-image: url(../images/interface/panel-tipstricks-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-support-top { background-image: url(../images/interface/panel-support-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-faqs-top { background-image: url(../images/interface/panel-faqs-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-forum-top { background-image: url(../images/interface/panel-forum-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-forum-main a { background-image: url(../images/interface/panel-forum-main.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 73px; float: left; margin-bottom: 10px; }
#panel-forum-main a:hover { background-position: 0 -73px; }
#panel-shoppingcart-top { background-image: url(../images/interface/panel-shoppingcart-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-shopsecure-top { background-image: url(../images/interface/panel-shopsecure-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }
#panel-newsletter-top { background-image: url(../images/interface/panel-newsletter-top.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 40px; float: left; }

.panel-subnav-main { background-image: url(../images/interface/panel-global-main.gif); background-repeat: repeat-y; width: 194px;  float: left;  }
.panel-subnav-content { width: 178px; float: left; margin-left: 10px; }
.panel-subnav-content p { font-size: 1.1em; line-height: 1.3em; }
.panel-subnav-base { background-image: url(../images/interface/panel-global-base.gif); background-repeat: no-repeat; width: 194px; height: 12px; float: left; margin-bottom: 10px; }

.btn-subnav a { color: #373737; font-size: 1.1em; line-height: 2em; background-image: url(../images/interface/btn-subnav.gif); background-repeat: no-repeat; text-decoration: none; text-indent: 10px; width: 194px; height: 22px; float: left; }
.btn-subnav a:hover { color: #fff; background-position: 0 -44px; }
.btn-subnav2 a { color: #606060; font-size: 1.1em; line-height: 2em; background-image: url(../images/interface/btn-subnav.gif); background-repeat: no-repeat; background-position: 0 -22px; text-decoration: none; text-indent: 15px; width: 194px; height: 22px; float: left; }
.btn-subnav2 a:hover { text-decoration: underline; }
.slidebox { width: 194px; float: left; display: none; }
#btn-whatsin a { background-image: url(../images/interface/btn-whatsin.gif); background-repeat: no-repeat; text-indent: -9999px; width: 194px; height: 155px; float: left; margin-bottom: 10px; }
#btn-whatsin a:hover { background-position: 0 -155px; }
#btn-newslettersignup a { background-image: url(../images/interface/btn-newslettersignup.gif); background-repeat: no-repeat; text-indent: -9999px; width: 88px; height: 19px; float: left; margin-top: 5px; }
#btn-newslettersignup a:hover { background-position: 0 -19px; }

/* Text Colour Styles */
.orange { color: #c24227; }
.green { color: #008795; }
.sitemap { font-size: 10px; line-height: 1.5em; list-style-type: square; }

.large { font-size: 1.8em; }

/* Navigation & Button Styles */
#btn-search a { background-image: url(../images/interface/btn-search.gif); background-repeat: no-repeat; text-indent: -9999px; width: 25px; height: 19px; float: left; }
#btn-search a:hover { background-position: 0 -19px; }

#nav { width: 925px; height: 59px; float: left; }
#btn01 a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn01 a:hover { background-position: 0 -59px; }
#btn01-on a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn01-on a:hover { background-position: 0 -59px; }

#btn02 a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn02 a:hover { background-position: 0 -59px; }
#btn02-on a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn02-on a:hover { background-position: 0 -59px; }

#btn03 a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn03 a:hover { background-position: 0 -59px; }
#btn03-on a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn03-on a:hover { background-position: 0 -59px; }

#btn04 a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn04 a:hover { background-position: 0 -59px; }
#btn04-on a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn04-on a:hover { background-position: 0 -59px; }

#btn05 a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn05 a:hover { background-position: 0 -59px; }
#btn05-on a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn05-on a:hover { background-position: 0 -59px; }

#btn06 a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn06 a:hover { background-position: 0 -59px; }
#btn06-on a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn06-on a:hover { background-position: 0 -59px; }

#btn07 a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; text-indent: -9999px; width:132px; height:59px; float:left; list-style-type: none; list-style-image: none; }
#btn07 a:hover { background-position: 0 -59px; }
#btn07-on a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; background-position: 0 -118px; text-indent: -9999px; width:132px; height:59px; float:left; }
#btn07-on a:hover { background-position: 0 -59px; }

/* Footer Items */
#footer { background-image: url(../images/interface/footer-panel.gif); background-repeat: repeat-x; background-position: center 0; text-align: center; margin: 33px auto 0; width: 100%   ; height: 84px; float: left; }
#footer-content { color: #999; font-size: 1.1em; line-height: 1.4em; background-repeat: no-repeat; text-align: left; width: 925px; margin-top: 15px; }