@import url('shop.css');
@import url('order.css');
@import url('userinfo.css');

body {
	margin: 0px;
	padding: 0px;

	background: #000;
	
	color: #fff;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;

	text-align: center;
}

img {
	border: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	font-size: 20px;
	color: #fdc613;
	font-weight: bold;
}

	div#left h4 {
		margin: 0px;
		padding: 0px;
		line-height: 32px;
		font-size: 26px;
		color: #fdc613;
		font-weight: bold;
	}

h2 {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

a {
	color: #fdc613;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

p {
	margin: 0px;
	padding: 0px 0px 18px 0px;
}

	p.center {
		text-align: center;
	}

td {
	font-size: 12px;
	line-height: 18px;
}

fieldset {
	border: 0px;
	padding: 0px;
}

fieldset legend {
	color: #fff;
}

.required-error {
	color: red;
}

div#container {
	width: 973px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
}

div#top {
	width: 973px;
	height: 94px;
	
	background: url(../images/2008/header.jpg) no-repeat;
}

	div#top div#logo {
		width: 280px;
		height: 94px;
		
		float: left;
	}
	
		div#top div#logo a {
			display: block;
			width: 280px;
			height: 94px;
		}
		
			div#top div#logo a span {
				display: none;
			}
			
	div#top div#contact {
		width: 430px;
		float: right;
		padding: 10px 0px 0px 0px;
		
		font-size: 11px;
		line-height: 15px;
	}
	
			div#contact div.cmsLanguageImages {
				width: 100px;
				float: right;
				text-align: right;
			}
	
				div#contact div.cmsLanguageImages img {
					margin: 0px 10px 15px 0px;
				}	
	
		div#top div#contact table {
			clear: both;
		}
		
		div#top div#contact td {
			font-size: 11px;
			line-height: 15px;
		}
	
		div#top div#contact a {
			color: #fff;
			text-decoration: underline;
		}
		
		div#top div#contact a:hover {
			color: #fff;
			text-decoration: none;
		}		
		
		div#top div#contact p {
			margin: 0px;
			padding: 0px;
			
			color: #6b6b6b;
		}

div#flash img,
div#flash {
	width: 973px;
	height: 173px;
	display: block;
}
		
div#menu {
	width: 973px;
	height: 37px;
	
	background: url(../images/2008/menu.gif);
}

	div#menu div#search {
		width: 225px;
		float: right;
		margin: 0px 6px 0px 0px;
	}
	
		div#menu div#search form {
			display: inline;
		}
	
		div#menu div#search form input.text {
			font-size: 11px;
			padding: 4px;
			margin: 6px 0px 0px 0px;
			width: 150px;
			background: #bcbcbc;
			border: 1px solid #242424;
			color: #242424;
			float: left;
		}
		
		div#menu div#search input.submit {
			width: 55px;
			float: left;
			background: #0c0c0c;
			color: #fff;
			border: 0px solid #242424;
			margin: 6px 0px 0px 5px;
			padding: 4px;
		}

	div#menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		div#menu ul li {
			margin: 0px 10px 0px 10px;
			padding: 9px 0px 0px 0px;
			float: left;
		}
		
		div#menu ul li a {
			color: #fff;
			text-decoration: none;
		}
		
		div#menu ul li.active a,
		div#menu ul li a:hover {
			color: #fdc613;
			text-decoration: none;
		}

div#left {
	width: 284px;
	float: left;
}

		div#left a.active {
			color: #fff;
		}

	div#left div.space {
		padding: 0px 10px 0px 10px;
		margin: 10px 0px 10px 0px;
		border-right: 1px solid #151514;
	}

	body.home div#left p {
		color: #9c9b99;
	}

	body.home div#left {
		width: 250px;
		margin: 0px 0px 0px 0px;
	}

	body.home div#left div.space {
		padding: 0px 10px 0px 10px;
		border-right: none;
	}

div#middle {
	width: 689px;
	float: left;
}

	body.home div#middle {
		width: 700px;
		float: left;
	}
	
		body.home div#middle div.space {
			padding: 10px 10px 10px 20px;
		}
	
	div#middle div.space {
		padding: 10px 0px 10px 10px;
		margin: 0px;
	}	

