/*		general rules
--------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6,
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{margin: 0;padding: 0;}
body{
		font: 62.5%/1.6em Verdana, Arial, sans-serif; 
		color: #000;
		background: #FFF;
		text-align: center;
		padding-bottom: 20px;
		}
ul{list-style-type: none;}
a:link,a:visited{
		color: #ae1b26;
		text-decoration: none;
		}
a:hover{color: #000;}
fieldset, img{border: 0;}
.aleft{
	float: left;
	margin: 0 10px 5px 0;
	}
#container{
		margin: 0 auto;
		text-align:  left;
		width: 920px;
		font-size: 1.2em;
		background: #fff url(../i/bg-container.gif) repeat-y 0 0;
		}
#head{
		height: 141px;
		position: relative;
		}
#logo{
		height: 119px;
		}
#sidebar{
		width: 165px;
		float: left;
		}
#nav{
	margin: 10px 0 0 5px;
	}
#content{
		width: 755px;
		float: right;
		}
#main-content{
	width: 504px;
	float: left;
	}
.col #main-content{
	width: 740px;
	}
.cols #main-content{
	width: 466px;
	}
#main-content-inner{
	margin: 0 10px 0 30px;
	}
#sd2{
	float: left;
	width: 235px;
	overflow: hidden;/*fix ie6 bug*/
	}
.cols #sd2{
	width: 274px;
	margin-top: 20px;
	}

/*	FOOTER
------------------------------------------------------------*/
#footer{
	position: relative;
	clear: both;
	border-top: 1px solid #cccdce;
	border-bottom: 1px solid #cccdce;
	padding: 10px 0;
	margin: 30px 0 20px 30px;
	color: #999;
	}
#footer span{
	position: absolute;
	top: 10px;
	right: 0;
	}
#footer a{
	color: #999;
	text-decoration: underline;
	}
#footer a:hover{
	text-decoration: none;
	}
.subfooter{
	clear: both;
	border-top: 1px solid #cccdce;
	padding: 10px 0 0;
	margin: 30px 0 0 30px;
	color: #858585;
	}
/*		LOGO
-------------------------------------------------------------------*/
#logo h1{
		text-indent: -9999px;
		height: 119px;
		}
#logo h1 a{
		display:block;
		width:119px;
		height:119px;
		margin-left:775px;
}
#head p{
	font-size: .9em;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
	}
#head p#h-info{
	position: absolute;
	top: 5px;
	right: 15px;
	height: 15px;
	line-height: 15px;
	}

/*		NAVIGATION
-------------------------------------------------------------------*/
#nav h3{
	background: transparent url(../i/red-h.gif) no-repeat 0 0;
	height: 27px;
	line-height: 27px;
	font-size: 1.1em;
	padding: 0 0 0 20px;
	color:#fff;
	}
#nav h3 a{
	color: #fff;
	}
#nav h3 a:hover{
	color:#FFCC66;
	}
#nav ul{
	margin: 0 0 10px 0;
	}
#nav li{
	background: #f6f2f2 url(../i/nav.jpg) repeat-x 0 100%;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	}
#nav li a{
	background: transparent url(../i/arrow.gif) no-repeat 8px 2px;
	padding: 0 0 0 24px;
	font-weight: bold;
	line-height: 26px;
	font-size: .9em;
	}

/*		CUSTOMIZE
-------------------------------------------------------------------*/
#customize{
	background: transparent url(../i/colour-bg.jpg) no-repeat 0 0;
	width: 235px;
	height: 216px;
	position: relative;
	margin: 6px 0 0 0;
	}
#customize h3{
	font: 1.9em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 40px 20px 20px 75px;
	text-align: center;
	}
#customize p{
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 1em;
	width: auto;
	text-align: center;
	padding: 5px 0 0 0;
	}
#customize div{
	margin: 0 0 0 80px;
	}
#bbag{
	background: transparent url(../i/bargain-bg.jpg) no-repeat 0 0;
	height: 66px;
	margin: 0 0 0 20px;
	}
#bbag p{
	padding: 17px 0 0 70px;
	font-size: 1.2em;
	font-weight: bold;
	}
#bbag a{
	font-size: .75em;
	display: block;
	padding: 2px 0 0 0;
	}
/*		SD2 PURCHASE
-------------------------------------------------------------------*/
#sd2 p.locked{
	background: transparent url(../i/lock.gif) no-repeat 0 3px;
	padding: 0 20px 15px 25px;
	border-bottom: 1px solid #cccdce;
	}
