﻿/* CSS Document */
/* Eric Meyer's Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
	vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

caption {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End if Global Reset */

body {font-family:Verdana; font-size:1em}

h1 {color:#00BCE4; margin-bottom:15px; font-size:1.2em}
h2 {color:#666  ; font-size:1.1em}

p {font-size:.8em; line-height: 18px;}

#header {border-bottom:2px solid #C1D82F; padding:15px; padding-left:0;}
#topbuttons {text-align:left; padding:10px;}
#content {padding:10px; background: url('images/content-back.gif') repeat-x top left}


b {color:#00BCE4 }
a {color:#038bd2 }


#headercontainer { margin: 25px auto 0 auto; }

#middlecontainer {margin: 0 auto 0 auto; background:url('images/bck-middle.png') repeat-x top left;  }
#mid { margin: 0 auto 0 auto; background:url('images/main-background.png') repeat-y top left;  height:274px;  border-bottom:1px solid #eaeaea; padding-top:10px;}
#mid-left {padding-left:5px; background:url('images/separator-tall.gif') no-repeat top right; width:340px; float:left}
#mid-mid {float:left; width:305px; background:url('images/separator-tall.gif') no-repeat top right; height:274px;  }
#mid-mid p  {font-size:12px; margin-bottom:10px; margin-top:10px; line-height:16px;}

#catalog-right {float:left; text-align:center; width:130px;  }
#catalog-right p {line-height:16px;}
#mid-right {float:left; text-align:center; width:120px; padding-top:57px; }
#mid-right p {line-height:16px;}
#price-display {color:#f4803c; margin:10px 0px;}
#price-display table td.super {font-size:14px; font-weight:normal; padding-top:5px;}
#price-display table td.big {font-size:34px; font-weight:normal;}  

#midbanner {background-color:#3c91be; height:27px; font-weight:bold; font-size:20px; color:#fff; }
#bottomcontainer {margin: 0 auto 0 auto; background:url('images/main-background.png') repeat-y top left;  }
#bottom-checkout table td {padding:2px 0px;}
#bottom { margin: 0 auto 0 auto;  w  backgrounds:url('images/bottom-gradient.gif') repeat-x bottom left;   display:table; }
#bottom-catalog-left {padding-top:20px; padding-bottom:10px; background:url('images/separator-med.gif') no-repeat 100% 100%; width:150px; float:left; }
#bottom-catalog-right {float:left; padding-top:20px; line-height:21px; width:370px;  padding-left:30px; padding-right:30px;}

#bottom-left {padding-left:5px; background:url('images/separator-tall.gif') no-repeat top right; width:335px; float:left; }
#bottom-right {float:left; line-height:21px; width:370px; }
#bottom-left p, #bottom-catalog p, #bottom-catalog ul  {font-size:12px; margin-bottom:10px; margin-top:10px; line-height:16px;}
#bottom-cart p, #bottom-checkout p, #how-it-works p {font-size:12px; margin-bottom:10px;  line-height:16px;}

#footercontainer {margin: 0 auto 0 auto;  height:50px;  background:url('images/main-bottom.png') no-repeat top left; clear:both}
#footer-bottom {  margin: 0 auto 0 auto;  }
#footer {color:#fff; text-align:center; padding:10px; font-size:11px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer a {color:#333}

#navcontainer {margin: 0 auto 0 auto;   }
#navline { margin: 0 auto 0 auto;  background:url('images/main-background.png') repeat-y top left; clear:both; }
#nav { margin: 0px auto 0 auto; padding-top:0px; background-color:#174a82; height:38px; border-bottom:1px solid #003876}
#nav ul { list-style:none;   float:left; padding-left:20px; }
#nav ul li { display:inline;  line-height:39px;  }
#nav ul li a:link, #nav ul li a:visited {text-decoration:none; color:#fff; font-size:16px; background-color:#174a82; }
#nav ul li a:hover { text-decoration:underline; }
.link1 {padding: 10px 13px;}
.link2 {padding: 10px 13px;}
.link3 {padding: 10px 13px;}
.link4 {padding: 10px 13px;}

#ctl00_ContentPlaceHolder1_pnlProjectDetail td.lightback {background-color:#eaeaea}

#looseList td.left {  width:45%; padding:0; }
#looseList td.right {  width:55%; padding:0; }

#featured-252 {width:252px; height:233px; background: url('images/feature-box-background.gif') no-repeat top left; padding:20px;}
#checkboxlist {margin:20px 0px;}
#checkboxlist td {width:25%}


#ctl00_ContentPlaceHolder1_pnlCartStatus {font-size:12px;}
#EditCustomers input  {width:70px;}