/*							TABLE OF CONTENTS
------------------------------------------------------------------------
FILENAME:	maroon.css
FILE TYPE:	Text/CSS Stylesheet
CREATED ON:	8/16/2007
AUTHOR:		Paul E. Hanson (webdesign@corvusstudio.net)
CLIENT:		Computer Direct Outlet, LLC. (www.computerdirectoutlet.com)

HEADER	-	Site name, logo, account menu
NAVBAR	-	Categories, Search by Manufacturer, BBBOnline Logo
CONTENT	-	Product Listing, product information, search results
FOOTER	-	Copyright, Legal links
----------------------------------------------------------------------*/
/*							COLOR PALETTE
------------------------------------------------------------------------
	#4B4B4B	-	Medium Gray			#1d1d1d	-	Dark Gray
	#ffff	-	White				#e1e1e1	-	Light Gray
	#FFF200	-	Yellow				#FFDE00	-	Gold
	#8A2328	-	Maroon				#fff	-	Text
	#f5131e	-	Link				#4B4B4B	-	Background
----------------------------------------------------------------------*/
body					{background-color:#4B4B4B;color:#666;margin:0 auto;padding:0;height:100%;}
body, table, td, div, p, input	{font-family: 'Segoe UI', Cambria, Arial, Sans-serif;font-size: 9pt;}
img			{behavior: url(iepngfix.htc);border:0px;}
a:link		{text-decoration: none;color: #800000;}
a:active	{text-decoration: none;color: #800000;}
a:visited	{text-decoration: none;color: #800000;}
a:hover		{text-decoration: none;color: #cc0000;}
form						{padding:0px;margin:0;}

/*-------------------------------- IDS -------------------------------*/
#container	{text-align:center;padding:20px 20px 0px 20px;width: expression(document.body.clientWidth < 970 ? "960px" : "auto");min-width:960px;height:100%;position:absolute;z-index:0;}
#tbl-main	{padding:0px;width:100%;height:100%;}
#td-header	{height:150px;width:100%;padding:0px;background-image: url('../elements/header/header-bg.gif');background-repeat:repeat-x;}
#div-logo	{width:400px;height:150px;background-image:url('../elements/header/header-left.gif');background-repeat:no-repeat;background-position:top left;}
#cdologo	{padding:10px 0px 0px 10px;width:144px;height:165px;z-index: 2;position:relative;top:0;}
#div-menu	{width:200px;height:150px;background-image:url('../elements/header/div-menu.gif') no-repeat;}
	#div-menu-list		{padding-top: 4px;}
#div-advert	{text-align:right;color:#fff;padding:4px 15px 0px 15px;height:150px;background-image:url('../elements/header/header-right.gif');background-repeat:no-repeat;background-position:top right;}
.advert		{width:350px;margin-top:auto;border:1px solid #999;color:#666;padding: 5px;text-align: left;}
#stripmenu	{width:100%;height:40px;padding: 3px 0px 3px 0px;}
#td-content	{background:#F6F6F6 url('../elements/content/content-border-top.gif');background-repeat:repeat-x;background-position:top;padding:0px;}
	#div-content-bottom,#div-content-left,#div-content-right {width:100%;height:100%;}
	#div-content-bottom	{background-image:url('../elements/content/content-border-bottom.gif');background-repeat:repeat-x;background-position:bottom;padding:0px;}
	#div-content-left	{background-image:url('../elements/content/content-border-left.gif');background-repeat:repeat-y;background-position:left;padding:0px;}
	#div-content-right	{background-image:url('../elements/content/content-border-right.gif');background-repeat:repeat-y;background-position:right;padding:0px;}
	#div-content		{height:100%;width:100%;color:#999;padding:15px;vertical-align:top;}
	#tbl-content		{height:100%;width:100%;color:#999;background-image:url('../elements/content/content-right.gif');background-repeat:no-repeat;background-position:top right;}
	#td-nav				{width:200px;vertical-align:top;padding:0px;height:100%;color:#999;background-image:url('../elements/content/content-left.gif');background-repeat:no-repeat;background-position:top left;}
		#div-nav			{width:200px;height:100%;color:#999;background-image:url('../elements/content/content-bl.gif');background-repeat:no-repeat;background-position:bottom left;}
			#div-nav-inside							{padding: 15px;text-align:center;}
			#div-nav-inside a:link,
			#div-nav-inside a:active				{font-size:8pt;height:16px;color: #444;text-decoration: none;border:1px solid #f6f6f6;}
			#div-nav-inside a:hover					{color: #000;text-decoration: none;border:1px dotted #999;background:#e1e1e1;}
			#div-nav-inside a:visited				{color: #444;text-decoration: none;}
	#td-body			{vertical-align:top;padding:16px 0px 9px 0px;color:#000;}
		#div-body					{text-align:center;color:#000;border-left: 1px dotted #999;border-right: 1px dotted #999;height:100%;padding:0px 10px 0px 10px;}
	#td-side			{width:150px;vertical-align:top;padding:16px 15px 0px 10px;color:#000;background-image:url('../elements/content/content-br.gif');background-repeat:no-repeat;background-position:bottom right;}
#td-footer	{width:100%;height:50px;background:#4b4b4b;color:#ccc;padding: 0px 25px 0px 25px;}

#bgSearch		{text-align:center;border:1px solid #000;}
#txtSearch		{width:155px;height:20px;border:1px solid #30160b;font-size:9pt;background:#fff url('../elements/basic/searchbg.gif') right no-repeat;;padding-top: 2px;}
#btnSearch		{font-size: 8pt;color:#fff;font-weight:bold;height:20px;}

#breadcrumbs								{font-weight:bold;color:#ff0625;font-size: 10pt;padding-left: 5px;}
#breadcrumbs a:link, #breadcrumbs a:active	{color: #e1e1e1;}
#breadcrumbs a:visited						{color: #ccc;}
#breadcrumbs a:hover						{color: #fff;border-bottom: 1px dotted #ff0925;}

/*------------------------------ CLASSES ------------------------------*/
.logo1			{color:#000;padding-left:150px;font-weight:bold;font-size:28pt;}
.logo2			{color:#000;padding-left:150px;font-weight:bold;font-size:22pt;}
.PageHeading	{font-size: 16pt;font-weight:bold;color: #cc0000;}
.infoBoxHeading	{color: #444;font-weight:bold;font-size:14pt;}
.boxText		{padding-left:10px;color: #666;font-size:9pt;}
.boxText	option,.boxText	select	{font-size:9pt;}
.prodimg		{width: 100px;height: 80px;padding: 10px;background: transparent	url('../elements/basic/prodimg.gif') middle center no-repeat;}
.main			{color:#000;}
.searchText1	{color: #999;font-style: italic;font-weight:bold;}
.searchText2	{color:	#000;}
.ibHeading	{
	height: 25px;
	color: #000;
	font-weight: bold;
	background: #A2C0DC;
	vertical-align: middle;
	text-align: left;
	}
	
.curcat	{
	color: #000;
	font-weight: bold;
	}

#spacer	{
	width: 180px;
	height: 5px;
	}

/*********************************************************/
DIV.suggest_link {
	color: #000;
	background: #FFFFFF;
	padding: 2px 6px 2px 6px;
	border: 1px solid #C0C0C0;
	border-top: 0px;
}
.suggest_link_over {
	color: #fff;
	background-color: #3399FF;
	padding: 2px 6px 2px 6px;
	border: 1px solid #C0C0C0;
	border-top: 0px;
	cursor:pointer;
}
DIV.suggest_link a:link			{text-decoration: none;color: #000;}
DIV.suggest_link a:active		{text-decoration: none;color: #000;}
DIV.suggest_link a:visited		{text-decoration: none;color: #000;}
DIV.suggest_link a:hover		{text-decoration: none;color: #000;}
DIV.suggest_link_over a:link	{text-decoration: none;color: #000;}
DIV.suggest_link_over a:active	{text-decoration: none;color: #000;}
DIV.suggest_link_over a:visited	{text-decoration: none;color: #000;}
DIV.suggest_link_over a:hover	{text-decoration: none;color: #000;}

#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left;
	top: 200px;
	left:24px;
}

DIV#quicksearch a:link		{text-decoration: none;color: #000;}
DIV#quicksearch a:active	{text-decoration: none;color: #000;}
DIV#quicksearch a:visited	{text-decoration: none;color: #000;}
DIV#quicksearch a:hover	{text-decoration: none;color: #0000FF;}
/*********************************************************/

#keywords	{
	border-top: 1px solid #ABADB3;
	border-left: 1px solid #E2E3EA;
	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #E3E9EF;
	}
.searchText1	{
	width: 150px;
	border-top: 2px solid #ABADB3;
	border-left: 2px solid #E2E3EA;
	border-right: 2px solid #DBDFE6;
	border-bottom: 2px solid #E3E9EF;
	}
.searchText1:focus	{
	color: #000;
	border: 2px solid #FFE400;
	}
.searchText2	{
	width: 150px;
	border: 2px solid #FFE400;
	}

/*********************************************************/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Segoe UI',Calibri,Tahoma,Sans-Serif;
  font-size: 9pt;
  color: #000;
}
SPAN.prodinfmod	{
	font-family: 'Segoe UI',Calibri,Tahoma,Sans-Serif;
	font-size: 9pt;
	color: #4C4C4C;
	}
/*********************************************************/
.man1	{
	font-size:9pt;
	background: #EEF5FF;
	}
.man2	{
	background: #EEF5FF;
	border-left: 1px solid #465D8A;
	border-right: 1px solid #465D8A;
	border-bottom: 1px solid #465D8A;
	}
/*********************************************************/
td.productListing-heading	{
	font-weight: bold;
	background: #EFEFEF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	}
td.productListing-data	{
	border: 1px solid #F2F6FE;
	}
td.main select	{
	height: 12px;
	font-size: 8pt;
	}
/*********************************************************/
td.infoBoxheading td.infoBoxheading	{
	font-weight: bold;
	border-bottom: 2px solid #FFD200;
	}
sup	{font-size: 8px;}

/*********************************************************/
.commentCage {
	background-image: url(../elements/img_comments_middle.png);
	background-repeat: repeat-y;
	width: 400px;
}
.commentTop {
	height: 3px;
	clear: both;
	background-image: url(../elements/img_comments_top.png);
	background-position: left top;
	background-repeat: no-repeat;	
}
.commentContent {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
}
.commentContent p {
	margin:0px;
}
.commentBottom {
	background-image: url(../elements/img_comments_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	padding-top: 20px;
	font-size: 11px;
}
.comments {
	font-size: 8pt;
	padding-bottom: 25px;
}
.comments a:link, .comments a:visited {
	color: #1e3d8a;
	font-weight: bold;
	text-decoration: none;
}
.comments a:hover, .comments a:active {
	background: #295ad5;
	color: #fff;
	text-decoration: none;
}

.rating	{
	font-weight: bold;
	font-size: 10px;
	padding-bottom:3px;}
	
td.pageReviewHeading	{
	font-weight: bold;
	background: #EFEFEF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	}
	
/*********************************************************/