div#right {
	width: 435px;
	float: left;
}

	* html div#right {
		width: 420px;
	}


		body.home div#right h2 {
			padding-top: 12px;
		}
		
		body.home div#right img {
			width: 160px;
			height: 100px;
			margin: 0px 10px 10px 0px;
		}

	div#right div.space {
		padding: 0px 10px 0px 10px;
		margin: 10px 0px 10px 0px;
		border-left: 1px solid #151514;
	}

div#footer {
	width: 973px;
	height: 27px;
	
	background: url(../images/2008/footer.gif);
	
	text-align: center;
	font-size: 10px;
	
	margin: 10px 0px 10px 0px;
}

		* html div#footer {
			margin: 27px 0px 10px 0px;
		}

	div#footer div.space {
		padding: 5px 0px 0px 0px;
	}
	
	div#footer a {
		color: #686969;
		text-decoration: none;
	}
	
	div#footer a:hover {
		color: #fff;
		text-decoration: none;
	}	
	
	
/* shop home product */
body.home div#left div.shopContainer {
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

	body.home div#left div.shopContainer p {
		margin: 0px;
		padding: 3px 0px 2px 0px;
	}
	
	body.home div#left div.shopContainer div.product p {
		margin: 0px;
		padding: 0px;
	}

	body.home div#left div.shopContainer div.product {
		width: 55px;
		float: left;
		height: 55px;
		position: relative;
		margin: 0px 5px 5px 0px;
		background: none;
		overflow: hidden;
	}
	
	body.home div#left div.shopContainer div.product img {
		width: 55px;
	}
	
	body.home div#left div.shopContainer div.product a:hover img {
		
	}	

/* shop category */
div.shopContainer div.category {
	width: 159px;
	float: left;
	height: 180px;
	position: relative;
	margin: 0px 10px 10px 0px;
	background: #fff;
}

	div#middle div.shopContainer div.category img {
		margin: 10px 0px 5px 0px;
	}
	
	div.shopContainer div.category a:hover img {

	}
	
	div.shopContainer div.category strong {
		position: absolute;
		bottom: 0;
		display: block;
		width: 159px;
		background-color: #fdc613;
	}
	
	div.shopContainer div.category strong a {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		text-decoration: none;
		color: #000;
	}
	
	div.shopContainer div.category strong a:hover {
		text-decoration: underline;
		color: #000;
	}

/* shop product */
div.shopContainer div.product {
	width: 159px;
	float: left;
	height: 180px;
	position: relative;
	margin: 0px 10px 10px 0px;
	background: #fff;
}

	div#middle div.shopContainer div.product img {
		margin: 10px 0px 5px 0px;
	}
	
	div.shopContainer div.product a:hover img {
		
	}
	
	div.shopContainer div.product strong {
		position: absolute;
		bottom: 0;
		display: block;
		width: 159px;
		background-color: #fdc613;
	}
	
	div.shopContainer div.product strong a {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		text-decoration: none;
		color: #000;
	}
	
	div.shopContainer div.product strong a:hover {
		text-decoration: underline;
	}	

div#middle fieldset span.fieldError,
span.fieldError {
	color: red;
	clear: both;
	display: block;
}

div#middle img {
	margin: 0px 10px 10px 10px;
}

/* form left */
div#left fieldset label {
	width: 110px;
	float: left;
	color: #a39e8d;
}

div#left fieldset input.inputText {
	width: 130px;
	float: left;
	margin: 0px 5px 5px 0px;
	
	background: #2c2b28;
	border: 1px solid #646157;
	color: #fff;
}

	div#left fieldset input.inputFieldError {
		border: 1px solid red;
	}

div#left fieldset div.formField {
	clear: both;
}

div#left fieldset input.inputSubmit {
	margin: 0px 0px 0px 110px;
	background-color: #a39e8d;
	color: #000;
	border: 1px solid #fff;
	font-size: 10px;
	font-weight: bold;
}

span.fieldError {
	margin: 0px 0px 10px 110px;
	display: block;
}

/* form middle */
div#middle fieldset label {
	width: 150px;
	float: left;
	color: #a39e8d;
}

div#middle fieldset input.inputText {
	width: 220px;
	float: left;
	margin: 0px 5px 5px 0px;
	
	background: #2c2b28;
	border: 1px solid #646157;
	color: #fff;
}

	div#middle fieldset input.inputFieldError {
		border: 1px solid red;
	}
	
