/**
* MASTER STYLE SHEET
*
* import common styles
*
* @copyright Central Media UK LTD 2007
* @author Terry Morgan <terry@centralmediauk.com>
*/
/*

Eric Meyers global CSS reset file.

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* ------------------------ TYPOGRAPHY ---------------------------- */


/**
* TYPOGRAPHY STYLES
*
* @copyright Central Media UK LTD 2007
* @author Terry Morgan <terry@centralmediauk.com>
*/

/* -------------------------------------------*/
/* -------------->>> Defaults <<<-------------*/
/* -------------------------------------------*/

html { font-size: 100% }

body {
	font-size: 				62.5%;
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
}

a:link, a:visited {
	color:					#707070;
	text-decoration:		underline;
}

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

p {
	color:					#707070;
	line-height:			1.8em;
	font-size:				1.2em;
	margin-bottom:			10px;
	text-align:				justify;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:			15px;
	color:					#707070;
}

h1 {
	font-size:				2em;
	font-weight:			bold;
	color:					#9A1C1F;
}

#prod-title {
	font-size:				1.4em;
	margin-bottom:			20px;
}

h2 {
	font-size:				1.8em;
	font-weight:			normal;
}

h3 {
	font-size:				1.4em;
	font-weight:			normal;
}

h4 {
	font-size:				1.2em;
	font-weight:			normal;
}

strong {
	font-weight:			bold;
}

#middle-col strong {
	font-size:				1.2em;
}

em {
	font-style:				italic
}

/* -------------------------------------------*/
/* --------->>> Specific ares <<<-------------*/
/* -------------------------------------------*/

#top-nav-msg {
	color:					#8f8f8f;
	font-size:				1.4em;
}

.prod-box-name {
	width:					100%;
	text-align:				center;
	margin-bottom:			0px;
}

.num-prods {
	font-size:				1.1em;
	margin:					0;
	font-style:				italic;
	float:					left;
}

/* -------------------------------------------*/
/* ----------------->>> Links <<<-------------*/
/* -------------------------------------------*/

#top-nav a:link, #top-nav a:visited {
	font-size:				0.9em;
	color:					#7a7979;
	text-decoration: 		underline;
}

#top-nav a:hover, #top-nav a:active {
	font-size:				0.9em;
	color:					#9a1c1f;
	text-decoration: 		none;
}

.prod-box-name a {
	color:					#9a1c1f;
	font-size:				1.0em;
}

.product-box-heading a:link, .product-box-heading a:visited {
	color:					#fff;
	text-decoration:		none;
}

.product-box-heading a:hover, .product-box-heading a:active {
	color:					#fff;
	text-decoration:		none;
}

.prod-box-name a:link, .prod-box-name a:visited {
	text-decoration:		underline;
}

.prod-box-name a:hover, .prod-box-name a:active {
	text-decoration:		none;
}

#bottom-blurb a:link, #bottom-blurb a:visited {
	text-decoration:		none;
}

#bottom-blurb a:hover, #bottom-blurb a:active {
	text-decoration:		underline;
}

/* -------------------------------------------*/
/* ------------->>> Misc Text <<<-------------*/
/* -------------------------------------------*/
.big-red {
	color:					#9a1c1f;
	font-size:				1.4em;
	font-weight:			bold;
}

.small-text {
	font-size:				0.9em;
}


/* ------------------------ MAIN-STRUCTURE ---------------------------- */


/**
* MAIN STRUCTURE STYLES
*
* @copyright Central Media UK LTD 2007
* @author Terry Morgan <terry@centralmediauk.com>
*/

html, body {
	height:					100%;
}

body {
	background-color:		#C0C0C0;
}

#mainContainer {
	width:					974px;
	background:				#C0C0C0 url("../images/main-bg.gif") top left repeat-y;
	left:					0;
	right:					0;
	margin:					0 auto 0 auto;
}

#mainContainerPrint {
	width:					600px;
	background-color:		#fff;
	left:					0;
	right:					0;
	margin:					30px auto 0 auto;
}
/* -------------------------------------------*/
/* ---------->>> HEADER SECTION <<<-----------*/
/* -------------------------------------------*/

#header {
	width:					880px;
	height:					103px;
	padding:				0 0 0 44px;
	left:					0;
	right:					0;
	margin:					0 auto 0 auto;
	background:				#C0C0C0 url("../images/header-bg.gif") top left repeat-x;
}

