/*
-----------------------------------------------
Applied Products
Author:www.imaginet.co.uk
Version:08 August 2007 
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#F20000;
   text-decoration:underline;
}
a:hover {
   text-decoration:none;
}
a img {
   border:0;
}
p {
   margin:0 0 1em 0;
   line-height:1.8em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}

.alert {
   color:#f00;
}

/* Page Structure
----------------------------------------------- */

html body {
   margin:1em 0 2em 0;
   background:#ccc url("graphics/bg.gif") repeat-x top;
   color:#000;
   text-align:center;
   font:0.8125em Arial,Sans-serif;
}
#page {
   background-color:#fff;
   width:970px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}
#masthead {
   width:970px;
   background:#fff url("graphics/mastheadbg.gif") no-repeat top;
   margin:0 auto;
   font-size:85%;
   padding:0 0 10px 0;
}
#topnav {
   width:970px;
   background-color:#fff;
   margin:0 auto;
   font-size:85%;
}
#footer {
   width:970px;
   background:#ccc url("graphics/footerbg.gif") no-repeat top;
   margin:0 auto;
   font-size:85%;
   padding:41px 0 0 0;
   font-size:1em;
}


/* Masthead
----------------------------------------------- */

.mastheadleft {
    float:left;
    width:465px;
    padding:15px 0 0 20px;
    text-align:left;
}

.mastheadright {
    float:right;
    width:335px;
    padding:0 0 0 150px;
}

.phone {
   padding:0 0 15px 0;
}

/* Topnav
----------------------------------------------- */

#topnav .col {
   width:950px;
   background:#fff url("graphics/topnavbg.gif") repeat-x top;
   margin:0 0 0 10px;
   text-align:left;
}

#topnav ul {
   padding:7px 0 40px 0;
}

#topnav ul li {
   font-size:1.1em;
   list-style:none;
   display:inline;
}

#topnav ul li a {
   color:#fff;
   text-decoration:none;
   font-weight:bold;
   background:url("graphics/line.gif") no-repeat 0 0;
   padding:0 10px 0 15px;
}

#topnav ul li a.first {
   background:none;
}

#topnav ul li a:hover {
}

#topnav .navleft {
   width:550px;
   float:left;
}

#topnav .navright {
   width:390px;
   float:right;
   text-align:right;
}

/* Home
----------------------------------------------- */
#page .col {
   margin:0 10px;
}

#page .homeleft {
   float:left;
   width:650px;
   text-align:left;
}

#page .homeright {
   float:right;
   width:275px;
   text-align:left;
   padding:5px 10px 15px 10px;
}

#page .homeleft2 {
   float:left;
   width:650px;
   padding:5px 0;
}

#page .homeright2 {
   float:right;
   width:295px;
   text-align:left;
   padding:5px 0 15px 5px;
}

#page a.largelink {
   color:#f20000;
   font-size:1.6em;
   font-weight:bold;
   text-decoration:none;
}

#productareas .arealeft, #productareas .areamid {
   float:left;
   width:201px;
   border:1px solid #ccc;
   margin:0 5px 0 0;
   padding:5px;
}

#productareas .arearight {
   float:right;
   width:201px;
   border:1px solid #ccc;
   padding:5px;
}

#productareas .areacontent {
   background-color:#F20000;
   color:#fff;
   font-size:1.4em;
   text-align:left;
   font-weight:bold;
}

#productareas img {
   border-top:1px solid #fff;
}

#productareas p {
   padding:5px 10px;
   margin:0;
}

#productareas a {
   color:#fff;
   text-decoration:none;
}

.productdiagram {
   border:1px solid #ccc;
}

/* Content
----------------------------------------------- */

#page .contentleft {
   float:left;
   width:215px;
   padding:0 0 15px 10px;
   text-align:left;
}

#page .contentright {
   float:right;
   width:655px;
   text-align:left;
   padding:0 30px 15px 10px;
}

/* LeftNav
----------------------------------------------- */


#leftnav {
   background-color:#F20000;
   color:#fff;
}

#leftnav ul {
   padding:10px;
}

#leftnav ul li {
   background:url("graphics/bullet_arrow.gif") no-repeat 0 2px;
   padding:5px 0 10px 30px;
}

#leftnav ul li a {
   color:#fff;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:none;
}

#leftnav ul li a:hover {
   text-decoration:underline;
}

#leftnav ul li ul {
   padding:0;
}


#leftnav ul li li  {
   background:url("graphics/bullet_arrow2.gif") no-repeat 0 7px;
   padding:5px 0 0 15px;
}

#leftnav ul li li a {
   font-size:1em;
   font-weight:normal;
}

