body {
	margin:0;
	color:#000;
	font:11px arial,sans-serif;
	background:#007df9 url(../img/body-bg2.jpg) no-repeat 50% 0;
}
img {
	border-style:none;
}
a {
	text-decoration:none;
	color:#174196;
}
a:hover {
	text-decoration:underline;
}
input[type="text"], input[type="password"] {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding: 3px 5px;
    border: 2px solid #f9bf0f;
    font-size: 13px;
    width: 200px;
    color: #666;
    *color: #000;
}
    /*input[type="text"]:focus, input[type="password"]:focus {
        border: 2px solid #dba500;
        color: #000;
    }*/
    input.text, input.password {
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        padding: 3px 5px;
        border: 2px solid #ccc;
        font-size: 13px;
        width: 200px;
        color: #666;
    }
        /*input.text:focus, input.password:focus {
            border: 1px solid #333;
            color: #000;
        }*/
    input[type="text"].invalid, input[type="password"].invalid {
        border-color: #E43232;
    }
    input.invalid {
        border-color: #E43232;
    }
    input.valid {
        border-color: #4e9a06;
    }

select {
	font-size: 13px;
	color: #666;
	border: 1px solid #ccc;
}
    select:focus {
        border: 1px solid #333;
        color: #000;
    }

textarea, select, checkbox {
  border: 1px solid #ccc;
  padding:4px 2px;
  color: #666;
}
    textarea:focus, select:focus, checkbox:focus {
        border: 1px solid #333;
        color: #000;
    }
    .focus {
        border: 1px solid #333;
        color: #000;
    }
form dl {
    overflow: auto;
}
    form dl {
        *padding-top: 10px;
    }
    form dt {
        width: 90px;
        margin: 6px 12px 0 0;
        padding: 0;
        text-align: right;
        white-space: nowrap;
        clear: left;
        display: inline;
        float: left;
        position: relative;
    }
        form dd {
            display: inline;
            float: left;
            *float: none;
            *display: block;
            margin: 4px 0 5px 20px;
        }
form img.tick {
	padding:8px;
}
.wrapper {
	margin:0 auto;
	width:864px;
}
#header {
	position:relative;
	height:207px;
	z-index:2;
}
#header strong a {
	position:absolute;
	top:49px;
	left:0px;
	background:url(../img/logo.png) no-repeat;
	width:342px;
	height:243px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .whitebox {
	position:absolute;
	top:42px;
	left:355px;
	width:516px;
	/*background:#fff;*/
	text-align:center;
	font-size:21px;
	color:#ffffff;
}
#header .whitebox span {
	display:block;
	padding:4px 0 11px;
}
#header span.hotline {
	position:absolute;
	top:104px;
	right:15px;
	text-align:right;