#header-left {
	float:					left;
}

#header-right {
	float:					right;
}

#top-nav-bar {
	position: 				relative;
	width:					885px;
	height:					31px;
	padding:				0 15px 0 24px;
	line-height:			31px;
	left:					0;
	right:					0;
	margin:					0 auto 0 auto;
	background:				#C0C0C0 url("../images/top-nav-bg.gif") top left no-repeat;
}

#top-nav-msg {
	float:					left;
}

#top-nav {
	float:					right;
}

/* ---------------------------------------------*/
/* ---------->>> MAINBODY SECTION <<<-----------*/
/* ---------------------------------------------*/

#mainBody {
	width:					924px;
	left:					0;
	right:					0;
	margin:					0 auto 0 auto;
}

#left-col {
	width:					184px;
	float:					left;
}

#middle-col {
	width:					604px;
	float:					left;
}

#middle-col-inner {
	padding:				15px;
}

#right-col {
	width:					135px;
	float:					right;
}

#search-container {
	padding:				30px 0 0 0;
	width:					135px;
	height:					28px;
	background:				url("../images/quick-search-bg.gif") top left no-repeat;
	margin-bottom:			2px;
}

#bottom-strip {
	position:				relative;
	width:					924px;
	height:					63px;
	background:				url("../images/bottom-strip-bg.png") top left no-repeat;
	left:					0;
	right:					0;
	margin:					0 auto 0 auto;
}


/* ---------------------------------------------*/
/* ---------->>> FOOTER SECTION <<<-------------*/
/* ---------------------------------------------*/


#footer {
	position:				relative;
	width:					964px;
	padding:				0 0 0 10px;
	height:					53px;
	left:					0;
	right:					0;
	margin:				    0 auto 0 auto;
	background:				#4A4A4A url("../images/footer-bg.gif") top left no-repeat;
}

#validation-icons {
	width:					180px;
	margin:				    0 auto 0 auto;
}


/* ------------------------ MISC ---------------------------- */


/**
* MISC STYLES
*
* @copyright Central Media UK LTD 2007
* @author Terry Morgan <terry@centralmediauk.com>
*/

.clear {
	clear: 				both;
}

.float-left {
	float:				left;
}

.float-right {
	float:				right;
}

.alert1 {
    background: #fff6bf url("../images/exclamation.png") center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    color: #4A4A4A;
}

.tm-red {
	color:				#9A1C1F;
}

a.fancy-button {
	display:			block;
	width:				135px;
	height:				30px;
	color:				#fff;
	text-decoration:	none;
	text-indent: 		25px;
	line-height:		30px;
	font-size:			1.2em;
	font-weight:		bold;
}

a.fancy-button:link, a.fancy-button:visited {
	background:				url("../images/right-col-button.gif") 0px 0px no-repeat;

}

a.fancy-button:hover {
	background:				url("../images/right-col-button.gif") 0px -30px no-repeat;
	color:					#fff;
}

a.fancy-button:active {
	background:				url("../images/right-col-button.gif") 0px -60px no-repeat;
	color:					#fff;
}

#back-but, #home-but {
	height:						22px;
	margin-bottom:				15px;
}

#back-but a, #home-but a {
	line-height:				22px;
	font-size:					1.4em;
	vertical-align:				middle;
}

#back-but img, #home-but img {
	line-height:				22px;
	vertical-align:				middle;
}

#back-but {
	float:						left;
}

#home-but {
	float:						right;
}

p.item_count {
	width:						200px;
	float:						left;
}


/* ------------------------ LISTS ---------------------------- */


/**
* LISTS STYLES
*
* @copyright Central Media UK LTD 2007
* @author Terry Morgan <terry@centralmediauk.com>
*/
#top-nav ul {
	height:					31px;
}

#top-nav li {
	height:					31px;
	line-height:			31px;
	padding-left:			26px;
	display:				block;
	background:				url("../images/seper.gif") top left no-repeat;
	float:					left;
}

#top-nav li.left-end {
	display:				inline;
	background-image:		none;
}

#right-col-buttons {
	list-style:				none;
	margin:					0;
	padding:				0;
	display:				block;
}

#right-col-buttons a {
	height:					30px;
	width:					105px;
	line-height:			30px;
	margin:					0 0 2px 0;
	padding:				0 0 0 30px;
	color:					white;
	text-decoration:		none;
	font-size:				1.3em;
	display:				block;
}

