/*	ALL SITE SETTINGS
	 -----------------------*/
  	body {
		margin:0;
		padding:0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		
		color:#999;
	}
	
	form,ul,p,h1,h2,h3,h4,h5,h6 {
		margin:0;
		padding:0;
	}
	
	img {
		border:none;
	}
	
	ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	/*		CLEAR FIX
	***************************************/
	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		height:0pt;
		visibility:hidden;
	}
	* html > body .clearfix {
		display:block;
		width:100%;
	}
	* html .clearfix {
		height:1%;
	}
	.clearfix {
		display:block;
	}
	
	a {
		text-decoration:none;
		outline:none;
		color:#999;
	}
	/*		STRUCTURE
	 --------------------*/
	#logo {
		padding-left:15px;
	}
	
	#wrapper {
		width:960px;
		/*border:1px solid black;*/
		position:relative;
		margin:auto;
	}
	
	#left {
		width:315px;
		float:left;
		
	}
	
	#left-home {
		width:187px;
		float:left;
		
	}
	
	#right {
		width:640px;
		float:right;
		overflow:hidden;
	}
	
	#right-home {
		width:768px;
		float:right;
		overflow:hidden;
	}
	
	
	/*	MENU
	------------------*/
	#loggedin {
		background:#000;
		background:url(/images/50opacity.png) top left;
	}
	
	#menu-wrapper {
		behavior: url(/css/iepngfix.htc);
		z-index:0;
		min-height:450px;
	}
	
	#menu-wrapper a {
		font-weight:normal;
		font-size:11px;
		display:block;
	}
	
	#menu-wrapper li.subitem a {
		font-weight:normal;
	}
	
	#menu-wrapper a:hover {
		color:#FFF;
	}
	
	#menu_col1 {
		width:187px;
		float:left;
		padding-top:10px;
	}
	
	#menu_col1 li {
		padding-left:5px;
	}
	
	#menu_col1 li.subitem {
		position:relative;
	}
	
	#menu_col1 li.topactive a{
		color:#FFF;
	}
	
	#menu_col1 li.active,#menu_col1 li:hover {
		background:#000;
	}
	
	#menu_col1 li.active a,#menu_col1 li:hover a {
		color:#FFF;
	}
	
	#menu_col2 {
		width:128px;
		float:right;
		background:#000;
		padding-top:10px;
		margin-top:1px;
		#padding-top:31px;
		#margin-top:0px;
	}
	
	#menu_col2 li a {
		font-weight:normal;
	}
	
	#menu_col2 li a:hover {
		font-weight:bold;
	}
	
	#menu_col2 ul li {
		padding-left:10px;
	}
	
	#menu-wrapper li {
		border-bottom:1px solid #333;
	}
	
	#menu-wrapper li a {
		font-size:12px;
		padding:3px 0 3px 2px;
	}
	
	
	
	#menu-wrapper li ul {
		
	}
	
	
	div.home #menu-wrapper li {
		border:none;
	}
	
	#menu-wrapper li.subitem {
		padding-left:15px;
	}
	
	#menu-wrapper li.active a {
		color:#FFF;
	}
	
	#menu2 {
		border-top:1px solid #333;
		margin-top:18px;
	}
	
	#menu2, x:-moz-any-link {
		border-top:1px solid #333;
		margin-top:20px;
	}
	
	#menu3 {
		top:-1px;
		position:absolute;
		left:182px;
		width:128px;
		margin-left:5px;
		border-top:1px solid #333;
	}
	
	#parentmenu #menu3 li a {
		color:#CCC;
	}
	
	#parentmenu #menu3 li.active a,#parentmenu #menu3 li a:hover {
		color:#FFF;
		font-weight:bold;
	}
	/*
	#menu2 {
		border:none;
	}
	*/
	#menu2 li {
		
	}
	
	
	#product_cat li {
		width:213px;
		float:left;
		margin-top:3px;
	}
	
	#product_cat {
		margin-top:10px;
		margin-left:1px;
	}
	
	#item_pics img {
		margin-right:5px;
		margin-top:6px;
	}
	
	#item_details {
		padding:10px;
		background:#000
	}
	
	#item_details div.title {
		color:#FFF;
		font-weight:bold;
		padding:0 0 3px 0;
	}
	
	#item_details div.description {
		float:left;
		padding-left:9px;
		min-height:130px;
		height:auto;
		color:#DDD;
		border-left:1px solid #333;
		
		border-right:1px solid #333;
	}
	
	/*\*/
	* html #item_details div.description {
		height: 130px;
	}
	/**/

	
	div.colors {
		width:33%;
		float:left;
	}
	
	li.out {
		border:none;
	}
	
	div.listcolors {
		margin-top:10px;
		padding-right:10px;
	}
	
	div.listcolors ul li {
		width:49%;
		padding-bottom:5px;
	}
	div.listcolors ul.float li {
		float:left;
	}
	
	div.listcolors ul li span {
		margin-left:5px;
	}
	
	div.listcolors ul li:hover img {
		
	}
	
	#item_details div#colordetails {
		float:left;
		width:15%;
		min-height:130px;
		padding-left:10px;
		color:#DDD;
	}
	
	
	#buttons li {
		cursor:pointer;
	}
	
	#buttons li:hover {
		color:#FFF;
	}
	
	a.color-a-menu-item.active {
		color:#FFF;
	}
	
	.color-menu-item a {
		color:#CCC;
		text-decoration:none;
	}
	
	.color-menu-item a img {
		border:1px solid #999;
	}
	
	
	
	
