/****************************************************************/
/* County Building Supplies Website Styles - Copyright 2007     */
/* Produced by Sarah Chapman - www.sgrafix.co.uk                */
/****************************************************************/


/****************************************************************/
/* Layout Tags                                                  */
/****************************************************************/

body{
	font-family: Arial,Verdana,sans-serif;
	font-size:0.75em;
	color: #333333;
	line-height: 1.35em;	
	margin: 0px;
	padding: 0px;
	background-color:#CCCCCC;
}

#main-container{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 754px;
	margin:auto;
	border: 3px solid #000066;
	padding:7px 7px 7px 7px;
	background-color:#FFFFFF;
	margin-top:10px;
}

#nav {
	width:200px;
	clear:left;
	float:left;
	margin:0px 3px 0px 0px;
	padding:0px;
}

#content{
	float: right;
  	width: 535px;
	padding:0px 10px 0px 0px
}

#siteInfo{
	width:754px;
	padding:0px;
	font-size:0.75em;
	color:#666666;
}

/****************************************************************/
/* Generic Tags                                                 */
/****************************************************************/

.cleaner{
	clear:both;
	height:0px;
	width:100%;
	overflow:hidden;
}

img.right{
	float:right;
	margin-left:5px;
}

a:link{
	color: #000066;
	text-decoration: none;
}

a:visited{
	color: #000066;
	text-decoration: none;
}

a:hover{
	color: #000066;
	text-decoration: none;
	background-color:#ccccff;
}

a.accesskey:link{
	color:#666666;
	text-decoration: none;
}

a.accesskey:visited{
	color:#666666;
	text-decoration: none;
}

a.accesskey:hover{
	color:#666666;
	text-decoration: none;
	background-color:#eeeeee;
}

img{
	border:0;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: disc;
}

/****************************************************************/
/* Header Tags                                                  */
/****************************************************************/

.topbar{
	float:left; 
	font-weight:bold;
	background-color:#dcdcf7; 
	background-image:url(/images/header-linkbar-bk.gif);
	height:20px;
}

.topbar a{
	color:#000066;
	text-decoration: none;
}

.topbar a:link{
	color: #000066;
	text-decoration: none;
}

.topbar a:visited{
	color: #000066;
	text-decoration: none;
}

.topbar a:hover{
	color: #000066;
	text-decoration: underline;
	background-color:#ccccff;
}

.topbarlinks{
	background-color:#dcdcf7; 
	background-image:url(/images/header-linkbar-bk.gif);
	padding:4px 0 0 0; 
	height:20px;
	float:left; 
	text-align:center;
	font-weight:bold;
}


/****************************************************************/
/* Navigation Tags                                              */
/****************************************************************/

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

#nav li {
	margin:0px 0px 2px 0px;
	font-weight:bold;
	color:#000000;
}

#nav li.NavTopLev a {
	padding:6px 0px 0px 25px;
	height:22px;
	text-decoration:none;
	display:block;
	color:#000000;
	background-image:url(/images/nav-bk.gif);
}

#nav li.NavTopLev a:hover {
	display:block;
	padding:5px 0px 0px 25px;
	margin:0px 0px 2px 0px;
	text-decoration:underline;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0; 
	height: 22px;
	background-image:url(/images/nav-bk-hov.gif);
}

#nav li.NavSub a {
	padding:6px 0px 0px 25px;
	height:22px;
	background:#dbdbf8 ; 
	text-decoration:none;
	display:block;
	color:#000000;
	background-image:url(/images/nav-sub-bk.gif);
}

#nav li.NavSub a:hover {
	display:block;
	padding:5px 0px 0px 25px;
	margin:0px 0px 2px 0px;
	text-decoration:underline;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0; 
	height: 22px;
	background-image:url(/images/nav-sub-bk-hov.gif);
}

#nav-topsection a{
	color:#000000;
	text-decoration: none;
}

#nav-topsection a:link{
	color:#000000;
	text-decoration: none;
}

#nav-topsection a:visited{
	color:#000000;
	text-decoration: none;
}

#nav-topsection a:hover{
	color:#000000;
	text-decoration: underline;
	background-color:#ccccff;
}


/****************************************************************/
/* Content Tags                                                 */
/****************************************************************/

h1{
 font-family: Arial,Verdana,sans-serif;
 font-weight:bold;
 font-size: 1.4em;
 color: #000066;
}

h2{
 font-family: Arial,Verdana,sans-serif;
 font-weight:bold;
 font-size: 1.0em;
 background-color:#eeeeee;
 color: #000066;
 padding:3px;
}

.pageupdate{
font-size:9px; 
margin-top:5px; 
text-align:right;
}

.sectionbox{
	width:160px; 
	padding:2px; 
	margin:5px; 
	float:left; 
	border:1px solid #eeeeee;
}

.sectionbox-title{
	background-color:#eeeeee; 
	color:#000066; 
	font-weight:bold; 
	padding:5px;
}

.promobox{
	width:240px; 
	padding:5px; 
	margin:5px; 
	float:left; 
	border:1px solid #eeeeee;
}

.promobox-title{
	background-color:#eeeeee; 
	color:#000066; 
	font-weight:bold; 
	padding:5px;
}

.productbox{
	width:160px; 
	padding:2px; 
	margin:5px; 
	float:left; 
	border:0px;
}

.productbox-title{ 
	padding:5px;
	text-align:center;
}