/* CSS Document */

html,body{
height: 100%;
}
body{
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 80%;
background-image:  url(images/background.jpg); 
text-align: center;
}
img{
border: none;

}
input,select{
font-size: 8pt;
}
.spacer{
clear: both;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}

.page0 h2, .home0 h2{
font-size: medium;
padding-bottom: 5px;
}

#main{
position: relative;
text-align: left;
width: 750px;
margin: 0 auto;
padding: 0 10px;
min-height: 100%;
}
html>body #main {
height: auto;
}

#content{
position: relative;
width: 200px;

}
#pagetop{
padding-top: 10px;
text-align:right;


}
th{
text-align: right;
font-size: 0.9em;
color: #a54399;
}


#page_top{
width: 750px;
height: 140px;
background: #fff;
text-align:left;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
}

#test{
width: 220px;
height: 300px;
background:  url(images/quotes.gif);
text-align:center;
}
#test h3{
font-family: Verdana, sans-serif;
font-size: 110%;
color: #f7951f;
text-align:center;
padding-top: 40px;
padding-right: 20px;
}
#test h4{
font-family: Verdana, sans-serif;
font-size: 70%;
color: #f7951f;
text-align:right;
padding-top: 10px;
padding-right: 20px;
}
#test2{
width: 320px;
height: 150px;
background:  url(images/quotes2.gif);
background-repeat: no-repeat;
text-align:center;
}
#test2 h3{
font-family: Verdana, sans-serif;
font-size: 90%;
text-align:center;
padding-top: 40px;
padding-right: 20px;
}
#test2 h4{
font-family: Verdana, sans-serif;
font-size: 70%;
text-align:right;
padding-top: 10px;
padding-right: 20px;
}
.orange {
color: #f7951f;
}
.purple {
color: #969;
}

#page{
position:absolute;
height: 100%;
width: 710px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
background: #fff url(images/blue_back.gif);
background-repeat: repeat-x;
}

#page h1{
color: #666; 
}

#header{
width: 750px;
height: 20px;

}
#header ul{
float: right;
position: absolute;
width: 700px;
top: 125px;
text-align: right;
}
#header li{
display: inline;
list-style: none;
padding: 0px;
color: #ccc;
}
#header li a:link, #header li a:visited{
color: #666;
text-decoration: none;
font-size: 85%;
}
#header li a:hover{
text-decoration: none;
color: #af3c8a;
}

/* ------------------ home page news----------------- */
#news{
}
#news ul{
margin-left: 0px;
list-style-type: none;
padding-left: 20px;
padding-top: 26px;
color: #ec2027;
}
#news li{
padding-right: 0px;
padding-top:10px;
}
#news li a:link, #news li a:visited{
color: #ec2027;
text-decoration: none;
font-size: 80%;
font-weight: bold;
}
#news li a:hover{
text-decoration: none;
color: #000;
}
#newstop{
top: -5px;
}
#3image{
position: relative;
padding-top: 105px;
left: 0px;
}
/* ----------- end home page news--------- */

/* -------------------- news page news--------------- */
#newsaboutright{
float: right;
margin-top: 40px;
width: 210px;
height: 250px;
background-image:  url(images/background_box2.gif); 
background-repeat: no-repeat;
}
#newsaboutright ul{
position: relative;
list-style-type: none;
width: 195px;
left: -25px;
top: 35px;
text-align: left;
}
#newsaboutright li{
font-size: 80%;
padding-left:0px;
padding-top:15px;
}
#newsaboutright li a:link, #news2 li a:visited{
color: #666666;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}
#newsaboutright li a:hover{
text-decoration: none;
color: #FF0000;
}
/* ---------- end news page news---------- */

#header2{
width: 750px;
height: 34px;
text-align: left;
background: #fff url(images/green_nav.jpg);
border-left: 1px solid #333;
border-right: 1px solid #333;
}
#header2 ul{
margin: 0px;
text-align: center;
padding: 0 7px;
position: absolute;
width: 760px;
top: 170px;

}
#header2 li{
display: inline;
padding: 0px;
color: #0d8041;
}
#header2 li a:link, #header2 li a:visited{
color: #00793a;
text-decoration: none;
font-size: 85%;

}
#header2 li a:hover{
text-decoration: none;
color: #000;
}

#menu{
float: left;
width: 185px;
background-color: #fff;
font-size: 80%;
text-decoration: none;

}
#menu li a:link, #menu li a:visited{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 80%;
}
#menu li a:hover{
text-decoration: none;
color: #fff;
}
#menu_how{
float: left;
width: 150px;
background-color: #fff;
font-size: 80%;
text-decoration: none;
}
#menu_how li a:link, #menu_how li a:visited{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 80%;
}
#menu_how li a:hover{
text-decoration: none;
color: #dfaa0f;

}
#menu p{
font-size: 75%;
}

