/**************** Body and tag styles ****************/

* {margin:0; padding:0;}
body    { font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #560007; text-align: center }
a  { color: #BA0000; font-weight: bold; text-decoration: underline; background-color: inherit }
.edit a  { color: #FFF; font-weight: bold; text-decoration: none; background-color: inherit }
a:hover  { color: #c00; text-decoration: underline; background-color: inherit }
a img{border:none;}
p {padding:0 0 12px 0;}
p form   { color: #668187; font-size: 0.8em; line-height: 1.4em; padding-top: 3px; padding-bottom: 12px; padding-left: 5px }

.splitleft {float: left; width: 47%}
.splitright {float: right; width: 47%}
/**************** Header and navigation styles ****************/

#container  { background-color: #fff; text-align: left; margin: 20px 0; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; width: 800px }
#fb-container  { background-color: #fff; text-align: left; margin: 20px 0; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; width: 500px }

#header    { background-image: url(images/qwick-head.gif); background-repeat: no-repeat; width: 800px; height: 95px; float: left }
#fb-header    { background-image: url(images/fb-qwick-head.gif); background-repeat: no-repeat; width: 500px; height: 95px; float: left }
#mid_body     { background-image: url(images/midbody.jpg); background-repeat: repeat-y; padding-right: 30px; padding-left: 30px; width: 740px; float: left }
#footer       { font-size: 11px; font-weight: bold; line-height: 25px; background-color: #fff; text-transform: uppercase; padding-top: 10px; padding-right: 20px; padding-left: 20px; width: 760px;  height: 40px; clear: both; border-top: 1px solid #8c8c8c }
#fb-footer       { font-size: 11px; font-weight: bold; line-height: 25px; background-color: #fff; text-transform: uppercase; padding-top: 10px; padding-right: 20px; padding-left: 20px; width: 460px;  height: 40px; clear: both; border-top: 1px solid #8c8c8c }
#navigation    {  padding-right: 30px; background-image: url(images/midbody.jpg); background-repeat: no-repeat; width: 718px; height: 30px; float: left }
#navigation li   { color: #fff; text-align: center; white-space: nowrap; list-style-type: none; float: right }
#navigation li a  { color: #fff; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; text-align: right; text-transform: uppercase; display: block; padding: 0 10px }
#navigation .selected,#navigation a:hover  { color: #c00; text-decoration: none }

/* menu styling */
.menu                 { background-image: url(images/nav-off.gif); background-repeat: repeat-x; z-index: 10; width: 800px; height: 30px; clear: both }
.menu ul li a   { color: #fff; font-size: 10px; line-height: 30px; text-decoration: none; text-transform:uppercase; text-align: center; display: block; width: 159px; border-right: 1px solid #fff }
.menu ul li a:hover        { color: #fff; text-decoration: none; background-image: url(images/nav-on.jpg); background-repeat: no-repeat; background-position: 0 0; display: block }


/* .menu li.last a   { color: #d80000; font-size: 12px; line-height: 19px; text-decoration: none; text-align: center; display: block }***/
.menu ul   { list-style-type: none; margin: 0; padding: 0; z-index: 10; float: left }
.menu ul li   { position: relative; float: left }
.menu ul li ul {display: none;}

/**************** Content styles ****************/

/**** Home page Treatments ***/
#featurebox { background-color: #8c8c8c; margin-top: 10px; width: 800px; height: 320px; float: left }
#featurebox h5 { background-image: url(images/learn-more-button.gif); background-repeat: no-repeat; text-align: center; display: block; position: relative; top: 10px; right: 55px; width: 202px; height: 60px; float: right }
#featurebox h5 a { color: #fff; font-size: 17px; line-height: 50px; text-decoration: none; display: block; width: 190px; height: 50px }
#featurebox h5 a:hover { color: #fff; font-size: 17px; line-height: 50px; text-decoration: underline; display: block; width: 190px; height: 50px }


/**** Content Body Styles ******/
#content      { background-color: #fff; margin-top: 20px; margin-bottom: 15px; padding-right: 25px; padding-left: 5px; width: 490px; float: left; border-right: 1px solid #8c8c8c }
#fb-content      { background-color: #fff; margin-top: 20px; margin-bottom: 15px; padding-right: 25px; padding-left: 5px; width: 490px; float: left; }
#fb-content h2, #content h2, #fullcontent h2 {font-family: Impact; font-weight: normal; font-size: 32px; line-height: 36px; color: #808184; margin-bottom: 8px}
#fb-content h4, #content h4, #fullcontent h4, #sidebar h4 {font-family: Impact; font-weight: normal; font-size: 24px; line-height: 28px; color: #808184; margin-bottom: 8px}
#fb-content h3, #content h3, #fullcontent h3  { font-size: 14px; line-height: 16px; margin-top: 20px }

#fullcontent { background-color: #fff; margin-top: 15px; margin-bottom: 15px; padding-right: 20px; padding-left: 20px; width: 760px; float: left;}

#contentfull    { background-color: #fff; width: 800px }
#sidebar     { background-color: #fff; margin-top: 20px; margin-bottom: 15px; padding-right: 20px; padding-left: 20px; width: 235px; float: right }
table.price {width: 100%; border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
td.price {padding: 3px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}


#footer ul li { list-style-type: none; display: inline }
#footer ul li a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#footer ul li a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#footer ul li.last a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }
#footer ul li.last a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }

#fb-footer ul li { list-style-type: none; display: inline }
#fb-footer ul li a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#fb-footer ul li a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#fb-footer ul li.last a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }
#fb-footer ul li.last a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }
/****** ULs *****/
.bullets {float: left}
.bullets ul { list-style: disc; margin: 5px 0 25px 20px; }
.bullets li {margin-bottom: 7px}



#sidebar ul {  list-style: none; margin-top: 15px}
#sidebar ul li{ position: relative; clear: both; width: 220px; margin: 0 0 5px 0; }
#sidebar ul li label{ font-size: 12px; line-height: 13px; float: left; display: block; text-align: left; width: 220px; margin: 0; }
#sidebar input {font-size: 10px; padding: 1px 2px 0px 2px}
input.narrow {width: 30px; margin-bottom: 5px}
input.reg {width: 180px; margin-right: 5px; margin-bottom: 5px}
input.long {width: 250px; margin-right: 5px; margin-bottom: 5px}


.cntact ul {  list-style: none; margin-top: 15px}
.cntactr ul li{ position: relative; clear: both; width: 220px; margin: 0 0 8px 0; }
.cntact ul li label{ font-size: 13px; line-height: 22px; float: left; display: block; text-align: right; width: 150px; margin: 0 10px 0 0; }
.cntact input {font-size: 10px; padding: 3px 2px 0px 2px}
/************* Image handling **************/

img.left,img.center,img.right { padding: 4px; border-color: #a0a0a0 }
img.left { margin-top: 0; margin-right: 5px; margin-left: 0; float: left }
img.center{display:block; margin:0 auto 5px auto;}
img.right { margin: 0 0 0 5px; float: right }


/************* form handling************/

form  { margin: 0 }
form.extra   { width: 320px; float: left } 
form.extrafull     { text-align: left; width: 580px; float: left }

.formcol1   { color: #000; font-size: 0.75em; text-align: right; margin: 0 1px 0 0; padding-top: 2px; width: 200px; height: 23px; float: left }
.formcol2  { display: block; margin: 0; width: 195px; height: 23px; float: left }
.formcol3  { display: block; margin: 0; width: 300px; height: 23px; float: left }
.formcol2comment { width: 195px; height: 98px; margin: 0; display: block; float: left; color: #663; }
.formcol1comment  { text-align: right; display: block; margin-right: 1px; width: 100px; height: 98px; float: left }
.formcoltext     { color: #000; font-size: 0.75em; line-height: 1em; text-align: left; width: 10px; vertical-align: super }

div.row  { width: 580px; clear: both }
.submit { height: 29px; width: 330px; padding-top: 5px; clear: both; } 
.input  { color: #5a698b; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #fff; margin: 4px 0 5px 8px; padding: 1px; border: solid 1px #535353 }

.textarea { border: 1px solid #663; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; }