
/* RangeMetrics Style Sheet*/


/* divs */

body
{
    font-family: trebuchet ms, trebuchet, sans-serif;
    font-size: 76%;
    margin: 0;
    padding: 0;
    background-color:#f6f2ef;
	color:#000000;
    text-align:center;
}

#top
{
    position:relative;
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0;
	height:6px;
	background-color:#787370;
}

#container
{
    position:relative;
    width:850px;
    margin:0 auto 0;
    padding:0;
}

* html #container
{
    position:relative;
    width:850px;
    margin:0 auto 0;
    padding:0;
}

#header
{
	height:184px;
    width:842px;
    margin:0px 0px 0px 0px;
    padding:0;
	background-image:url(../images/header.jpg);
    background-repeat: no-repeat;
	background-position: top left;
}

#headertext
{
    width:200px;
	height:60px;
	margin:0px 0px 0px 650px;
	padding:0;
	text-align:right;
}


#nav
{
    width:100%;
	height:40px;
	margin:40px 150px 0px 0px;
	padding:0;
	text-align:right;
}

#content_main
{
    width:865px;
    margin:20px 0px 20px 0px;
    padding:0;
	background-color:#f6f2ef;
}

#content_home
{
    width:842px;
    margin:20px 0px 0px 0px;
    padding:0;
	background-color:#f6f2ef;
}

#gallery
{
    width:842px;
    margin:0px 0px 20px 0px;
    padding:0;
	clear:both;
}

#left
{
    width: 262px;
    text-align:left;
	float: left;
	margin: 0px 30px 20px 0px;
    padding: 0px;
}

#left_bun
{
    width: 262px;
    text-align:left;
	float: left;
	margin: 0px 30px 20px 0px;
    padding: 0px;
}

#productsmenu
{
    text-align:left;
	width: 230px;
	margin: 0px 0px 20px 0px;
    padding: 15px;
	background:#e6e6e6;
	border:solid 1px #d3d3d3;
}

#right
{
    width: 550px;
    text-align:left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#basecontent
{
	position:absolute;
	clear:both;
    width:842px;
    margin: 10px 0px -115px 0px;
    padding:0;
	height:115px;
}

#base
{
	clear:both;
    width:100%;
    margin:0px 0px 0px 0px;
	border-top: 1px solid #d3d3d3;
    padding:0;
	height:125px;
	background-color:#e6e6e6;
}

.baselinks
{
    text-align:left;
	float: left;
	margin: 10px 30px 0px 0px;
    padding: 0px;
}


#footer
{
    position:relative;
    width:100%;
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
	height:30px;
	background-image:url(../images/footer_tile.jpg);
    background-repeat: repeat-x;
	background-position: top left;
	color:#FFFFFF;
}


/* fonts */

h1 { font-size: 15pt; color: #258e25; text-decoration: none; margin:0px 0px 10px 0px; font-weight:normal; line-height:20pt;} 
h2 { letter-spacing:-1px; font-size:1.2em; color: #a10808; font-weight: normal; text-decoration: none; margin: 10px 0px 0px 0px;}
h3 { font-size: 15pt; color: #a10808; text-decoration: none; margin:0px 0px 10px 0px; font-weight:normal; line-height:20pt;} 
h4 { letter-spacing:-1px; font-size:1.2em; color: #258e25; font-weight: normal; text-decoration: none; margin: 10px 0px 0px 0px;}
h5 { font-size: 0.8em; color: #666666; text-decoration: none; }

span.title { font-size: 1.1em; color: #546ABC; font-weight: bold; text-decoration: none; }
span.subtitle { font-size: 1.1em; color: #546ABC; font-weight: bold; text-decoration: none; }
span.subtitle2 { color: #8F00D1; font-weight: bold; }

span.minor { font-size: 0.8em; color: #666666; text-decoration: none; }
span.address { color: #3C83EE; text-decoration: none; }
span.rating { color: #AB2616; font-weight: bold; text-decoration: none; }
span.strapline { color: #910000; font-weight: bold; text-decoration: none; }
span.strong { color: #4C6B8E; text-decoration: none; }
span.light { color: #ADADAD; text-decoration: none; }
span.name { color: #3aba34; }
span.baselinkstitle { color: #bf3326; text-decoration: none; }
span.footerhighlight { color: #eae0d9; text-decoration: none; }
span.footercopyright { color: #eae0d9; text-decoration: none; margin: 0px 0px 0px 250px;}


/* hyperlinks */

a:link {color:#bf3326; text-decoration:underline;}
a:visited {color:#bf3326; text-decoration:underline;}
a:hover {color:#791007; text-decoration:underline;}

a.footer:link {color:#eae0d9; text-decoration:underline;}
a.footer:visited {color:#eae0d9; text-decoration:underline;}
a.footer:hover {color:#d9d0be; text-decoration:underline;}

a.baselink:link {color:#67625d; text-decoration:none; font-style:italic; font-size:13px;}
a.baselink:visited {color:#67625d; text-decoration:none; font-style:italic; font-size:13px;}
a.baselink:hover {color:#adadad; text-decoration:none; font-style:italic; font-size:13px;}

/* images */
img.link {border:none;}
img.nav {border:none; margin: 0px 0px 0px 10px;}


/* rules */
hr {border: 1px solid #000000; height:1px;}
hr.clear {clear:both; border: 1px solid #bdbaa6; height:1px;}
br.clear {clear:both; margin:0px;}
 
 
ul.arrows 
{
list-style-image: url(../images/bullet_arrow.jpg);
}


/* lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
	
/* menu */ 
#menu{ margin:0px 0px 0px 255px; padding:0px; list-style:none; color:#7a1114; line-height:45px; display:inline-block; 
    float:left; z-index:1000; } 
#menu a { color:#7a1114; text-decoration:none; } 
#menu > li {background:#e6e6e6 none repeat scroll 0 0; cursor:pointer; float:left; position:relative; 
    padding:0px 10px;} 
#menu > li a:hover {color:#c62f33;} 
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; 
    background-color:Transparent;} 
/* sub-menus*/ 
#menu ul { padding:0px; margin:0px; display:block; display:inline;} 
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; 
    background-color:#e6e6e6; color:#7a1114; /* for IE */ display:none; } 
#menu li:hover ul { display:block;} 
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; 
    list-style-type:none; } 
#menu li ul li:first-child { border-top: none; } 
#menu li ul li a { display:block; color:#7a1114; } 
#menu li ul li a:hover { color:#c62f33; } 
/* main submenu */ 
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; 
    z-index:999;} 
/* search */ 
.searchContainer div { background-color:#fff; display:inline; padding:5px;} 
.searchContainer input[type="text"] {border:none;} 
.searchContainer img { vertical-align:middle;}
