

/* general */
body { font-size: 9pt; font-family: Arial, Verdana, Helvetica, serif; text-align: center; }
body.business { background: #fff url(bg-business-body.jpg) repeat-x; }
body, p, div, td, label { color: #4c4c4c; }
label { font-weight: bold; margin-left: 10px; }
img { border: 0; }
#site-id { border:0; width: 210px; height: 28px; margin: 5px 45px 0 15px; }
#nav-cart { width: 37px; height: 29px; margin-right: 10px; }
.bold { font-weight: bold; }


/* links */
a { color: #3471b9; }
.segments a { color: #4c4c4c; padding: 0 10px; text-decoration: none; }
.segments a:hover { color: #00438b; text-decoration: underline; }

/* alignments */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.fright { float: right; }
.fleft { float: left; }
.vmiddle { vertical-align: middle; }
.mt10 { margin-top: 10px; }
.auto { overflow: auto; }


/* hr */
hr.mtb20 { margin: 20px auto; }
hr.gray { border: 0; border-top:1px solid #efefef; }
hr.thick-black { border: 0; border-top:4px solid #000; }



/* containers */
#head { width: 940px; margin: 20px auto; text-align: left; overflow: auto; padding: 0 10px; }
#body { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ddd; background: #fff; padding: 0; margin: 0; width: 960px; margin: 0 auto; text-align: left; overflow: auto; }
.segments { background: #dedede; padding: 8px 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.pad { padding: 13px 23px; }
.padlr { padding-left: 23px; padding-right: 23px; } 
.padtb { padding-top: 23px; padding-bottom: 23px; }
.round { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
div.clear { clear:both;	margin-top:-1px; height:1px; overflow:hidden; }
.clear { clear: both; }

#box-copyright { text-align: left; width: 940px; margin: 40px auto; padding: 10px; border: 1px solid #dad8ce; font-size: .8em; }
#box-copyright a { text-decoration: none; padding: 0 10px; }
#box-font-sizer a { padding: 0; margin-right: 10px; }
#box-font-sizer label { margin-right: 10px; } 


/* error box */
div.error h3 { color: #e01010; margin-bottom: 10px;}
div.error { background: #fcdada; padding: 12px 20px;  margin: 20px 0;  }
div.error ul {color: #4c4c4c; } /* MDO */



/* headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 2.1em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.0em; }
h5 { font-size: .7em; }

.size1 { font-size: 2.1em; }
.size2 { font-size: 1.6em; }
.size3 { font-size: 1.3em; }
.size4 { font-size: 1.0em; }
.size5 { font-size: .7em; }

/* colors */
.green { color: #019a42; }
.blue { color: #0c6fb7; }
.dark-blue { color: #002955; }
.light-blue { color: #e9f2f9; }
.black { color: #000; }
.white { color: #fff; }
.dark-gray { color: #4c4c4c; }
.medium-gray { color: #d2d2d2; }
.light-gray { color: #f1f1f1; }
.red { color: red; }

.bg-white { background: #fff; }
.bg-light-blue { background: #e9f2f9; } 
.bg-light-gray { background: #f1f1f1; }
.bg-med-gray { background: #ccc; }


.b4-light-blue {border: 4px solid #e9f2f9; }
.b4-medium-gray { border: 4px solid #d2d2d2; }
.box-yellow { background: #fcf5e2; border: 1px solid #ffe67f; }
.box-gray { border: 1px solid #ececec; background: #f6f6f6; }

/* forms */
input[type="text"], input[type="password"], .input, select { 
margin: 5px; 
background: none repeat scroll 0 0 #FAFAFA;
border-color: #D5D5D5 #F1F1F1 #F1F1F1 #D5D5D5;
border-left:1px solid #D5D5D5;
border-style: solid;
border-width: 1px;
color: #4D4D4D;
font-size: 9pt;
padding: 4px;
}
input.white { background: #fff; }

input.error {
background-color:#FCDADA !important;
border-color:#E01010 #FBCBCB #FBCBCB #E01010 !important;
border-style:solid !important;
border-width:1px !important;
}

/* buttons */
input.button-continue { width: 118px; height: 38px; border:0; background: url(button-continue.png) no-repeat; cursor: pointer; }
input.button-login { width: 79px; height: 38px; border:0; background: url(button-login.png) no-repeat; cursor: pointer; }
input.button-continue-lrg { width: 170px; height: 61px; border: 0; background: url(button-continue-lrg.png) no-repeat; cursor: pointer; }


/* tabs */
.tabs-blue {  clear: both; margin-top: 30px; background: url(bg-tabs.gif) repeat-x bottom left; overflow: auto; float: right; width: 100%; }
.tab { font-size: 8pt; cursor: pointer; background: url(tab-right-h.png) no-repeat top right; height: 23px; border: 0; float: left; font-family: Verdana; font-weight: bold; padding-top: 8px; margin-left: 5px; position: relative;  }
.tab-left { background: url(tab-left.png) no-repeat 0 -31px; float: left; border: 0; height: 31px; width: 6px; position: absolute; top: 0; left: 0; }
.tab a { text-decoration: none; color: #000; padding: 0 10px; }
.tab.hover { background: url(tab-right-o.png) no-repeat top right;  }
.tab.hover .tab-left { background: url(tab-left.png) no-repeat 0 -62px; }
.tab.active { background: url(tab-right.png) no-repeat top right; }
.tab.active .tab-left { background: url(tab-left.png) no-repeat 0 0; }



/* pricing */
.price-giant { font-size: 4em; }

.strikethrough { text-decoration: line-through; }


/* images */
.phone-small { width: 75px; height: 130px; border: 0; }


/* tables */
table td, table th { padding: 7px; }
table { width: 100%; border-collapse: collapse; }
tr.stripe td { background: #ececec; }
