/* HTML ELEMENTS */
body { font-family:"Trebuchet MS", Helvetica, Arial, sans serif; color: #666; font-size: 0.7em; margin: 0; padding: 0; }
h1 { margin: 0; padding: 0; font-size: 120%; }
h2 { margin: 0 0 15px 0; padding: 0 5px 15px 4px; font-size: 130%; text-transform: uppercase; color: #333; }
h3 { margin: 0; padding: 10px 0 5px 0; font-size: 110%; }
p { clear: both; }
img { border: 0; text-decoration: none; }
a { text-decoration: none; color: #666; }
a:hover { color:#c00; }

/* DIV ELEMENTS */
#Page { margin: 0 auto; padding: 0; width: 760px; background: url(/images/general/background.gif) repeat-y 20px 0; }
#Header { margin: 0; padding: 0; background:  url(/images/general/header.jpg) no-repeat 0 0; height: 166px; }
#Navigation { margin: 0; padding: 0; width: 172px; float: left; }
#Content { float: left; width: 527px; padding: 10px 20px 0 20px; }
#Footer { margin: 0 0 0 20px; clear: both; background: url(/images/general/footer.jpg) repeat-x 0 0 #fff; }

/* FORM ELEMENTS */
form { margin: 10px 0; padding: 0; }
label { float: left; width: 150px; margin: 0 10px 0 0; display: block; font-weight: bold; }
input, textarea, select { margin: 0; padding: 2px; font-family: Arial, Helvetica; border: 1px solid #000; width: 250px; font-size: 90%; }
textarea { height: 75px; width: 250px; }
.CheckBox { width: auto; border: none; }
.CheckBox2 { width: auto; float: left; border: none; }
.Label2 { margin: 0 0 0 15px; float: left; width: auto; }
.Label2:after { content: "."; display: block; height: 0; margin: 0 0 20px 0; clear: both; visibility:hidden; }
* html .Label2 { height: 1%; padding: 0 0 20px 0; }

/* HEADER ELEMENTS */
#Header p { margin: 0; padding: 0; clear: none; }
#Header form { margin: 0; padding: 0; }
#Header .Logo {  padding: 0 0 0 60px; margin: 0; float: left; }
#Header #HeadCont { margin: 40px 0 0 0; float: left; text-align: right; width: 601px; }
#Header #HeadCont h1 { margin: 0 30px 5px 120px; font-size: 250%; font-weight: normal;  color: #fff; letter-spacing: 0.05em; }
#Header #HeadCont h1 span { font-size: 60%; font-weight: bold; margin: 0 5px 0 0; }
#Header ul { margin: 0; padding: 0; list-style: none; }
#Header ul li { margin: 0; padding: 0; list-style: none; display: inline; clear: both; }

#Header #HeadCont ul.TopNav { margin: 15px 0 0 0; border: solid 1px #fff; border-right: none; display: inline; padding: 3px 30px 3px 5px; }
#Header #HeadCont ul.TopNav li { text-transform: uppercase; }
#Header #HeadCont ul.TopNav li a { color: #fff; text-decoration: none; background:url(/images/arrows/yellow_small.gif) no-repeat right top; padding: 2px 20px 10px 10px; }
#Header #HeadCont ul.TopNav li a:hover { color: #fbed79; background:url(/images/arrows/grey_small.gif) no-repeat right top; }

#Header #CartHolder { float: left; border: solid 1px #fff; border-left: none; padding: 0 0 0 30px; margin: 0 40px 0 0; width: 730px; color: #fff; }

#Header #Form { float: right; width: 275px; margin: 0; padding: 0; position: relative; top: -3px; }
#Header #Form label { margin: 0 10px 0 0; padding: 0; text-transform: uppercase; width: auto; text-align: right;  float: none; display: inline; }
#Header #Form input { width: 130px; height: 15px; font-size: 85%; margin: 0; padding: 0; border: none; }
#Header #Form #SearchImage { width: 20px; height: 20px; margin: 0 0 0 5px; position: relative; top: 5px;  }

#Header #CartTNav { width: 405px; margin: 0; padding: 3px 0 0 0; }
#Header #CartTNav li { color: #fff; }
#Header #CartTNav li.ViewCart a { background:url(/images/arrows/view_cart.png) no-repeat right top; padding: 3px 35px 10px 0; }
#Header #CartTNav li.CheckOut a { background:url(/images/arrows/check_out.png) no-repeat right top; padding: 3px 35px 10px 0; }
#Header #CartTNav li.ViewCart a, #Header #CartTNav li.CheckOut a { text-transform: uppercase; color: #fff; font-weight: bold; }
#Header #CartTNav li.Items { margin: 0 15px 0 15px; }
#Header #CartTNav li.Items img { position: relative; top: 3px; }

/* NAVIGATION ELEMENTS */
#Navigation p { margin: 0; padding: 0 20px; text-align: right; }
#Navigation ul { margin: 10px 0; padding: 0; text-align: right; list-style: none; }
#Navigation ul li { padding: 0; margin: 0; border-bottom: solid 1px #eee; }
#Navigation ul li a { display: list-item; color: #aaa; margin: 0; padding: 3px 20px; text-transform: uppercase; background: url(/images/arrows/grey_small.gif) no-repeat right 4px; }
#Navigation ul li a:hover { color: #c00; text-decoration:none; background: url(/images/arrows/red_small.gif) no-repeat right 4px; }

/* CONTENT */
#Content span { float: left; width: 150px; margin: 0 10px 0 0; font-weight: bold; }
#Content .Block { margin: 0; font-weight: normal; }
#Content .Block:after { content: "."; display: block; height: 0; margin: 0 0 10px 0; clear: both; visibility:hidden; }
* html #Content .Block { height: 1%; padding: 0 0 10px 0; }
#Content h2 { background:url(/images/arrows/red_down.jpg) no-repeat left bottom; }

#Content #BreadCrumbs { margin: 0 0 20px 0; padding: 0; list-style: none; }
#Content #BreadCrumbs li { display: inline; margin: 0 2px 0 2px; font-size: 110%; color: #c00; }
#Content #BreadCrumbs li a { color: #1768B0; font-size: 90%; }

#Content dl { margin: 10px 0 0 0; padding: 0 0 10px 0; float:left; width: 527px; }
#Content dl dt {float:left; width:252px; height:252px; padding: 0 10px 0 0; }
#Content dl dd { margin: 0; padding: 0; height: auto; float:left; width:263px; }
#Content dl dd a { margin: 0; background:url(/images/arrows/grey_small.gif) no-repeat right top; padding: 2px 20px 2px 0; }
#Content dl dd a:hover { background:url(/images/arrows/blue_small.gif) no-repeat right top; }
#Content dl dd ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
#Content dl dd ul li { float: left; display: block; width: 95px; margin: 0 2px 0 0; font-size: 90%; }

/* BROCHURE DL */
#Content .Brochure dt { width: 210px; }
#Content .Brochure dd { width: 347px; padding: 20px 0 0 0; }
#Content .Brochure dd label { width: 100px; }
#Content .Brochure dd input { width: 220px; }
html > body #Content .Brochure dd input { width: 230px; }
#Content .Brochure dd .FormButton { width: 340px; text-align: right; }

/* NOTES DL */
#Content .Notes { border-bottom: solid 1px #eee; }
#Content .Notes dt { width: 126px; height: auto; }
#Content .Notes dd { width: 390px; }
#Content .Notes dd p { margin: 0; padding: 0 0 5px 0; }

#Content .ProdHolder { width: 138px; float: left; margin: 20px 3px 0 0; }
#Content .ProdHolder .ImgHolder { padding: 5px; margin: 0; border: solid 1px #ccc; width: 126px; height:126px; }
#Content .ProdHolder .Bottom { padding: 5px; margin: 0; height: 75px; background: url(/images/general/prods.gif) no-repeat left bottom #999; text-transform: uppercase; font-size: 90%; list-style: none; }
#Content .ProdHolder .Bottom li a { color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#Content .ProdHolder .Bottom li.Title { height: 59px; }
#Content .ProdHolder .Bottom li.Click { margin: 0; padding: 0; width: auto; display: block; }
#Content .ProdHolder .Bottom li.Click a { margin: 0; background:url(/images/arrows/yellow_small.gif) no-repeat right top; padding: 2px 15px 10px 0; }
#Content .ProdHolder .Bottom li.Click a:hover { color: #fbed79; background:url(/images/arrows/grey_small.gif) no-repeat right top; }

#Content .ImageHolder { width: 280px; float: left; margin: 0 10px 0 0; }
#Content .ImageHolder p { padding: 10px 10px 0 5px; color: #fff; height: 25px; background: url(/images/general/grey_bottom.jpg) no-repeat right bottom #ccc; display: block; }

#Content table { margin: 0; padding: 0; border-collapse: collapse; width: 100%; clear:both; }
#Content table span { margin: 0; display: inline; float: none; width: auto; font-size: 80%; }
#Content table th { font-size: 100%; margin: 0; padding: 5px 0 5px 0; text-align: left; vertical-align: top; }
#Content table td { vertical-align: top; padding: 10px 0 10px 0; }
#Content table .Title { font-size: 120%; padding: 4px; margin: 10px 0 20px 0; border: none; color: #fff; background: #1768B0; }
#Content table .Title span { margin: 0 0 0 10px; }
#Content table .Image { width: 100px; padding: 0 10px 0 0; }
#Content table .Navi { text-align: right; padding-right: 10px; }
#Content table .Navi ul { margin: 0; padding: 0; list-style: none; }
#Content table .Navi ul li { margin: 0 0 10px 0; }
#Content table .Navi ul li a { margin: 0; padding: 5px 20px 5px 20px; background: url(/images/arrows/grey_small.gif) no-repeat right 4px; }
#Content table .Navi ul li a:hover { color: #c00; text-decoration:none; background: url(/images/arrows/red_small.gif) no-repeat right 4px; }

#Content .Terms { list-style: decimal; margin: 0 0 0 10px; padding: 0 0 20px 0; }
#Content .Terms li { color: #1768B0; font-weight: bold; text-transform: uppercase; margin: 5px 0 0 0; }
#Content .Terms li ul { margin: 0; padding: 0; }
#Content .Terms li li { color: #666; font-weight: normal; text-transform: none; }
#Content .Terms li span { float: none; width: auto; }
#Content .Terms li .Clear { text-transform: none; font-weight: normal; color: #666; }
#Content .Terms table { margin: 10px 0; width: 300px; }
#Content .Terms table th { text-align: right; margin: 0; padding: 4px 0; }
#Content .Terms table span { float: left; font-size: 100%; }
#Content .Terms table td { text-align: right; margin: 0; padding: 4px 0; vertical-align:middle; width: 75px; }

/* CONTENT FORM ELEMENTS */
#Content form .FormButton { clear: both; margin: 20px 0 0 0; padding: 0; width: 410px; text-align: right; }
#Content form .FormButton a { color: #333; font-weight: bold; padding: 5px 20px 5px 0; margin: 0; text-transform: uppercase; text-decoration:none; background: url(/images/arrows/grey_small.gif) no-repeat right 4px; }
#Content form .FormButton a:hover { color: #1768B0; background: url(/images/arrows/blue_small.gif) no-repeat right 4px; }
#AddCart { clear:both; margin: 20px 0 0 0; padding: 10px; border: solid 1px #666; }
#AddCart h3 { margin: 0; padding: 0; }
#AddCart label { width: 125px; }
#AddCart input { width: 100px; margin: 0 10px 0 0; }

/* CONTENT CART */
#Content #Cart th { font-size: 100%; margin: 0; padding: 5px 10px 5px 5px; text-align: left; vertical-align: top; color: #fff; background: #1768B0; }
#Content #Cart td { padding: 5px 10px 5px 5px; vertical-align: top; border-bottom: solid 1px #666; }
#Content #Cart .Check { width: 25px; text-align: center; }
#Content #Cart .Check a { padding: 0; background: none; }
#Content #Cart .Quantity { width: 55px; text-align: right; }
#Content #Cart .Quantity input { width: 36px; height: auto; text-align: right; border: solid 1px #999; padding: 2px; }
#Content #Cart .Price { width: 50px; text-align: right; }
#Content #Cart .SubTotal { width: 75px; text-align: right; }
#Content .Cart { padding: 2px 10px 3px 0; text-align: right; }
#Content .Cart span { text-align: left; padding: 0 0 0 5px; }

#Content #CartNav { margin: 30px 10px 0 0; padding: 0; list-style: none; text-align: right; }
#Content #CartNav li { display: inline; padding: 0; margin: 0; }
#Content #CartNav li a { padding: 0; margin: 0; text-align: left; background: none; text-transform: uppercase; }
#Content #CartNav li #Update { background:url(/images/buttons/update.gif) no-repeat left top; padding: 4px 0 4px 20px; margin: 0 30px 0 0; }
#Content #CartNav li #Update:hover { background:url(/images/buttons/update_on.gif) no-repeat left top; }
#Content #CartNav li #Empty { background:url(/images/buttons/update.gif) no-repeat left top; padding: 4px 0 4px 20px; margin: 0 30px 0 0; }
#Content #CartNav li #Empty:hover { background:url(/images/buttons/update_on.gif) no-repeat left top; }

#Content #CartNav li #CheckOut { background: url(/images/arrows/grey_small.gif) no-repeat right top; padding: 2px 20px 0 0; }
#Content #CartNav li #CheckOut:hover { background: url(/images/arrows/blue_small.gif) no-repeat right top; }

/* NAVIGATION PGAES */
#Content .Pages { margin: 10px 0; }
#Content .Pages h3, #Content .Pages p, #Content .Pages ul { display: inline; }
#Content .Pages strong { color: #c00; font-weight: bold; }
#Content .Pages ul { margin: 0 0 0 20px; padding: 0; list-style: none; }
#Content .Pages ul li { display: inline; }
#Content .Pages ul li.Previous a { background:url(/images/arrows/grey_back.gif) no-repeat left top; padding: 2px 0 2px 20px; }
#Content .Pages ul li.Next a { margin: 0 0 0 10px; background:url(/images/arrows/grey_small.gif) no-repeat right top; padding: 2px 20px 2px 0; }
#Content .Pages ul li.Previous a:hover { background:url(/images/arrows/blue_back.gif) no-repeat left top; }
#Content .Pages ul li.Next a:hover { background:url(/images/arrows/blue_small.gif) no-repeat right top; }

#Content ul.gallery { margin:10px 0 0 0; padding:0; list-style:none; clear:both; }
#Content ul.gallery li { float:left; display:block; margin:0 15px 15px 0; }
#Content ul.gallery li.class { margin:0 0 15px 0; }
#Content ul.gallery li img { border:2px solid #3C6D9B; }
#Content ul.gallery li p { width:200px; }


/* FOOTER */
#Footer p { margin: 0; padding: 0; clear: none; }
#Footer p img { float: left; margin: 15px 0 0 0; }
#Footer #FootCont { float: left; margin: 15px 0 0 60px; }
html> body #Footer #FootCont { margin: 15px 0 0 160px; }
#Footer ul { margin: 0; padding: 0; list-style: none; }
#Footer ul li { display: inline; color: #00384D; font-size: 90%; font-weight: bold; text-transform: uppercase; padding: 1px 30px 5px 20px; }
#Footer ul li.Survey { background: url(/images/shapes/shape1.gif) no-repeat left top; }
#Footer ul li.Manufacture { background: url(/images/shapes/shape2.gif) no-repeat left top; }
#Footer ul li.Installation { background: url(/images/shapes/shape3.gif) no-repeat left top; }
#Footer ul li.Maintenance { background: url(/images/shapes/shape4.gif) no-repeat left top; }

#Footer .Address { margin: 10px 0 0 20px; padding: 0 0 0 50px; text-transform: uppercase; color: #fff; font-size: 90%; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; border-right: none; }

#Footer .SmallLogo { float: left; margin: 0; padding: 0; }
#Footer .SwanFooter { padding: 10px 0 0 0; margin: 0; text-align: center; color: #000; clear: both; background: #fff; font-size: 95%; }
#Footer .SwanFooter a { color: #333; text-decoration:none; }
#Footer .SwanFooter a:hover { color: #c00; }

/* DEFAULT CLASSES */
.Right { text-align: right; }

/* ===================================================================================== */
/*---------------*/
/* MISCELLANEOUS */
/*---------------*/
/* SLIMBOX */
#lbOverlay {position:absolute; left:0; width:100%; background-color:#fff; cursor:pointer; z-index:1000; }
#lbCenter, #lbBottomContainer {position:absolute; left:50%; overflow:hidden; background-color:#3e4f57; z-index:1001; }
.lbLoading {background:#3e4f57 url('../images/general/loading.gif') no-repeat center;}
#lbImage {border:10px solid #3e4f57;}
#lbPrevLink, #lbNextLink {display:block; position:absolute; top:0; width:50%; outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url('../images/general/prevlabel.gif') no-repeat 0% 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url('../images/general/nextlabel.gif') no-repeat 100% 15%;}
#lbBottom {color:#fff; font-size:100%; padding:10px 0 0 0; text-align:left; border:10px solid #3e4f57; border-top-style:none;}
#lbCloseLink {display:block; float:right; width:66px; height:22px; background:transparent url('../images/general/closelabel.gif') no-repeat center; margin:0;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}