/* CSS Document */

body{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; text-align:center; background-color:#c9b59d;}
#page{border:3px solid #993333; width:800px; background-color:#ffffff;}
#maincontent {width:728px; text-align:left;}
/* fonts */
H1{font-size:22px; line-height:26px; font-weight:bold; margin:0 0 20px 0; padding:0; text-align:left;}
H2{font-size:15px; line-height:20px; margin:0; padding:0;}
H3{font-size:17px; line-height:17px; padding: 0px 0 0px 0; margin:0;}
H4{font-size:14px; line-height:14px; padding: 2px 0 2px 0; margin:0;}
H5{padding: 5px 0 5px 0; margin:0; font-size:16px; line-height:10px; font-weight:bold;  }
H5 a{text-decoration:none; color:#000;}
H5 a:hover{	color:#933;}
H5 a:link{	color:#13140f;}
.asterix {color:#990000;}
.lftspace{width:300px; font:12px Arial, Helvetica, sans-serif;}
.lftspace2{width:250px; font:12px Arial, Helvetica, sans-serif;}
.formcontent {font:12px Trebuchet MS, Arial, Helvetica, sans-serif;}
.formcontent strong{line-height:30px; font-size:14px;}

a:link {color: #933;}
a:visited {color: #183f8a;}
a:hover {color: #c9b59d;}
/* link box */
#linkbox {width:600px; margin: 5px 0 5px 40px; padding: 10px; border:3px solid #933; text-align:left;}
#linkbox ul {width:290px; list-style-type: none; margin:0; padding:0;}
#linkbox ul.rightfloat{width:290px; float:right; list-style-type: none; margin:0; padding:0;}
#linkbox ul li.top{margin-bottom:10px;}
.imgborder {border:1px solid #13140f; padding:0px;}













div.home-quote {float: left;height: 195px;margin: 0px 0px 10px 0px;padding: 10px 10px 10px 6px;width: 254px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div.home-quote h5 { font: 16px arial; font-weight:bold; color: #111111; margin:7px 16px 5px 0px ;  text-align: center;padding-left:25px;}
div.home-quote select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin:5px 0px 5px 90px}
/*div.home-quote p { background:url(images/small-arrow.gif) no-repeat left bottom; margin-left: 95px;  margin-top:4px; padding-left:10px; }
div.home-quote p a { font-size: 14px; line-height: 24px; padding-left: 15px; color: #ffffff; font-weight: bold; }
div.home-quote p a:hover { color: #000000; font-size: 14px; line-height: 24px;  padding-left: 15px; text-decoration: underline; }
div.home-quote p a:visited { color: #ffffff; }
div.home-quote .style1 {font-size: 12;color: #FFFFFF;font-weight: bold; font:Arial;}*/
.h2{font-size:15px; line-height:20px; margin:0; padding:0;}

div.home-quote h6{ height: 24px; width:131px; margin: 4px 0px 15px 90px; background:url(images/small-arrow.gif) no-repeat; font-size: 14px; line-height: 24px; padding-left: 15px; color: #ffffff; font-weight: bold;}
div.home-quote a h6 {color:#fff; text-decoration:none;}
div.home-quote a:hover h6 {color:#000000;}


/* quote callout box 
#quotecallout {	width:190px; float:left; border:none; padding:5px; margin: 0 20px 10px  0; background:url(images/free_price_quote2.gif) no-repeat; height:162px;}
#quotecalloutA {width:178px; float:left; border:none; padding:8px; margin: 0 20px 10px  0; background:url(images/free_price_quote.gif) no-repeat; height:140px;}
#quotecalloutB {width:190px; float:left; border:3px solid #933; padding:8px; margin: 0 20px 10px  0; }
#quotecallout2 {margin:0 0 0 10px; padding:8px;}
#quotecallout2 select{margin:11px 0 5px 8px; width:145px;}
#quotecallout3 {background:url(images/quote.gif) no-repeat left top; margin:0; padding:8px;}
#quotecallout4 {background-color:#ECE0D2; margin:0; padding: 8px 0px;}*/






















/* navigation */
#navcontainer{background-image:url(images/header.gif); background-repeat:no-repeat; width:800px; height:190px; margin:0; padding:0; border: 0px solid #FF0000;}

/* Wide Button at the end of the page */
#lastbutton{font-size:18px; line-height:46px; font-weight:bold; width:440px; height:50px; text-align:center; margin:auto auto 15px auto; color:#fff; clear:both;}
#lastbutton.access{background:url(images/free_access_control_quote.jpg) no-repeat; }
#lastbutton.fire{ background:url(images/free_fire_quote.jpg) no-repeat;}
#lastbutton.burglar{ background:url(images/free_burglar_quote.jpg) no-repeat;}
#lastbutton.video{ background:url(images/free_video_quote.jpg) no-repeat;}
#lastbutton a{color:#fff; text-decoration:none;}
#lastbutton a:hover{color:#ff9900; background:none; text-decoration:underline;}

#lastbutton2{font-size:13px; line-height:16px; font-weight:bold; width:170px; height:50px; text-align:center; margin:auto 5px 15px 5px; color:#fff; float:left; padding:6px 0;}
#lastbutton2.access{background:url(images/get_your_access_control_quote.gif) no-repeat;}
#lastbutton2.fire{background:url(images/get_your_fire_alarm_quote.gif) no-repeat;}
#lastbutton2.burglar{background:url(images/get_your_burglar_alarm_quote.gif) no-repeat;}
#lastbutton2.video{background:url(images/get_your_video_quote.gif) no-repeat;}
#lastbutton2 a{color:#fff; text-decoration:none;}
#lastbutton2 a:hover{color:#ff9900; background:none; text-decoration:underline;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* the styling */
#nav {margin: 0; padding: 112px 0 30px 150px; float:left; width:650px; height:auto; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block; }

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; color:#FFF; height:15px; float:left; padding:5px 8px; text-decoration:none; font-size:13px; line-height:14px; white-space:nowrap; margin-right:0px; margin-left:14px; font-weight:normal;}
* html #nav .select a, * html #nav .current a {width:1px;}
#nav .select a {}
#nav .sub a {background:none;}
/*#nav .select a b, 
#nav .current a b {display:block; padding:0 6px 0 3px; color:#FFF; font-weight:normal;} */
#nav .current a:hover, #nav .current a {font-weight:bold;}
#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; color:#fff;}

#nav .sub {display:none;}


/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:13px;}

#nav .current a {background-position:0 -75px;}
#nav .current a b {background-position:100% -75px; color:#fff;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {color:#fff; text-decoration:underline; background:url("images/headbullet.gif") no-repeat left top}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {color:#FFF; text-decoration:underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:568px; top:137px; left:195px; margin-top:1px solid #13140f; padding:0; z-index:100;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:568px; top:137px; left:195px; margin-top:1px solid #13140f; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:16px; float:left; text-decoration:none; line-height:16px; white-space:nowrap;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; padding:2px 6px 2px 12px; margin:0 0 0 20px; font-size:11px; width:auto; white-space:nowrap; border:0;  height:16px; line-height:16px; color:#ddd;} 
#nav .select a:hover .sub li a:link, {font-weight:normal;}
#nav .select li:hover .sub li a {font-weight:normal;}
 
 
#nav .sub a:hover, {font-weight:normal;}
#nav .sub_active a:hover {font-weight:normal; background:url("images/headbullet.gif") no-repeat left top;}
#nav .sub_active #subcurrent a{font-weight:bold; text-decoration:none; color:#fff; background:url(images/headbullet.gif) no-repeat left top;}

/* nav background colors*/
#currentlist a:hover{background:#7f6b53;}
#currentlist a{background:#7f6b53; border:1px solid #13140f;}

#access a:hover{background:#4f4f51;}
#access a{ border:1px solid #13140f; background:#4f4f51;}
#access2 {background:#4f4f51; border:1px solid #13140f;}


#list a:hover{background:#7f6b53;}
#list a{ border:1px solid #13140f; background:#7f6b53;}
#list2 {background:#7f6b53; border:1px solid #13140f;}

#burglar a:hover{background:#975a22;}
#burglar a{ border:1px solid #13140f; background:#975a22;}
#burglar2 {background:#975a22; border:1px solid #13140f;}

#fire a:hover{background:#af3030;}
#fire a{ border:1px solid #13140f; background:#af3030;}
#fire2 {background:#af3030; border:1px solid #13140f;}

#video a:hover{background:#183f8a;}
#video a{ border:1px solid #13140f; background:#183f8a;}
#video2 {background:#183f8a; border:1px solid #13140f;}


#currentvideo a:hover{background:#183f8a;}
#currentvideo a{background:#183f8a; border:1px solid #13140f;}

#currentfire a:hover{background:#af3030;}
#currentfire a{background:#af3030; border:1px solid #13140f;}

#currentburglar a:hover{background:#975a22;}
#currentburglar a{background:#975a22; border:1px solid #13140f;}

#currentaccess a:hover{background:#4f4f51;}
#currentaccess a{background:#4f4f51; border:1px solid #13140f;}


ul.lists{font-size:14px; line-height:20px; padding:0px 12px 2px 22px;}
ul.lists a{padding:2px;}
ul.other{ font-size:12px; line-height:14px;}
ul.other a{ font-size:12px; line-height:14px;}
ul.other li{margin-bottom:10px;}
ul.other2{ font-size:12px; line-height:14px;}
ul.other2 a{ font-size:12px; line-height:14px;}
ul.other2 li{margin-bottom:2px;}
.video a:hover{background:#183f8a; color:#FFF; padding:2px; text-decoration:none;}
.access a:hover{background:#4f4f51; color:#FFF; padding:2px; text-decoration:none;}
.burglar a:hover{background:#975a22; color:#FFF; padding:2px; text-decoration:none;}
.fire a:hover{background:#af3030; color:#FFF; padding:2px; text-decoration:none;}

/* footer styles */
#footer { 		padding: 15px 10px 5px 10px; margin: 25px 200px 15px 200px; text-align:center; height: 40px; border-top:1px solid #933;}
#footer a:hover { text-decoration:underline;}
#footer a { 	text-decoration:none;}
#footer ul { 	list-style: none; display: inline; margin:0; padding:0;}
#footer ul li { display: inline; font: normal 11px arial; padding: 0px; }
#footer ul li a { padding: 0; }
#footer p { 	font: normal 11px arial; text-align: center; margin: 0px; padding: 15px 0 0 0;}

/*RFQ*/
ul.steps li {
font-weight:bold;
padding:5px 0 5px 0;
}
ul.steps {list-style:none outside none; margin-top:20px; color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:0.025em;
margin-left:100px;
}
ul.steps li strong {
color:#930;
font-size:14px;
}

ul.steps h3 {
color:black;
font-family:arial,helvetica,sans-serif;
font-size:23px;
font-weight:bold;
margin:0;
padding:0 0 10px;
text-align:left;
line-height:25px;
width:600px;
}

#myframe {margin:10px 0 20px 110px; -moz-border-radius: 10px; border-radius: 10px; border:#CCC solid 1px; padding:10px; background-color:#FFF; width:500px; }