body{
background: #fff url('../i/') repeat;
padding: 0px;
margin: 0px;
color: #FF9900;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 140%;
text-align: justify;
}





h1  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 2.0em;
color: #fff;
margin: 0px;
padding: 0px;
margin: 0px 0px 5px 5px;
text-align: left;
}

h2  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: bold;
padding:5px 5px 6px 0px;
margin: 2px 35px 5px 10px;
color: #433124;
text-align: left;
}
h3  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
padding:15px 5px 6px 0px;
margin: 2px 35px 15px 10px;
color: #433124;
text-align: left;
border-bottom: 1px solid #433124;
}
h4  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
padding:2px 5px 6px 0px;
margin: 2px 35px 2px 10px;
color: #433124;
text-align: left;
}



h2 {
border-bottom: 1px solid #433124; 
font-size: 1.8em;
}


p {
padding:2px 5px 6px 0px;
margin: 2px 35px 2px 10px;
}
p.price {
padding:5px;
margin: 2px 35px 10px 10px;
font-weight: bold;
background-color: #decc9e;
}

ul {
padding:0px;
margin: 2px 0px 20px 30px;
}

.spacer {
clear: both;
}
/*-----------------------------

 PAGE STRUCTURE  

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


#wrap{
width:800px;
margin:0 auto;
padding:0px;
} 


#container{
color: #003A26;
width:800px;
margin:0;
padding:0px;
}


#header{
background:#fff url('../i/banner.jpg') no-repeat;
width:800px;
height:255px;
margin:0px;
padding:0px;
}


#top_nav{
width:264px;
margin: 2px -100px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
font-size: 10px;
font-family: Tahoma, Verdana, Arial;
}



#top_nav ul{
display:inline;
}



#top_nav li, #top_nav a{ 
display:inline;
list-style:none;
text-decoration:none;
color: #3d2912;
}



#top_nav li a:hover
{

color: #ff9900;

}



#content{
background:#fbecc6 url('../i/') repeat;
width:800px;
margin:0px;
padding:0px;
}





/* --------- below will change where the nav sits, move up 0r down or left or right using padding ------*/

#left{
width: 160px;
color: #003A26;
margin:0px;
padding:0px 18px;
float:left;
display: block;
}

#left h4 {
margin:0px;
padding:10px 18px 0px 10px;
text-align: left;
font-size: 1.2em;
}

/* -------- change main paragraph content area here ------- */


#right{
background: url('') no-repeat top right;
width: 560px;
margin: -30px 0px 0px 0px;
padding:0px 5px 6px 0px;
float:right;
display: block;
}

#right a{
text-decoration: underline;
text-align:center;
color: #0073BB;
}

#right a{
text-decoration: underline;
text-align:center;
color: #333333;
}

#right a:hover {
color: #FE6D0D;
}

#right p.box {
background-color: #D7E2F0;
text-align: center;	
font-size: 11px;
margin: 10px 35px 20px 5px;
padding: 10px 15px;
border: 3px double #330366;
}



.advert{
padding:5px;
float:right;
margin: 5px;
}
.advertleft {
padding:5px;
float:left;
margin: 5px;
}


#bookmark{
margin: 12px;
Float: left;

}



.advert_deal{
width: 150px;
height: 138px;
border: 0px;
float: left;
margin: 10px 0px 10px 0px;
}




div.box {
margin-bottom: 5px;
padding: 10px;
}





div.box img {
border: 0;

}


form {
margin: 10px 0px 10px 10px;
}

input {
margin: 10px 0px 10px 10px;
}


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

 PAGE NAVIGATION 

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

#nav_holder{
width:164px;
margin:0px;
padding:0px;
}

.navtop{
background:url('../i/nav_top.gif') no-repeat 100%;
width:164px;
height:39px;
margin-top:0px;
display: block;
}

.navbtm{
background:url('../i/nav_btm.gif') no-repeat 100%;
width:164px;
height:20px;
margin-top:-12px;
}

.navsec{
background:url('../i/nav_sec.gif');
width:163px;
margin-top:-13px;
display: block;
}

.nav{
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
color: #3d2912;
padding:2px 9px 2px 9px;
margin:12px 0px;
}

.nav a{
text-decoration: none;
color: #3d2912;
display: block;
padding: 1px 5px;
/*-------- netinteractive change nav colour here!!!! and to move the text from left to right -------*/
}

.nav li a:hover{
background-color: #fbecc6;

/*-------- must have diplay: block for hover to appear in IE -----*/
}

.nav li{
list-style:none;
padding-left:0px;

/*------ above change the hover position here -----*/

color:#689BCB;
border-bottom: 1px solid #fbecc6;
}



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

RELATED LINKS

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


#linx{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
color: #000;
margin: 1px 2px 0px 5px;
padding:0px 0px 6px 5px;
}



#linx a{
text-decoration:none;
font-size:0.9em;
color: #000;
}




#linx a:hover {
color: #ff9900;
}


/* -------- Please note if width is set more than allowed it will break
alignment in IE ----------*/

#linx ul {
width:460px;
margin: 5px;
padding:0px;
}


#linx li {
display: inline;
padding: 0px 4px 0px 1px;
margin:4px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#000;
}



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



#linx li a:hover {
color: #ff9900;
}




.topctrlcntr{
margin:0px;
padding: 2px 5px;
text-align: right;
font-family:  Tahoma, Verdana, Arial;
font-size: 11px;
color: #000;
}



/*-----------------------------
 PAGE FOOTER 
 ------------------------------*/


.clearit {clear: both;
height: 0;
margin: 0;
padding: 0;
}



#footer{
background:url('../i/footer.jpg') no-repeat;
background-color: #fff;
color: #999999;
width: 800px;
height: 65px;
margin: 0px;
padding: 0px;
font-size: 9px;
}


#footer p{
font-size: 9px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin:0px;
padding:0px;
text-align: center;
}


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



#footer a:hover {
color: #ff9900;
}



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

VALIDATION
------------------------------*/


#valid{ 
margin:0px 0px 0px 4px;
padding:0px 0px 0px 285px;
position:relative;
float:left;
list-style: none;
}


#valid li{
display:inline;
padding:0px 0px 0px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}


#valid a{
text-decoration:none;
color: #666666;
}



#valid a:hover{
color: #ff9900;
}




/*--------------------------------------------------
CONTACT FORM
--------------------------------------------------*/

/* ---- styling the form ---- */

.fill_up{
background-color:#E5E5E4;
width:250px;
height: 30px;
margin:0px;
padding:0px;
border:1px solid #ff9900;
font-size: 13px;
}





/* ---------  Positioning for form --------- */

fieldset{
width:275px;
float:none;
border:none; 
padding: 5px 0 5px 0px;
}




span{
background: #fff; 
color: #999;}



/* ------ SEO text ----- */


.seotext {

DISPLAY: none

}





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

 Text Styles 
 ------------------------------*/



.smallorange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
}



.grey {
color: #999;
padding: 0px;
border:0px;
margin: 0px;
}



.small {
font-size: 11px;
}

.red {
color: #FF0000;
font-size: 12px
}




.bluebold {
color: #263A81; 
font-size: 14px;
font-weight: bold; 
}



.blue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #263A81;
}





.bottom_title 
{
color: #FA061D; 
font-weight:bold; 
font-size: x-small; 
}



.boldorange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF9900;
font-weight: bold;
}