#sd2 p.purchase{
	background: transparent url(../i/purchase.gif) no-repeat 0 0;
	height: 27px;
	line-height: 27px;
	padding: 0;
	width: 179px;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
	}
#sd2 p.purchase a{
	color: #fff;
	}
#sd2 p.purchase a:hover{
	color: #000;
	color:#FFCC66;
	}

#specs{
	color: #666;
	border-top: 1px solid #cccdce;
	border-bottom: 1px solid #cccdce;
	}
#specs .enlarge{
	background: transparent url(../i/magnifier.gif) no-repeat 5px 7\px;
	padding: 7px 0 5px 28px;
	}
.features{
	position: relative;
	height: 50px;
	}
.spec{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../i/m-ipod.gif) no-repeat 0 0;
	position: absolute;
	}
.ipod{
	background: transparent url(../i/m-ipod.gif) no-repeat 0 0;
	height: 34px;
	left: 5px;
	width: 75px;
	top: 4px;
	}
.bluetooth{
	background: transparent url(../i/bluetooth.gif) no-repeat 0 0;
	height: 29px;
	left: 98px;
	width: 117px;
	top: 8px;
	}
.ipod a{
	display: block;
	height: 34px;
	width: 75px;
	}
.bluetooth a{
	display: block;
	height: 29px;
	width: 117px;
	}
#sd2 p.more{
	background: transparent url(../i/plus.gif) no-repeat 5px 0;
	padding: 0 20px 0 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 16px;
	line-height: 16px;
	}
/*		N-SIGNUP
-------------------------------------------------------------------*/
#n-signup{
	background: transparent url(../i/newsletter-bg.jpg) no-repeat 0 0;
	height: 216px;
	margin: -15px 0 0 20px;
	padding: 0;
	}
#n-signup h3{
	font: 1.9em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 90px 5px 15px;
	margin: 0 0 0 0;
	}
#n-signup p{
	font-size: .9em;
	padding: 15px 10px 5px 15px;
	font-weight: bold;
	}
#n-signup div{
	margin: 0 0 0 15px;
	}
#n-signup label{
	font-size: .9em;
	font-weight: bold;
	}

#n-signup div p{
	text-indent: 0;
	font-size: .8em;
	padding: 5px 15px 0 0;
	font-weight: normal;
	}
.go{
	vertical-align: bottom;
	}
/*		LOGOS
-------------------------------------------------------------------*/
#logos{
		margin: 20px 0;
		}

/*		MAIN-CONTENT
------------------------------------------------------------------------*/
.product { float: left; width: 109px; margin: 0 6px 10px 0; display: inline;
line-height: 1.3em; height: 170px; overflow: visible; text-align:center; }
.product-image { border: 1px solid #cccdce; width:107px; height:107px; }
.product-image img { margin:3px; }
.product h4 { font-size:0.9em!important; font-weight:bold!important;margin-top:0!important;}
.product em { font-style: normal; display: block; }
.product span { font-size:0.9em; margin:0; padding:0; display:block; }

#main-content h2{
	font-size: 1.9em;
	line-height: 2em;
	font-weight: normal;
	}
#main-content h3{
	font-size: 1.9em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 10px 0 0;
	clear: both;
	}
#main-content h4{
	font-size: 1.7em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 10px 0 0;
	clear: both;
	}
#main-content p{
	padding: 10px 0;
	}
.emp{
	color: #e5a73d;
	}
#main-content-inner p {
	text-align:justify;
	clear:both
	}
#main-content-inner ul{
	margin: 0 10px;
	}
#main-content-inner li{
	margin: 10px 0;
	padding: 0 0 0 20px;
	background: transparent url(../i/square.gif) no-repeat 0 4px;
	}
.title{
	font-weight: bold;
	}
#main-content p.bordered{
	border-bottom: 1px solid #b9babb;
	padding-bottom: 20px;
	}
/*	detalis		-----------------------------------------------*/
#main-content p.alert{
	font-weight: bold;
	background: transparent url(../i/alert.gif) no-repeat 0 5px;
	padding-left: 40px;
	font-size: 1.2em;
	}
#colours p a{
	float: left;
	display: inline;
	margin: 0 10px 0;
	}
/*-------------------------------------------------------------*/

