body { background-color:#383838; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#919191; line-height:15px;}
p { margin:0px 0px 10px 0px }
img { border:none; }
.clear { clear:both; }
.center { text-align:center; }
.right {float:right}


h1 { margin:20px 0px 10px 0px; }
h2, h3 { margin:0px 0px 10px 0px; }
h4 { margin:0px 0px 10px 0px; font-size:12px; font-weight:bold; color:#e54045; }
.black { color:#000000; }



#container { width:960px; margin-left: auto; margin-right:auto; text-align:left; background:url(/images/sitedesign-container-top.gif) no-repeat; margin-top:50px; background-color:#FFFFFF; }
#header { width:920px; height:170px; float:left; padding:0px 20px 0px 20px; }
#logo { width:920px; height:130px; float:left; background:url(/images/sitedesign-logo.gif) no-repeat; background-position:0px 15px;  }



#content { width:920px; float:left; padding:20px; }



a:link, a:visited, a:active { text-decoration:none; color:#e54045; }
a:hover { text-decoration:none; color:#383838; }


/** Navigation **/
#navigation { width: 920px; height:29px; border:solid #e54045 1px; border-left: none; border-right:none; float:left; padding-top:9px; text-align:center; }
#navigation span { display:none; }
.navspacer { width:100px; height:20px; float:left;}
a.navhome:link, a.navhome:visited, a.navhome:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:0px 0px; height:20px; width:40px; float:left; padding-right:20px; }
a.navhome:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:0px 0px; height:20px; width:40px; float:left; padding-right:20px; }
a.navcoins:link, a.navcoins:visited, a.navcoins:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-60px 0px; height:20px; width:97px; float:left; padding-right:20px; }
a.navcoins:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-60px 0px; height:20px; width:97px; float:left; padding-right:20px; }
a.navfundraising:link, a.navfundraising:visited, a.navfundraising:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-180px 0px; height:20px; width:84px; float:left; padding-right:20px; }
a.navfundraising:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-180px 0px; height:20px; width:84px; float:left; padding-right:20px; }
a.navbags:link, a.navbags:visited, a.navbags:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-290px 0px; height:20px; width:78px; float:left; padding-right:20px; }
a.navbags:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-290px 0px; height:20px; width:78px; float:left; padding-right:20px; }
a.navshop:link, a.navshop:visited, a.navshop:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-390px 0px; height:20px; width:89px; float:left; padding-right:20px; }
a.navshop:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-390px 0px; height:20px; width:89px; float:left; padding-right:20px; }
a.navstockists:link, a.navstockists:visited, a.navstockists:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-500px 0px; height:20px; width:58px; float:left; padding-right:20px; }
a.navstockists:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-500px 0px; height:20px; width:58px; float:left; padding-right:20px; }
a.navcontact:link, a.navcontact:visited, a.navcontact:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-585px 0px; height:20px; width:82px; float:left; padding-right:20px; }
a.navcontact:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-585px 0px; height:20px; width:82px; float:left; padding-right:20px; }
a.navlogin:link, a.navlogin:visited, a.navlogin:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-688px 0px; height:20px; width:43px; float:left; padding-right:20px; }
a.navlogin:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-688px 0px; height:20px; width:43px; float:left; padding-right:20px; }

a.navorders:link, a.navorders:visited, a.navorders:active { background:url(/images/sitedesign-navigation.gif) no-repeat; background-position:-585px 0px; height:20px; width:82px; float:left; padding-right:20px; }
a.navorders:hover { background:url(/images/sitedesign-navigation-over.gif) no-repeat; background-position:-585px 0px; height:20px; width:82px; float:left; padding-right:20px; }