#leftnav ul li li a.active {
   background-color:#fff;
   color:#f20000;
   display:block;
   font-weight:bold;
   padding:0 0 0 5px;
}

#leftnav ul li li a:hover {
   text-decoration:underline;
}

#leftnav ul li li ul {
   border-top:1px solid #fff;
   border-bottom:1px solid #fff;
   padding:0 0 5px 5px;
}

#leftnav ul li li li {
   background:none;
   padding:5px 0 0 0;
}

#leftnav ul li li li a {
  font-weight:bold;
}

#leftnav ul li li li a:hover {
   text-decoration:underline;
}

/* Products
----------------------------------------------- */

#products {
   width:655px;
}




#products img {
   padding:1px;
   border:solid 1px #ccc;
   margin:0 0 5px 0;
}

#products td {
   padding:0 26px 10px 0;
   width:110px;
   vertical-align:top;
}

#products td.end {
   padding:0 0 10px 0;
}

#products .descript {
   background-color:#ccc;
   padding:8px 4px 8px 6px;
   font-size:1em;
}


#products .descript img {
   padding:0;
}

#purchase {
   background-color:#ccc;
   width:635px;
   color:#000;
   padding:10px;
}

/* Forms
----------------------------------------------- */

#form {
   background:#EFF0F3;
   padding:0 0 10px 0;
   margin-bottom:8px;
   border:1px solid #999;
}

#form table td {
   color:#656D7D;
   padding:6px 6px 6px 6px;
   text-align:left;  
}

#form table th {
   background-color:#666;
   color:#fff;
   font-size:1.1em;
   padding:5px 10px;
   margin:0 0 5px 0;  
}


#form label {
     color:#666;
}

#search {
   padding:15px 0 0 0;
}

#search table td {
   color:#656D7D;
   padding:2px 6px 2px 6px;
   text-align:left;  
}

#search label {
   color:#f20000;
   font-weight:bold;
}

form input.border1 {
  background:#fff;
  border:1px #666 solid;
  width:200px;
  height:20px;
}

#form table td.total {
   background-color:#F20000;
   text-transform:uppercase;
   font-weight:bold;
   color:#fff;
   font-size:1.2em;
}

/* Footer
----------------------------------------------- */

#footer .footleft {
   float:left;
   width:470px;
   text-align:left;
   padding:5px 0 0 15px;
}

#footer .footright {
   float:right;
   width:470px;
   text-align:right;
   padding:5px 15px 0 0;
}

/* Styles
----------------------------------------------- */

h1 {
   color:#F20000;
   font-size:1.6em;
   font-weight:bold;
   margin:0 0 10px 0;
}

.news h2 {
   color:#F20000;
   font-size:1.2em;
   font-weight:bold;
   margin:0;
}

h2 {
   color:#000;
   font-size:1.5em;
   font-weight:bold;
   margin:0 0 10px 0;
}

h3 {
   width:635px;
   display:block;
   background-color:#666;
   color:#fff;
   font-size:1.1em;
   padding:5px 10px;
   margin:0 0 5px 0;
}

h4 {
   color:#F20000;
   font-size:1em;
   font-weight:bold;
   margin:0 0 10px 0;
}

.contentright ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:8px 1px;
   padding:0px 10px 1em 26px;
   margin:0;
}

.contentright table {
   width:100%;
   border:none;
   margin:0 0 10px 0;
}

.contentright td {
   padding:5px;
   border:none;
   background-color:#ccc;
}


ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha;
}

/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:0 20px 1em 0;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}
img.left1, img.right1 {
   padding:3px;
   border:1px solid #999;
}
img.left3, img.right3 {
   float:none;
   border:none;
}

#products img.left1, #products img.left2 {
   float:left;
   padding:0;
   margin:0 20px 1em 0;
}
#products img.right1, #products img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}
#products img.left1, #products img.right1 {
   padding:3px;
   border:1px solid #999;
}

/* Page Nav
-------------------------------------------- */

.page_nav {
   margin-top:6px;
   border-top:1px solid #999;
   border-bottom:1px solid #999;
}
.page_nav p {
   font-size:1em;
   margin:10px 0px 10px 0px;
}
.page_nav ul {
   padding:8px 0 0 0;
}

/* Check Steps
----------------------------------------------- */

#checksteps {
   background:#fff;  
}
#checksteps table td {
   text-align:center;
}
#checksteps table td.bg {
   height:23px;
   background:#fff url("graphics/checkbg.gif") repeat-x top left;
}
#checksteps table td.step {
   padding:0.5em 0 0.5em 0;
}