/* Dennis Computers CSS - NQ Web Design */


body
{
	background:#00CEF7 url(../images/bg_body.gif) fixed repeat-x;
	font-family:"Lucida Grande", "Trebuchet MS", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:62.5%;
	margin:0;
}

/*----------------------------------------------------------------------------------------------------------
>>> LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#outer 
{
	min-width:710px;
	text-align:center;
	padding-bottom:20px;
	background:url(../images/bg_outer.gif) repeat-x;
}

div#inner
{
	margin-left:auto;
	margin-right:auto;
	width:710px;
}



div#header
{
	height:auto;
}

div#main
{
	background:url(../images/bg_main.gif) repeat-y;
	
}

div#content
{
	text-align:left;
	float:left;
	width:537px;	
}

div#content_inner
{
	padding:10px 55px 10px 40px;
	font-size:1.1em;
	line-height:155%;
	color:#454545;
	
}

div#sidebar
{
	float:left;
	width:173px;
	text-align:left;
}


div#clear_main
{
	clear:both;
	height:39px;
	background:url(../images/bg_clear_main.gif) no-repeat;
}

div#footer
{
	color:#FFF;
	font-size:1.1em;
	padding:10px 10px 10px 173px;
}

div#searchbox
{
	padding:10px 10px;
}

div#westnet, div#intel
{
	padding:2px;
	text-align:center;
	color:#FFFFFF;
}
/*---------------------------------------------------------------------
>>>NAVIGATION
---------------------------------------------------------------------*/

#navigation
{
	padding:10px 0;
}
#navigation ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li
{
	margin:0px;
}

#navigation a
{
	display:block;
	text-decoration:none;
	padding:4px 15px;
	width:143px;
	font-size:1.3em;
}

#navigation a:link, #navigation a:visited
{
	color:#FFF;
	
}	

#navigation a:hover
{
	background-color:#FFF200;
	background-image:url(../images/bg_nav_hover.gif);
	color:#000;
	text-indent:20px;
	
}

body#home_page #navigation li#home a
{
	color:#03b4b4;

}

body#prices_page #navigation li#prices a
{
	color:#03b4b4;
}

body#contact_page #navigation li#contact a
{
	color:#03b4b4;
}


/*-----------------------------------------------------------------------------------------------------------------
>>> HEADINGS & LINKS
-----------------------------------------------------------------------------------------------------------------*/
#content_inner h1
{
	font-size:150%;
	font-weight:normal;
	color:#01a3b6;
	margin-top:20px;

}

#content_inner ul
{
	list-style:square;
}

#content_inner a:link, #content_inner a:visited
{
	color:#8A0068;
}

#content_inner a:hover
{
	color:#000;
	background-color:#FFF200;
	text-decoration:none;
}

#footer a:link, #footer a:visited
{
	color:#FFF;
}

#footer a:hover
{
	color:#000;
	background-color:#FFF200;
	text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------------------------
>>>FORM STYLES STYLES
-----------------------------------------------------------------------------------------------------------------*/

#searchbox label
{
	color:#FFF200;
	font-size:1.3em;
}


.txtField
{
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #7d7d7d;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #DDDDDD;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	color:#454545;
}

.txtField:focus
{
	color:#840063;
}

/*-----------------------------------------------------------------------------------------------------------------
>>>TABULAR DATA
-----------------------------------------------------------------------------------------------------------------*/

	.tabularData
	{
		border-collapse:collapse;
		border-spacing:0;
		margin-bottom:10px;
	}
	
	.tabularData td
	{
		padding:4px;
		border-bottom:1px solid #D6D9DC;
	}
	
	.tabularData tr.odd
	{
		background-color:#E4E6E8;	
	}
	
	.tabularData tr.even
	{
		background-color:#eEAEAEA;
	}		

	#product_list .col1{ width:20%; }
	#product_list .col2{ width:60; }
	#product_list .col3{ width:20%; }

/*-----------------------------------------------------------------------------------------------------------------
>>>MISC STYLES
-----------------------------------------------------------------------------------------------------------------*/

	.noWrap
	{
		clear:both;
		height:1px;
		overflow:hidden;
 	}

	.imgFloatLeft
	{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		border:0;
	}
	
	.imgFloatRight
	{
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		border:0;
	}
	
	.required
	{
		font-size:11px;
		color:#888888;
		font-style:italic;
	}