/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#333; font-family: Arial, Helvetica, sans-serif; background:#FFF url(../images/body-bg.jpg) no-repeat top center; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container {  margin:0 auto; }

/*--- Wrapper---*/
div.wrapper{width:997px; margin:0 auto;}

/*---- Header ----*/
div#header {background:url(../images/header/header-bg.png) repeat-x 0 0; height:110px;  }
div#header div.wrapper{padding-left:35px; width:962px;}

/*---- Main Navigation ----*/
div#main-navigation { background:url(../images/navigation/main-nav-bg.png) repeat-x 0 0; height:49px; font-family:Arial, Helvetica, sans-serif;  position:relative; z-index:20;}

/*---- Content ----*/
div#content { padding-top:190px; position:relative; z-index:10;}
div#content div.wrapper{ margin:0 auto; position:relative; background:url(../images/assets/content-bottom.png) no-repeat 0 bottom;  padding:0 21px 30px;}

div#content div.wrapper div.innercontent{background:url(../images/content/content-bg.png) repeat top left;  padding:10px 14px 0 9px; min-height:1030px;}

/*---- Main ----*/
div#main { width:720px; position:relative;}
div.main_content {
	width: 730px;
}

div.main_content p {
	font-size:12px;
	line-height:17px;
}
/*---- Sidebar ----*/
div#sidebar { width:232px; position:relative; }

/*---- Footer ----*/
div#footer div.wrapper{width:988px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; background-color:#FFFFFF;}

/*----Two-column-layout1----*/
div.two-column-layout1 div.column{width:356px; position:relative;}

/*----Two-column-layout2----*/
div.two-column-layout2{margin-bottom:10px;}
div.two-column-layout2 div.column1{width:365px; }
div.two-column-layout2 div.column2{width:592px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{float:left; width:215px; margin-right:40px;}
div#header div.logo h1 a { position:relative; width:214px; height:100px; display:block; }
div#header div.logo h1 a span  { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:100%; height:100%; display:block; }

div#header div#top-navigation{width:400px; padding-top:60px; float:left;}
div#top-navigation ul li{float:left; color:#000; }
div#top-navigation ul li a{font-size:110%; color:#000; float:left;}
div#top-navigation ul li.divider{margin:0 12px;}
div#header p{color:#109F57; font-size:120%; padding-top:14px;}
div#header p span{color:#FDB724; font-size:100%;}
div#top-navigation ul li a.active{text-decoration:underline;}

div#header div#search{width:280px; float:right;}
div#header div#search p.more-info{color:#F48126; font-size:160%; line-height:28px; text-align:right; padding-top:6px; }
div#header div#search p.more-info span{color:#109F57; font-size:170%; font-weight:bold;}

/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; text-align:center; height:49px; position:relative;}
div#main-navigation ul li:hover{background:#FFF; opacity:0.9; filter: alpha(opacity = 90);}
div#main-navigation ul li:hover a{color:#000;}
div#main-navigation ul li a { float:left; text-decoration:none; font-size:120%; color:#FDFDFD; padding:10px 18px 0; line-height:14px;}
div#main-navigation ul li.divider{width:1px; height:48px; background:url(../images/navigation/divider.gif) no-repeat 0 bottom;}
div#main-navigation ul li.parent{}
/*----- Subnavigation---*/
div#main-navigation ul li.parent div.child{display:none; width:525px; background:url(../images/content/child-bg.gif) repeat-y; position:absolute; top:48px; left:-1px; z-index:20; border-bottom:1px solid #000; padding-top:5px;}
div#main-navigation ul li.parent div.child div.section{width:169px; float:left; padding:0 3px;}
div#main-navigation ul li.parent div.child div.section h2{margin-bottom:5px; color:#FFF; font-size:120%; font-weight:normal;  height:20px; line-height:20px; text-align:left; padding-left:5px;}
div#main-navigation ul li.parent:hover div.child{display:block;}

