body, p, a, td, ul, input, textarea, select {
	font-family: 	Arial, Helvetica, San-serif;
	font-size: 		12px;
	color: 				#306;
}

body {
	background-color: #999;
	margin:				0;
	padding:			0;
}

#header {
	width:				100%;
	height: 			174px;
	margin:				30px 0 0 0;
	background:		url(../Images/top-bg.gif) no-repeat top center;
	text-align: 	center;
}

#header-content {
	width:				820px;
	height:				173px;
	margin:				0 auto;
	text-align:		left;
	border:       1px solid #FFF;
	border-bottom: none;
}

#navigation {
	width:				100%;
	background:		url(../Images/middle-bg.gif) repeat-y top center;
	text-align: 	center;
}

#navigation-content {
  width:				820px;
	height:       30px;
	margin:				0 auto;
	text-align:   left;
  background-color: #603a8d;
  border:				1px solid #FFF;
  b2order-top-color: #704e99;	
}

#middle {
	width:				100%;
	background:		url(../Images/middle-bg.gif) repeat-y top center;
	text-align: 	center;
}

#content {
    width:				820px;
    min-height:		735px;
    o2verflow:           hidden;
	margin:				0 auto;
	text-align:   left;
	background: 	#FFF url(../Images/content-bg.png) no-repeat top left;
	border-left:  1px solid #FFF;
	border-right: 1px solid #FFF;
}

#footer {
	width:				100%;
	height:				47px;
	background:		url(../Images/bottom-bg.gif) no-repeat bottom center;
	text-align: 	center;
}

#footer-content {
  width:				820px;
	margin:				0px auto 0 auto;
	text-align:   center;
	background-color: #FFF;
	border:  			1px solid #FFF;
	border-top:   none;
}

.left-panel {
    float: 				left;
	width:			    168px;
	b2ackground:		red;
}

.main-panel {
	float: 				left;
	width: 				461px;
	b2ackground:		green;
}

.right-panel {
	float: 				left;
	width:				191px;
	b2ackground:        yellow;
}


#navigation .field {
	display: 			block;
	float:				left;
	width:				115px;
	height:				16px;
	border:				1px solid #be7eff;
	background-color: #FFF;
	padding: 			1px;
	margin:				5px 0 0 3px;
}

#navigation a.search {
	display: 			block;
	float:				left;
	width:				58px;
	height:				20px;
	margin:				5px 0 0 4px;
	background:		url(../Images/search-button-bg.gif) no-repeat top left;
	padding:			0;
	text-align:		center;
	line-height:	18px;
}

#navigation a {
	display: 			block;
	float:				left;
	font-weight:	bold;
	color:				#FFF;
	padding:			8px 10px 0 10px;
	text-decoration: none;
	
}

#navigation a:hover {
	color:				#fff416
}

#navigation a.last {
	padding-right: 0;
}

#navigation .right-panel {

}

a {
	text-decoration: none;
}

a img {
	border: 			0;
}

#categories ul {
	list-style: 	none;
	margin: 			10px 0 10px 0;
	padding:			0;
	text-indent:	10px;
}

#categories ul li ul 
{
    margin:     0;
}

#categories ul li {
	font-weight: 	bold;
	color:				#330066;
	line-height:	18px;
}

#categories ul li.current a {
	color:				#FFF;
}

#categories ul li ul 
{
    display:        none;
	text-indent:	20px;
}

#categories ul li.current ul, #categories ul li.open ul 
{
    display:        block;
}

#categories ul li.current, #categories ul li.open 
{
    margin: 5px 0;
}

#categories ul li ul li.current, #categories ul li ul li.open
{
    margin: 0;
}

#categories ul li ul li {
	font-weight:	normal;
}

#categories ul li.current {
	color:				#FF0;
	background-color: #603a8d;
	font-weight:       bold;
}

#categories ul li.current a 
{

}

#categories ul li.current ul li
{
    background-color: #cfaaff;
    background-color: #603a8d;
}

#categories ul li.open
{
}

#categories ul li.brands 
{
    font-weight:    bold;
    margin-top:     5px;
}

#categories ul li.current ul li.brands
{
    color:          #fff;
}

#categories ul li.open li.brands li.current a, #categories ul li.current li.brands li.current a
{
    c2olor: #fff416;
}

#breadcrumb {
	margin:				10px;
	font-weight:	bold;
}

#breadcrumb a {

}

#back-link 
{
    margin-top:         5px;
}

#sort-options 
{
    text-align:         right;
    margin-right:       6px;
    margin-top:         -28px;
    font-size:          11px;
}

#sort-options select 
{
    font-size:          11px;
    background-color:   #8054ad;
    color:              #fff;
    vertical-align:     middle;
    margin-left:        2px;
}

#articles 
{
}

#articles .article 
{
    margin:             10px;
    width:              440px;
    background-color:   #f0f0f0;
}

#articles .article h3
{
    padding:            5px;
    margin:             0;
    font-size:          14px;
    line-height:        16px;
    text-transform:     uppercase;
}

#articles .article p
{
    padding:            0 5px 5px 5px;
    margin:             0;
}

#articles .article a
{
    display:            block;
    font-weight:        bold;
    padding:            5px;
}


#products {

}

#products .product {
	margin:				10px;
	padding:			5px;
	width:              430px;
	min-height:		64px;
	background-color: #e0e0e0;
	overflow:         hidden;
}

#products .odd {
	background-color: #f0f0f0;
}

#products .product .thumb {
	float: 				left;
	width: 				64px;
	margin-right: 5px;
}

#products .product .details {
	float:				left;
	width:				270px;
}

