/*
-------------------------------------------------
Created by Forte Trinity
Justin Lam
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px;  background: #000 url(../images/backgrounds/page-gradient-bg.gif) repeat-x }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:"Verdana", Arial, Helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#fff; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.2em; color:#fff; margin:0 0 0px 0; line-height:160% }
a { color:#fe83ff;   }
a:hover { color:#555251; text-decoration:underline }

ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000; font-style:normal; margin-bottom:20px }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:1px solid #ccc; }
legend {}
label { font-size:1.1em; color:#fff }
textarea, input[type='text'], select { border:1px solid #393333; background:#232221; font-size:11px; color:#fff }
img { border:none }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container {text-align:left; width:860px ;  margin:0 auto;  }

/* 3.3 - wrapper */
.wrapper { background:url(../images/backgrounds/header.jpg) no-repeat; width:1250px; height:330px; margin:0 auto;}

/* 3.4 - header */
div#header { clear:both;  background:#000000; position:relative  }
div#free-pp { background:url(../images/global/free-pp.png) no-repeat; width:158px; height:156px; text-indent:-9000px; position:absolute; top:4px; right:14px }

/* 3.5 - content */
div#content { clear:both; padding:10px; background:#000000 }
.bars{background:#000000 url(../images/backgrounds/color-bars.gif) repeat-x; height:21px; margin:20px 8px; width:825px}
/* 3.6 - primary content */
div#primary-content { width:605px; float:right; padding-bottom:20px }
div#primary-content p { padding:0px 0 0 10px;  width:580px; }
div#primary-content h2 { font-size:2.0em; font-weight:normal; color:#afc7c4; padding:10px 0 0 10px; margin-top:0px }
div#primary-content h1 { font-size:2.1em; font-weight:normal; color:#afc7c4; padding:10px 0 0 10px; margin-top:10px }
div#primary-content h3 { font-size:1.2em; font-weight:normal; color:#afc7c4; padding:0px 0 0 10px; margin-top:10px }
div#primary-content h2 span { font-weight:bold; color:#fff;  }
div#primary-content h3 span { font-weight:bold; color:#fff }
.crumb{font-size:13px; font-weight:bold; color:#afc7c4}
/* 3.7 - secondary content */
div#secondary-content { width:190px; float:left; padding-left:10px }

/* 3.7 - tertiary content */
div#tertiary-content { width:597px; float:right; background:url(../images/backgrounds/color-bars.gif) repeat-x; display:block; margin-right:8px; padding-top:20px  }
div#tertiary-content h3{color:#f0f0f0; font-size:18px; font-weight:normal; margin:30px 0 15px 0 }
div#tertiary-content p{color:#fff; padding:3px 0}
/* 3.8 - page banner */
div#flash-banner { width:819px; height:284px; padding:0px 0px 0 0; margin:0px 0 0 20px; background:#000 }

/* 3.9 - footer */
div#footer { padding:10px; color:#fff;  }


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* 4.2 - text resizer */
ul#delivery-nav { float:left; width:315px }
ul#delivery-nav li { display:inline; list-style:none; color:#ffffff }
ul#delivery-nav li a { color:#ffffff; text-decoration:none }
ul#delivery-nav li a:hover { color:#AFC7C4 }

/* 4.3 - primary navigation */
dl#primary-navigation { width:190px; background:#000000; border:1px solid #6a5f5a; padding-bottom:15px; margin-top:10px}
dl#primary-navigation dt { font-weight:bold; font-size:14px; border-top:1px solid #6a5f5a; padding:20px 0 0 20px; margin-top:20px; color:#fe83ff }
dl#primary-navigation dt a{ color:#fe83ff }
dl#primary-navigation dt a:hover{ color:#555251; text-decoration:none }
dl#primary-navigation dd { padding:0 15px 0 20px; margin:0; font-size:11px; line-height:14px; }
dl#primary-navigation dd a { color:#f0f0f0; text-decoration:none }
dl#primary-navigation dd a:hover { color:#555251 }
dl#primary-navigation a#facebook { text-indent:-9000px; display:block; height:30px; width:114px; background:url(../images/global/facebook.gif) top left no-repeat; margin-top:10px }
dl#primary-navigation a#facebook:hover { width:114px; background-position:50% -30px }

/* 4.4 - cart navigation */
div#top-navigation { width:860px; margin:auto; padding-top:10px }
ul#cart-navigation { width:235px; float:right }
ul#cart-navigation li { display:inline; padding:0; margin:0; color:#ffffff  }
ul#cart-navigation li a { color:#ffffff; text-decoration:none }
ul#cart-navigation li a:hover { color:#AFC7C4 }

/* 4.5 - product menu */
ul#product-menu { float:right; width:300px }
ul#product-menu li { float:left; list-style:none; margin:0 0 5px 9px }
ul#product-menu li img { border:2px solid #c3cfde;}
dl.product-list dt {padding:10px 10px; border-top:1px #CCCCCC solid; font-size:1.3em; font-weight:bold; color:#607C88}
dl.product-list .price-statement {padding:0px 10px 10px 10px;  font-size:1.1em; color:#fff}
dl.product-list dt span{color:#f5eff1; font-weight:bold}

dl.product-list .img {float:left; padding-left:10px}
dl.product-list .logourl{padding:15px; float:left}
dl.product-list .form fieldset {border:none; padding:0 25px 25px 25px; float:left; width:160px}
dl.product-list .form fieldset legend{text-indent:-3000px}
dl.product-list .form fieldset ol li {list-style:none; padding:10px}
dl.product-list .form fieldset ol li .text {width:25px; }
dl.product-list .info {clear:both; width:565px; font-size:0.8em}
dl.product-list .info ul {padding:10px; list-style:inside}
dl.product-list .info ul li{color:#afc7c4; font-size:12px; line-height:18px}
dl.product-list .qty {clear:both; width:565px; font-weight:bold; color:#FFFFFF; padding:0 0 20px 10px}
.add-to-basket{background:#40322B ; border:none; padding:5px 5px 6px 5px; color:#FFFFFF; cursor:pointer}


/*Basket table*/

table#basketContents {width:580px; border:#666666 1px dashed;}

table#basketContents fieldset {border:none; padding:0px 0px 20px 0px; width:162px}

table#basketContents tr th{text-transform:uppercase; font-size:14px; padding:15px 5px; background:#000; color:#fff }

table#basketContents th, td {text-align:center; color:#FFFFFF; border:#baa8a4 1px dashed; background:#393333}
table#basketContents td {padding:15px 0 0 0 }



table#basketContents fieldset input {padding:5px 5px 6px 5px;}
table#basketContents fieldset .submitbutton{background:#1b2326 ; border:none; padding:5px 5px 6px 5px; color:#90a5a3; cursor:pointer; }
table#basketContents fieldset legend {text-indent:-3000px; float:left}

table#basketContents fieldset .quality-label{}

table#basketContents highlightedcell td {padding:10px 0px;}
.basket-button {font-size:1.3em; font-weight:bold; line-height:45px;background:#1b2326; margin:10px 0px; padding:5px; display:block; width:570px}
.basket-button:hover{background:#393333; text-decoration:none}

/*Product Listings Category */
ul#productCatList {padding:0 0 0 10px;}
#productCatList li {list-style:none; font-size:2.0em; font-weight:bold; line-height:30px; text-transform:uppercase}


/* 4.6 - footer links */
ul#footer-links { float:right; list-style:none }
ul#footer-links li {float:left; margin:0 0 0 3px;  font-size:10px}
ul#footer-links li a {color:#fff; text-decoration:none }
ul#footer-links li a:hover {color:#AFC7C4} 
div#footer span {float:left; margin:0 0 0 0}
div#footer span a {color:#fff; text-decoration:none; font-size:10px }
div#footer span a:hover {color:#AFC7C4}

div#worldpay table { margin: 0 auto }
div#worldpay table, div#worldpay th, div#worldpay td { border: none; padding: 4px; text-align: center }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/*Titles*/

#our-latest-offers-ttl{background:url(../images/titles/our-latest-offers-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#shooting-galleries-ttl{background:url(../images/titles/shooting-galleries-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#dark-rides-ttl{background:url(../images/titles/dark-rides.ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#novelty-machines-ttl{background:url(../images/titles/novelty-machines.ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#water-animations-ttl{background:url(../images/titles/water-animations-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#technical-info-ttl{background:url(../images/titles/technical-info-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#contact-ttl{background:url(../images/titles/contact-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#our-products-ttl{background:url(../images/titles/our-products-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#quick-contact-ttl{background:url(../images/titles/quick-contact-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#company-compliance-ttl{background:url(../images/titles/company-compliance-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}
#about-us-ttl{background:url(../images/titles/about-us-ttl.gif) no-repeat; width:595px; height:75px; text-indent:-9999px}


/* index page */

.index-bg{background:url(../images/backgrounds/index-primary-content.jpg) top right no-repeat; width:358px;}
.index-list li{background:url(../images/backgrounds/list-points.gif) no-repeat; list-style:none; font-size:12px; line-height:16px; padding:0 0 20px 30px}
#index-primary-text p{margin:0 0 0px 25px}

#index-primary-text{width:290px;}
h1.sub-ttl-main { font-size:2.4em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.sub-ttl-main { font-size:1.8em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.index-ttl-main { background:url(../images/titles/index-ttl.jpg); text-indent:-9999px; width:689px; height:61px }

ul.list-cms{ list-style-image:none;list-style-position:inside;list-style-type:disc; padding:10px;}
ul.list-cms li{color:#afc7c4; font-size:12px; line-height:18px;}

ul.index-ctas {  width:605px; clear:both }
ul.index-ctas li{float:left; list-style:none; margin:8px 0; padding:0px}
ul.index-ctas li img {}
ul.index-ctas li a.product-img {border:#555251 5px solid; display:block; height:133px; width:133px;  float:left}
ul.index-ctas li a.product-img:hover {border:#afc7c4 5px solid; display:block}

ul.index-ctas li dl {background:#232221; width:143px; min-height:143px; float:left; margin:0 8px}
ul.index-ctas li dl dt {color:#fe83ff; font-size:18px; font-weight:bold; padding:10px 5px; line-height:1.0em } 
ul.index-ctas li dl dt a:hover {color:#fff } 
ul.index-ctas li dl dd{color:#a19b9b; font-size:10px; font-weight:normal; padding:0px 5px}
ul.index-ctas li dl img{border:none; padding:5px 0 0 0}
ul.index-ctas li dl a{ border:none }
ul.index-ctas li dl a:hover{ border:none }
ul.index-ctas li dl a.buy-now-btn { background:url(../images/ctas/buy-now-btn.gif) top left no-repeat; display:block; height:27px; width:132px; text-indent:-9000px; margin:5px 0 }
ul.index-ctas li dl a.buy-now-btn:hover { width:132px; background-position:50% -27px }

ul#lower-ctas{padding-top:20px;}
ul#lower-ctas li{float:left; list-style:none; margin:0 3px}
ul#lower-ctas li a {border:#baa8a1 5px solid; display:block; height:109px; width:183px;  float:left}
ul#lower-ctas li a:hover {border:#f5eff1 5px solid; display:block}
ul#lower-ctas li dl{list-style:none; margin:0 0px; width:173px; clear:left; padding:20px 0px 30px 0}
ul#lower-ctas li dl dt{font-size:17px; font-weight:bold; color:#f5eff1; padding:0 0 15px 0}
ul#lower-ctas li dl dd{font-size:10px; font-weight:normal; color:#fff}

/*Shooting galleries*/

ul#sub-galleries{padding-top:20px;}
ul#sub-galleries li{float:left; list-style:none; margin:3px 3px}
ul#sub-galleries li a {border:#baa8a1 5px solid; display:block; height:109px; width:183px;  float:left}
ul#sub-galleries li a:hover {border:#f5eff1 5px solid; display:block}
ul#sub-galleries li dl{list-style:none; margin:0 0px; width:192px; clear:left; padding:20px 0px 30px 0}
ul#sub-galleries li dl dt{font-size:17px; font-weight:bold; color:#f5eff1; padding:0 0 15px 0;}
ul#sub-galleries li dl dd{font-size:10px; font-weight:normal; color:#fff}
ul#sub-galleries li dl a.anchor{border:none!important; height:0px}

.ride-info {padding:10px 0 0 0;}
.ride-info li{color:#FFFFFF; font-size:1.2em; padding:5px 0 0 0px; margin-left:25px; line-height:160%}


.faqs {padding:10px 0 0 0;}
.faqs dt{color:#CCCCCC; font-size:1.2em; padding:5px 0 0 0px; margin-left:10px; line-height:160%; font-weight:bold}
.faqs dd{color:#FFFFFF; font-size:1.2em; padding:5px 0 0 0px; margin-left:10px; line-height:160%}


/* compliance */
div#compliance { padding:0px }
div#compliance p { padding-bottom:10px;}
div#compliance address { color:#FFFFFF; padding:0 0 0 10px}

/*terms and conditions*/
.terms-main-sections  {list-style:none;}
.terms li {margin:10px 0 10px 30px; color:#fff; font-size:0.8em}
.terms li address{color:#FFFFFF;}


/*Checkout*/
#customerDetails { padding-left:40px }
#customerDetails li h3 { color:#FE83FF;  }
#customerDetails li {list-style:none; width:580px; float:left}
#customerDetails li dl dd{list-style:none; color:#FFFFFF; padding-left:20px}
#customerDetails li dl dt{list-style:none; color:#FFFFFF; font-weight:bold; width:200px; float:left; padding-left:20px}
form#payButton fieldset { border:0; float:left }
form#payButton input.payment-btn { margin:12px 0 24px 60px }


/*SEARCH*/
#search-bar {padding:0!important}
#search-bar #search-bar-text{width:110px; float:left; padding:5px; margin:5px 5px; background:#232221; border:solid 1px #393333}
#search-bar #search-bar-btn{margin:5px 0; background:#000000; color:#FFFFFF; border:none; display:block; padding:5px 3px; float:left; width:50px}
#search-bar fieldset{border:0;}

#basescript { width:860px; margin:auto; padding-top:50px; text-align:left }
#basescript h2 { color:#999; font-size:1em }
#basescript p { color:#999; font-size:1em }

#basewords { width:860px; margin:auto; text-align:center }
#basewords li { list-style:none; display:inline; margin:0 4px; color:#999; font-size:1em }
#basewords strong { font-weight:normal }

/* opening times */
ul#opening-times { color:#fff; list-style:none; margin-left:12px }

div.errors { width:370px; float:right; text-align:left }
div.errors p { width:370px!important; padding:0!important; color:#ff0000 }
div.errors ul li { color:#ff0000; list-style:none }

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */
.inline-links{ text-decoration:underline}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.lines-spacer { height:22px; background:url(../images/backgrounds/color-bars.gif) repeat-x; display:block; clear:both }
.zero-margin-top{margin-top:0px!important}
.bullets-none { padding:5px 0;}
.bullets-none li { padding:2px 0 0 10px; color:#FFFFFF; list-style:none;}
.notice { margin-top:10px }