div#middle fieldset textarea.inputAreaSmall {
	width: 440px;
	height: 140px;
	float: left;
	margin: 0px 5px 5px 0px;
	
	background: #2c2b28;
	border: 1px solid #646157;
	color: #fff;	
}

	body.empty div#middle fieldset textarea.inputAreaSmall {
		width: 220px;
		height: 50px;
	}

div#middle fieldset div.formField {
	clear: both;
}

div#middle fieldset input.inputSubmit {
	margin: 0px 0px 0px 150px;
	background-color: #a39e8d;
	color: #000;
	border: 1px solid #fff;
	font-size: 10px;
	font-weight: bold;
}

div#middle fieldset span.fieldError {
	margin: 0px 0px 10px 150px;
	display: block;
}

/* register */
div#middle fieldset.login,
div#middle fieldset.register {
	clear: both;
	padding: 10px 0px 0px 0px;
}

div#middle fieldset.login label,
div#middle fieldset.register label {
	float: left;
	width: 150px;
	
	margin: 0px 0px 5px 0px;
}

	div#middle fieldset.login label.fieldset,
	div#middle fieldset.register label.fieldset {
		float: none;
		width: 100%;
		font-weight: bold;
		
		margin: 0px 0px 10px 0px;
	}

div#middle fieldset label {
	float: left;
	width: 150px;
}

div#middle fieldset div.formField {
	padding-bottom: 5px;
}

div#middle fieldset input.inputSubmit {
	margin-left: 150px;
}

div#middle fieldset.login input,
div#middle fieldset.register input {
	float: left;
	width: 200px;
	margin: 0px 200px 5px 0px;
	
	background: #2c2b28;
	border: 1px solid #646157;
	color: #fff;	
}
	
	div#middle fieldset.login input.inputSubmit,
	div#middle fieldset.register input.inputSubmit {
		width: 110px;
		margin: 30px 0px 0px 150px;
		
		background-color: #a39e8d;
		color: #000;
		border: 1px solid #fff;
		font-size: 10px;
		font-weight: bold;		
	}

div#middle fieldset.login legend {
	display: none;
}

div#middle fieldset legend {
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
}

/* left menu */

div#left ul {
	margin: 0px;
	padding: 0px 0px 13px 0px;
	list-style: none;
}

div#left ul li {
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	font-size: 26px;
	color: #fdc613;
	font-weight: bold;
}

	div#left ul li a {
		color: #fdc613;
		text-decoration: none;
	}

div#left ul ul li {
	margin: 0px;
	padding: 0px 0px 5px 10px;
	background: url(../images/2008/bullet.gif) no-repeat 0px 6px;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: underline;
}

	div#left ul ul li a:hover,
	div#left ul ul li.active a {
		color: #fff;
		text-decoration: underline;
	}
	
/* shop search */
div.shopSearchCategory {
	width: 47%;
	float: left;
}

div.shopSearchProduct {
	width: 47%;
	float: left;
}	

/* shop order button */
a.green {
	background: #349200;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

	a.green:hover {
		background: #fff;
		color: #000;
	}

a.grey {
	background: #666;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

	a.grey:hover {
		background: #fff;
		color: #000;
	}

/* home news */
div.home-block {
	width: 330px;
	float: left;
	padding: 0px 0px 20px 0px;
}

	div#middle div.home-block img {
		margin: 6px 10px 10px 0px;
		float: left;
	}

	div.home-block h2 {
		padding: 0px 10px 0px 0px;
	}

		div.home-block h2 a {
			color: #fff;
			text-decoration: none;
		}

			div.home-block h2 a:hover {
				color: #f9c718;
			}

	div.home-block p {
		padding: 0px 10px 0px 0px;
		color: #9c9b99;
	}
	
/* Search */
div.searchResultsResult {
	padding: 0px 0px 10px 0px;
}

	div.searchResultsResult span.highlight {
		font-weight: bold;
		background: #2f2e2a;
	}

	div.searchResultsResult div.searchResultsUrl a {
		color: #606060;
		text-decoration: none;
		font-size: 10px;
		line-height: 10px;
	}