#mainmenu{
margin: 0;
padding: 0;
width: 185px;
background-color: #dfdfdf;
text-decoration: none;
}
#mainmenu li{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 70%;
text-decoration: none;
}
#mainmenu a:link, #mainmenu a:visited{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 70%;
}
#mainmenu a:hover{
color: #000;
text-decoration: none;
}


/* --------------------news box------------- */
#right{
float: left;
width: 270px;
height: 390px;
margin-top: 0px; 
margin-bottom: -140px;
margin-left: 60px;
margin-right: 10px;
background:  url(images/background_box.gif) no-repeat;
}
#right a:link, #right a:visited{
font-size: 100%;
width: 250px;
padding: 5px;
color: #000;
font-weight: bold;
}
#right h2{
background-color: #0872ba;
font-size: 110%;
}
#right p{
color: #red;
font-size: 90%;
}

/* --------------------Wishlist & Bespoke buttons are here------------- */
#wishlistbut{
	position:absolute;
	top: 55px;
	left:590px;
	width: 149px;
	height: 42px;
	background-color: none;
	text-align: top;
	color: #FF0000;
}

#bespoke {
width: 550px;
margin-left: 40px;
padding-top: 50px;
}
#bespoke h3{
	margin-top: -60px;
	text-align: left;
	background-color: none;
	color: #ff9000;
}
#bespokebut{
	margin-top: 0px;
	margin-left: 0px;
	text-align: right;
}
#bespokebut hr {
	postion: center;
	width: 600px;
}

/* ------- end Wishlist & Bespoke buttons------- */

#newshead{
	position:absolute;
	top: 240px;
	left: 335px;
	width: 340px;
	height: 234px;
}
#newshead2{
position:absolute;
top: 230px;
left: 420px;
}

#left{
float: left;
width: 300px;
height: 100%;
margin-top: 30px; 
margin-bottom: 20px;
margin-left: 20px;
margin-right: 10px;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 30px;
padding-bottom: 30px; 
text-align: left;
background: #fff;
border: 1px solid #999;

}
#left p{
font-size: 80%;
color: #666666;
}
#left h1{
font-size: 100%;
margin-top: 15px;
color: #768696;
}
#left h2{
font-size: 110%;
margin-top: 10px;
color: #999;
}

/* product pages */
#left2{
position: relative;
float: left;
width: 680px;
margin-top: 21px;
margin-bottom: 10px;
padding-top: 30px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 30px; 
text-align: left;
background: #fff;
border: 1px solid #999;
}

#left2 h1{
font-size: 110%;
margin-top: 10px;
color: #f9a350;
}
#logo{
float: left;
width: 220px;
height: 90px;
margin-top: 0px;
margin-left: 10px; 
}
#left3{
width: 610px;
height: 210px;
margin-left: 30px;
margin-right: 10px; 
padding: 0px; 
text-align: left;
background: #fff;
border: 1px solid #039;
}
#left3 h2{
width: 610px;
margin: 0px;
font-size: 100%;
font-weight: bold;
padding: 5px;
color: #fff; 
text-align: left;
background: #039;
}
#ac1{
float: left;
padding: 10px;
width: 600px;
color: #333333;
font-size: 90%;
}
#ac1 p{
font-size: 90%;
margin-top: 5px;
}
#accessories {
float: left;
width: 125px;
text-align: center;
margin-right: 20px;
}
#accessories p{
text-align: center;
font-size: 90%;
padding-top: 5px;
margin: 0px;
}
#wllink {
float: right;
text-align: right;
width: 120px;
margin-top: 75px;
margin-right: 5px;
}
#wllink a:link, #wllink a:visited{
color: #666;
text-decoration: none;
font-size: 85%;
}
#wllink a:hover{
text-decoration: none;
color: #af3c8a;
}

/* ----------------- start about us,news, testimonials,quality,hints,contact-------------- */
#about{
float: left;
width: 600px;
height: 50px;
margin-left: 10px; 
padding-left: 0px;
padding-right: 10px;
margin-top: 10px;
border-bottom: solid 1px #ccc;
}
#about h1{
font-size: 90%;
margin-top: 30px;
color: #a54398;
}
#wishlisttop{
float: left;
width: 600px;
margin-left: 10px; 
padding-left: 0px;
padding-right: 10px;
margin-top: 10px;

}
#wishlisttop h3{
color: #999;
font-size: 90%;
font-weight: bold;
}
#wishlisttop p{
font-size: 85%;
font-weight: bold;
}
#wishlisttop table {
float: left;
width: 600px;
border: none;
padding: 2px;
margin: 0px;
font-size: 85%;
text-align: left;

}
#wishlisttop tr{
margin-bottom: 3px;
}
#wishlisttop th{
padding: 3px;
font-weight: bold;
}
.head {
background-color: #a54398;
color: #fff;
}

.qty{
width: 20px;
text-align: center;
background-color: #eaeaea;

}
.desc {
width: 400px;
background-color: #eaeaea;

}
.thumb {
width: 50px;
background-color: #eaeaea;
}
.remove {
padding: 3px;
font-size: 80%;
background-color: #eaeaea;
}

