/*-------------------------------*/
/* MAIN ELEMENTS */
/*-------------------------------*/

body {
	min-width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	background:#FFFFFF;
}
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#abovewrapper {
	width:998px;
	margin:0px auto;
	background:#FFF;
	padding:4px;
	text-align:right;
	font-size:80%;
}
#breadcrumb {float:left;
 text-align:left; font-size:80%; padding:4px;
}
#breadcrumb a {color:#222222; }

#shoppingcart {
	position:absolute;
	top:4px;
	left:414px;
	width:566px;
	padding: 0;
	font-size: 55%;
	color: #000000;
	z-index:101;
	text-align:right;
}



#wrapper {
	width:998px;
	margin:0px auto;
	background:#FFF;
	position:relative;
	overflow:hidden;
	border:1px solid #000000;
	padding:0px 0px 0px 6px;
}
#topheader {
	width:998px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	height:124px;
	overflow:hidden;
	
}

#strapline {
	position:absolute;
	top:34px;
	left:390px;
	width:590px;
	padding: 0;
	font-size: 160%;
	color: #000000;
	z-index:101;
	text-align:right;
	line-height: 1.0;
	
}

#strapline2 {
	position:absolute;
	top:68px;
	left:68px;
	width:335px;
	padding: 0;
	font-family: Comic Sans MS;
	font-size: 100%;
	color: #000000;
	z-index:101;
	text-align:left;
}


#telephone {
	position:absolute;
	top:84px;
	left:414px;
	width:566px;
	padding: 0;
	font-size: 125%;
	color: #CC0000;
	z-index:101;
	text-align:right;
}


#flashmovie {
	width:1000px;
	padding:0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	height:214px;
	height:auto !important;
	min-height: 214px;
	background-color: #FFFFFF;
}

#topnav {
	
	padding: 0px 0px 0px 4px;
	margin:0px 0px 0px 0px;
	z-index:101;
	font-size:90%;
	
	
}

.chained-menu {

    float:left;
	width:984px;
	margin: 0px 0px 0px 4px;	
	padding:4px 0px 4px 0px;
    border:1px solid #000000;
	height:auto !important;
    font-size: 100%;
	background-color: #FFFFFF;
	
}




/**********************/
/*  HOME CONTENT  */
/**********************/


.home-allacross {
    float: left; 
	width: 980px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 10px;
	background-color: #FFFFFF;
	
}

#leftcol-home {
    float: left; 
	width: 305px; 
	margin: 20px 32px 00px 0px; 
	padding: 0px 0px 30px 4px;
	height:200px;
	height:auto !important;
	min-height: 200px;
	background-color: #FFFFFF;
}
#midcol-home {
    float: left; 
	width: 305px; 
	margin: 20px 32px 0px 0px; 
	padding: 0px 0px 30px 3px;
	height:200px;
	height:auto !important;
	min-height: 200px;
	background-color: #FFFFFF;
}
#rightcol-home {
    float: left; 
	width: 305px; 
	margin: 20px 0px 0px 0px; 
	padding: 0px 0px 30px 3px;
	height:200px;
	height:auto !important;
	min-height: 200px;
	background-color: #FFFFFF;
}

.home-yellowboxes{
    float: left; 
	width: 300px; 
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px;
	height:204px;
	height:auto !important;
	min-height: 204px;
	color: #000000;
	border:1px solid #000000;
}
.home-yellowboxes-top{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #FFFF00;
	height:35px;
	height:auto !important;
	min-height: 35px;
	width:300px;
}
.home-yellowboxes-top h1{
	color: #000000;
	font-size: 100%;
	padding:8px 0px 0px 4px;
	margin:0px 0px 0px 0px;
}


.insideimage-yellowboxes{
    float: left; 
	width: 85px; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 4px;
	height:179px;
	height:auto !important;
	min-height: 179px;
	color: #000000;
}