div#main-navigation ul li.parent div.child div.section div.category{margin-bottom:15px;}
div#main-navigation ul li.parent div.child div.section div.category ul li{list-style:none; float:none; padding-left:10px; height:18px; text-align:left;}
div#main-navigation ul li.parent div.child div.section div.category ul li a{color:#333333; font-size:120%; padding:0; float:none; line-height:18px; }
div.category#shelter h2{background:#12896E;}
div.category#stages h2{background:#C6002C;}
div.category#tower1 h2{background:#0076B3;}
div.category#tower2 h2{background:#7D95BD;}
div.category#adventure h2{background:#856FA7;}

div.category h2 a  {
	padding: 3px 0 !important;
	margin: 0;
	font-size: 90% !important;
	color: #FFF !important;
}

/*---- Post ---*/
div.post h1, div.main_content h1 { font-size:240%; margin-bottom:5px; color:#333333; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
div.post h2 { font-size:220%; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
div.post h3 { font-size:200%; margin-bottom:10px; color:#333333; font-weight:normal; line-height:23px;}
div.main_content h3 { font-size:200%; margin-bottom:10px; color:#11A058; font-weight:normal; line-height:23px;}
div.post h4 { font-size:220%; margin-bottom:10px;}
div.post h5 { font-size:200%; margin-bottom:10px;}
div.post h5 { font-size:180%; margin-bottom:10px;}

div.post p { color:#000; line-height:1.3em; font-size:140%; margin-bottom:20px; display:block; }
div.post p a { color:#0C844D; text-decoration:underline; }
div.post h1 a, div.post h3 a{color:#333333; }
div.post h1 a:hover, div.post h3 a:hover{text-decoration:none; }
div.post h2 a{color:#0C844D; }
div.post h2 a:hover{text-decoration:none;}

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 15px 0px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*--- Breadcrumbs ---*/
div#breadcrumbs {margin-bottom:15px; padding:10px; border-bottom:1px #666 dashed; }
div#breadcrumbs span, div#breadcrumbs a{color:#000; font-size:130%;}
div#breadcrumbs a:hover{text-decoration:none;}

/*-- Category --*/
div#caterory{margin-bottom:10px;}
div#caterory span{color:#333; font-size:250%; margin-right:10px; display:block; float:left; line-height:29px; margin-left:10px; font-weight:bold;}
div#caterory a{background:url(../images/content/category-bg.png) no-repeat 0 0; padding-left:10px; float:left; margin-right:15px;}
div#caterory a span.inner{ line-height:29px; height:29px; color:#FFF; font-size:190%; background:url(../images/content/category-bg.png) no-repeat right 0; padding-right:18px; float:left; margin-right:-15px; position:relative; margin-left:0; text-transform:capitalize; }
div#caterory a:hover{text-decoration:none;}

/*--- Forms---*/
div.form1 ul li{list-style:none; margin-bottom:5px;}
div.form1 ul li input.textbox, table tr td input.textbox{border:1px solid #12A058; width:165px; padding:2px 5px 0; margin-right:5px; height:18px; font-size:110%; color:#000;}
div.form1 ul li input.submit{vertical-align:middle;}
div#search-form.form1 ul li input.submit{background:url(../images/buttons/submit1.png) no-repeat 0 0; border:0; height:22px; width:22px; cursor:pointer;}

div#search-form {text-align:right; padding-top:8px;}
div#search-form.form1 ul li input.textbox{border:1px solid #767673;}

/*---- Mail-list----*/
div#mail-list p{ font-size:12px; margin-bottom: 10px; line-height: 18px;}
div#mail-list div.form1{padding:15px 0 0 10px;}
div#mail-list div.form1 ul li input.submit{background:url(../images/buttons/submit-btn2.png) no-repeat 0 0; border:0; height:22px; width:22px; cursor:pointer;}

/*---- Main ---*/
div#content div.wrapper img.image1{position:absolute; z-index:5; top:-90px; right:30px;}

/*--- Wishlist---*/
div#content div.wrapper div#wishlist-controls{position:absolute; z-index:10; width:225px; height:99px; top:-165px; right:40px;}
div#wishlist-controls h2{font-size:200%; }
div#wishlist-controls ul{padding:5px 10px ;}
div#wishlist-controls ul li{list-style:none; font-size:120%; color:#000; display:inline}
div#wishlist-controls ul li a{color:#000;}
div#wishlist-controls ul li span{margin-right:20px;}
div#wishlist-controls ul li.divider{margin:0 6px; line-height:15px;}
div#wishlist-controls span.total-wish{position:absolute; z-index:20; width:45px; height:46px; background:url(../images/content/star.png) no-repeat 0 0; display:block; top:-20px; right:-18px; color:#129F58; line-height:46px; text-align:center; font-size:200%; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/*--- Section1---*/
div.sections {margin-bottom:5px;}
div.sections h2{line-height:37px; padding-left:20px; margin-bottom:7px; color:#FFF; font-size:150%; font-weight:normal; background:url(../images/content/h2-bg-green2.png) no-repeat 0 0; height:37px;}
div.sectionsNoTabs h2{line-height:37px; padding-left:20px; color:#FFF; font-size:150%; font-weight:normal; background:url(../images/content/h2-bg-green2.png) no-repeat 0 0; height:37px; cursor:pointer;margin-top:5px;}
div.sectionsNoTabs div.priceWidget h2 a{ color:#FFF; font-size:100%; font-weight:normal; background:url(../images/content/h2-bg-green2.png) no-repeat 0 0; height:37px; background:none;width:600px;padding:0;}
div.sectionsNoTabs div.priceWidget h2.ui-state-active a, div.sectionsNoTabs div.widget h2 a:hover{background:none;padding:0;}
div.sections h1{color:#333; font-size:270%; line-height:37px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif;}

div.sections1 h1{color:#333; font-size:270%; line-height:37px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif;}

div.sections div.box1 { margin-bottom:5px; }
div.sections div.box1 div.middle{padding:0 3px;}
div.sections div.image{float:left; width:232px; position:relative; margin-right:7px;}
div.sections div.image div.description{position:absolute; bottom:0; left:0; width:216px; height:30px; background:#333; padding:8px;}
div.sections div.image div.description  a{font-size:140%; color:#FCFDFD; }

div.sections h2.stages-cat{background:url(../images/content/h2-bg-red.png) no-repeat 0 0;}
div.sections h2.stages-cat2 a,div.sections h2.towers-cat a,div.sections h2.stages-cat a , div.sections h2.adventure-trail-cat a  { color:#FFFFFF; display:block; text-decoration:none; }
div.sections h2.stages-cat2{background:url(../images/content/h2-bg-large.png) no-repeat 0 0; height:21px; line-height:16px; font-size:12px; padding: 2px 0 0 10px; margin-bottom:1px;}

div.sections h2.towers-cat{background:url(../images/content/h2-bg-blue.png) no-repeat 0 0;}
div.sections h2.adventure-trail-cat{background:url(../images/content/h2-bg-violet.png) no-repeat 0 0;}

div.big-image p.description{font-size:140%; color:#FCFDFD; background:#333; padding-left:10px; line-height:24px; margin-top:-2px; position:relative; margin-bottom:5px;}

 div#productArea div.widget h2 a{line-height:37px; padding-left:20px; color:#FFF; font-size:100%; font-weight:normal; background:url(../images/content/h2-bg-green2.png) no-repeat 0 0; height:37px; background:none; width:600px; padding:0;}
 div#productArea div.widget h2.ui-state-active a, div#productArea div.widget h2 a:hover{background:none; width:600px; padding:0;}


/*--- Sidebar -----*/
div#content div.wrapper div#sidebar img.image1{position:absolute; z-index:5; top:-179px; right:-12px;}
div#sidebar img.image2{position:absolute; z-index:6; top:-109px; left:-128px;}
div#sidebar img.image3{position:absolute; z-index:5; top:17px; right:-12px;}

/*-----Widget ----*/
div#sidebar h3 a{background:url(../images/content/h2-a-bg.png) no-repeat 0 0; display:block; width:217px; height:37px; line-height:37px; color:#333333; font-size:130%; padding-left:15px; margin-top:3px; clear:both;}
div#sidebar h3.ui-state-active a, div.widget h3 a:hover{background:url(../images/content/h3-a-active.png) no-repeat 0 0; color:#FFF; text-decoration:none;}
div#sidebar h3.ui-state-active a, div.mailing h3{background:url(../images/content/h3-a-active.png) no-repeat 0 0; color:#FFF; text-decoration:none;}
div.widget div.description{background:url(../images/content/description-bg.png) repeat 0 0; padding:5px 10px 10px;}
div.widget div.description img{float:left; margin-right:7px;}
div.widget div.description p{font-size:120%; padding-top:10px; line-height:18px;}
div.widget div.description p a{color:#0C844D; text-decoration:underline;}
div.sideimage_other { height:140px; width: 280px; position:absolute; top:-145px; right:0px}
div.sideimage_other img {position:absolute;}
div.sideimage_other img.img2 {left: 143px;}
div.sideimage_cat { height:140px; width: 280px;position:absolute; top:-87px; right:35px}
div.sideimage_cat img {position:absolute;}
div.sideimage_cat img.img2 {left: 143px;}
div.sideimage_home { height:300px; width: 350px; position:absolute; top:-165px; right:0px}
div.sideimage_home img {position:absolute; right: 0;}
div.sideimage_home img.img2 {left: -45px; top: 40px}
div.sideimage_home img.img3 {right: 0; top:185px}
div.side_slider { height:100%;}
div.widget h2 a{background:url(../images/content/h2-a.png) no-repeat 0 0; display:block; width:217px; height:36px; line-height:36px; color:#FFF; font-size:150%; padding-left:15px; margin-top:3px;}
div.widget h2.ui-state-active a, div.widget h2 a:hover{background:url(../images/content/h2-a-active.png) no-repeat 0 0; color:#FFF; text-decoration:none;}

/*--- Slideshow --*/

div.slideshow div.big-image img{display:block;}

div.thumbs{position:relative;}
div.thumbs a.previous-btn{background:url(../images/buttons/previous-btn.png) no-repeat 0 0; width:24px; height:24px; display:block; position:absolute; z-index:10; left:5px; top:35px;}
div.thumbs a.next-btn{background:url(../images/buttons/next-btn.png) no-repeat 0 0; width:24px; height:24px; display:block; position:absolute; z-index:10; right:5px; top:35px;}
div.thumbnails{ height:69px; margin-left:14px; width:320px !important; }
div.thumbnails ul.list7 li{ width:70px; height:69px; margin-right:0px; margin-left:8px; }
div.thumbnails ul.list7 li img { width:70px; height:69px; }

/*--- Hr----*/
hr {background:#CCCCCC; height:1px; border:0; margin-bottom:10px;}

div.slider { width:228px; height:25px; padding:10px 0px 45px; }
div.price-range {height:62px;}
div.slider input#amount1, div.slider input.amount { background:0; color:#000!important; font-weight:normal; }
div.slider .ui-widget-content { background:url(../images/content/slider.gif) no-repeat top left; width:228px; height:11px; position:relative; } 
div.slider .ui-state-default, div.slider .ui-widget-content .ui-state-default, div.slider .ui-widget-header .ui-state-default { background:url(../images/content/indicator.png) no-repeat top left; height:16px; width:19px; display:block; position:absolute; margin-left:-9px;}  


/*---- Footer - Navigation ---*/

div#footer div.quicklinks{float:right; width:620px; }
div#footer div.quicklinks ul{float:left; margin:0; width:180px;}
div#footer div.quicklinks ul li {list-style:none; color:#000; font-size:120%; line-height:22px; }
div#footer div.quicklinks ul li.parent a{color:#000;   font-size:100%;}
div#footer div.quicklinks ul li a:hover{text-decoration:none;}

div#footer div.quicklinks ul li.parent ul{list-style:none; margin-left:10px; margin-bottom:15px; width:98%;}
div#footer div.quicklinks ul li.parent ul li{line-height:16px;}
div#footer div.quicklinks ul li.parent ul li a{color:#119F58; font-size:77%; background:url(../images/content/quicklink-li-a.gif) no-repeat right center; padding-right:14px;}
div#footer div.quicklinks ul .quicklinks_prodrange { width:280px; }

div#footer div#trade-programme{ float:left; width:296px; position:relative;}
div#trade-programme a.more-lnk{ position:absolute; z-index:5; bottom:77px; left:10px; font-size:110%; color:#F9FCFA;}

/*---- Common Boxes & Containers ----*/
div.box1 div.top-left{ background:url(../images/boxes/box1-top-left.png) left bottom no-repeat; height:5px; padding-left:5px; line-height:5px; }
div.box1 div.top-left div.top-right{ background:url(../images/boxes/box1-top-right.png) right bottom no-repeat; height:5px; padding-right:4px; line-height:5px; }
div.box1 div.top-left div.top-right div.top-middle{ background:url(../images/boxes/box1-top-middle.jpg) left bottom repeat-x; height:5px; line-height:5px; }


div.box1 div.middle{ background:#FDFDFD; padding:6px 6px 2px 6px; border:1px solid #9A9A9A; border-bottom:0; border-top:0; }

div.box1 div.bottom-left{ background:url(../images/boxes/box1-bottom-left.png) left top no-repeat; height:5px; padding-left:5px; margin-bottom:10px; line-height:5px; }
div.box1 div.bottom-left div.bottom-right{ background:url(../images/boxes/box1-bottom-right.png) right top no-repeat; height:5px; padding-right:5px; line-height:5px; }
div.box1 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/boxes/box1-bottom-middle.jpg) left top repeat-x; height:5px; line-height:5px; }

div.box1 ul.pricelist li {margin: 5px 20px; padding: 5px; display: block; float:left; width: 170px;}
div.box1 ul.pricelist h4 {padding: 7px 3px; color: #fff;}
div.box1 ul.pricelist li ul li {margin:auto; width: 150px;}
div.box1 ul.pricelist li span {color: #fff; padding: 5px 0 0 3px; font-weight: bold;}
div.box1 ul.pricelist li span.pDownload a {color: #fff !important; padding: 5px 0 0 3px; font-weight: bold; margin: 10px 0 0; float:left;}


/*---- Box2---*/
div.box2 {margin-bottom:15px;}
div.box2 div.left{background:url(../images/boxes/box2-left.jpg) no-repeat 0 0; padding-left:10px; line-height:33px; height:33px;}
div.box2 div.left div.right{background:url(../images/boxes/box2-right.jpg) no-repeat right 0; padding-right:10px; line-height:33px; height:33px;}
div.box2 div.left div.right div.middle{background:url(../images/boxes/box2-middle.jpg) repeat-x right 0;  padding-top:5px; height:28px;}
div.box1 div.box2 div.left div.right div.middle{border:0;}

/*--- Box3 ---*/
div.box3 div.top-left{ background:url(../images/boxes/box3-top-left.png) left bottom no-repeat; height:10px; padding-left:10px; line-height:10px; }
div.box3 div.top-left div.top-right{ background:url(../images/boxes/box3-top-right.png) right bottom no-repeat; height:10px; padding-right:10px; line-height:10px; }
div.box3 div.top-left div.top-right div.top-middle{ background:#FDB724; height:10px; line-height:10px; }


div.box3 div.middle{ background:#FDB724; padding:0 10px;}

div.box3 div.bottom-left{ background:url(../images/boxes/box3-bottom-left.png) left top no-repeat; height:10px; padding-left:10px; line-height:10px; }
div.box3 div.bottom-left div.bottom-right{ background:url(../images/boxes/box3-bottom-right.png) right top no-repeat; height:10px; padding-right:9px; line-height:10px; }
div.box3 div.bottom-left div.bottom-right div.bottom-middle{ background:#FDB724; height:10px; line-height:10px; }


/*--- Strips --*/
ul.strip1 li{list-style:none; float:left; margin-right:3px;}
ul.strip1 li a{display:block; background:url(../images/buttons/strip1-li.gif) no-repeat left top; padding-left:15px; float:left;}
ul.strip1 li a span{display:block; background:url(../images/buttons/strip1-li.gif) no-repeat right top; padding-right:15px; line-height:28px; height:28px; color:#FDFDFD; font-size:140%; float:left;}
ul.strip1 li.ui-state-active a, ul.strip1 li.ui-state-hover a{background:url(../images/buttons/strip1-li-hover.gif) no-repeat left top; text-decoration:none;}
ul.strip1 li.ui-state-active a span, ul.strip1 li.ui-state-hover a span{background:url(../images/buttons/strip1-li-hover.gif) no-repeat right top; color:#333333;}

/*---- Buttons ----*/
a.button1{background:url(../images/buttons/button1.png) no-repeat 0 0; padding-left:12px; display:block; margin-right:5px;}
a.button1 span{background:url(../images/buttons/button1.png) no-repeat right 0; padding-right:35px; height:34px; line-height:34px; font-size:150%; color:#FFF; margin-right:-5px; position:relative; display:block; float:left;}
a.button1:hover{text-decoration:none;}


/*---- Lists ----*/
ul.list3 li{float:left; margin:0 10px 10px 0; width:232px; position:relative; background:#333333; height:228px;}
ul.list3 li.last{margin-right:0;}
ul.list3 li p{font-size:110%; color:#FFF; padding:5px 0 0 10px;}
ul.list3 li a.button1{position:absolute; z-index:5; right:-5px; top:10px;}

ul.list3 li.list3li{ height:400px;}

/*--- List4---*/
ul.list4 li{float:left; width:208px; float:left; height:auto; overflow:hidden;  margin:0 3px 7px 0; padding:1px; background:#008063; position:relative;}
ul.list4 li img{float:left; margin-right:2px; width:100px; height:60px;}
ul.list4 li span{display:block; color:#FFF; font-size:110%; vertical-align:middle; float:left; padding-top:5px; line-height:13px; width:72px;}
ul.list4 li span.new{position:absolute; width:21px; height:22px; z-index:15; display:block; right:-2px; top:-5px; background:url(../images/content/new.png) no-repeat 0 0;}
ul.list4 li.last{margin-right:0;}

ul.list4 li.stages-cat{background:#636363;}
ul.list4 li.shelter-cat{background:#008063;}
ul.list4 li.towers-cat{background:#0076B3;}
ul.list4 li.adventure-trail-cat{background:#7D95BD;}
ul.list4 li.imaginative-cat{background:#6AB21E;}
ul.list4 li.sensory-cat{background:#FDB724;}
ul.list4 li.table-seat-cat{background:#006666;}
ul.list4 li.storage-cat{background:#990000;}
ul.list4 li.safety-cat{background:#CC66CC;}


/*--- List5---*/
ul.list5{padding:10px 0 0 15px; margin-bottom:15px;}
ul.list5 li{list-style:none; color:#000; font-size:140%; padding-left:0px; margin-bottom:5px;}

/*--- List6 ---*/
ul.list6{margin-bottom:15px;}
ul.list6 li{border-bottom:1px solid #333; height:28px; width:230px; }
ul.list6 li a{line-height:28px; color:#000; font-size:90%; display:block;  float:left;}
ul.list6 li a:hover{text-decoration:none;}
ul.list6 li div{width:30px; height:28px; border-right:1px solid #000; float:left; margin-right:5px; background:#CCCCCC;}
ul.list6 li div span{ background:url(../images/content/tick.png) no-repeat 0 0; width:28px; height:28px; display:none;}
ul.list6 li div.active span{display:block;}
ul.list6 li div.stages-cat{background:#C6002C;}
ul.list6 li div.shelter-cat{background:#008063;}
ul.list6 li div.towers-cat{background:#0076B3;}
ul.list6 li div.adventure-trail-cat{background:#7D95BD;}
ul.list6 li div.imaginative-cat{background:#6AB21E;}
ul.list6 li div.sensory-cat{background:#FDB724;}
ul.list6 li div.table-seat-cat{background:#006666;}
ul.list6 li div.storage-cat{background:#990000;}
ul.list6 li div.safety-cat{background:#CC66CC;}

ul.list6.products-category li div span{ background:url(../images/content/tick.png) no-repeat 0 0; width:28px; height:28px; }
ul.list6.school-stages li div span{ background:url(../images/content/tick2.png) no-repeat 0 0; width:28px; height:28px; }

/*--- List7 --*/
ul.list7 {padding:0 0 0 9px;}
ul.list7 li{list-style:none; float:left; margin-left:5px; }

/*--- List8 ---*/
ul.list8 li{margin-right:15px; width:175px;}
ul.list8 li.last{margin:0;}

/*--- List9---*/
ul.list9{padding:0 18px;}
ul.list9 li{width:160px; margin-right:9px;}

/*--- List10---*/
ul.list10 li{ margin: 5px 16px 5px 16px;}


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/
body.home div.post{padding-left:15px;}
body.home div#sidebar{padding-top:223px;}
div.two-column-layout1 div.column a.more-lnk{position:absolute; z-index:6; color:#FFF; font-size:120%; bottom:10px; right:10px; line-height:16px;}
div.two-column-layout1 div.column a.more-lnk:hover{text-decoration:none;}

/*------------------------------------------
// 4.1  STANDARD PAGE SPECIFIC STYLES
//------------------------------------------*/
body.standard div.post{padding-left:15px;}
body.standard div.box1{margin-top:90px;}
body.standard div#sidebar{padding-top:223px;}

/*------------------------------------------
// 4.1  TIER2 PAGE SPECIFIC STYLES
//------------------------------------------*/
body.product div.post{padding:0 10px;}
body.product div.post p{font-size:120%;}

div.priceBase { border-bottom:#000000 solid 1px;}
div.price-detail{padding:0 15px 0 15px; }
div.price-detail a {float:left;}
div.priceWrapper {float:right; padding-top:5px;}
span.price{font-size:220%; color:#333; display:block; float:left; line-height:40px;}
span.priceTotal{font-size:220%; color:#333; display:block; float:left; line-height:40px;}
span.priceVAT{font-size:120%; color:#333; display:block; float:left; line-height:40px; text-transform:lowercase; padding-top:3px;}
span#price{font-size:220%; color:#333; display:block; float:left; line-height:40px;}
span#price2{font-size:220%; color:#333; display:block; float:left; line-height:40px;}

.hr_prods {
width:97%;
margin-left:7px;
}

/* FILE ICONS */

.pdf {
	background-image: url("../images/file_icons/pdf_sml.jpg");
	background-repeat: no-repeat;
	min-height: 35px;
	padding: 5px;
	float: left;
	text-indent: 40px;
	line-height: 30px;
}

.pdf a {
	color: #000;
	text-decoration: none;
}

.pdf a:hover {
	text-decoration: underline;
}

.optionPrice{
	width: 208px;
	float: left;
	margin-top: 3px;
}

.optionPrice p, .optionPrice input {
	padding: 5px;
	margin: 0;
	background-color: #CCC;
	font-weight:bold;
	color: #000;
}

span.save {
	padding: 10px;
	float: right;
	margin: 0 0 10px 0;
}

span.save a {
	display:block;
	width: 50px;
	height: 25px;
	text-decoration:none;
	background-color: #008063;
	color: #FFF;
	text-align:center;
	line-height: 23px;
	font-weight: bold;
	border: 1px solid black;
}

.suggest {
	width:auto;
	height: auto;
	max-height: 150px;
	background-color: #fff;
	z-index:1000;
	position: relative;
	overflow: auto;
	display: none;
	left: 73px;
	top: -8px;
	border: 1px solid #3FB278
}

.suggest a {
	display: block;
	text-align:left;
	padding: 2px 5px;
	color: #333333;
}

table.wishTable {
	margin :30px auto
}

table.wishTable tr.odd{ 
	background-color: #E8F6EE;
	color: #fff;
	opacity: 0.8;
	color:#000000;
}

table.wishTable tr:hover { 
	opacity: 1.0;
	background-color: #B3E0C6;
	color: #000;
}

table.wishTable tr.header { 
	background-color: #FDB724;
	color: #000;
	opacity: 0.8;
}

table.wishTable td { 
	padding: 5px;
	vertical-align: top;
}

#technical table {
	margin: 10px;
}

#technical table tr td {
	font-size: 110%;
	padding: 7px;
}

table.brochure tr td  {
	padding: 3px;
}

.video_playground {
	width:284px;
	height:157px;
}
.video_playground img {
	float:left;
}

.youtube p a {
	line-height: 75px;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none !important;
	float:left;
}

#productArea h3 {
	padding: 5px 20px;
	font-size:150%;
	margin: 10px auto 0 auto;
	color: #FFF;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	width: 90%;
}

#productArea .box1 {margin: auto; width: 95%}

.news h2 a {
size:16px;

}