/* PRODUCTS SITE*/


/* Global
-----------------------------------------------------*/
*{
margin: 0; 
padding: 0;
font-size: 11px;
font-family: tahoma, arial, verdana;
line-height: 14px;
color: #063A73;
vertical-align: top;
border-collapse:collapse;
}

img{border: none;
}

.LTR, .RTL
{
    
}

ul{list-style-type: none;}
ol{margin: 0 0 0 30px;}
ol li{background: none; padding: 0; margin: 0 0 10px 0;}

p{margin: 0 0 6px 0;}

h2{font-size: 12px; margin: 0 0 4px 0;}

.plainBox{}
.plainBox h2{margin: 15px 0 3px 0; border-bottom: 1px solid #ddd; padding: 0 0 5px 0; color: #0D5CB4;}
.plainBox b, .plainBox strong{color: #3A76B9;}
.textCallout{padding: 10px 0; margin: 10px 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; color: #85B2E4; font-weight:bold; font-size: 12px; text-align:center;}





/* Containers
-----------------------------------------------------*/
body{background: url(images/backgrounds/bg-header.gif); background-repeat: no-repeat; background-position: top center;}

#container-header{background: url(images/backgrounds/bg-navbar.gif); background-repeat: repeat-x; background-position: 0px 110px;}

#mainTable{width: 755px;}

.content{padding: 8px 0 0 10px;}

.footer{text-align: center;padding: 12px 0; font-size: 10px;}
.footer a{font-size: 10px;}


/* H tags
-----------------------------------------------------*/
h1, h1 a{color: #0086CD;}



/* Header
-----------------------------------------------------*/
#header{height: 110px;}
.logo{position: relative; left: -44px;}

.phone{float: right;margin: 15px 0 0 0;}



/* Navigation
-----------------------------------------------------*/
#nav
{
    padding: 2px 0 0 0;
    height: 13px;
    float:left;
}

#nav ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}

#nav li
{
    margin: 0/*0 9px 0 8px*/;
    padding:0;
    float:left;
}

#nav img
{
    margin:0 5px 0 5px;
}

.subnav{background: url(images/backgrounds/bg-subnav.gif); background-repeat: repeat-y; background-position: top left;   }
.subnavFooter{background: url(images/backgrounds/bg-subnav.gif); background-repeat: repeat-y; background-position: top left;}
.subnav .box{margin: 0px 5px 0px 6px;  display: block;  }
.subnav li{background: url(images/bullet-subnav.gif); background-position: 3px 9px; background-repeat: no-repeat; padding: 3px 0 3px 5px; border-bottom: 1px solid #fff; border-top: 1px solid #B3CCEC; }
.subnav li .firstItem{border-top:none;}

.subnav img{ margin: 0; padding: 0; }

.subnav .title{}

#subnavContainer{width: 171px;}





/* Home
-----------------------------------------------------*/
.listGroup{float:left; display: block; margin: 0 0 10px 0; width: 240px; }
.listCol{float: left; width: 100px;}
.listCol ul li, #featured ul li{background: url(images/bullet-fade.gif); background-repeat: no-repeat; background-position: 0 5px; padding: 0 0px 0 17px;}

#homeFeatureRight{float: right; width: 286px; height: 289px; background: url(images/backgrounds/bg-home-customsolutions.jpg); background-repeat: no-repeat;}
#homeFeatureRight img{margin-top: 70px;}

#featured{width: 571px; background: url(images/backgrounds/bg-featuredproducts.gif); background-repeat: repeat-y;}
#featured table{width: 557px; margin-left: 4px;}
#featured .box{padding: 0 4px;}

#featured td{border-top: 1px dashed #68B7E1;}

#featured .photo{padding: 3px 0 3px 0; width: 90px;}
#featured .text {padding: 10px 0 0 0;}
#featured .viewdetails{width: 120px; text-align: right; vertical-align:middle;}



/* Subpage
-----------------------------------------------------*/
#breadcrumb, #breadcrumb a{font-size: 10px;}
#breadcrumb{position: relative; top: -6px; padding: 0 0 4px 0; border-bottom: 1px solid #ddd; margin: 0 0 4px 0;}

#subpageContent{float: left; width: 570px; padding: 0 0 5px 5px; }

#subpageContent img.title{margin-bottom: 15px;}


/* Product Category Listing
-----------------------------------------------------*/
#listing table{}
#listing table a h1 {color: #053C79; background: url(images/bullet-fade.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 20px; font-size: 12px; }
#listing td{padding: 0 0 10px 0;}
#listing .title{margin: 16px 0 0 0;}
#listing a h1:hover{color: #0C63C4;}



/* Product  Listing
-----------------------------------------------------*/
.productListing tr.listingRow td{padding: 5px 0;border-bottom: 1px dashed #68B7E1; vertical-align:top; }
.productListing h1 a{font-size: 12px; color: #0C63C4; padding: 0;}
.productListing h1{margin: 0 0 6px 0;}
.productListing .text{padding-left: 10px;}
.productListing td.thumb{width: 150px;}
.productListing .text img{position: relative; left: -5px;}
.productListing .thumb img {border: 2px solid #407CBF;}



/* Product Detail
-----------------------------------------------------*/

#productDetailsBox{background: url(images/backgrounds/bg-productdetail-header.gif); background-repeat:no-repeat;padding: 12px 14px 14px; position: relative; left: -4px; float: left; }

#productDetails{background: url(images/backgrounds/bg-productdetail-footer.gif); background-repeat:no-repeat; background-position: -4px bottom ; padding: 0 0 20px 0; float: left; }
#productDetails  h1.pageTitle{color: #fff; font-size:14px; margin: 0 0 20px 0;}

#productDetails .title{margin-bottom: 10px;}

.productOptions{float: right; width: 160px;}

#photoBox{ float: left; width: 100%;}
.productPhoto{border: 3px double #2965A7;}

.productOptions ul{position: relative; left: -3px;}
#subpageContent ul li{background: url(images/bullet-fade.gif); background-position: 0px 7px; background-repeat: no-repeat; padding: 3px 0 3px 20px; }
#subpageContent ul li b{display: block;}
#subpageContent ul li li{background: url(images/bullet-grey.gif); background-position: 0px 6px; background-repeat: no-repeat; padding: 2px 0 2px 20px; font-size:10px; line-height: 11px; }

.productTechSpecs{margin: 10px 0 20px 0; display: block; float: left; width: 100%;}
.productTechSpecs img{margin: 0 0 7px 0;}


.dataGrid{float: right; width: 170px; margin: 0 0 8px 8px;}
.dataGrid th, .dataGrid td{border: 1px solid #5D8EC7; padding: 3px;}
.dataGrid th{background: #407CBF; color: #fff; text-align: center;}
.dataGrid td{background: #DAE8FF; width:50%;}



.footerButtons{margin: 0 0 15px 7px;}


/* ContactForm
-----------------------------------------------------*/
#contactForm td{padding: 0 0 3px 0;}
#contactForm input, #contactForm textarea{background: #EEF7FE;}
#contactForm input.FormButton{color: #fff; background:#0E5AB5; }

.EditingFormErrorLabel{color: red;}


/* Testimonials
-----------------------------------------------------*/
.testimonial{ margin: 0 0 16px 0; border-bottom: 1px solid #eee; padding: 0 0 16px 0;}
.testimonial p{ font-size: 12px; line-height:16px;}
.byline, .byline b{font-style: italic; color: #555;}