#products .product .details .name {
	font-weight: 	bold;
	margin-bottom:	5px;
}

#products .product .details .description {
	
}

#products .product .price-more-info {
	float:				right;
	width:				80px;
	margin-left:	5px;
	text-align:		center;
}

#products .product .price-more-info .price {
	color:				#639;
	font-size:		14px;
	font-weight:	bold;
	margin-top:		10px;
}

#products .product .price-more-info .price span 
{
    display:        block;
    text-decoration: line-through;
    font-weight:    normal;
}

#products .product .price-more-info .more-info {
  margin-top:		15px;
	width:				62px;
	height:				20px;
}

#products .product .price-more-info .more-info a {
  display:			block;
	float:				left;
	width:				62px;
	height:				20px;
	text-align:		center;
	background-image: url(../Images/more-info-button-bg.gif);
	line-height:	18px;
	color:				#FFF;
	font-weight:	bold;
}

#products .product .price-more-info .more-info a:hover {
	color:				#fff416;
}

#pager {
	margin:				10px;
	border-top:		1px solid #EEE;
	padding-top:	10px;
}

#pager #items {
	float: 				left;
	width:				180px;
}

#pager #pages {
	float:				left;
	width:				160px;
}

#pager #pages a {
	font-weight:	bold;
}

#pager #prev-next {
	float:				right;
	text-align:		right;
}

#pager #prev-next a {
	display:			block;
	float:				left;
	width:				38px;
	height:				16px;
	margin-left:	5px;
	text-align:		center;
	background-image: url(../Images/prev-next-button-bg.gif);
	line-height:	15px;
	color:				#FFF;
	font-weight:	bold;
}

#pager #prev-next a:hover {
	color:				#fff416;
}

.block {
  margin-bottom:	4px;
}

.block h3 {
	background-color:	#603a8d;
	color:				#fff416;
	font-size:		12px;
	padding:			10px;
	margin:				0;
}

.block .product {
	margin:				0;
	padding:			4px 4px 0 4px;
	_height:			60px;
	min-height:		60px;
}

.block .odd {
	background-color: #f0f0f0;
}

.block .product .thumb {
	float: 				left;
	width: 				70px;
}

.block .product .details {
	float:				left;
}

.block .product .details .brand {
	font-weight: 	bold;
}

.block .product .details .name {
	
}

.block .product .details .price {
	font-weight:	bold;
}

.block .product .details .price span 
{
    font-weight:    normal;
    text-decoration: line-through;
    padding-right:   5px;
}

#product-details 
{
    margin:             10px;
    padding:            5px;
    background-color:   #e0e0e0;
    width:              430px;
	overflow:           hidden;
}

#product-details #images
{
    width:              205px;
    float:              left;
}

#product-details #images .image a
{
    font-size:          10px;
}

#product-details #name-price
{
    width:               220px;
    float:               right;
}

#product-details #name-price #name
{
    font-size:		16px;
	font-weight:bold;
}

#product-details #name-price #price-contact
{
    background-color: #cfaaff;
    padding:          10px;
    text-align:       center;
    margin:           20px 0 10px 0;
}

#product-details #name-price #price-contact #price
{
    color:			#639;
	font-size:		14px;
	font-weight:	bold;
	margin:		    0 auto;	
}


#product-details #name-price #price-contact #price span
{
    text-decoration: line-through;
    font-weight:    normal;
}

#product-details #name-price #price-contact #contact
{
    margin:		    10px auto 0 auto;
}

#product-details #other-images
{
    margin-top:      20px;
}

#product-details #other-images, #product-details #other-images .image a
{
    font-size:        10px;
}

#product-details #other-images .image 
{
    float: left;
    margin: 5px 10px 0 0;
}


#product-details #name-price #contact a
{ 
    display:			block;
	width:				142px;
	height:				20px;
	text-align:		center;
	background-image: url(../Images/enquire-about-this-item-button-bg.gif);
	line-height:	18px;
	color:				#FFF;
	font-weight:	bold;
}
#product-details #name-price #contact a:hover
{
    color:				#fff416;
}

#product-details #details
{
    clear:          both;
}

#product-details #details #discription
{
}

#product-details #details #information
{
    margin-top:        10px;
}

#contact 
{
    margin:             10px;
}

#hire
{
		margin:							10px;
}

table.form 
{
    background-color:   #e0e0e0;
    width:              100%;
    padding:            5px;
}

table.form tr td
{
    width:              280px;
}

table.form tr td.label
{
    width:              200px;
}

table.form tr td input, table.form tr td textarea
{
    font-weight:        bold;
    width:              280px;
}

table.form tr td input.checkbox, table.form tr td .checkbox input, table.form tr td input.radiobutton, table.form tr td .radiobutton input
{
		width:							auto;
		margin-right:				10px;
}

table.form tr td textarea
{
    height:             60px;
}

table.form tr td a.button {
	display: 			block;
	float:				left;
	width:				58px;
	height:				20px;
	margin:				5px 0 0 4px;
	background:		url(../Images/search-button-bg.gif) no-repeat top left;
	padding:			0;
	text-align:		center;
	line-height:	18px;
	color:              #FFF;
	font-weight:        bold;
}
table.form tr td a.button:hover 
{
    	color:				#fff416;
}

#links
{
    margin:             0 10px;
}

#links p
{
}

#links h3
{
    font-size:          14px;
    line-height:        16px;
}

#links dl
{
    margin-left:        10px;
}

#links dl dt
{   
    font-weight:        bold;
    margin-top:         10px;
}

#links dl dd
{
    margin-left:        0;
}