@import url("reset.css");

/* GENERAL styles */

body {
	margin: 0px;
	padding: 0px;
	background: #050702 url(background.png) no-repeat top center;
	color: #000;
	font-size: 12px;
	font-family: Arial, Sans-serif, Tahoma, Verdana;
	line-height: 1.3;
}

a:link, a:visited {
	color: #35454c;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

input, textarea {
	color: #000;
	font-size: 12px;
	font-family: Arial, Sans-serif, Tahoma, Verdana;
}

strong {
	font-weight: bold;
}

/* LAYOUT styles */

#wrapper1, #wrapper2, #wrapper3 {
	width: 100%;
}

#wrapper2 {
}

#wrapper3 {
}

/* HEADER styles */

#header {
	margin: auto;
	width: 996px;
	height: 339px;
	background: url(header.png) top center no-repeat;
	position: relative;
}

	a.logo {
		display: block;
		width: 199px;
		height: 68px;
		background: url(logo.png) no-repeat;
		float: left;
		margin-left: 7px;
	}


	a.advanced-search {
		position: absolute;
		right: 23px;
		top: 158px;
		font-size: 11px;
		text-decoration: none;
	}

	#lang {
		height: 30px;
		position: absolute;
		top: 10px;
		right: 30px;
		color: #ffffff;
	}

		#lang a {
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
		}

	#menu {
		margin: 0px;
		padding: 0px 10px;
		width: 714px;
		height: 36px;
		list-style: none;
		clear: left;
	}
		#menu li {
			float: left;
		}

			#menu li a {
				display: block;
				font-size: 13px;
				font-weight: bold;
				padding: 10px 10px 0px 20px;
				height: 18px;
				text-decoration: none;
				white-space: nowrap;
				color: #fff;
			}

			#menu li.current a {
				padding: 10px 20px 0px 20px;
				font-size: 13px;
				height: 26px;
				background: url(menu-btn-sel.png) repeat-x top;
				color: #ffffff;
			}

	.search {
		float: left;
		width: 280px;
		position: absolute;
		top: 306px;
		right: 0px;
	}
		.search input {
			background: #f3f3f3;
			padding: 0 4px;
			position: absolute;
			top: 4px;
			left: 33px;
			width: 171px;
			border: 0px;
			color: #999999;
		}

		.search a.btn {
			display: block;
			position: absolute;
			top: 0;
			right: 6px;
			width: 58px;
			height: 20px;
			padding-top: 4px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font-weight: bold;
			font-size: 11px;
		}

	#cart {
		position: absolute;
		top: 52px;
		right: 20px;
		height: 36px;
	}

		#cart a {
			text-decoration: none;
			font-size: 12px;
			display: block;
			height: 24px;
			width: 130px;
			padding: 5px 0 0 30px;
			color: #ff0046;
			background: url(cart.png) no-repeat 0px 12px;
		}

		#cart span.price {
			font-weight: bold;
		}

	#breadcrumb {
		position: absolute;
		top: 309px;
		left: 20px;
		width: 680px;
		font-size: 11px;
		color: #313131;
	}

	.user-menu {
		position: absolute;
		right: 0;
		top: 0;
		height: 30px;
		color: #ffffff;
	}

		.user-menu-left {
			width: 15px;
			height: 30px;
			float: left;
		}

		.user-menu-body {
			height: 23px;
			padding: 7px 5px 0 5px;
			float: left;
		}

		.user-menu-right {
			width: 15px;
			height: 30px;
			float: left;
		}

	.user-menu a {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
	}

	.user-menu a:hover {
		text-decoration: underline;
	}

/* BODY styles */

