@import "../../_Assets/css/_Core/Base.css";
@import "../../_Assets/css/_Core/Admin.css";

/**************************************************

	Init

**************************************************/

* {
	/*border: 0;*/
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
	
caption, th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

q:before,q:after { content:''; }

a img { border: none; }

/**************************************************

	Body

**************************************************/

body  {		
	background-color: #fff;
	behavior: url("../../_assets/csshover2.htc");
	font-family: Helvetica, Arial, Verdana, Sans-Serif; 
	font-size: .9em;
}

a { color: #999; }

/**************************************************

	Container

**************************************************/

#Container {
	width: 960px;
	margin: 20px auto;
	background: url("images/bg_container.gif") repeat-y;
}

	.IE6 #Container { width: 1000px; }

/**************************************************

	LeftPanel

**************************************************/

#LeftPanel {
	float: left;
	width: 205px;
}

	#LeftPanel .siteLogo {
		background-color: #fff;
		height: 108px;
		text-align: center;
		width: 205px;
	}
	
	#LeftPanel .siteLogo img {
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	
	#BottomLeftPanel { color: #939598; }
	
	#BottomLeftPanel h2 {
		background: url(images/bg_LeftH2.gif) no-repeat;
		border-bottom: solid 2px #fff;		
		color: #fff;
		font-size: .8em;
		font-weight: bold;
		margin-top: 0;
		padding: 5px 9px;		
	}
	
	#BottomLeftPanel h3 { font-weight: bold; }
	
	#BottomLeftPanel p.Date { margin-bottom: 0; }

/**************************************************

	RightPanel

**************************************************/

#RightPanelContainer {
	float: left;
	width: 755px;
}

#RightPanel {
	background-color: #fff;
	margin-left: 8px;
}

/**************************************************

	Header

**************************************************/

#Header {	
	background-color: #cb2026;
	height: 55px;
	padding: 10px 15px;
	position: relative;
}

	#Header h1, #Header .h1 {	
		color: #fff;
		font-size: 2em;
		line-height: 1;
		font-weight: normal;
		margin: 1px 0 0 0;
	}
	
	#Strapline {
		color: #fff;
		font-size: 1.05em;
		margin: .5em 0 0;
	}

	#searchBox {
		height: 22px;
		position: absolute;
		right: 25px;
		top: 30px;
	}
	
	    #SearchBox  { width: 130px; }
	
		.IE6 #searchBox, .IE7 #searchBox, .IE8 #searchBox, .Unknown.Firefox3 #searchBox { right: 26px; }
	
		.searchButton { margin-left: 5px; }
	
		#searchBox .text {
			margin: 1px 0;
			padding: 2px;
			width: 140px;
		}
		
		.IE7 #searchBox .text { width: 195px; }
		
		#searchBox * { float: left; }


/**************************************************

	ContentTop

**************************************************/

#ContentTop {
	height: 265px;
	margin-top: 6px;
}

#ContentTop ul { list-style: none; }

#ContentTop ul li {
	display: inline;
	float: left;
	padding-left: 9px;
}

#ContentTop ul li.first { padding-left: 0; }

#ContentTop ul li .catImage {
	height: 206px;
	overflow: hidden;
	width: 180px;
}

#ContentTop ul li .catImage a {
	height: auto;
	padding: 0;
	width: auto;
}

#ContentTop a {
	background: url(images/bg_prodcattop.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: 1em;
	height: 36px;
	padding: 16px 24px 0 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}

#ContentTop a img { border: 0; }

/**************************************************

	ContentMain

**************************************************/

#ContentMain, #ContentContact {
	color: #333;
	font-size: .85em;
	min-height: 190px;
	padding: 15px 0 0 15px;		/*  May need to change this. currently top spacing is coming from #ContentMain p so that bottom sits flush with the footer */
	position: relative;
	z-index: 5;
}

#ContentContact { padding: 20px 0 0 20px; }

#ContentMain h1 {
	color: #cb2026;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

#ContentMain h3 {
	color: #57585a;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
}

#ContentContact h3 {
	color: #57585a;
	font-size: 1.65em;
}

#ContentContact h3 { margin-bottom: 0; }

/** For IE6 **/
* html #ContentMain { height: 195px; }

#ContentMain p {
	line-height: 1.5;
	margin-top: 10px;
}

	#ContentMain table p { margin-top: 0; }

#ContentMain ul { margin-left: 20px; }

#ContentLeft { margin-right: 185px; }

#HomepageImage {
	bottom: 41px;
	height: 179px;
	position: absolute;
	right: 0;
	width: 160px;
	z-index: 5;
}

	.IE6 #ContentMain #HomepageImage { bottom: -7px; }
	.IE7 #ContentMain #HomepageImage { bottom: -4px; }

/**************************************************

	Utility classes

**************************************************/

.clear { clear: both; }

p.clear, div.clear {
	height: 1px;
	overflow: hidden;
}

.error {
	color: #f00;
	font-weight: bold;
}

.block { display: block; }

img.left { float: left; }

img.right { float: right; }

input.text { height: 16px; }

input.search { color: #000; }

input.checkbox, input.radio {}

.select { border: 1px solid #ccc; }

.Firefox2 .productPrice .select { margin-bottom: 5px; width: 160px; }

.submitButton, .button {
	background-color: #fff;
	border: solid 1px #cb2026;
	color: #000;
	cursor: pointer;
	font: normal 11px Arial,Helvetica,Verdana,Sans-Serif; /* required, otherwise we get "MS Shell Dlg" as the font */
	margin: 5px 5px 0 0;
	padding: 1px 2px;
	text-align: center;
}

	.IE6 .submitButton, .IE6 .button { padding: 1px 0px; }

.IE7 td.basket_quantity { zoom: 1 !important; }

.submitButton:hover, .button:hover {
 	color: #fff;
	background-color: #cb2026;
	/* border: solid 1px #0c7e40; */
}