#aboutleft{
float: left;
width: 400px;
height: 100%;
margin-top: 10px; 
margin-bottom: 10px;
padding-left: 20px;
padding-right: 30px;
}
#aboutleft h1{
font-size: 100%;
color: #FF0000;
}
#aboutleft p2{
font-size: 85%;
color: #666666;
}
#aboutleft p{
font-size: 85%;
color: #666666;
}
#aboutright{
float: left;
width: 35%;
}
#contactleft{
float: left;
width: 50%;
height: 100%;
margin-top: 10px; 
margin-bottom: 10px;
padding-left: 20px;
padding-right: 40px;
}
#contactleft p{
font-size: 85%;
color: #666666;
}
#contactright{
float: left;
width: 35%;
margin-top: 10px; 
margin-bottom: 10px;
padding-left: 10px;
padding-right: 30px;
}
#contactright p{
font-size: 85%;
color: #000;
color: #a54398;
}

/*  ---- end of about us,news, testimonials,quality,hints,contact ----*/


/* ----------------- start of seating page-------------- */
#orange{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: 0px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#orange h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #fd8c1e;
}


.product{
float: left;
width: 280px;
height: 100%;
margin-top: 10px; 
margin-bottom: 10px;
padding-left: 40px;
padding-right: 10px;
}
.product h1{
font-size: 120%;
color: #666666;
border-bottom: 1px solid #999;
}
.product p{
float: right;
width: 40%;
font-size: 90%;
color: #666666;
}
.productbut{
float: right;
width: 40%;
padding-top: 10px;

}
.producti{
float: left;
width: 40%;
}

/*--------ALL PRODUCTS page 2---------*/
#product2{
float: left;
width: 60%;
margin-top: 10px; 
margin-bottom: 10px;

}
#product2 h1{
font-size: 140%;
color: #666666;
margin-left: 30px;
margin-right: 30px;
border-bottom: 1px solid #999;
}
#product2 p{
width: 100%;
font-size: 80%;
color: #666666;
padding-right: 10px;
}
#productbut2{
float: right;
padding-top: 10px;
}
#producti2{
width: 300px;
padding-right: 10px;
margin-left: 30px;
}
#producti2 h3{
color: #FF0000
}

/* -----------------end of seating-------------- */

/* ----------------- start of tyrepark system-------------- */
#green{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
color: #00a850;
}
#green h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #00a850;
}

/* -----------------end of tyrepark system-------------- */

/* ----------------- start of cnc products-------------- */
#pink{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#pink h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #FF0099;
}

/* -----------------end of cnc products-------------- */

/* ----------------- start of fantasy village-------------- */
#blue{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#blue h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #66CCFF;
}

/* -----------------end of fantasy village-------------- */

/* ----------------- start of shade systems-------------- */
#purple{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#purple h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #996699;
}

/* -----------------end of shade systems-------------- */

/* ----------------- start of safety surfacing-------------- */
#turq{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#turq h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #01BB7C;
}

/* -----------------end of safety surfacing-------------- */

/* ----------------- start of activity play-------------- */
#red{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#red h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #FE0130;
}

/* -----------------end of activity play-------------- */

/* ----------------- start of fundraising-------------- */
#dblue{
float: left;
width: 455px;
height: 90px;
margin-top: 10px;
margin-left: -10px;
padding-right: 20px; 
text-align: left;
padding-right: 80px;
}
#dblue h1{
font-size: 100%;
margin-left: 40px;
margin-top: 0px;
color: #006699;
padding-bottom: 45px;
border-bottom: solid 1px #ccc;
}

/* -----------------end of fundraising-------------- */

/* wishlist on product page2 (inc_wish.php) */

#wishlist{
text-align: center;
background: #fff;
border-left: 3px solid #0872ba;
border-top: 3px solid #0872ba;
border-right: 3px solid #0872ba;
border-bottom: 3px solid #0872ba;
padding-bottom: 5px;
}
#wishlist h1{
background: #0872ba;
text-align: center;
padding-top: 5px;
margin-top: -3px;
}
#wishlist h2{
width: 100%;
text-align: center;
color: #ec2027;
font-size: 90%;
padding-top: 2px;
padding-bottom: 2px;
}
#wishlist p{
width: 100%;
text-align: center;
color: #000;
font-size: 90%;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #0872ba;
border-bottom: 1px solid #0872ba;
margin-bottom: 2px;
background: #dcf2fd;
}
#wish2{
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
width: 200px;
}

/* ------------------------------------------ */

#footer{
margin-top: 0px;
padding-top: 2px;
padding-bottom: 12px;
text-align: center;
color: #000;
font-size: 70%;
height: 20px;
position: relative;
bottom: 2px;
width: 100%;
}
#nfooter #footer{
    position:relative;
}
#indexfooter{
margin-top: 60px;
padding-top: 2px;
padding-bottom: 12px;
text-align: center;
color: #000;
height: 20px;
position: relative;
bottom: 2px;
width: 100%;
}