#body {
	background: url(main-backgr.png) repeat-y;
	width: 996px;
	margin: auto;
	padding: 0;
}

	/* PORTLET styles */

	#portlets {
		width: 245px;
		float: left;
		margin-bottom: 10px;
	}

		/* Portlet caption styles */

		.categories-head {
			width: 245px;
			height: 37px;
			background: url(categories-head.png);
		}

		.pages-head, .news-head, .users-head, .search-head, .poll-head, .brands-head {
			width: 245px;
			height: 37px;
			background: url(portlet-head.png);
		}

			.categories-head h3, .pages-head h3, .news-head h3, .users-head h3, .search-head h3, .poll-head h3, .brands-head h3 {
				color: #fff;
				font-size: 13px;
				font-weight: bold;
				padding: 10px 0px 0px 20px;
				margin: 0px;
				text-shadow: #000000 1px 1px;
				text-transform: uppercase;
			}

		/* Portlet body styles. Common and individual portlet styles for different plugins */

		.categories-body {
			width: 245px;
			background: #aa0722;
			padding: 0px;
		}

		.search-body {
			width: 225px;
			background: #fff;
			padding: 10px 10px 0px 10px;
		}

		.pages-body, .news-body, .users-body, .poll-body, .brands-body {
			width: 205px;
			background: #fff;
			padding: 10px 20px 0px 20px;
		}

			.categories-body ul, .pages-body ul, .users-body ul, .poll-body ul,.brands-body ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}

			.categories-body ul li {
				background: url(categories-button.png) repeat-x top left #a90722;
				border: solid 1px #ffffff;
			}

			.pages-body ul li, .users-body ul li, .brands-body ul li {
				padding-bottom: 5px;
			}

			.categories-body ul li a {
				text-decoration: none;
				font-size: 12px;
				display: block;
				background: url(menu-arrow.png) no-repeat 15px center;
				padding: 7px 10px 7px 30px;
				color: #ffffff;
			}

			.categories-body ul li a:hover {
				color: #050505;
				background: url(menu-arrow-over.png) no-repeat 15px center #f9d7dd;
			}

			.categories-body ul li ul li a,
			.categories-body ul li ul li a:hover {
				padding: 5px 0 5px 31px;
				background: url(menu-arrow.png) no-repeat 20px center;
			}

			.pages-body ul li a, .users-body ul li a, .brands-body ul li a {
				text-decoration: none;
				display: block;
				padding: 5px 0;
				font-weight: bold;
				border-bottom: 1px solid #ddd;
				color: #ff004a;
			}

			/* News portlet body styles */

			.news-body span {
				font-size: 10px;
				color: #999999;
			}

			.news-body p {
				margin: 5px 0 10px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #ddd;
			}

			.news-body a.more {
			}

			/* Users portlet body styles */

			.users-body label {
				display: block;
				margin-bottom: 5px;
			}

			.search-body input {
				padding: 4px;
				width: 190px;
				border: 1px solid #ccc;
				margin-bottom: 10px;
				width: 215px;
			}

			.users-body input {
				padding: 4px;
				width: 190px;
				border: 1px solid #ccc;
				margin-bottom: 10px;
			}

			.users-body a.btn-login, .search-body a.btn-search, .poll-body a.btn-poll {
				float: left;
				display: block;
				width: 100px;
				height: 19px;
				color: #fff;
				font-weight: bold;
				background: url(btn-login.png);
				text-decoration: none;
				text-align: center;
				font-size: 11px;
				padding: 5px 0 0 0;
				text-transform: uppercase;
			}

			.users-body .links, .search-body .links, .poll-body .links {
				font-size: 11px;
				float: right;
				text-align: right;
			}

			.users-body .links a, .search-body .links a, .poll-body .links a {
				display: block;
			}

			/* Search portlet body styles */

			.search-body .links a {
				margin-top: 5px;
			}

			/* Poll portlet body styles */

			.poll-body p {
				margin: 0 0 10px 0;
				padding: 0px;
				font-weight: bold;
			}

			.poll-body ul {
				margin-bottom: 10px;
			}

			.poll-body ul li a.poll-item,
			.poll-body ul li a.poll-item-sel {
				display: block;
				padding: 6px 5px 5px 24px;
				text-decoration: none;
			}

			.poll-body ul li a.poll-item {
				background: url(radio-btn.png) no-repeat 0 6px;
			}

			.poll-body ul li a.poll-item-sel {
				background: url(radio-btn-sel.png) no-repeat 0 6px;
			}

			.poll-body ul.poll-result li {
				display: block;
				padding: 5px 5px 5px 0px;
			}

			.poll-body span.inquiry-message {
				background: #EFEFEF none repeat scroll 0 0;
				padding: 10px;
				margin-bottom: 10px;
				display: block;
				text-align: center;
			}

		/* Portlet bottom styles */

		.categories-bottom {
			width: 245px;
			background: url(cat-portlet-bottom.png) bottom;
			height: 25px;
			font-size: 0px;
			margin-bottom: 10px;
		}

		.pages-bottom, .news-bottom, .users-bottom, .search-bottom, .poll-bottom, .brands-bottom {
			width: 245px;
			background: url(portlet-bottom.png) bottom;
			height: 20px;
			font-size: 0px;
			margin-bottom: 10px;
		}

	/* CONTENT styles */

	#content {
		float: right;
		width: 700px;
		padding: 15px 15px 0 15px;
	}

		/* General CONTENT styles. Below are defined h, p, ul, li, form, table and various classes styles. */

		#content h1 {
			color: #000;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 15px;
		}

		#content h2 {
			font-size: 16px;
			margin-bottom: 10px;
			font-weight: bold;
		}

		#content h3 {
			font-size: 14px;
			margin-bottom: 15px;
			font-weight: bold;
		}

		#content p,
		#send2friend p {
			margin-bottom: 15px;
		}

		#content ul {
			list-style: disc;
			margin: 0 25px 15px 25px;
		}

		#content ul li {
			margin-bottom: 5px;
		}

		#content div.pager {
			margin-bottom: 15px;
		}

		#content span.news-date {
			display: block;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 11px;
		}

		#send2friend {
			padding: 15px;
			background: #fff;
		}

		#send2friend h1 {
			background: #ddd;
			padding: 10px;
			font-size: 16px;
			font-weight: bold;
			color: #000;
			margin-bottom: 15px;
		}

		#content-bottom {
			float: right;
			width: 730px;
			height: 20px;
			background: url(content-bottom.png) no-repeat bottom right;
			margin-bottom: 20px;
		}

		.content-home {
			background: #fff;
		}

		.content-page {
			background: url(content-top.png) no-repeat top right #fff;
		}

		#content .home-info {
			height: 210px;
			text-align: right;
			padding: 40px 0 0 360px;
		}

			#content .home-info h1 {
				font-size: 20px;
			}

			#content .home-info p {
				font-size: 14px;
			}

		/* Form styles */

		#content fieldset.fs,
		#send2friend fieldset.fs {
			display: block;
			padding: 10px 15px 15px 15px;
			border: 1px solid #ddd;
			margin-bottom: 10px;
		}

		#content fieldset.fs legend,
		#send2friend fieldset.fs legend {
			padding: 5px 10px;
			font-size: 12px;
			font-weight: bold;
		}

		#content fieldset.fs select,
		#send2friend fieldset.fs select {
			float: left;
			margin: 5px 0;
		}

		#content fieldset.fs .textbox,
		#send2friend fieldset.fs .textbox,
		#content fieldset.fs .textbox-price,
		#content fieldset.fs .textbox-short,
		#send2friend fieldset.fs .textbox-short {
			padding: 4px;
			width: 250px;
			border: 1px solid #ccc;
			float: left;
			margin: 5px 0;
		}

		#content fieldset.fs .textbox-price {
			width: 80px;
		}

		#content fieldset.fs .textbox-short,
		#send2friend fieldset.fs .textbox-short {
			width: 170px;
		}

		#content fieldset.fs .checkbox,
		#send2friend fieldset.fs .checkbox {
			margin: 0 5px 10px 0;
		}

		#content fieldset.fs .code,
		#send2friend fieldset.fs .code {
			width: 100px;
		}

		#content fieldset.fs .textfield,
		#send2friend fieldset.fs .textfield {
			width: 400px;
			height: 100px;
		}

		#content fieldset.fs .label,
		#send2friend fieldset.fs .label {
			clear: both;
			display: block;
			float: left;
			width: 140px;
			text-align: right;
			margin: 8px 10px 0 0;
			margin-right: 10px;
			font-weight: bold;

		}
		
		#send2friend fieldset.fs .label {
			width: 130px !important;
		}

		#content fieldset.fs .required,
		#send2friend fieldset.fs .required {
			float: left;
			color: red;
			display: block;
			margin: 10px 0 0 5px;
		}

		#content fieldset.fs .validator,
		#send2friend fieldset.fs .validator {
			clear: both;
			color: red;
			font-size: 10px;
			display: block;
			margin-bottom: 10px;
			padding-left: 150px;
		}

		#content fieldset.fs .note {
			clear: both;
			font-size: 10px;
			color: #999999;
			display: block;
			margin-bottom: 10px;
			padding-left: 150px;
		}

		#content fieldset.fs .captcha {
			display: block;
			margin-bottom: 10px;
			margin-left: 150px;
		}

		#content a.btn-submit,
		#send2friend a.btn-submit {
			display: block;
			width: 120px;
			height: 19px;
			color: #ffffff;
			font-weight: bold;
			background: url(btn-submit.png);
			text-decoration: none;
			text-align: center;
			padding: 6px 0 0 0;
			margin-bottom: 15px;
			text-transform: uppercase;
			font-size: 11px;
		}

		/* Table styles */

		#content table.grid {
			width: 100%;
			margin-bottom: 15px;
			border: 1px solid #ccc;
		}

		#content table.grid input {
			padding: 4px;
			border: 1px solid #ddd;
		}

		#content table.grid input.quantity {
			width: 40px;
		}

		#content table.grid th {
			text-align: left;
			font-weight: bold;
			background: #313131;
			padding: 8px;
			color: #fff;
		}

		#content table.grid td {
			text-align: left;
			padding: 8px;
		}

			#content table.grid td a {
				color: #0a79e1;
			}

		#content table.grid td.btn {
			padding: 8px 8px 8px 0px;
			width: 16px;
		}

		#content table.grid a.btn-update {
			display: block;
			width: 16px;
			height: 16px;
			background: url(icon-update.png);
			text-indent: 999px;
			overflow: hidden;
			behavior: url(themes/Main/iepngfix.htc);
			cursor: pointer;
		}

		#content table.grid a.btn-remove {
			display: block;
			width: 16px;
			height: 16px;
			background: url(icon-remove.png);
			text-indent: 999px;
			overflow: hidden;
			behavior: url(themes/Main/iepngfix.htc);
			cursor: pointer;
		}

		#content table.grid a.btn-preview {
			display: block;
			width: 16px;
			height: 16px;
			background: url(icon-preview.png);
			text-indent: 999px;
			overflow: hidden;
			behavior: url(themes/Main/iepngfix.htc);
			cursor: pointer;
		}

		#content table.grid td {
			border-bottom: 1px solid #ddd;
		}

		#content table.grid td.alt {
			background: #efefef;
		}

		#content table.grid td.total {
			font-weight: bold;
			background: #ddd;
			color: #000;
		}

		#content table.grid td.total-label {
			font-weight: bold;
			text-align: right;
		}

		#content table.preview {
			width: 100%;
			margin-bottom: 15px;
			border: 1px solid #ddd;
		}

		#content table.preview td.label {
			width: 150px;
			background: #ddd;
			border-bottom: 1px solid #fff;
		}

		#content table.preview td {
			padding: 8px;
		}

		#content table.preview td {
			border-bottom: 1px solid #ddd;
		}

		/* Poll plugin styles */

		#content .poll-title {
			background: #ddd;
			padding: 8px;
			margin-top: 15px;
		}

		#content .poll-title span {
			font-size: 10px;
		}

		#content .poll-title a.poll-expand,
		#content .poll-title a.poll-collapse {
			font-size: 11px;
			float: right;
		}

		#content .poll-item {
			padding: 8px 0;
			border-bottom: 1px solid #ddd;
		}

		#content .poll-item span.answer,
		#portlets .poll-item span.answer {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

		#content .poll-item span.percent,
		#portlets .poll-item span.percent {
			display: block;
			float: left;
			margin-right: 5px;
		}

		#content .poll-item div.bar-left,
		#content .poll-item div.bar-right,
		#content .poll-item div.bar-middle,
		#portlets .poll-item div.bar-left,
		#portlets .poll-item div.bar-right,
		#portlets .poll-item div.bar-middle {
			float: left;
			background: #0ca6df;
			width: 5px;
			height: 8px;
			margin-top: 2px;
		}

		/* News, Brands plugin common styles */

		#content .news-item,
		#content .brands-item {
			margin-bottom: 15px;
		}

		#content .line-sep {
			border-bottom: 1px solid #ddd;
		}

		#content .news-item .img-holder,
		#content .news-item .thumb-holder,
		#content .brands-item .img-holder,
		#content .brands-item .thumb-holder {
			float: left;
			display: block;
			margin: 0 15px 15px 0;
		}

		#content .brands-item .thumb-holder {
			width: 150px;
		}

		#content .brands-item .img-holder {
			width: 225px;
		}

		#content .news-item .img-holder img,
		#content .news-item .thumb-holder img,
		#content .brands-item .img-holder img,
		#content .brands-item .thumb-holder img {
			display: block;
			margin: auto;
		}

		#content .news-item .thumb-holder {
			width: 125px;
		}

		#content .news-item .img-holder {
			width: 250px;
		}

		/* Products plugin individual styles */

		#content .product-item {
			float: left;
			width: 220px;
			margin: 0 15px 15px 0;
			padding: 5px 0 10px 0;
			background: #f4f2f2;
			border: solid 1px #c7c5c5;
		}

		#content .product-item h3 {
			margin: 0 0 10px 0;
			text-align: center;
			height: 30px;
			font-weight: bold;
		}

		#content .product-item h3 a {
			text-decoration: none;
		}

		#content .product-item .price-holder {
			margin: 10px;
			height: 21px;
			text-align: center;
		}

		#content .product-item span.price-del {
			color: #a90722;
			display: block;
			text-align: right;
			text-decoration: line-through;
			font-weight: bold;
			float: right;
		}

		#content .product-item span.price {
			color: #7dd011;
			font-size: 15px;
			font-weight: bold;
		}

		#content .product-item span.vat {
			font-size: 11px;
		}

		#content .product-item a.img-holder {
			background: #ffffff;
			border: solid 1px #c7c5c5;
			display: block;
			width: 189px;
			height: 170px;
			margin: auto;
			clear: both;
		}

		#content .product-item img {
			display: block;
			margin: auto;
		}

		#content .product-item label {
			float: left;
			margin: 16px 5px 0 10px;
			font-size: 9px;
		}

		#content .product-item input {
			float: left;
			padding: 4px;
			width: 30px;
			border: 1px solid #ccc;
			margin: 10px 0 5px 0;
		}

		#content .product-item a.btn-order {
			clear: left;
			display: block;
			background: url(btn-order.png);
			width: 98px;
			height: 19px;
			text-decoration: none;
			color: #ffffff;
			text-transform: uppercase;
			font-weight: bold;
			padding: 5px 0 0 20px;
			font-size: 11px;
			margin: auto;
			border-bottom: 1px solid #cccccc;
		}
		
		#content .product-item a.btn-request {
			clear: left;
			display: block;
			background: url(btn-request.png);
			width: 160px;
			height: 19px;
			text-decoration: none;
			color: #ffffff;
			text-transform: uppercase;
			text-align: middle;
			font-weight: bold;
			padding: 5px 0 0 0;
			font-size: 11px;
			margin: auto;
		}		

		#content .product-preview {
			margin-bottom: 10px;
			padding: 10px 0;
			border-bottom: 1px dashed #ddd;
			height: 1%;
		}

		#content h2.product-descr {
			font-weight: bold;
			font-size: 12px;
		}

		#content .product-images {
			float: left;
			width: 250px;
			margin-right: 20px;
		}

		#content .product-images img.image {
			display: block;
			margin: 0 auto 5px auto;
		}

		#content .product-images .thumb img {
			display: block;
			margin: auto;
		}

		#content .product-images .thumb {
			float: left;
			display: block;
			width: 78px;
			margin: 0 5px 5px 0;
		}

		#content .product-info {
			width: 407px;
			float: left;
		}

		#content .product-info a.btn-order {
			display: block;
			background: url(btn-order.png);
			width: 98px;
			height: 19px;
			text-decoration: none;
			color: #ffffff;
			text-transform: uppercase;
			font-weight: bold;
			padding: 5px 0 0 20px;
			font-size: 11px;
			border-bottom: 1px solid #cccccc;
		}

		#content .product-info .share {
			float: left;
		}

		#content .product-info .send2friend {
			padding-left: 21px;
			display: block;
			background: url(email.png) no-repeat;
			float: right;
		}

		#content table.params {
			width: 100%;
			margin-bottom: 15px;
		}

		#content table.params td {
			padding: 8px 0;
			border-bottom: 1px solid #ddd;
		}

		#content table.params td.label {
			width: 150px;
		}

		#content .options-box {
			padding: 10px;
			background: #efefef;
			margin-bottom: 15px;
		}

			#content .options-box table.options {
				margin-bottom: 0;
			}

			#content .options-box table.options td {
				vertical-align: top;
			}

		#content table.options .note {
			font-size: 9px;
			color: #73a5c7;
			display: block;
		}

		#content table.options {
			width: 100%;
			margin-bottom: 15px;
		}

		#content table.options td {
			padding: 4px 0;
			vertical-align: middle;
		}

		#content table.options td.label {
			font-weight: bold;
			width: 120px;
		}

		#content table.options input,
		#content table.options textarea {
			padding: 4px;
			border: 1px solid #ccc;
		}

		#content table.options input.quantity {
			width: 30px;
		}

		#content table.options span.price-del {
			color: #8308da;
			display: block;
			text-decoration: line-through;
			margin-bottom: 5px;
			font-weight: bold;
		}

		#content table.options span.price {
			color: #7dd011;
			font-size: 15px;
			font-weight: bold;
		}

		#content table.related {
			width: 100%;
			margin-bottom: 15px;
		}

		#content table.related th {
			background: #ddd;
			font-weight: bold;
			text-align: left;
			padding: 8px;
		}

		#content table.related td {
			padding: 8px;
			border-bottom: 1px solid #ddd;
			vertical-align: middle;
		}

		#content span.vat-info {
			display: block;
			text-align: right;
			color: #999999;
			margin-bottom: 15px;
		}

		#content .rating {
			height: 16px;
		}

		#content .rating img {
			display: block;
			float: left;
			behavior: url(themes/Main/iepngfix.htc);
		}

		#content .rating span {
			display: block;
			float: left;
			margin: 2px 0 0 5px;
		}

		#content .review-item p {
			clear: both;
			display: block;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #ddd;
			padding: 10px 0;
		}

		/* Orders plugin individual styles */

		#content a.btn-cart-reset,
		#content a.btn-cart-update {
			float: left;
			margin-right: 10px;
		}

		#content a.btn-cart-order {
			float: right;
		}

		#content a.btn-cart-reset,
		#content a.btn-cart-update,
		#content a.btn-cart-order {
			display: block;
			background: url(btn-submit.png);
			width: 120px;
			height: 19px;
			text-decoration: none;
			color: #ffffff;
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			padding: 5px 0 0 0;
			margin-bottom: 15px;
			text-transform: uppercase;
			border-bottom: 1px solid #cccccc;
		}

		#content table.cart-steps {
			width: 100%;
			margin-bottom: 15px;
		}

		#content table.cart-steps td {
			color: #000;
			padding: 8px;
		}

			#content table.cart-steps td a {
				color: #fff;
			}

		#content table.cart-steps td.title {
			background: #ddd;
		}

		#content table.cart-steps td.title a {
			color: #000;
		}

		#content table.cart-steps td.title-complete {
			color: #fff;
			background: #313131;
		}

		#content table.cart-options-select {
			width: 100%;
			border: 1px solid #ddd;
			margin-bottom: 15px;
		}

		#content table.cart-options-select td {
			padding: 8px;
		}

		#content table.cart-options-select td.title {
			vertical-align: middle;
		}

		#content .cart-option {
			padding-bottom: 5px;
			margin-top: 5px;
			border-bottom: 1px solid #ddd;
		}

		#content .cart-option span {
			font-weight: bold;
		}

		#content .cart-option a.option-expand,
		#content .cart-option a.option-collapse {
			float: right;
		}

		#content .cart-option-details {
			padding: 10px;
		}

		#content a.cart-configure {
			float: right;
		}