.insidetext-yellowboxes{
    float: left; 
	width: 204px; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;
	height:182px;
	height:auto !important;
	min-height: 182px;
	color: #000000;
	font-size: 90%;
	text-align:right;
	
	
}


.home-yellowbigboxes{
    float: left; 
	width: 300px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	height:320px;
	height:auto !important;
	min-height: 320px;
	color: #000000;
	border:1px solid #000000;
	
}
.home-yellowbigboxes-top{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #FFFF00;
	height:35px;
	height:auto !important;
	min-height: 35px;
	width:300px;
}
.home-yellowbigboxes-top h1{
	color: #000000;
	font-size: 95%;
	padding:4px 0px 3px 4px;
	margin:0px 0px 0px 0px;
}


.home-yellowbigboxestext{
    float: left; 
	width: 290px; 
	margin: 0px 0px 10px 0px; 
	padding: 6px 4px 6px 4px;
	
	color: #000000;
	
	font-size:80%;
}



/**********************/
/* INSIDE PAGE ELEMENTS */
/**********************/

#inside-topstrip {
	width:986px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
	height:110px;
	height:auto !important;
	min-height: 110px;
	background-color: #FFFFFF;
}
#leftcolumn {
    float: left; 
	width: 180px; 
	margin: 3px 0px 0px 5px; 
	padding: 0px 0px 10px 0px;
	height:650px;
	height:auto !important;
	min-height: 650px;
	background-color: #FFFFFF;
	
}

#inside-content {
    float: left; 
	width: 580px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 23px 0px 23px;
	height: 650px;
	height:auto !important;
	min-height:650px;
	background-color: #FFFFFF;
	text-align:justify;

}

#rightcolumn {
    float: left; 
	width: 180px; 
	margin: 3px 0px 5px 0px; 
	padding: 0px 0px 10px 0px;
	height:650px;
	height:auto !important;
	min-height: 650px;
	background-color: #FFFFFF;
	
}




.inside-yellowboxes{
    float: left; 
	width: 175px; 
	margin: 0px 0px 10px 0px; 
	padding: 1px 0px 4px 3px;
	height:135px;
	height:auto !important;
	min-height: 135px;
	color: #000000;
	border:1px solid #000000;
	font-size: 80%;
	overflow:hidden;
}

.inside-yellowboxes-topten{
    float: left; 
	width: 162px; 
	margin: 0px 0px 10px 0px; 
	padding: 1px 0px 4px 16px;
	height:135px;
	height:auto !important;
	min-height: 135px;
	color: #000000;
	border:1px solid #000000;
	font-size: 80%;
}
.inside-yellowboxes-top{
    float: left; 
	padding:2px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	background-color: #F1F19C;
	height:38px;
	height:auto !important;
	min-height: 38px;
	width:178px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	text-align:center;
	overflow:hidden;
}


.inside-table-cell{
	background-color: #F0F0F0;
}

.inside-table-cell2{
	background-color: #FAFAFA;
}

.inside-yellowboxes-top h1{
	color: #000000;
	font-size: 100%;
	padding:8px 0px 0px 4px;
	margin:0px 0px 0px 0px;
}

#leftcolumn p {margin-left:4px; margin-right:4px;}
#rightcolumn p {margin-left:4px; margin-right:4px;}


















/**********************/
/* FOOTER */
/**********************/


#footer{
    float: left;
	width: 980px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	height: 80px;
	height:auto !important;
	min-height: 80px;
	color:#000000;
	
	font-size: 70%;
}

#footer a {
	color: #00459B;
	text-decoration: none;
	font-size: 95%;
}
#footer a:link {
	color:#00459B;
	text-decoration: none;
	font-size: 95%;
}

#footer a:hover {
	color: #00459B;
	text-decoration: underline;
	font-size: 95%;
}

#page-container2 {
	text-align:left;
	width:1000px; 
	margin: 0px auto ;
	padding: 0px 0px 0px 0px; 
	height:80px;
	position: relative;
	overflow:hidden;
	text-align:center;
	
}