#right-col-buttons a:link, #right-col-buttons a:visited {
	background:				url("../images/right-col-button.gif") 0px 0px no-repeat;

}

#right-col-buttons a:hover {
	background:				url("../images/right-col-button.gif") 0px -30px no-repeat;
}

#right-col-buttons a:active {
	background:				url("../images/right-col-button.gif") 0px -60px no-repeat;
}

#product-boxes li {
	height:					230px;
	width:					143px;
	display:				block;
	margin-bottom:			10px;
	float:					left;
}

.prod-box-img-container {
	position:				relative;
	height:					117px;
	width:					117px;
	left:					0;
	right:					0;
	margin:					0 auto 7px auto;
	border:					1px solid #c0c0c0;
}

.product-box-heading a {
	display:				block;
	width:					140px;
	text-indent:			28px;
	height:					29px;
	line-height:			27px;
	text-decoration:		none;
	background:				url("../images/prod-box-head-bg.gif") top left no-repeat;
	color:					#fff;
	font-size:				1.2em;
}

.product-box-body {
	display:				block;
	width:					138px;
	padding:				11px 0 0 0;
	height:					189px;
	border:					1px solid #c0c0c0;
	border-top:				none;
	background:				#ebebeb;
}

#footer-links ul {
	height:					30px;
}

#footer-links li {
	height:					30px;
	line-height:			30px;
	padding-left:			26px;
	display:				block;
	background:				url("../images/footer-seper.gif") top left no-repeat;
	float:					left;
}

#footer-links li.left-end {
	display:				inline;
	background-image:		none;
}

ul.breadcrumb_nav {
	margin:					0;
}

ul.breadcrumb_nav li {
	display:				inline;
}

ul.breadcrumb_nav li.seper {
	color:					#9A1C1F;
}

#product-list {
	border-top:				1px solid #bcbcbc;
	display:				block;
}

#product-list li {
	display:				block;
	width:					50%;
	height:					180px;
	float:					left;
	font-size:				1.2em;
	border-bottom:			1px solid #bcbcbc;
	margin: 				10px 0 10px 0;
}

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

.pagination li {
	border: 				1px solid #9A1C1F;
	color: 					#9A1C1F;
	list-style-type: 		none;
	line-height:			16px;
	font-size: 				1.2em;
	display: 				block;
	margin-right:			2px;
	float:					left;
}

.pagination a, .pagination a:visited {
	height:					16px;
	padding: 				0 5px 0 5px;
	display:				block;
	text-decoration: 		none;
	color: 					#9A1C1F;
}

.pagination li:hover {
	display:				block;
	color: 					#000;
	background-color: 		#FFFF80;
}

.pagination li.current {
	background-color: 		#9A1C1F;
	color: 					#FFF;
	border-color: 			#9A1C1F;
	font-weight: 			bold;
	cursor: 				default;
	padding: 				0 5px 0 5px;
}

.pagination li.prevnext{
	font-weight: 			bold;
}

#sub-categories li {
	width:					50%;
	display:				block;
	background:				url("../images/red-arrow-bullet.gif") top left no-repeat;
	line-height:			16px;
	text-indent:			20px;
	margin-bottom:			8px;
	float:					left;
}

#sub-categories a {
	font-size:				1.2em;
	color:					#9a1c1f;
}

#sub-categories a:link, #sub-categories a:visited {
	text-decoration:		underline;
	color:					#9a1c1f;
}

#sub-categories a:hover, #sub-categories a:active {
	text-decoration:		none;
	color:					#707070;
}

#quick-search-form-container label.error {
	width:					126px;
	height:					15px;
	display:				block;
	background-color:		yellow;
	font-size:				1.0em;
	padding:				0 4px 0 4px;
	color:					black;
}

.standard-list {
	margin:					20px 0 20px 0;
	padding:				0 0 0 20px;
}

.standard-list li {
	color:					#707070;
	font-size:				1.2em;
	list-style: 			circle inside;
	margin-bottom:			10px
}


/* ------------------------ FORMS ---------------------------- */


fieldset {
	border:					1px solid #676767;
	padding:				4%;
}

input[type='text'], textarea {
	width:					300px;
	color:					#707070;
	font-size:				1.4em;
	padding:				3px;
	border:					1px solid #707070;
/*	margin-bottom:			15px;*/
}

.button {

}

.littletableheader {
	color:					#fff;
	font-size:				1.2em;
}

td {
	padding-bottom:			10px;
}