/* FOOTER styles */

#footer {
	width: 996px;
	margin: auto;
	height: 100px;
}
	#footer-nav {
		padding: 12px 0 0 0;
		text-align: center;
		height: 28px;
		background: #313131;
		font-size: 12px;
		color: #ffffff;
	}

		#footer-nav a {
			text-decoration: none;
			font-weight: bold;
			color: #ffffff;
		}

	#copyright {
		float: left;
		padding: 16px 0 0 20px;
		font-size: 9px;
		color: #ffffff;
	}

	#footer .created {
		float: right;
		padding: 16px 20px 0 0;
		color: #ffffff;
		text-decoration: none;
		font-size: 9px;
	}

		#footer .created a {
			color: #ffffff;
			text-decoration: none;
		}

/* MISCELLANEOUS styles */

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
}

.spacer15 {
	height: 15px;
}

.spacer10 {
	height: 10px;
}

.system-message {
	color: #ff1c5d;
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}
.red {
	color: red;
}

.word-match {
	color: #fff50b;
	font-weight: bold;
}

ol {
	margin: 20px;
	list-style: decimal;
}

.header-banner {
	padding-top: 3px;
}


/* COLOR menu */

#color-menu {
	display: block;
	height: 74px;
	width: 996px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#color-menu a {
	color: #ffffff;
	text-decoration: none;
}

