/** styles.css for default table-based template
* 	@Author: Ed Massey (ed@pearlsoftware.co.uk)
*	@Creation Date:07/05/08
*	@LastMod Date:06/06/08
*	@Support: More help to be found at http://www.thisispearl.com/support-training-packs-c-342_344.html
**/

	:link,:visited { text-decoration:none }
	h2,h3,h4,h5,h6,pre,code { font-size:1em; }
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
	ul	{list-style-type:none;}
	a img,:link img,:visited img { border:none; outline:none; }
	.clr							{ clear:both; line-height:1px;} /* Place After a floating element(s) to force the containing or following elements to position/wrap correctly */
	
	body							{ text-align:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color:#000; background:#fff;}
	
	p, ol, ul,	td				{ line-height: 160%;}
	
	/* Link Styles */
	a									{ color:#cd1600;}
	a:visited					{ color:#d00;}
	a:hover						{ color:#00f; text-decoration:underline; }

	
	/* Accessability Skip-To-Nav and Skip-To-Content */
	#top							{	position: absolute; left: 0; top: 0; z-index: 100; width: 100%; min-width: 996px; list-style: none; text-align:left;}
		#top li						{ position: relative; z-index: 100; width: 100%; overflow: hidden; }
		#top a						{ display: block; padding: 0.15em 2em; color: #F5E423; text-indent: -20em; text-decoration: none;}
		#top a:hover,
		#top a:focus,
		#top a:active 		{ top:0; left:0; background-color: #CB0044; text-indent: 0; border-bottom:1px solid #F5E423;}
		#top #skipNav		{ position: absolute; top: 0; left: 0; z-index:99; width: 100%; }
			#skipNav a			{ position: relative; top: -9999px; left: -9999px; }
			#skipNav a:focus,
			#skipNav a:active { top: 0; left: 0; background-color: #4a94de; text-indent: 0; }
			
	/*Centrally aligned page container*/
	#wrp				{ position:relative; width:997px; top:20px; margin:0 auto 20px auto; text-align:left; background:#fff; }
	
	table#hldr				{ font-size:11px; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
	
	
	tr#optns, tr#topnav, tr#bnr, tr#bcrm, tr#maincontent, tr#footer	{ border-color:#aaa #666 #444 #666; border-width:1px; border-style:solid;}
	table#hldr thead		{ height:27px;}
	
	/*--------------------------  options bar (tr#optns) --------------------------------*/
	
		tr#optns										{ height:27px; background:#939ca5 url(/images/website/templateImages/originals/bg7.gif) bottom left repeat-x; }
		table.box-search						{ float:left; height:27px; }
		#box-cart									{ width:250px; float:right; }
		#box-cart div								{ float:left; margin:5px; }
		#box-cart a								{ color:#fff;}
		#box-cart a:hover					{ text-decoration:underline;}
		#box-cart #cart-contents		{ display:none; }
		#box-cart #cart-total			{ }
		#box-cart #cart-total			{ }
		#box-cart #cart-view				{ }
		#box-cart #cart-checkout		{ }
	
	/*--------------------------  Top Nav Row bar (tr#topnav) ---------------------------*/
	
	tr#topnav						{ height:74px; background:transparent url(/images/website/templateImages/originals/bg4.gif) top left repeat-x; overflow:hidden; }
	tr#topnav h1					{ float:left; padding:0; margin:0;}
	tr#topnav td					{ border:1px solid #212121; border-width:0 0 2px 0; }
	tr#topnav ul					{ list-style-type:none; float:right; width:400px; padding-top:30px;}
	tr#topnav ul li					{ float:left; padding:0 10px; }
	tr#topnav ul li a				{ color:#000; font-size:14px; }
	tr#topnav ul li a:hover 	{ text-decoration:underline; color:#00F; }
	
	/*--------------------------  Banner Row (tr#bnr) -----------------------------------*/
	
	tr#bnr						{ background:#fff; display:none;}
	tr#bnr	td					{ border-bottom:2px solid #000; height:27px;}
	
	/*--------------------------  Bread crumb bar (tr#bcrm) -----------------------------*/
	
	tr#bcrm					{ height:19px; border:2px solid #fff; border-width:2px 0;}
	tr#bcrm td				{ background:#cd1600; color:#fff; font-size:11px; font-weight:normal; height:17px; border-bottom:2px solid #fff;}
	tr#bcrm a					{ color:#fff;}
	tr#bcrm a:hover		{ color:#ff0;}
	
	/*--------------------------  Content Row (tr#maincontent) --------------------------*/
	
	tr#maincontent		{ border:0 solid #212121; border-width:1px 0; border-color:#797979 #fff #212121;}
	
	/*--------------------------  Content LEFT COLUMN ----------------------------------*/
	td#lhs,
	td#rhs					{ background:#232d39;}
	#lhs table td		{ /*border:1px solid #ababab;*/ background:#232d39 none;}
		td#lhs h2,
		td#rhs h2					{ line-height:27px; width:160px; background:transparent url(/images/website/templateImages/originals/q3.gif) top left repeat-x; padding-left:10px; font-size:14px;color:#000;}
		#dynamic-menu			{ padding-bottom:15px;}
		#specials					{ width:170px; height:250px; text-align:center;}
		#specials h2				{ text-align:left;}
		#specials img			{ margin-top:10px;}
		#specials a				{ color:#c9d3dd;}
		#specials a:hover	{ color:#fff; text-decoration:underline;}
		.productSpecialPrice	{}
		#specials span			{ color:#2f2;}
		#specials s				{ color:#f22;}
		
		#featured					{ height:250px;}
	
	/*--------------------------  Content MAIN CONTENT ------------------------------*/
	
	tr#maincontent td#stage	{ border:1px solid #979797; border-width:0 1px; background:#efefef;}
	
	
	
	/*--------------------------  Content RIGHT COLUMN -------------------------------*/
	
		#rhs table td				{ /*border:1px solid #ababab;*/ background:#232d39 none;}
			td#rhs ul					{ list-style-type:none; margin:10px;}
			td#rhs ul li				{ border-bottom:1px solid #626263; text-indent:5px; font:11px normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
			td#rhs ul a				{ display:block; width:150px; height:19px; padding-top:2px; color:#c9d3dd;}
			td#rhs ul a:hover	{ color:#fff; background:#13191f; text-decoration:none;}
			#rhs #box-cart div	{ clear:both; color:#fff;}
			#rhs #box-cart		{ width:170px;}
			#rhs #brands			{ padding:0 0 8px 0;}
			#rhs #brands h2	{ margin:0 0 8px 0;}
			#rhs #latest			{ height:250px;}
	
	
	/*--------------------------  Footer Row (tr#footer) --------------------------------*/
	tr#footer td				{ text-align:center; height:27px; border-top:2px solid #212121;  background:#939ca5; margin-bottom:20px;}
	
	a.pbp								{ font-size:10px; color:#212121; font-weight:normal; background:transparent url(/images/website/templateImages/originals/pearlicon.gif) left center no-repeat; padding:5px 0 0 20px; height:20px;}
	
	/*------------------------------ Pearl Widget & categoryStyles ----------------------------
	Many of these elements are unstyled and are included here for your convenience.
	*/

/*.pageHeading 						{ height:27px; padding:5px 10px 0; font:14px bold Verdana, Arial, sans-serif; font-weight:bolder; background:transparent url(/images/website/templateImages/originals/q3.gif) top left repeat-x;}*/
.pageHeading 						{ height:19px; padding:5px 10px 0; font-size:16px; font-weight:bolder; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#232d39; background:transparent; border-bottom:2px solid #cd1600; margin-bottom:3px;}
.subHeading 							{ height:17px; padding:5px 10px 0; font-size:14px; font-weight:bolder; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#232d39; background:transparent; border-bottom:1px solid #cd1600; margin-bottom:3px;}

.catDescription 					{ padding:10px;}
.catDescription h2				{ }


td.boxHeading 						{ font:14px bold; color:#FFF; padding:4px;}
td.boxContent 						{ font:12px normal; color:#000; padding:4px; background:#FFF none;}
td.content 							{ font:12px normal; color:#000; padding:4px;}

table.catDescription 			{ margin:10px;}
ul.serviceList						{ list-style:circle inside; list-style-image:url(/images/website/templateImages/originals/redbullet.gif);}

/*--------------------  Category Listings  ----------------------*/
table.catList 						{ }
table.catListItem 				{ border:1px dashed #CCC;}
td.catListItemImage 			{ }
td.catListItemText 			{ }
td.categoryTable-table		{ margin:5px; border:1px solid #212121; border-color:#dedede #676767 #898989 #ababab; border-width:0;}
td.categoryTable-cell table	{ border:1px solid #212121; border-color:#dedede #676767 #898989 #ababab; margin:2px;}



td.productDescription 		{ }
table.productDescription 	{ margin-top:10 0;}

td.productOptions 				{ }
table.productOptions 			{ border:1px dashed #000; margin-bottom:10; border-width:1px 0 0;}

td.productImages 				{ }
table.productImages 			{ }

title 											{ font:14px bolder; font-weight:bolder;}
.infoBoxContents 				{ font:11px inherit;}

.inputText 							{ background:#FEFEFE url(/images/website/templateImages/originals/inputBG.gif) repeat-x; font:12px normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: 1px solid #999999; padding:2px;}
.infoBox 								{ border:#C00 dashed; margin-top:2px 0 10; border-width:1px 0 0;}
.infoBoxHeading 					{ font:14px; color:#C00; margin:5px 0;}
input.button 							{ background:url(/images/website/templateImages/originals/buttonBG.gif); font:12px bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; height: 24px; border: 1px #999 ridge}
}
.error 									{ background:#FEE; padding:4px; border:1px solid #C00;}

.featured-list,
.featured-list ul  				{ padding:2px; margin:0; list-style:none; clear:left;}
.featured-list-price 		{ color:#C00; font-weight:bold;}
.featured-list-name 			{ color:#999;}
.featured-table-price 		{ color:#C00; font-weight:bold;}
.featured-table-name 		{ color:#999;}
.specials-list 					{ padding:2px; margin:0; list-style:none outside; clear:left;}
.specials-list-name 			{ color:#999;}
.specials-list-price 		{ color:#C00; font-weight:bold;}


/*__________________ Product Page - listings ___________________
*	Products are displayed in a table - each in a td class="product-listing-cell"
*/

.content											{ }
.filter												{ padding:5px 0; }
.filter select									{ padding:0; margin:0;}
/*.page-results									{ width:100%; border:1px dotted #CB0044; border-width:1px 0; margin:10px 0; background:#fff;}*/
.page-results									{ width:100%; border-width:1px; border-style:solid; border-color:#ababab #dedede #dedede #ababab; background:#fff; padding:2px 0; margin:1px 0; text-indent:10px;}
.page-results a								{ margin-left:10px;}
table.product-listing-table			{ width:100%; margin:0; padding:0; border:0;}
td.product-listing-cell				{ width:100%; text-align:left; border-width:1px; border-style:solid; border-color:#ababab #dedede #dedede #ababab; background:#eee;}
/*td.product-listing-cell td			{ border:1px solid #00f;}
td.product-listing-cell div			{ border:1px solid #0ff;}*/
a.product-listing-name				{ color:#232d39; font-size:16px; font-weight:bolder; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0 0 10px;}
td.prod-listing-name						{ border-bottom:1px solid #dedede;}
td.prod-listing-price					{ border-bottom:1px solid #dedede; text-align:right;}

a:hover.product-listing-name	{ color:#cd1600; text-decoration:underline; font-size:16px; font-weight:bolder; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a.product-listing-sku					{ }
div.product-listing-description	{ text-align:left; padding:10px;}
div.product-listing-image			{ border-width:0; border-style:solid; border-color:#dedede #ababab #ababab #dedede;}
div.product-listing-price			{ color:#232d39; width="100%" font-size:16px; font-weight:bolder; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px 0 0;}
div.product-listing-addtocart	{ float:right; text-align:right;}
div.product-listing-moreinfo		{ float:right; text-align:right;}

/*__________________ New Products - listings ___________________
*	Products are displayed in a table - each in a td class="product-listing-cell"
*/
table.newproducts-table					{ background:#fff;}
td.newproducts-table						{ width:33%; border:1px solid #212121; border-color:#dedede #676767 #898989 #ababab;}
/*__________________ Product Page - individual ___________________
*	
*/


#product-detail					{ width:"100%"; background:#fff;}
.product-detail-name		{ float:left; padding:5px 10px 0 0 ; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bolder; color:#EA2A08;}
.product-detail-price		{ float:right; padding:5px 10px 0 0 ; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bolder; color:#EA2A08;}


.p_foot									{ margin:10px 0; padding:0 10px; }
.p_imgs									{  padding:0 10px;}
.product-detail-description	{ padding:10px 0;}
.product-detail-bundle	{ clear:both; text-align:left; margin-right:10px;}
.product-detail-options	{ float:right;}
#product input.button			{ float:right;}
.product-detail-images	{ border:1px solid #CCC; border-width:1px 0;margin-bottom:10px;background:#EFEFEF;padding:4px; }


/*__________________ Project Management Styles ___________________*/

.moduleRowSelected 			{ background:#FC0; padding:4px; border:1px #CC solid; color:#000;}

.project-job-title 			{ font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#069; padding-top:4px; border-color:black black #666; margin-bottom:6px; padding-bottom:0; border-style:solid; border-top-width:0; border-right-width:0; border-bottom-width:1px; border-left-width:0}
.project-files-title		{ font-size:12px; font-weight:bold; padding-top:15px}
.project-files-filename	{ color:#069}
.project-files-filesize	{ color:#999}
.project-files-filemodified { color:#999}
.project-note-title			{ color:#999}
.project-note-content		{ margin-bottom:6px; border-bottom:1px dotted #ccc;}
.project-notes					{ background-color:#FFF; padding:4px; border:0 dotted #666; margin:5px 0;}
.project-files					{ margin-top:5px; margin-bottom:5px;}
.project-job						{ background-color:#EFEFEF; padding:10px; border:1px #CCC solid; margin:10px 0;}

.project-list						{ padding:2px; margin:0; list-style:none; clear:left;}

.buttonRed ,
.buttonGreen						{ background:#0C3; font-size:14px; font-weight:normal; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000; border:1px #000 solid;}
.buttonRed							{ background:#C03;}

/*__________________ Login & Register Page ___________________*/
#login-login						{ float:left; padding-left:10px; width:45%;}
#login-newuser					{ float:right; padding-right:10px; width:45%;}
#contact-message				{ padding:10px;}
#contact-form						{ padding:10px;}
#contact-page						{ width:100%;}
.contact-fieldtext,
.contact-field					{ margin:5px auto;}
.contact-field input,
.contact-field textarea,
.contact-field select,
.contact-field checkbox	{ 
	background:#FEFEFE url(/images/website/templateImages/originals/inputBG.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px; border: 1px solid #999999; 
	padding:2px;
}
.contact-field select		{ font-size:11px; font-weight:normal; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
/*__________________ Pearl Widgets 2.0______________________
We have been re-writing the pearl widgets that pull in content to your pages.
A number of them are 
*/
.moduleRow 						{ border-bottom:1px solid #999; background: #EFEFEF; }
.moduleRowSelected 		{ border-bottom:1px solid #999; background: #99CC99; }
.moduleRowOver 				{ border-bottom:1px solid #999; background:#99FF66; }

/* Featured Products */
.featured-list				{ list-style-type:none;}
.featured-list li				{ display:block; padding:2px 10px; border-bottom:1px solid #626263;}
a.featured-list-name	{ color:#c9d3dd;}
a:hover.featured-list-name	{ color:#fff; text-decoration:underline;}
li div.featured-list-price	{ text-align:right; padding:0 10px;}

/* New Products Table */

ul.new-prod-tbl							{ list-style-type:none; margin:0; padding:0;}
ul.new-prod-tbl li							{ float:left; text-align:center; padding:5px; margin:2px; border-width:1px; border-style:solid; border-color:#dedede #ababab #ababab #dedede; background:#eee;}
ul.new-prod-tbl li	a img				{ border-width:1px; border-style:solid; border-color:#ababab #dedede #dedede #ababab;}
a.newproducts-table-name		{ font-weight:bolder; text-decoration:none; color:#cd1600;}
a:hover.newproducts-table-name		{ color:#cd1600; text-decoration:underline;}
div.newproducts-table-price	{}


/* Help Desk Styles */
.helpdesk-header 							{ padding-bottom:10px}
.ticket-description						{ font-style:italic; color:#900; margin-bottom:10px; padding:4px 0; border-bottom:1px solid #666;}
.helpdesk-note 								{ padding:6px 0; border-bottom:1px dotted #999; margin-bottom:6px;}
.helpdesk-note-text 						{ }
.helpdesk-note-details 				{ color:#ccc}
.helpdesk-upload 							{ background-color:#EFEFEF; padding:4px; border:1px solid #999; margin:4px 0;}
.helpdesk-ticket 							{ margin:2px 0; padding:2px 0; border-bottom:1px dotted #ccc;}
.a-new-style	{color:#red}
.a-new-style	{color:#red}
.a-new-style	{color:#red}
.contact-fieldtext {
	margin-top:6px;
	display: block;
}