.upload-field {
	width:					200px;
	border:					1px solid black;
}

label {
	display:				block;
	width:					150px;
	font-weight: 			bold;
	color:					#707070;
	float:					left;
	font-size:				1.4em;
	margin-bottom:			15px;
}

#picForm {
	float:					left;
}

#picForm li {
	margin-bottom:			20px
}

#quick-search-form-container li {
	display:				block;
	float:					left;
}

#quick-search {
	width:					135px;
	padding:				0;
	margin:					0;
}

#quick-search fieldset {
	width:					133px;
	height:					23px;
	padding:				0;
	border-right:			none;
	padding:				0;
	margin:					0;
}

#quick-search-set div.error {
	width:					135px;
	height:					25px;
	display:				block;
	float:					left;
}

#quicksearch_query {
	width:					104px;
	height:					21px;
	padding:				4px 0 0 2px;
	border:					none;
	border-left:			2px solid #9a1c1f;
	margin:					0;
	float:					left;
	color:					#707070;
}

#quicksearch_submit {
	width:					23px;
	height:					23px;
	padding:				0;
	margin:					0;
}


.submit-but {
	width:					135px;
	height:					30px;
	line-height:			30px;
	font-size:				1.4em;
	cursor: 				pointer;
	background:				url("../images/right-col-button.gif") 0px 0px no-repeat;
	color:					#fff;
}

.but-disabled {
	background:				#EFEFEF;
	border:					1px solid #707070;
	color:					#CFCFCF;
}

.tm-form fieldset {
	border:					1px solid #9F9F9F;
	background-color:		#EFEFEF;
}

.tm-form select {
	width:					250px;
	padding:				4px;
}

.text-field, textarea {
	width:					350px;
	padding:				4px;
	font-size:				1.4em;
	color:					#707070;
	border:					1px solid #9F9F9F;
}

textarea {
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size:				1.4em;
	display:				block;
}

.tm-form li {
	margin-bottom:			15px;
}

.tm-form label {
	color:					#707070;
	width:					100%;
	font-size:				1.6em;
	font-weight:			normal;
	float:					none;
	margin-bottom:			5px;
}

.tm-form ul#price_calc_opts {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.tm-form ul#price_calc_opts li {
	clear: both;
	float: left;
	margin-top: 10px;
}

.tm-form ul#price_calc_opts li label {
	float: left;
	width: 100px;
	font-weight: bold;
}

.tm-form ul#price_calc_opts li input {
	float: left;
}

label.error {
	width: 					350px;
	padding:				6px;
	margin:					4px 0 4px 0;
	color:					red;
	font-weight:			bold;
	font-size:				1.4em;
	border:					1px solid red;
	background-color:		#FFEFF0;
	border-width: 			1px 0 1px 0;
}

.form-checkbox {
	width: 					auto;
}

#form-container {
	margin-bottom:			15px;
}

#form-container li {
	margin-bottom:			15px;
}


/* ------------------------ ACCORDIAN ---------------------------- */


#cat-list {
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:184px;
	font-size:	1.0em;
}

#cat-list a.head {
	cursor:pointer;
	background:#ebebeb url("../images/collapsed.gif") no-repeat scroll 3px 10px;
	color:#707070;
	display:block;
	margin:0px;
	font-weight: bold;
	padding:0px;
	height:	30px;
	line-height: 30px;
	text-indent:15px;
	text-decoration: none;
}

#cat-list a.head:hover {
	color:#9a1c1f;
}

#cat-list a.selected {
	background-image: url(../images/expanded.gif);
}

#cat-list a.current {
	background-color:#FFFF99;
}

#cat-list ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#cat-list li {
	list-style:none outside none; display:inline;
}

#cat-list li li a {
	background-color: #CFCFCF;
	color:#585858;
	display:block;
	text-indent:5px;
	text-decoration: none;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}

#cat-list li li a:hover {
	background-color:#9a1c1f;
	color:#FFF;
}

#tabs_container { position: relative; }

#pm { position: relative; }
#pricematrix li {  margin-bottom: 2px; padding: 0 !important; }
#pricematrix .option-price-field, #pricematrix .option-qty-field  { width: 40px !important; white-space: nowrap; }

.price-option-qty li, .price-option { float: left; margin: 0 2px 6px 0 !important; }
.clearPM { clear: both; }

#results_table th a { color: #fff; }
#stats_sorter select,input { font-size: 96%; }