/*	font-weight:bold;*/
	color:#fff;
	font-size:15px;
}
#header ul {
	position:absolute;
	top:123px;
	left:710px; /*left:453px;*/
	margin:0;
	padding:0;
	list-style:none;
}
#header ul li {
	padding:0;
	float:left;
	margin-right:-30px;
	position:relative;
}
#header ul a {
	display:block;
	overflow:hidden;
	cursor: pointer;
}
#header ul a span {
	display:block;
	width:100%;
	height:200%;
	text-indent:-9999px;
	overflow:hidden;
	cursor: pointer;
}
#header ul a.spare {
	width:160px;
	height:90px;
	margin-top:6px;
}
#header ul a.spare span {
	background:url(../img/spareparts.png) no-repeat;
}
#header ul a.accessories {
	width:155px;
	height:90px;
	margin-top:6px;
}
#header ul a.accessories span {
	background:url(../img/accessories.png) no-repeat;
}
#header ul a.buy {
	width:171px;
	height:100px;
}
#header ul a.buy span {
	background:url(../img/buynow.png) no-repeat;
}
#header ul a:hover {
	border:0;
}
#header ul a:hover span {
	margin-top:-90px;
}
#header ul a.buy:hover span {
	margin-top:-100px;
}
#content {
	width:808px;
	float:right;
	margin-top:-41px;
	padding-top:41px;
	/*height:671px;
	background:url(../img/content-bg.gif) no-repeat;*/
	position:relative;
	z-index:1;
}
.bg-home-index {
	height:671px;
	background:url(../img/content-bg.gif) no-repeat;
}
.bg-order-trampolinebuilder {
	height:590px;
	background:url(../img/content2-bg.gif) no-repeat;
}
.bg-order-details {
	height:590px;
	background:url(../img/content2-bg.gif) no-repeat;
}
.toppart {
	width:100%;
	overflow:hidden;
}
.leftpart {
	float:left;
	width:292px;
	padding-left:9px;
	overflow:hidden;
	position:relative;
	z-index:10;
}
ul.sidenav {
	margin:0;
	padding:59px 0 50px 0;
	list-style:none;
	width:292px;
	overflow:hidden;
}
ul.sidenav li {
	margin-bottom:-50px;
	position:relative;
	width:100%;
	overflow:hidden;
	float:left;
	vertical-align:top;
}
ul.sidenav a {
	overflow:hidden;
	float:left;
}
ul.sidenav a span {
	display:block;
	height:200%;
	width:100%;
	text-indent:-9999px;
	overflow:hidden;
}
ul.sidenav .safety a {
	width:169px;
	height:107px;
	margin-left:15px;
}
ul.sidenav .safety a span {
	background:url(../img/safety.png) no-repeat;
}
ul.sidenav .practicality {
	margin-bottom:-50px;
}
*+ html ul.sidenav .practicality {
	margin-bottom:-35px;
}
ul.sidenav .practicality a {
	width:265px;
	height:116px;
	margin:0 0 14px 38px;
}
ul.sidenav .practicality a span {
	background:url(../img/practicality.png) no-repeat;
}
ul.sidenav .assembly a {
	width:213px;
	height:111px;
}
ul.sidenav .assembly a span {
	background:url(../img/assembly.png) no-repeat;
}
ul.sidenav a:hover {
	border:0;
}
ul.sidenav .safety a:hover span {
	margin-top:-107px;
}
ul.sidenav .practicality a:hover span {
	margin-top:-116px;
}
ul.sidenav .assembly a:hover span {
	margin-top:-111px;
}
.counter {
	float:right;
	position:relative;
	width:146px;
	height:76px;
	padding:12px 0 0 23px;
	display:inline;
	margin-right:5px;
	margin-top:-44px;
	font-size:31px;
	line-height:34px;
	color:#0035c5;
	font-style:italic;
	background:url(../img/counter.png) no-repeat;
}
.greenpart {
	float:left;
	display:inline;
	width:700px;
	padding:20px 0 0 80px ;
	height:358px;
	margin-left:-10px;
	position:relative;
}
.greenpart img {
	display:block;
}
.greenpart span.price {
	position:absolute;
	bottom:0;
	right:-5px;
	width:138px;
	height:111px;
	overflow:hidden;
}
.gallery {
	width:775px;
	overflow:hidden;
	padding:14px 0 0 20px;
}
.gallery strong {
	font-size:22px;
	font-style:italic;
	color:#174196;
	display:block;
	text-align:center;
	font-family:"Trebuchet MS", Arial, sans-serif;
	letter-spacing:-1px;
}
.gallery ul {
	margin:0;
	padding:2px 0 0 4px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.gallery ul li {
	float:left;
	width:257px;
	font:italic bold 16px/16px "Trebuchet MS", Arial, sans-serif;
	color:#174196;
	text-align:center;
	letter-spacing:-1px;
	word-spacing:1px;
	overflow:hidden;
}
.gallery ul .imgholder {
	width:239px;
	height:200px;
	padding:15px 0 0 18px;
	margin-bottom:3px;
	background:url(../img/gallery-box.png) no-repeat;
}
.gallery ul img {
	float:left;
	position:relative;
}
#footer {
	width:808px;
	float:right;
	text-align:center;
	padding:13px 0 50px 0;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:16px;
}
#footer ul li {
	display:inline;
	margin-right:-4px;
	background:url(../img/footer-separator.gif) no-repeat;
	padding:0 9px;
}
#footer ul li:first-child {background:none;}
#footer ul a {
	color:#174196;
}
#footer p {
	margin:0;
	font-size:12px;
	color:#174196;
	line-height:16px;
}
.inner { background-image: url(../img/body-bg3.jpg); }
.inner-wrapper #header .whitebox { background: none; }
.inner-wrapper #content {
	height:590px;
	background: url(../img/content2-bg.gif) no-repeat 0 -1px;
}
.text-sold-out-for-christmas {
	width: 509px;
	height: 85px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../img/text-sold-out-for-christmas.png) no-repeat;
	margin: -8px 0 0 -3px;
	padding: 0;
}
.inner-wrapper #header .hotline {margin-right: -2px;}
.content {
	width: 530px;
	float: right;
}
.container {
	width: 100%;
	overflow: hidden;
	padding: 0 0 19px;
	position: relative;
}
.container .box {
	height: 1%;
	overflow: hidden;
	margin: -25px 0 -12px;
	padding: 0 0 0 60px;
}
.text-choose-your-size,
.text-ft-standard span,
.text-or,
.text-ft-large span {
	overflow: hidden;
	text-indent: -9999px;
}
.text-ft-standard span,
.text-or,
.text-ft-large span { float: left; }
.container h2 { margin: 0 0 0 2px; }
.container h2 .text-choose-your-size {
	width: 237px;
	height: 99px;
	background: url(../img/text-choose-your-size.png) no-repeat;
	display: block;
}
/*.container h2.hover .text-choose-your-size { background-image: url(../img/text-choose-your-size-h.png); }*/
.text-ft-standard span {
	width: 164px;
	height: 112px;
	background: url(../img/text-ft-standard.png) no-repeat;
	margin-top: 2px;
	cursor: pointer;
}
.text-ft-standard:hover span { background-image: url(../img/text-ft-standard-h.png); }
.text-ft-standard-sold span {
	width: 164px;
	height: 112px;
	margin-top: 2px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/text-ft-standard-sold.png) no-repeat;
}
.text-or {
	width: 37px;
	height: 26px;
	background: url(../img/text-or.gif) no-repeat;
	margin: 27px 10px 0 -15px;
}
.text-ft-large span {
	width: 173px;
	height: 122px;
	margin: -6px 0 0 -17px;
	background: url(../img/text-ft-large-unavailable.png) no-repeat;
	/*background: url(../img/text-ft-large.png) no-repeat;*/
	cursor: pointer;
}
/*.text-ft-large:hover span { background-image: url(../img/text-ft-large-h.png); }*/
.text-ft-large-sold span {
	width: 165px;
	height: 118px;
	margin: -3px 0 0 -17px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/text-ft-large-sold.png) no-repeat;
}
.goods-box {
	width:530px;
	position:relative;
	margin-left:-44px;
	padding-top: 160px;
}
.goods-box .t {
	overflow: hidden;
	background: url(../img/bg-content-t.gif) no-repeat;
	height:13px;
}
.goods-box .b {
	height:13px;
	background-image: url(../img/bg-content-b.gif);
}
.goods-box .c {
	height: 330px;
	padding: 2px 16px 0 0;
	background: url(../img/bg-content.png) repeat-y;
	color: #1547d3;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}
.goods-box dl {
	margin: 0 0 101px;
	text-align: right;
}
.goods-box dl strong {
	margin-top: -2px;
	font-size: 20px;
	display: block;
}
.goods-box dt {
	/*height: 1%;*/
	overflow: hidden;
	padding-right: 7px;
}
.goods-box dt strong { line-height: 22px; }
.goods-box dd { margin: 0 0 2px; }
.goods-box dd strong {margin-bottom: 6px;}
.goods-box dl span {
	width: 116px;
	margin-right: -1px;
	text-align: left;
	float: right;
}
.goods-box img {
	position:absolute;
	left: 7px;
	bottom: 13px;
	z-index:8;
	opacity:0;
}
.goods-box img.active {
    z-index:10;
}
.goods-box img.last-active {
    z-index:9;
}
.goods-box img.override {
    z-index:11;
    opacity:1;
}
.total-price {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	text-align: right;
	padding: 0 13px 37px 0;
	font-size: 9px;
	line-height:18px;
}
.total-price strong {
	display: block;
	margin-bottom: -4px;
	padding-right: 13px;
	font-size: 23px;
}
.text-buy-trampoline {
	width: 260px;
	height: 101px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/text-buy-trampoline.png) no-repeat;
	position: absolute;
	bottom: -50px;
	right: -35px;
	cursor: pointer;
	z-index: 15;
}
.text-buy-trampoline:hover {
	background: url(../img/text-buy-trampoline-h.png) no-repeat;
}
* html .text-buy-trampoline {
	bottom: -50px;
	right: -19px;
}
.sidebar {
	width: 200px;
	float: left;
	padding: 94px 0 0 33px;
	display: inline;
	position: relative;
}
.text-choose-your-accessories {
	width: 250px;
	height: 82px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../img/text-choose-your-accessories.gif) no-repeat;
	margin: 0 -30px 0 0;
	position: relative;
}
.sidebar ul {
	height: 1%;
	margin: 0;
	padding: 12px 0 0 17px;
	list-style: none;
}
.sidebar li {
	width: 200px;
	overflow: hidden;
}
.sidebar .text-enclosure,
.sidebar .text-cover,
.sidebar .text-ladder {
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
.sidebar .text-enclosure {
	width: 204px;
	height: 128px;
	background: url(../img/text-enclosure.png) no-repeat;
}
.sidebar .text-enclosure:hover  { background-image: url(../img/text-enclosure-h.png); }
.sidebar .text-enclosure.selected  { background-image: url(../img/text-enclosure-s.png); }
.sidebar .text-enclosure-sold {
	width: 204px;
	height: 128px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/text-enclosure-sold.png) no-repeat;
}
.sidebar .text-cover {
	width: 183px;
	height: 125px;
	background: url(../img/text-cover.png) no-repeat;
}
.sidebar .text-cover:hover { background-image: url(../img/text-cover-h.png); }
.sidebar .text-cover.selected { background-image: url(../img/text-cover-s.png); }
.sidebar .text-cover-sold {
	width: 183px;
	height: 125px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/text-cover-sold.png) no-repeat;
}
.sidebar .text-ladder {
	width: 187px;
	height: 146px;
	background: url(../img/text-ladder.png) no-repeat;
}
.sidebar .text-ladder:hover { background-image: url(../img/text-ladder-h.png); }
.sidebar .text-ladder.selected { background-image: url(../img/text-ladder-s.png); }
.sidebar .text-ladder-sold {
	width: 187px;
	height: 146px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/text-ladder-sold.png) no-repeat;
}
.sidebar .hover {
	cursor: pointer;
}
/* details page */
details {

}
.details-summary {
	text-align:right;
	height:160px;
	color:#3a5f99;
	font-size:14px;
}
.details-summary img {
	float:right;
}
.details-summary h2 {
	font-size:18px;
	font-weight:bold;
	margin:2px 0 4px;
}
.details-summary p {
	margin: 2px 0;
}
.text-edit-order {
	width: 90px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 350px;
	background: url(../img/text-edit-order.png) no-repeat;
}
.text-edit-order span {
	overflow: hidden;
	text-indent: -9999px;
}
.text-edit-order:hover {
	background: url(../img/text-edit-order-h.png) no-repeat;
}
.details-summary h2.cost {
	width: 129px;
	height: 46px;
	margin-top: 20px;
	position: absolute;
	top: 120px;
	right: 240px;
}
.details-summary h2.cost span {
	font-size: 12px;
}
.details-capture-box {
	width:690px;
	margin:0 auto;
}
.details-capture-box .t {
	overflow: hidden;
	background: url(../img/bg-large-content-t.gif) no-repeat;
	height:13px;
}
.details-capture-box .b {
	height:13px;
	background-image: url(../img/bg-large-content-b.gif);
}
.details-capture-box .c {
	height: 360px;
	padding: 2px 16px 0 0;
	background: url(../img/bg-large-content.png) repeat-y;
	color: #1547d3;
	font-size: 13px;
	line-height: 20px;
}
.text-enter-your-details {
	width: 281px;
	height: 95px;
	background: url(../img/text-enter-your-details.png) no-repeat;
	position:absolute;
	left:30px;
	top:155px;
	overflow: hidden;
	text-indent: -9999px;
}
.text-pay-phone {
	width: 172px;
	height: 154px;
	background: url(../img/text-pay-telephone.png) no-repeat;
	position:absolute;
	bottom:50px;
	right:230px;
	overflow: hidden;
	text-indent: -9999px;
}
.text-pay-phone:hover {
	background: url(../img/text-pay-telephone-h.png) no-repeat;
	cursor:pointer;cursor:hand;
}
.text-pay-online {
	width: 172px;
	height: 154px;
	background: url(../img/text-pay-online.png) no-repeat;
	position:absolute;
	bottom:50px;
	right:50px;
	overflow: hidden;
	text-indent: -9999px;
}
.text-pay-online:hover {
	background: url(../img/text-pay-online-h.png) no-repeat;
	cursor:pointer;cursor:hand;
}
/*** details page end */
/****** pay-by-tel page start */
.pay-by-telephone {
	margin:0 auto;
	text-align:center;
	padding-top:100px;
}
.text-thank-you {
	width: 431px;
	height: 106px;
	background: url(../img/text-thank-you.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	position:absolute;
	top:200px;
	left:200px;
}
.pay-by-telephone p {
	font-weight:bold;
	color:#2c56a6;
	font-size:22px;
	padding:0;
	margin:4px 0;
}
.pay-by-telephone p.large {
	font-size:42px;
	padding:0;
	margin:8px 0;
}
.pay-by-telephone p.small {
	font-weight:normal;
	font-size:14px;
	padding:0;
	margin:14px 0 0;
	line-height:18px;
}
/*** pay-by-tel page end */
/****** error page start */
.error {
	margin:0 auto;
	text-align:center;
	padding-top:0px;
}
.error p.large {
	font-size:32px;
	padding:0;
	margin:8px 0;
}
/*** error page end */
#footer .nav { margin: -3px 0 3px; }
#footer .nav p { display: inline; }
#footer .nav li {
	padding: 0 4px;
	background: url(../img/footer-separator2.gif) no-repeat 0 3px;
}
* html #footer .nav li { padding-right: 7px; }
* +html #footer .nav li { padding-right: 7px; }

/* centred page */

.centredtext {
margin:0 auto;
text-align:center;
width: 650px;
}

.centredtext p {
	font-weight:bold;
	color:#2c56a6;
	font-size:22px;
	padding:0;
	margin:4px 0;
}

.centredtext ul {
	list-style:none;
	}

.centredtext li {
	font-weight:bold;
	color:#2c56a6;
	font-size:22px;
	padding:0;
	margin:4px 0;
}

.centredtext p.large {
	font-size:42px;
	padding:0 0 40px 0;
	margin:8px 0;
}
.centredtext p.small {
	font-weight:normal;
	font-size:14px;
	padding:0;
	margin:14px 0 0;
	line-height:18px;
}

/* print button */

.printbutton {
	width: 140px;
	height: 144px;
	background-image: url(../img/print.png);
	position:absolute;
	top:480px;
	left:640px;
}

.printbutton:hover { 
	background-image: url(../img/printrollover.png); 
	cursor: pointer;
}

	