* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
	}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

a{
color:#000;
}

a{outline:none !important}
a:hover{text-decoration:underline}

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

#container {
	width: 990px;
	margin: 0 auto;
	min-height: 100%;
	background: url(images/containerbg.gif);
	padding-bottom: 50px;
	border-left: 3px solid #5D5D5D;
	border-right: 3px solid #5D5D5D;
	}

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

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline;
}  

    * html .clearfix {height: 1%;}
	.clearfix {display: block;}

/* -------------nav------------------------------------------------------------- */

#nav {
	width: 158px;
	float: left;
	}
	
h4 {
	font-size: 12px;
	height: 18px;
	color: #FFF;
	padding: 3px 0 0 10px;
	}
	
#nav ul {
	list-style-type: none;
	margin-bottom: 0px;
	}
	
#nav a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin: 0 4px auto 4px;
	padding-left: 5px;

	height: 12px;
	padding-top: 10px;
	}


#nav a:hover {
	color: #000;
	font-size: 13px;
	padding-left: 10px;
	}
/* -----------ad--------------------------------------------------------------- */

#ad a {
	width: 160px;
	margin: px auto;
	padding: 0;
	border-bottom : 0;
	height: 200px;
	}

/* -----------rightside--------------------------------------------------------------- */

#rightside {
	float: right;
	width: 830px;
	}
	
/* ----------h1---------------------------------------------------------------- */

h1 {
	height: 60px;
	text-indent: -9999px;
	border-bottom: 1px solid #000000;
	}

/* ------------colourchange-------------------------------------------------------------- */

#colourchange {
	height: 31px;
	text-align: right;
	}
	
#colourchange ul {
	list-style-type: none;
	margin-right: 15px;
	float: right;
	margin-top: 5px;
	}

#colourchange li {
	margin-right: 5px;
	width: px;
	height: px;
	float: left;
	}
	
#colourchange img {
	border: 0;
	}
	
#colourchange img:hover {
	border: #FFF;
	}	
	
/* -----------h2--------------------------------------------------------------- */

h2 {
	height: 14px;
	font-size: 12px;
	border-top: 5px solid #5D5D5D;
	padding: 3px 0 3px 10px;
	color: #000;
	}
	
/* ------------h3-------------------------------------------------------------- */

h3 {
	font-size: 16px;
	color: #000;
	margin: 10px 5px;
	border-bottom: 1px double #000;
	}
	
/* ----------rightside---------------------------------------------------------------- */


#rightside p, a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 10px;
	}
	
#colourchange a {
	margin-left: 0;
	}
	
#rightside a {
	margin: 0;
	}
	
/* -----------------footer--------------------------------------------------------- */
#footer {
        background-color:#666;
	width: 800px;
	margin: 0 auto;
	height: 25px;
	margin-top: -25px;
	text-align: center;
	border-left: 3px solid #5D5D5D;
	border-right: 3px solid #5D5D5D;
	}
	
#footer p, a {
	font-size: 12px;
	color: #FFF;
	margin-center: 300px;
	padding-top: 4px;
	}
	
#footer a {
	margin: 0;
	}

/* -------------------------------gallery------------------------------------------- */




UL#gallery 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left;MARGIN: 0px; LIST-STYLE-TYPE: none;width:100%;  }
UL#gallery LI 
{ MARGIN: 0px; padding:2px; LIST-STYLE-TYPE: nonefont-size:10px; DISPLAY: block;   HEIGHT: 200px; TEXT-DECORATION: none; DISPLAY: inline; FLOAT: left; MARGIN: 0px 0px 5px 5px; WIDTH: 200px; TEXT-ALIGN: center;border:#000 1px dotted; background-color:#;}
UL#gallery IMG {  DISPLAY: block;  border:0px; solid; WIDTH: 200px; HEIGHT: 200px; padding:0px;}


/* ------------------loding-------------------------------------------------------- */


#ap_preroll{width:310px;margin:0 auto}
#ap_preroll #ap_adframe{background:#fff;font-size:0;height:0;margin-bottom:10px;margin-left:1px}
#ap_adtext{margin-bottom:2px;font-weight:normal;font-size:11px;text-align:center;color:#000}
#ap_progressbar{border:1px solid #000000;width:300px;height:12px;position:relative;color:black;margin:0px;font-family:Tahoma,Arial,Verdana;font-size:10px;text-align:left}
#ap_progressbar div.progress{position:relative;width:0;height:100%;overflow:hidden;background-color:#000;text-align:left}
#ap_progressbar div.progress .text{text-align:center !important;color:#FFF;width:300px;display:block !important}
#ap_progressbar div.text{position:absolute;width:100%;height:100%;text-align:center;color:#000}
#ap_skiptext{margin-top:5px;font-family:Tahoma,Arial,Verdana;font-size:10px;text-align:center}
#ap_skiptext a{text-decoration:underline !important;font-family:Tahoma,Arial,Verdana !important;font-size:10px !important}

/*------------------------------------center content--------------------*/

.center_content{
width:810px;
padding:0px 0 0 0;
}
.left_content{
width:810px;
float:left;
padding:5px 0 5px 5px;
}
.title{
color:#000;
padding:0px;
float:left;
font-size:14px;
margin:5px 0 5px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}

/*------------------------------------new_products--------------------*/

.new_products{
clear:both;
padding:0px;
}
.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:2px 0 3px 0;
color:#000;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:140px;
height:120px;
text-align:center;
position:relative;
}
.new_icon{
position:absolute;
top:5px;
right:0px;
z-index:150;
}

/* ----------------------demo-------------------------- */

div.demolayout {
width:700px;
margin: 0 0 10px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #000;

text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {

}

ul.demolayout a.active {

padding-bottom: 5px;
cursor: default;
color:#000;
}

.tabs-container {
clear: left;
padding:0px;
}

/*---favlinks-----------*/

.favlinks {
margin-bottom: 3px;
}
.favtitle {
display: none;
}
.favlist {
}

.favlist-link {
background: url() repeat-x bottom left;
}

.favlink, 
.favlink a:link, .favlink a:active, 
.favlink a:visited {
display: 
font-size: 5px;
padding: 4px;
padding-left: 5px;
background: url() no-repeat center left;
text-decoration: none;
}

.favlink-del {
padding-top: 4px;
float: right;
}

div.favlist-link:hover, div.favlist-link a:hover {
color: #cc0000;
text-decoration: none;
}


.favfooter {
display: block;
text-align: right;
padding: 5px;
}