/*	CART
---------------------------------------------------------------*/
#cart-info{
	height: auto !important;
	height: 1%;
	}
#cart-info:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
#sug{
	float: left;
	width: 300px;
	}
#cartitems{
	float: right;
	width: 360px;
	border-left: 1px solid #b9babb;
	padding: 0 0 0 20px;
	}
#cart-info h3{
	margin: 0;
	padding: 0;
	}
.itemCartNav{
	display: block;
	margin: 10px 0 0;
	}
.itemCart{
	border-bottom: 1px solid #b9babb;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	}
#cart-info p.big{
	background: transparent url(../i/big-red.gif) no-repeat 0 0;
	height: 27px;
	line-height: 27px;
	padding: 0;
	width: 231px;
	text-align: center;
	font-weight: bold;
	}
#cart-info p.big a{
	color: #fff;
	}
#cart-info p.big a:hover{
	color:#FFCC66;
	}

#d-forms{
	height: auto !important;
	padding-bottom: 20px;
	}
#d-forms:after{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}	
#d-form{
	float: left;
	width: 300px;
	}
#p-details{
	float: right;
	width: 360px;
	padding: 0 0 0 20px;
	}
#paymentform h3{
	font-size: 1.7em;
	}
#detailsform fieldset, #paymentform fieldset{
	padding: 10px 20px 20px;
	background: #f5f0f0;
	}
#d-forms label{
	display: block;
	font-weight: bold;
	margin: 10px 0 0
	}
#d-forms label span{
	display: block;
	font-weight: normal;
	}
.wideinput{
	width: 250px;
	}
.card-exp-c{
	height: auto !important;
	height: 1%;
	}
.card-exp-c:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
.card-exp{
	float: left;
	width: 50%;
	}
#p-details p.m-red{
	background: transparent url(../i/m-red.gif) no-repeat 0 0;
	height: 27px;
	line-height: 27px;
	padding: 0;
	width: 144px;
	text-align: center;
	font-weight: bold;
	float: right;
	margin-top: 20px;
	}
#p-details p.m-red a{
	color: #fff;
	}
#p-details p.m-red a:hover{
	color:#FFCC66;
	}
.total{
	font-size: 1.5em;
	float: left;
	margin-top: 14px;
	}
/*	FORMs
---------------------------------------------------------------*/
input,textarea,select{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
#contactform{
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	}
#contactform label{
	display: block;
	font-weight: bold;
	}
#contactform .row{
	height: 34px;
	}
#contactform .row label{
	float: left;
	width: 30%;
	}
#contactform .row input{
	float: right;
	width: 60%;
	}
#contactform textarea{
	width: 460px;
	height: 140px;
	}
.submit{
	background: #f0f0f0;
	margin: 5px 0;
	font-weight: bold;
	}
.subt{
	display: block;
	font-weight: bold;
	}
#newsletterform label{
	display: block;
	font-weight: bold;
	}
#newsletterform .row{
	height: 30px;
	margin: 10px 0 0 0;
	}
#newsletterform .row label{
	display: inline;
	}
#nsemail{
	width: 280px;
	}
	
#colorbar{
	background: transparent url(../i/colorbar.gif) no-repeat 0 0;
	height: 37px;
	margin: 0 0 20px 0;
	position: relative;
	}	
#colorbar h3{
	font-size: 1.4em;
	line-height: 37px;
	padding: 0 0 0 70px;
	margin: 0;
	}
#colorbar div{
	position: absolute;
	top: 10px;
	right: 20px;
	}
	
#colorbar div .go{
	position: absolute;
	top: 0;
	right: 0;
	}
#colorbar div select{
	position: absolute;
	top: 0;
	right: 50px;
	}
#logo h1{ background: transparent url(../i/homepage/logo.jpg) no-repeat 0 0;}


#main-content-bottom{
clear:both;
}

#pagebar{
border-top:#ccc solid 1px;
height: 37px;
margin: 20px 0 20px 0;
position: relative;
clear:both;
}
#pagebar span{
position: absolute;
top: 10px;
right: 0;
}

#cartbar{
border:#ccc solid 1px;
margin: 20px 0 5px 0;
position: relative;
}
#cartbar p{
margin-left: 20px;
}

.main-img { text-align:center; }

#main-content-attributes{clear:both; background: transparent url(../i/gradient.gif) no-repeat 0 15px; padding-top:15px;}

.paymenterror { background-color: #009933; color:#FFFFFF;}