/* CSS Document */

/* Page Structure ID */
body {/*background-image: url(../assets/pp-gradient.gif)*/
background-color: #d2c7c5;
}

#wrapper {
postion: absolute;
top: 0px;
width: 992px;
height: auto;
margin: 0px auto 0px auto;
border: 0px solid #314396;
background-color: #;
font-weight: normal;
z-index: 0;
}

/*Header*/
.header {
position:relative;
top: 0px;
height: 76px;
width: 992px;
background-image:url(../assets/header.jpg);
background-repeat:no-repeat;
border: 1px solid #6d0c17;
z-index:2;
}
/*End Header*/

/*Main Content*/
#content { 
position:relative;
float:left;
top: 0px;
width: 992px;
height: auto;
background-color:#6d0c17; /*dark red colour*/
z-index: 2;
}
#content2 { 
position: relative;
float: right;
top: 0px;
left: 0px; 
width:780px; 
/*height: auto;*/
min-height:530px;
border: 0px solid red;
background-color: #d2c7c5; /*pink colour*/
z-index: 2;
/*IE6 hacks*/
_top:-20px;
_padding-bottom: 10px;
/*IE7 hacks*/
#margin-bottom: -2px;
/*overflow:auto;*/
}

/* #contentpop { 
position: relative;
float: right;
top: 0px;
left: 0px; 
width:390px; 
height: auto;
border: 0px solid red;
background-color: #d2c7c5; /*pink colour
z-index: 2;*/
/*IE6 hacks

_padding-bottom: 10px;*/
/*IE7 hacks
#margin-bottom: 10px;
}*/

/*
.pic {
	width:350px;
	border:5px solid #6d0c17;
	margin-top: 10px;
	margin-left: 10px;
}*/

#contentpop {
	position: relative;
	float: right;
	top: 0px;
	left: 0px; 
	width:770px; 
	height: auto;
	border: 0px solid red;
	background-color: #d2c7c5; /*pink colour*/
	z-index: 2;
	
	_padding-bottom: 10px;/*IE6 hacks*/
	
	#margin-bottom: 10px;/*IE7 hacks*/
	}
	
.pic {
	width:350px;
	border:5px solid #6d0c17;
	margin: 10px; 
	float: left;
	}
.description {
	width:350px;
	border:0px solid #6d0c17;
	margin-top: 0px; 
	float: left;
}

.nav{
width:992px;
height:35px;
position:relative;
top: 0px;
left:0px;
margin-top:10px;
margin-bottom:5px;
border-color:black;
background-color: #d2c7c5;
border: 0px solid #0F6;
z-index:5;
/*IE6 hacks*/
}

/*left hand menu container*/
#yourbasket {
position: relative;
top: 0px;
left: 0px;
width: 170px;
height:auto;
margin:0px 0px 10px 0px;
background-color:#d2c7c5;
border: 5px solid #a3a389;
text-transform:uppercase;
/*IE6 hacks*/
}

/*left hand menu container*/
#browse{
position: relative;
top: 0px;
left: 0px;
width: 170px;
height:20px;
margin:0px;
background-color:#d2c7c5;
border: 5px solid #a3a389;
text-transform:uppercase;
/*IE6 hacks*/
}
/*left hand side*/
#leftmenu{
position: relative;
float:left;
top: 10px;
left:12px;
width: 190px;
height:auto;
background-color: transparent;
/*IE6 hacks*/
_width: 170px;

}

/*left hand menu */
#browsecategory {
	position: relative;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0 0 0 7px;
	background-color:#d2c7c5;
	z-index:0;
	border: 5px solid #a3a389;
	/*IE6 hacks*/
}

#breadcrumb {
	postion: relative;
	float: left;
	top: 0px;
	margin-left: 20px;
	width: 760px;
	height:25px;
	background-color:#a6a593;
	z-index: -1;
	/*IE6 hacks*/
	_width: 780px;
	_height: 40px;
	_margin-left: 10px;
	_height:0px;
	_margin-top: 20px;
}

#content-double-column {
position: relative;
float: right;
top: 0px;
#top: 0px; 
width: 750px; 
margin-bottom: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
z-index: 3;
}


#column-right { 
position: relative;
float: right;
top: 0px;
left: 0px; 
width: 345px; 
margin-bottom: 10px;
margin-right:0px;
/*padding-bottom: 10px;*/
background-color: transparent;
border: 0px solid red;
height:auto;

}
#column-left { 
position: relative;
float: left;
top: 0px;
left: 0px; 
width: 345px; 
margin-bottom: 10px;
margin-right:0px;
/*padding-bottom: 10px;*/
background-color: transparent;
border: 0px solid red;
height:auto;
}

.leftnews{
position: relative;
width: auto;
_width:239px;
top: 10px;
#top: 0px;
left: 0px;
font: 9pt arial, sans-serif; 
color:#666666; 
padding: 0px 10px 10px 10px;
margin-bottom: 10px;
_margin-top: 10px;
#margin-bottom: 0px;
background-color: #ffffff;

}
.leftlink{
position: relative;
width: 239px;
top: 10px;
top: 10px;
left: 0px;
height: 20px;
background-color: #019330;
padding: 5px 0px 5px 0px;
text-align: center;
}
/*leftpanel end*/

#footer {
	position: relative;
	_top:-20px;
	border-top: 10px solid #d2c7c5;
	height: 30px;
	width: 100%;
	background-color:#6d0c17;
	_margin-bottom:-15px;
	
}

#footersmall {
	position: relative;
	float: right;
	margin-top:7px;
	right: 10px;
	left: -13px;
	#left: -23px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#fff;
}

#footercall {
 margin-left:20px;
	_margin-left:16px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:7px;
}

.tdxborder {
  border: 1px solid #0071b3;
  background-color: #f0f9f3;
  height: auto;
  width: auto;
 padding: 5px 5px 5px 5px;

  }
.tdxlegend {
  font:  bold  100% Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #666666;
  padding: 5px;
  margin: 10px;
  height: auto;
  
  }

.clearBoth {
	font-size: 1px;
	clear: both;
	float: none;
}
.clear {
	clear: both;
	float: none;
}
.basket {
	float: left;
	margin: 3px 3px 10px 3px;
	border: 0px solid #6d0c17;
	position: relative;
}
.rightimage {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
	background-position: right;
	margin-bottom: 20px;
	border: 5px solid #6d0c17;
	position: relative;
}
.rightimagenoborder {
	float: right;
	margin-left: 20px;
	margin-right: 0px;
	#margin-right: -10px;
	margin-bottom: 10px;
	border: 0px solid black;
	position: relative;
}
.leftimage {
	float: left;
	position: relative;
	margin: 10px 10px 5px 0px;
	_padding-top: 20px;
	border: 5px solid #6d0c17;
}
.centreimage {
	margin-bottom: 6px;
	border: 1px solid black;	
}

.reglog {
position:relative;
float:left;
top:5px;
left:0px;
width: 220px;
text-align:left;
font: bold 8pt arial, sans-serif;
color:#000;
text-decoration:none;
text-transform:uppercase;

}
#column {
	width: 230px;   
	position:relative;
	margin-right: 20px;
	left: 20px;
	margin-top: 10px;
	_width: 300px; float:left;  margin-right: 30px;
	background-color:#6d0c17; /*dark red colour*/
}