table.tabular {
	border-collapse:collapse;
}

table.tabular th{
	background:#404040;
	color:#CCC;
	padding:3px 0;
}

table.tabular td {
	padding:13px 0;
	border-bottom:1px solid #333;
}

#media {
	background:url(/images/media.jpg) top left no-repeat;
	min-height:500px;
	padding:10px 25px 0 25px;
}

#media  a{
	color:#FFF;
}


table.columns td {
	vertical-align:top;
}

table.columns p {
	padding:0 25px 30px 25px;
}

#normal-content p {
	padding:0 10px 10px 10px;
}

#normal-content table ul {
	list-style:disc;
	padding-left:10px;
	margin-left:13px;
}

table.columns strong {
	color:#FFF;
}

img,.png{
	/*
	For somereason, htc file need to be called from the same level as the HTML page,
	hough the htc file is actually placed in the same folder as CSS file.
	blank.gif file needs to be in the folder called "images" on the same level as HTML page
	also, width and height must be defined.
	*/
	behavior: url(/css/iepngfix.htc);
	z-index:0;
} 

#product_cat li.item div.caption {
	color:#CCC;
	background:#000;
}


#product_cat li.item div.caption {
	padding:5px 0;
	width:208px; 
	background:#000;
	font-size:13px;color:#CCC;
	
}

div.caption span {
	padding:7px;
}

#home {
	top:162px;
	position:absolute;
	#position:relative;
}


		#temperature div.title {
			background:#000;
			padding:10px 15px;
		}
		
		div.forecast span.city  {
			color:#FFF;
			font-size:12px;
			margin-top:10px;
			display:block;
			text-align:center;
		}
		
		div.forecast span.celcius  {
			color:#FFF;
			font-size:20px;
			text-align:center;
			display:block;
		}
		
		#temperature{
			position:relative;
			width:80px;
			overflow:hidden;
			height:80px;
			height:90px;
		}
		
		#weather-box{
			position:absolute;
		}
		
		#weather-box div{
			width:80px;
			float:left;height:80px;
			#height:90px;
		}
		
		#dimensions{
			position:absolute;
		}
		
		#dimensions div{
			float:left;
			width:200px;
			float:left;height:200px;
			#height:210px;
		}
		
		#dimensions ul.block li{
			display:block;
		}
		
		
		
		#prev, #next {
			font-weight:bold;
			cursor:pointer;
			padding:3px;
		}
		
		
		#loginbox, #searchbox {
					margin-top:5px;
				}
				#loginbox input.field, #searchbox input.field {
					border:1px solid #CCC;
					height:12px;
					font-size:10px;
				}
				
				#loginbox label, #searchbox label {
					display:block;
					float:left;
					width:55px;
				}
				
				#loginbox div, #searchbox div{
					margin:2px 0;
				}
				
				#loginbox div.button, #searchbox div.button {
				}
				
				#loginbox div.button input, #searchbox div.button input {
					
					border:1px solid #CCC;
				}
	
				#sitemap {
					background:#000;
					padding:10px;
					margin-top:223px;#margin-top:247px;
				}
				#sitemap a {
					color:#FFF;
				}
				
				#sitemap {
					color:#FFF;
				}
				
#item_details .description ul {
	list-style:disc;
	padding:0;
	margin:0;
	margin-left:14px;
}

#tradeprice {
	color:#999;
	font-size:30px;
	padding-top:2px;
}

#handle span {
	cursor:pointer;
	margin-right:1px;
	color:#666;
}

#handle span.active {
	font-weight:bold;
	color:#FFF;
}



	form {
		margin:0;
		padding:0;
	}
	
	form.theform div{
		padding:3px 0;
	}
	
	form.theform label {
		display:block;
		padding:2px 0;
	}
	
	form.theform input,form.theform textarea,form.theform select {
		background:#333;
		border:none;
		color:#FFF;
		padding:2px;
		padding:4px 2px
	}
	
	div.contact-details {
		padding-left:20px;
	}
	
	div.no-indent {
		padding-left:0;
	}
	
	div.contact-details  a {
		color:#CCC;
	}
	
	div.contact-details h3 {
		color:#FFF;
		font-size:12px;
	}
	
	span.tel, span.fax, span.email, span.web {
		color:#FFF;
	}
	
	#normal-content table div.title {
		font-weight:bold;
		font-size:14px;
		color:#FFF;
	}
	
	#normal-content table div.title div {
		font-weight:normal;
		font-size:11px;
		color:#999999;
	}
	
	div.collapsed {
		display:none;
	}
	
	div.expanded {
		display:block;
		margin-bottom:10px;
	}
	
	div.collapsible {
		cursor:pointer;
	}
	
	div.collapsible strong {
		color:#CCC;
	}
	
	div#results
	{
		background: none repeat scroll 0 0 #000000;
		margin-top: 5px;
		padding:10px;
	}
	div#display
	{
		margin-bottom:10px;
	}
	div#results p.prenext
	{
		float:right;
		color:#FFFFFF;
	}
	div#results p.prenext a {
		color:#FFFFFF;
	}
	div#results ul li 
	{
		margin-bottom:10px;
	}
	div#results p.search-title, div#results p.search-title a
	{
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
	}
	div#results p.search-summary
	{
		padding: 0 10px 10px;
		padding-top:10px;
	}
	div#results-header
	{
		background: none repeat scroll 0 0 #000000;
		margin-top: 137px;
		padding:10px;
	}
	div#results-header h1 {
		color:#FFFFFF;
	}