/* ========================
WAR Audio
CSS by Guy Lillico
11-12-2008 
======================== */

@import url("reset.css");

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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img	{
	border:none;
}

a	{
	text-decoration:none;
	color:#d96a1a;
}

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

h1	{
	margin:3px 0;
	font-size:16px;
	font-weight:bold;
}

h2	{
	margin:6px 0;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
}

h3	{
	margin:0;
	font-size:12px;
	font-weight:bold;
}

h4	{
	margin:0;
	font-size:10px;
	font-weight:bold;
}


html,body {
	margin:0;
	padding:0;
	background:#1d1d1d url('../images/body_bg.jpg') 0 0 repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#dfdfdf;
}

.clear	{
	height:0;
	width:0;
	clear:both;
}

.wrapper	{
	margin:0 auto;
	padding:0;
	width:812px;
	background:url('../images/wrapper_bg.jpg') 0 99px no-repeat;
}

.container {
	position:relative; 
	margin:0 auto;
	width:812px;
}

.header {
	height:99px;
	padding:0;
	margin:0;
	background: url('../images/header_top.gif') top right no-repeat;
}

.main	{
	width:812px;
	background:url('../images/main_bg_repeat.gif') top right repeat-y;
	overflow:hidden;
	padding:0;
	margin:0;
}
	.sidebar	{
		float:left;
		width:286px;
		padding:0; 
		margin:0;
	}
		.logo {
			width:286px;
			height:92px;
			margin-bottom:79px;
		}
		.side_nav	{
			margin-bottom:40px;
		}
			.side_nav ol	{
				margin-left:31px;
			}
				.side_nav li	{
					list-style:none;
					padding:3px 0;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
				}
				.side_nav li a	{
					color:#b8b8b8;
					text-transform:uppercase;
					text-decoration:none;
				}
				.side_nav li a:hover	{
					color:#fff;
					text-decoration:none;
				}
	.content {
		float:right;
		width:461px;
		padding:43px 17px 20px 17px; 
		margin:0;
		background:#333333 url('../images/content_top.gif') 0 0 no-repeat;
		line-height:14px;
		text-align:left;
	}
		.content p {
			margin:6px 0;
		}
		.intro_txt	{
			padding-bottom:21px;
		}
			.intro_txt h1	{
			}
			.featured_image {
				float:right;
				border:1px solid #fff;
				margin-left:20px;
			}
		.home_features {
			background: url('../images/dotted_line.gif') 0 0 no-repeat;
			padding:21px 0;
			width:100%;
		}	
		.home_specials {
			background: url('../images/dotted_line.gif') 0 0 no-repeat;
			padding:21px 0;
			width:100%;
		}	
			.featured_special {
				width:92px;
				float:left;
				margin:14px 23px 0 0;
				font-size:11px;
			}
				.featured_special a {
					color:#fff;
				}
				.featured_special a img {
					border:1px solid #000;
					width:90px;
					height:75px;
				}
				.featured_special a:hover img {
					border:1px solid #fff;
				}
				.special_price {
					color:#c27c4c;
				}
		.home_brands {
			float:left;
		}
		.home_services {
			width:289px;
			float:left;
		}
			.service {
				float:left;
				width:126px;
				height:87px;
				background:#000;
				margin:10px 14px 0 0;
				text-align:center;
			}
				.service img {
					border:2px solid #000;
				}
				.service a {
					color:#fff;
				}
				.service a:hover img {
					border:2px solid #fff;
				}
			.home_brands {
				font-size:11px;
				width:150px;
			}
				.home_brands ul {
					margin-top:7px;
				}
				.home_brands li {
					background:url('../images/list_item.gif') 0 6px no-repeat;
					padding:2px 0 2px 15px;
				}
				.home_brands li a {
					color:#c27c4c;
				}
		
.footer {
	height:100px;
	background:url('../images/footer_bg.gif') top right no-repeat;
	padding:29px 11px 0 350px;
	font-size:10px;
}
	.foot_links	{
		padding:15px 0;
		float:right;
		color:#6f6f6f;
		display:block;
	}
		.foot_links a	{
			color:#6f6f6f;
			text-transform:lowercase;
			letter-spacing:-1px;
		}
		.foot_links a:hover	{
			color:#fff;
		}
		.footer_bottom {
			clear:both;
		}
		.copyright {
			display:block;
			color:#a7a7a7;
			letter-spacing:-1px;
			float:right;
			padding:6px 53px 0 0;
			text-align:right;
		}	
		.titan	{
			float:right;
			width:103px;
			height:34px;
			text-align:right;
		}

a.more {
	font-size:9px;
	text-decoration:underline;
	color:#FFFFFF;
	float:right;
}

a.more:hover {
	text-decoration:none;
}

.content_backlink a {
	text-decoration:underline;
}

div.widget {
	padding:10px;
	margin:10px 0;
	border:1px #515151 solid;
}
.clear {
	clear:both;
}
.cat_title {
	margin-bottom:21px;
}