.color-categories {
	float: left;
	position: relative;
}

.cat1 {
	background: url(cat1.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 2px;
	padding: 2px;
}

.cat2{
	background: url(cat2.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat3 {
	background: url(cat3.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat4 {
	background: url(cat4.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat5 {
	background: url(cat5.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat6 {
	background: url(cat6.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat7 {
	background: url(cat7.png);
	display: block;
	width: 119px;
	height: 66px;
	color: #ffffff;
	margin: 3px 1px 1px 0px;
	padding: 2px;
}

.cat8 {
	background: url(cat8.png);
	display: block;
	width: 120px;
	height: 66px;
	color: #ffffff;
	margin: 3px 2px 1px 0px;
	padding: 2px;
}

#menu-image-links {
	display: block;
	height: 113px;
	width: 996px;
}

.img-categories {
	float: left;
}

.img-cat1 {
	background: url(cat1-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 2px;
}

.img-cat2 {
	background: url(cat2-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat3 {
	background: url(cat3-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat4 {
	background: url(cat4-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat5 {
	background: url(cat5-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat6 {
	background: url(cat6-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat7 {
	background: url(cat7-img.png) no-repeat;
	display: block;
	width: 123px;
	height: 112px;
	margin: 0px 1px 0px 0px;
}

.img-cat8 {
	background: url(cat8-img.png) no-repeat;
	display: block;
	width: 124px;
	height: 112px;
	margin: 0px 2px 1px 0px;
}

/* HOME PANEL */

#panel-home {
			background: url(panel.png) no-repeat top;
			width: 940px;
			height: 254px;
			margin: 0px 28px 20px 28px;
			position: relative;
}

.panel-img {
		position: absolute;
		top: 11px;
		left: 14px;
		}

.rotator-links {
		float: right;
		position: absolute;
		bottom: 25px;
		right: 25px;
		}

.r-link-current {
		background: url(radio-btn-sel.png);
		width: 16px;
		height: 15px;
		display: inline-block;
		margin-right: 5px;
		}

.r-link {
		background: url(radio-btn.png);
		width: 16px;
		height: 15px;
		display: inline-block;
		margin-right: 5px;
		}

.content-panel {
		width: 472px;
		height: 231px;
		padding-right: 20px;
		background: url(panel-text-backgr.png) no-repeat right;
		position: absolute;
		top: 11px;
		right: 14px;
		}

.content-panel h1 {
			color: #4b4b4b;
			font-weight: bold;
			font-size: 16px;
			margin: 10px 10px 10px 130px;
		}

.content-panel p {
			color: #4b4b4b;
			margin: 10px 10px 10px 130px;
}

.link-advanced-search {
			font-size: 11px;
			padding-left: 20px;
}

.link-poll-archive {
			font-size: 11px;
			padding-left: 20px;
}

/* Dropdown */

.cat-dropdown {
		position: absolute;
		width: 236px;
		top: 73px;
		font-size: 11px;
		z-index: 99;
	}

	.cat-dropdown ul {
		width: 236px;
		border: solid 1px #ffffff;
	}

	.cat-dropdown ul li {
		width: 236px;
		padding: 0px;
	}

	.cat-dropdown ul li a {
		background: url(dropd-bullet.png) no-repeat 10px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		padding: 5px 25px;
		display: block;
	}
	
	.cat-clr1 ul li {
		background-color: #ffba00;
		border-bottom: 1px dashed #ffe041;
	}
	.cat-clr1 ul li a:hover {
		background-color: #ffe041;
	}	
		
	.cat-clr2 ul li {
		background-color: #ff6d00;
		border-bottom: 1px dashed #ffb443;
	}
	.cat-clr2 ul li a:hover {
		background-color: #ffb443;
	}
	
	.cat-clr3 ul li {
		background-color: #e82d01;
		border-bottom: 1px dashed #fb6833;
	}
	.cat-clr3 ul li a:hover {
		background-color: #fb6833;
	}
	
	.cat-clr4 ul li {
		background-color: #d5003c;
		border-bottom: 1px dashed #fd336c;
	}
	.cat-clr4 ul li a:hover {
		background-color: #fd336c;
	}
	
	.cat-clr5 ul li {
		background-color: #57386d;
		border-bottom: 1px dashed #9469b1;
	}
	.cat-clr5 ul li a:hover {
		background-color: #9469b1;
	}	
	
	.cat-clr6 ul li {
		background-color: #3276a1;
		border-bottom: 1px dashed #69a1c5;
	}
	.cat-clr6 ul li a:hover {
		background-color: #69a1c5;
	}	
	
	.cat-clr7 ul li {
		background-color: #5fac87;
		border-bottom: 1px dashed #8dd2b1;
	}
	.cat-clr7 ul li a:hover {
		background-color: #8dd2b1;
	}	
	
	.cat-clr8 ul li {
		background-color: #55a822;
		border-bottom: 1px dashed #8bdd58;
	}
	.cat-clr8 ul li a:hover {
		background-color: #8bdd58;
	}		
	
a.more {
	color: #FF0046;
}