/* Computer Traders Australia CSS */


body
{
	background-color:#D6D6D6;
	font-size:11px;
	line-height:16px;
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#031545;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-y;
	background-position:top center;
	background-attachment:fixed;
}



a:link, a:visited{ 	}
a:hover	{	}
	
/*----------------------------------------------------------------------------------------------------------
>>> LAYOUT
----------------------------------------------------------------------------------------------------------*/

div#outer_top, div#outer_main
{
	min-width:760px;
	text-align:center;
}

div#outer_top
{
	background-image:url(../images/bg_outer_top.gif);
	background-repeat:repeat-x;
	height:123px;
}

div#inner_top, div#inner_main
{
	margin-left:auto;
	margin-right:auto;
	
}
div#inner_top
{
	width:700px;
	padding:0px 30px;
}

div#inner_main
{
	width:700px;
	padding:10px 30px;
}

div#sidebar
{
	padding:10px 15px;
	width:170px;
	float:left;
	text-align:left;
}

div#content
{
	width:469px;
	padding:10px 14px;
	float:left;
	text-align:left;
}

div#footer
{
	clear:both;
	text-align:center;
	font-size:10px;
	padding:10px 15px 10px 215px;
	color:#888888;
	background-color:inherit;

}

div#logoContainer
{
	height:88px;
	text-align:left;
	background-image:url(../images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#mainNav
{
	padding:8px 0px 0px 0px;
	text-align:right;
	height:27px;
}

div#catNav
{
	background-image:url(../images/bg_divider.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

div#mailingList
{
	background-image:url(../images/bg_divider.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

#contactInfo ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}


#topNav 
{
	padding-top:10px;
	text-align:right;
	font-size:10px;
}
/*----------------------------------------------------------------------------------------------------------
>>> MAIN NAVIGATION
----------------------------------------------------------------------------------------------------------*/
#mainNav ul
{
	list-style: none;
	padding: 0;
	margin: 0;

}

#mainNav li
{
	display: inline;
	padding: 0;
	margin: 0;

}

#mainNav li a
{
	font-size:13px;
	text-decoration:none;
	padding:2px 6px 3px 6px;

}

#mainNav li a:visited, #mainNav li a:link
{
	color:#FFFFFF;

}

#mainNav li a:hover
{
	color:#000000;
	background-color:#FFFFFF;	
}

body#item_one_page #mainNav li#item_one a
{
	color:#000000;
	background-color:#FFFFFF;
}



/*----------------------------------------------------------------------------------------------------------
>>> CATEGORY NAVIGATION
----------------------------------------------------------------------------------------------------------*/
#catNav ul, #subNav ul
{
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
	line-height:19px;

}
#catNav li a, #subNav li a
{
	background-image:url(../images/icon_arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	text-decoration:none;
}
#sidebar a:visited, #sidebar a:link
{
	color:#2F63B3;
}

#sidebar a:hover
{
	color:#5ca03c;
}

/*----------------------------------------------------------------------------------------------------------
>>> SUBCATEGORY NAVIGATION
----------------------------------------------------------------------------------------------------------*/


#content fieldset
{
	background-color:#E6F0FD;
	border:1px solid #C3DAF7;
	padding:15px;
	margin-bottom:20px;

}

#content fieldset ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	
}
#content fieldset ul li
{
	float:left;
	margin-right:25px;
	padding:0 2px 3px 2px;
}

div#breadcrumbs
{
	margin-bottom:10px;
	font-size:10px;
	color:#888888;
}

/*----------------------------------------------------------------------------------------------------------
>>> LINKS & HEADINGS STYLES
----------------------------------------------------------------------------------------------------------*/

#content h1, #sidebar h1
{
	font-size:19px;
	line-height:21px;
	font-weight:normal;
}

#content h2, #content legend
{
	font-size:14px;
	font-weight:normal;
	color:#2F63B3;
}

#content a:link, #content a:visited
{
	color:#2F63B3;
}

#content a:hover
{
	color:#5ca03c;
	text-decoration:none;
}

#footer a:link, #footer a:visited, #breadcrumbs a:link, #breadcrumbs a:visited
{
	color:#888888;
		text-decoration:none;

} 

#footer a:hover, #breadcrumbs a:hover
{
	color:#5ca03c;
}
#topNav a
{
	margin-left:15px;
}
#topNav a:visited, #topNav a:link
{
	color:#FFFFFF;
	text-decoration:none;

}

#topNav a:hover
{
	color:#2F63B3;
}

#content img
{
	border:5px solid #E6F0FD;
}
	
	
/*----------------------------------------------------------------------------------------------------------
>>> FORM STYLES
----------------------------------------------------------------------------------------------------------*/
#content .txtField, #sidebar .txtField
{
	background-image:url(../images/bg_input.gif);
	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:#031545;
}
#sidebar .txtField
{
	width:160px;
}
#content .txtField:focus, #sidebar .txtField:focus
{
	color:#5ca03c;
}

#content .btn, #sidebar .btn
{
	font-size:11px;
	background-color:#0C3257;	
	border:1px solid #102E4C;
	color:#FFFFFF;
	padding:1px;
}

/*----------------------------------------------------------------------------------------------------------
>>> PRODUCT VIEW DATA
----------------------------------------------------------------------------------------------------------*/
div.productView
{
	padding-bottom:10px;
	border-bottom: medium none;
	background: url('../images/dot.gif') repeat-x bottom;
	margin-bottom:10px;
}

div.productView div
{
	clear:both;
}

div.productView div span
{
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}


.prod_man
{
	background-image:url(../images/icon_wrench.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:21px;
}

.prod_price
{
	background-image:url(../images/icon_money.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:21px;
}

.prod_add
{
	background-image:url(../images/icon_add.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:21px;
}
/*----------------------------------------------------------------------------------------------------------
>>> TABULAR DATA
----------------------------------------------------------------------------------------------------------*/
	

	.tabularData
	{
		border-collapse:collapse;
		border:none;
		width:100%;
		border-spacing:0px;
	}
	
	.tabularData thead tr
	{
		background-color:#0C3257;
	}
	
	.tabularData th
	{
		color:#FFFFFF;
		padding:4px;
		font-weight:normal;
	}
	
	.tabularData .col_a{width:50%; text-align:left;}
	.tabularData .col_b{width:30%; text-align:left;}
	.tabularData .col_c{width:20%; text-align:center;}
		
	.tabularData td
	{
		border-bottom:1px solid #C3DAF7;
		padding:4px;
	}
	
	.tabularData tbody tr.odd
	{
		background-color:#E6F0FD;
	}
/*----------------------------------------------------------------------------------------------------------
>>> PAGINATION NAV
----------------------------------------------------------------------------------------------------------*/

	#pagination
	{
		margin-top:15px;

	}
	
	#pagination span {
	  font-weight: bold;
	  padding: 2px 6px 3px 6px;
	   margin-right:4px;
	   color:#5ca03c;
	   	  background-color:inherit;

	}
	#pagination a {
	
	  color: #069;
	  text-decoration: none;
	  padding: 2px 6px 3px 6px;
	  margin-right:4px;
	  background-color:inherit;
	}
	
	#pagination a:link, #pagination a:visited
	{
		text-decoration: none;
		
	}
	
	#pagination a:hover
	{
		color:#5ca03c;
		background-color:inherit;

	}


/*----------------------------------------------------------------------------------------------------------
>>> MISC. STYLES
----------------------------------------------------------------------------------------------------------*/
	
	.noWrap
	{
		clear:both;
		height:1px;
		overflow:hidden;
 	}
	
	.hr
	{
		padding-bottom:10px;
		border-bottom: medium none;
		background: url('../images/dot.gif') repeat-x bottom;
	}

	.imgFloatLeft
	{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		border:1px solid #C3DAF7;
	}
	
	.imgFloatRight
	{
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		border:1px solid #C3DAF7;
	}
	
	.required
	{
		font-size:10px;
		color:#888888;
		font-style:italic;
	}
	
	.error
	{
		color:#FF0000;
	}