/* ==== Roster Calendar experimentation ==== */
div.roster_shift_list {
	font-size: 8pt;
	/*border: 1px solid black;*/
	text-align: center;
	min-height: 60px;
	max-height: 60px;
	overflow-y: auto;
	margin: 0px;
}
	div.roster_shift_list span.time {
		font-size: 7pt;
	}
table.calendar th {
	border: 1px solid #3591A8;
	background-color: #E0E0E0;
}
	table.calendar td.rm_cur_day {
		border: 1px solid black;
		text-align: left;
		text-indent: 0.5em;
		padding: 0px;
		width: 80px;
	}
	table.calendar div.rm_calendar_heading {
		text-align: center;
		font-weight: bold;
		font-size: 15pt;
		color: #505050;
		padding: 5px;
	}
	table.calendar div.rm_calendar_month_nav {
		text-align: center;
		word-spacing: 1.1em;
	}
	table.calendar div.rm_calendar_month_nav a,
	table.calendar div.rm_calendar_month_nav a:active,
	table.calendar div.rm_calendar_month_nav a:visited,
	table.calendar tr.rm_calendar_top_nav a,
	table.calendar tr.rm_calendar_top_nav a:active
	table.calendar tr.rm_calendar_top_nav a,visited {
		color: black;
	}
/* ==== Roster shift detail experminentation ==== */
.shift_key {
	font-weight: bold;
	padding-right: 10px;
}
/* ==== Search experimentation ==== */
div.search_result_item {
	border: 1px dotted black;
	margin-bottom: 15px;
	margin-left: 10px;
}
	div.search_result_item a {
		font-size: 16pt;
	}
	div.search_result_item .search_desc {
		text-indent: 25px;
		color: green;
	}
	
/*******
  Shop
*******/


.variation {
	margin:0;
	}

/**
  Product Category
*/


.product-category {
	margin-top:10px;
	display:block;
	padding:5px 0;
	padding-bottom:10px;
	margin:10px 10px 10px 0;
	width:135px;
	background:#000000;
	float:left;
	text-align:center;
	border:1px solid #515151;
	}

	
.product-category:hover {
	border:1px solid #fff;
}
.category_image	{
}
.category_title {
	padding-bottom:5px;
}
.category_description {
}
.category_details {
	float:left;
	padding:4px 4px 0 6px;
}	

/**
  Product Listing
*/

.product-category-view {
	margin-top:10px;
	display:block;
	padding:5px 0;
	padding-bottom:10px;
	margin:10px 0;
	width:100%;
	}


.product_details {
	float:left;
	padding:4px 4px 0 6px;
}	


		
.detail {
	margin-top:10px;
	display:block;
	padding:10px 0;
	width:100%;
	float:none;
	}
.product_list_image	{
	float:left;
	margin:0px 10px 10px 0;
	border:1px solid #000;
	width:102px;
}
.product_list_image:hover {
	border:1px solid #9f490c;
}

.product_image	{
	float:right;
	margin: 0 0 10px 10px;
}

.category_details,
.product_details {
	float:left;
	padding:4px 4px 0 6px;
}	
.category_title {
	padding-bottom:5px;
}
.category_description {
}

	.product-description {
		margin:10px 0;
		}

.view_cart input.btn {
	background:#fff;
	border:1px solid #888;
	padding:5px;
	}

.product {
	border-top:1px solid #515151;
	padding:10px 0;
	margin-bottom:0px;
	width:100%;
	}

.product_view {
	padding:10px 0;
	margin-bottom:0px;
	width:100%;
	}
	
	.product img,
	.product_view img {
		float:right;
		border:1px solid #000;
	}
	.product_attbox {
		float:right;
		border:1px solid #ccc;
		padding:5px;
		}
		
	.product_view .product_category,
	.product_view .product_manufacturer {
		display:inline;
	}
	.product-shortdescription {
		display:none;
	}
.gallery_nav {
	margin:10px 0;
	font-size:10px;
	color:#ccc;
	}

.manufacturer-category	{
	width:100%;
}

.manufacturer {
	border-top:1px solid #515151;
	padding:10px 0;
	margin-bottom:0px;
	width:100%;
	}


.addresses, .shipping_address, .billing_address {
	margin-bottom:20px;
	}
	.addresses .field_name {
		float: left; 
		clear: left; 
		width: 80px;
	}
	.addresses .field_value {
		float: left; 
	}
	.static_cart h2 {
		font-weight:bold;
	}
.checkout_loginregister {
	margin:0;
	padding:0;
	}
	.checkout_loginregister div label {
		width:100px;
		float:left;
		}
	.checkout_loginregister input.txt {
		width:250px;
		margin:5px 0 0 0;
		}
	.checkout_loginregister div input.btn {
		margin:10px 0 0 100px;
		_margin:10px 0 0 104px;
		}

.frm_checkout_login {
	margin:0 0 20px 0;
	padding:0;
	}

.checkout_progress strong {
	color:#bc0600;
	}