/*-------------------------------*/
/* GENERAL STYLES */
/*-------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#003427;}
h1 {font-size:150%;margin-top: 0.25em; margin-bottom: 0.5em;color:#003427;}
h2 {font-size:115%;margin-top: 0.25em; margin-bottom: 0.4em;color:#003427;}
h3 {font-size:110%;margin-top: 0.25em; margin-bottom: 0.4em;color:#003427;}
h4 {font-size:100%;margin-top: 0.25em; margin-bottom: 0.3em;color:#003427;}
h5 {font-size:90%;margin-bottom:0em;color:#003427;}
h6 {font-size:90%;color:#003427;}

#inside-content h1 {margin-top: 1em;}
#inside-content h2 {margin-top: 1em;}
#inside-content h3 {margin-top: 1em;}
ul {font-size:90%;color:#003427;}
ul {list-style-image: url("../xmarksthespot-images/bullet-footprint.jpg"); 
text-align:left;
} 
li {padding:0px 0px 0px 0px;margin:3px 0px 0px -6px;}
ol {font-size:80%;color:#003427;}
ol, ol li {list-style-type:decimal;}
ul,ol li ul li {list-style-type:disc;}
p {font-size:90%; margin-top: 0.8em; margin-bottom: 0.2em;}
label {font-size:90%; margin-top: 0.8em; margin-bottom: 0.2em;}
caption {font-size:105%; margin-top: 0.8em; margin-bottom: 1em;font-weight:bold;color:#003427;text-align:left;}
th {font-size:105%;padding:4px 4px 4px 4px;font-weight:bold; }
td {font-size:90%;padding:4px 4px 4px 4px;background-color: #ffffff; border: 1px solid #9E9E9E;
}
table   { border-collapse: collapse }
img {border:none;}
.blackborder
{ border:1px solid #000000;;
}
a:link, a:visited {
	color:#00459B;
	/*text-decoration:none;*/
	text-decoration:underline;
}
a:focus, a:hover {
	color:#ff0000;	
	/*color:#00459B;*/
	text-decoration:underline;
}


#sitemap {
	font-size: 115%;
}

.copyrightsmaller {
	font-size: 70%;
	
}

.copyrightsmallerred {
	font-size: 70%;
	color: #F00;
	
}

.asterisk{
color: #FF0000

}

.red {
	color: #F00;
}




/**********************/
/*  IMAGE PLACEMENT */
/**********************/

.floatright  {
	float:right;
	margin-left:40px;
}

.floatright2  {
	float:right;
	margin-left:10px;
}

.floatleft {
float:left; margin-right:10px;
}
.floatrightspace  {
float:right; margin-left:30px; margin-right:15px;
}
.floatleftspace {
float:left; margin-right:30px; margin-left:15px;
}


.floatimageleft {
float:left;
margin-top:5px;
margin-left:1px;
margin-right:12px;
padding:2px;
margin-bottom:0px;
border:1px solid #8CC739;
}

.floatimageright{
float:right;
margin-top:5px;
margin-left:12px;
margin-right:1px;
padding:2px;
margin-bottom:10px;
border:1px solid #8CC739;
}

.floatimagerightnoborder{
float:right;
margin-top:5px;
margin-left:12px;
margin-right:1px;
padding:2px;
margin-bottom:10px;
border:1px solid #000000;
}

.floatimagerightnoborder2{
float:right;
margin-top:5px;
margin-left:10px;
margin-right:3px;
padding:2px;
margin-bottom:10px;
border:0px;
}

.floatimagemiddle{
float:middle;
margin-top:5px;
margin-left:7px;
margin-right:6px;
padding:2px;
margin-bottom:10px;
border:1px solid #8CC739;

}

.floatimagemiddleportrait{
float:middle;
margin-top:5px;
margin-left:20px;
margin-right:6px;
padding:2px;
margin-bottom:10px;
border:1px solid #8CC739;

}


.homeimageright{
float:right;
margin-left:6px;
margin-bottom:0px;

}
