/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}
div.spacer2 {
	clear: both;
	border-bottom:1px solid #CCC;
	margin:0 0 10px 0;

}

a
{
	outline:none;
}

/* site container */
/*******************************************************************************/

div#background
{
	background:url(/site/img/bgslice.jpg) repeat-x;
}

div#container
{
	width: 950px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}




/* header block */
/*******************************************************************************/
div#header_container
{
	height:126px;
}

#logo
{
	float:left;
}

#telephone_header
{
	float:left;
	padding-left:566px;
}

/* navigation */
/*******************************************************************************/

div#navigation
{
	padding-top:9px;
	height:36px;
}

div#navigation ul
{
	margin:0;
	list-style:none;
	background:url(/site/img/navbg.jpg) repeat-x #000;
	height:32px;
}

div#navigation ul li
{
	float:left;
}

div#navigation ul li a:link,
div#navigation ul li a:visited

{
	display:block;
	color:#FFF;
	height:24px;
	padding-top:8px;	
	text-align:center;
	font-size:1.17em;
	font-weight:normal;
}

div#navigation ul li a:hover,
div#navigation ul li a:active
{
	display:block;
	color:#FFF;
	height:22px;
	padding-top:10px;
	font-size:1.17em;
	font-weight:normal;
}

div#navigation ul li#home a:link,
div#navigation ul li#home a:visited
{
	width:103px;
	margin-right:2px;
	text-align:center;
	border-bottom:4px solid #9c9b9b;
}

div#navigation ul li#home a:hover,
div#navigation ul li#home a:active
{
	width:103px;
	margin-right:2px;
	text-align:center;
	background:url(/site/img/nav-bg-hover.jpg) top center no-repeat;
	border-bottom:4px solid #42b88d;
}

div#navigation ul li#aboutus a:link,
div#navigation ul li#aboutus a:visited,
div#navigation ul li#services a:link,
div#navigation ul li#services a:visited,
div#navigation ul li#skipsizes a:link,
div#navigation ul li#skipsizes a:visited,
div#navigation ul li#faqs a:link,
div#navigation ul li#faqs a:visited
{
	width:101px;
	margin-right:2px;
	text-align:center;
	border-bottom:4px solid #9c9b9b;
}

div#navigation ul li#contactus a:link,
div#navigation ul li#contactus a:visited
{
	width:102px;
	margin-right:1px;
	text-align:center;
	border-bottom:4px solid #9c9b9b;
}

div#navigation ul li#aboutus a:hover,
div#navigation ul li#aboutus a:active,
div#navigation ul li#services a:hover,
div#navigation ul li#services a:active,
div#navigation ul li#skipsizes a:hover,
div#navigation ul li#skipsizes a:active,
div#navigation ul li#faqs a:hover,
div#navigation ul li#faqs a:active
{
	width:101px;
	margin-right:2px;
	text-align:center;
	background:url(/site/img/nav-bg-hover.jpg) top center no-repeat;
	border-bottom:4px solid #42b88d;
}


div#navigation ul li#contactus a:hover,
div#navigation ul li#contactus a:active
{
	width:102px;
	margin-right:1px;
	text-align:center;
	background:url(/site/img/nav-bg-hover.jpg) top center no-repeat;
	border-bottom:4px solid #42b88d;
}



div#navigation ul li#gallery
{
	border-bottom:4px solid #9c9b9b;
	width:60px;
	padding-right:10px;
	padding-left:95px;
	float:left;

}

div#navigation ul li#gallery a
{

	width:45px;
	float:left;
	background:url(/site/img/accountbg.jpg) no-repeat;
	padding-left:12px;
}


div#navigation ul li#account
{
	border-bottom:4px solid #9c9b9b;
	width:155px;
	padding-right:10px;
	float:left;
}

div#navigation ul li#account a
{
	text-align:right;
	width:135px;
	float:left;
	background:url(/site/img/accountbg.jpg) no-repeat;
	padding-left:5px;
	display:block;
}


/* navigation marker */

div#navigation ul.home li#home a
{
	width:103px;
	margin-right:2px;
	text-align:center;
	background:url(/site/img/nav-bg-on.jpg) top center no-repeat;
	border-bottom:4px solid #f16122;
	height:22px;
	padding-top:10px;
}

div#navigation ul.aboutus li#aboutus a,
div#navigation ul.services li#services a,
div#navigation ul.skipsizes li#skipsizes a,
div#navigation ul.faqs li#faqs a
{
	width:101px;
	margin-right:2px;
	text-align:center;
	background:url(/site/img/nav-bg-on.jpg) top center no-repeat!important;
	border-bottom:4px solid #f16122!important;
	height:22px;
	padding-top:10px;
}

div#navigation ul.contactus li#contactus a
{
	width:102px;
	margin-right:1px;
	text-align:center;
	background:url(/site/img/nav-bg-on.jpg) top center no-repeat!important;
	border-bottom:4px solid #f16122!important;
	height:22px;
	padding-top:10px;
}

div.account_form_section
{
	margin:0 10px 10px 10px;
	border:1px solid #CCC;
	padding:10px;
}


/* body block */
/*******************************************************************************/
div#body_container
{
	clear:both;
	background:url(/site/img/bodybg.jpg) right repeat-y ;
}

div#body_container p, div#body_container ul, div#body_container ol
{
	font-size:1em;
	color:#6b6b6b;
	margin-bottom:10px;
}

div#flash_container
{
	width:619px;
	float:left;
	padding:1px 1px 0 0;
}

div#right_column
{
	width:330px;
	float:left;
}

div#home_copy
{
	width:619px;
	padding:1px 1px 0 0;
	float:left;
}

div.copy
{
	clear:both;
	padding:1px 1px 0 0;
	width:100%;
}

div.copy_inner
{
	width:790px;
	clear:both;
	padding:1px 0 0 0;
	float:left;
}

div.list_split
{
	float:left;
}

div#sidebar
{
	width:158px;
	float:left;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background:#ccc;
}


div.skipsize_column
{
	float:left;
}


div#faq
{
	padding:25px 0 0 0;
}

div#covered_container
{
	width:169px;
	height:169px;
	float:left;
}

/* footer */
/*******************************************************************************/

div#page_footer
{
	height:51px;
	background:#000;
	clear:both;
	color:#FFF;
}

div#page_footer ul
{
	float:left;
	color:#FFF;
	list-style:none;
	padding:10px 232px 0 10px;
	margin:0;
}

div#page_footer ul li a:link,
div#page_footer ul li a:visited
{
	display:block;
	color:#FFF;
	padding-left:15px;
	background:url(/site/img/pagefooterlinkbg.jpg) no-repeat;
	font-weight:normal;
	width:213px;
}

div#page_footer ul li a:hover,
div#page_footer ul li a:active
{
	display:block;
	color:#FFF;
	padding-left:15px;
	background:url(/site/img/pagefooterlinkbg.jpg) no-repeat;
	text-decoration:underline;
	width:213px;
}



div#footer_container
{
	color: #7f7f7f;
	clear:both;
	font-size:0.92em;
	font-weight:normal;
}

div#footer_copyright
{
	padding: 0 5px 0 10px;
}

div#footer_container p
{
	margin:0 5px 0 10px;
}

div#footer_container a:link,
div#footer_container a:visited
{
	color: #7f7f7f;
	clear:both;
	font-weight:normal;
}

div#footer_container a:hover,
div#footer_container a:active
{
	color: #7f7f7f;
	clear:both;
	font-weight:normal;
	text-decoration:underline;
}