/** Footer **/
#containerbottom { width:960px; height: 15px;float:left; background:url(/images/sitedesign-footer.gif) no-repeat; text-align:right; font-size:10px; color:#FFFFFF; background-color:#383838; }
#footer { width:960px; height: 20px;float:left; text-align:right; font-size:10px; color:#FFFFFF; background-color:#383838; line-height:20px; }
a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover { text-decoration:none; color:#FFFFFF; }

/** Home **/

.col1, .col3 { width:290px; float:left; background:url(/images/sitedesign-panel.gif) no-repeat; }
.col2 { width:290px; float:left; padding:0px 25px 0px 25px; }
.panelbotom { width:250px; float:left; background:url(/images/sitedesign-panel-bottom.gif) no-repeat; background-position:bottom; padding:20px 20px 20px 20px; }

.latestdesign { width:250px; float:left; }
.latestdesign .image { width:105px; float:left; }
.latestdesign .text { width:145px; float:left; }
.spacer { width:250px; height:1px; background-color:#d8d8d7; float:left; margin:20px 0px 20px 0px; }

#tabs { width:920px; height:165px; float:left; margin-bottom:20px; }
#tabs span { display:none; }

a.tabcoins:link, a.tabcoins:visited, a.tabcoins:active, a.tabcoins:hover { width:290px; height:165px; padding-right:25px; display:block; float:left; background:url(/images/tab-coins.gif) no-repeat; }
a.tabfund:link, a.tabfund:visited, a.tabfund:active, a.tabfund:hover { width:290px; height:165px; padding-right:25px; display:block; float:left; background:url(/images/tab-fundraising.gif) no-repeat; }
a.tabbags:link, a.tabbags:visited, a.tabbags:active, a.tabbags:hover { width:290px; height:165px; display:block; float:left; background:url(/images/tab-bags.gif) no-repeat; }




#containercoins { width:960px; float:left; background:url(/images/sitedesign-footer-coins.jpg) no-repeat; background-position:bottom; }
#containerbags { width:960px; float:left; background:url(/images/sitedesign-footer-bags.gif) no-repeat; background-position:bottom; }

#productleft { width: 360px; float:left; padding-right:50px; }
#producttestimonial { width:510px; height:150px; float:left; margin-top:20px; }




/** SHOP **/
#containershop {width:800px; margin-left:80px}
.product {width:160px; float:left; padding-right:40px; margin-bottom:40px;}
.product img {margin-bottom:15px;}
.productcost {color:#000;}
.productinput {width:50px; float:left; margin-right:10px;}
.productadd {width:44px; height:22px; background:url(/images/shop-buttonadd.gif) no-repeat; text-indent:-9999px; margin:0px; padding:0px; float:left; border:0px; cursor:pointer;}






/** SIFR **/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-active h1, h2, h3, .navigation, .white { font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden; }



/** Horizontal Slider **/
#glidecontenthorizontalcontainer { width:460px; height:200px; overflow: hidden; position: relative; background:url(images/box-testimonial-horizontal.gif) no-repeat; margin:0px 0 0 23px;}
#glidecontenthorizontalcontainer .glidecontentwrapper { width:420px; height:180px; overflow: hidden; position: relative; margin:10px 0px 0px 20px;  }
.glidecontenthorizontal {position:absolute; background-color: #FFFFFF; height:180px; width:420px; }		/** MUST HAVE POSITION:ABSOLUTE **/
#glidecontenthorizontalcontainer.glidecontenttoggler{ position: absolute; width: 460px; text-align: right; margin-top:230px; z-index:99999; }
.glidecontenttoggler a { display: -moz-inline-box; display: inline-block; color: #2e6ab1; margin-right: 3px; font-weight: bold; text-decoration: none; z-index:1000;  height:11px; width:11px; background-color:#CCCCCC; }
.glidecontenttoggler a.selected { background: #659cd2; color: black; }
.glidecontenttoggler a:hover { background: #659cd2; color: black; }
.glidecontenttoggler a.toc { display:none; }
#p-select-horiz.glidecontenttoggler {position:relative}
#p-select-horiz.glidecontenttoggler a.prev{width:23px; height:12px; position:absolute; top:25px; background:none;}
#p-select-horiz.glidecontenttoggler a.next{width:23px; height:12px; position:absolute; top:25px; left:485px; background:none; }

/** Vertical Slider **/
#p-select-vertical.glidecontenttoggler {position:relative;}
#p-select-vertical.glidecontenttoggler .prev {width:254px; height:12px; position:absolute; top:0px; background:none;}
#p-select-vertical.glidecontenttoggler .next {width:254px; height:12px; position:absolute; top:425px; background:none; }

#glidecontentverticalcontainer { width:254px; height:394px; overflow:hidden;  background:url(/images/box-testimonial-vertical.gif) no-repeat; padding:10px 0; margin-top:20px; }
#glidecontentverticalcontainer .glidecontentwrapper { width:215px; height:370px; overflow: hidden; position: relative; margin:10px 0px 0px 20px;  }
.glidecontentvertical {position:absolute; background:#fff; height:394px;  width:215px;}



/** 3 columns **/
.col1-noborder { width:290px; float:left;}
.col2-noborder  { width:290px; float:left; padding:0px 40px; }
.col3-noborder { width:254px; float:left;}



/** STOCKIST **/
.form td {vertical-align:top;}
.formlabel {text-align:right; width:105px;}
.enquiryinput, .logininput, .accountinput {border:1px solid #ccc; width:180px;}
#formsubmit {width:54px; height:21px; background:url(/images/formsubmit.gif) no-repeat; border:0px; text-indent:-9999px; cursor:pointer}
.col2-login {width:400px; float:left; padding:0px 40px; }
#login {width:54px; height:21px; background:url(/images/formlogin.gif) no-repeat; border:0px; text-indent:-9999px; cursor:pointer}



/** lightbox **/
#lightbox-contianer {width:600px; margin:0 auto; z-index:999; position:absolute;}
#lightbox-header {width:600px; height:16px; background-image:none; filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox-top.png,
	sizingMethod='scale');}
#lightbox-header[id] {width:600px; height:16px; background:url(images/lightbox-top.png) no-repeat;}
#lightbox-body {width:570px; background:#fff; padding:0 15px;}
#lightbox-text {width:355px; float:left;}
#lightbox-footer {width:372px; height:16px; background-image:none; filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox-footer.png,
	sizingMethod='scale'); clear:both}
#lightbox-footer[id] {width:600px; height:16px; background:url(images/lightbox-footer.png) no-repeat; clear:both}

.title {color:#5f5c50; font-size:20px; float:left}
.close {float:right; padding:13px 5px 5px 5px; cursor:pointer; position:relative; z-index:999; }


.fadePurple { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); text-align:center; }
.prodcontainer { text-align: center; }

.prodcontainer .prodpsan {
	display: inline-block; width:200px; height:300px; background-image:url(/images/prod-bg.png); margin-right:10px; text-align:center;
}