/* Start of CMSMS style sheet 'chart_common' */
@charset "utf-8";

/* named elements */

html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
body{margin:0;padding:0;width:100%;font-size:12px;font-family:"Helvetica","Arial",sans-serif;color:#a6a39c;text-align:center;vertical-align:top;background:#fff;height:100%;overflow:hidden;}
*{margin:0;padding:0;}
img{border:0;outline:0;position:relative;top:0;left:0;}
a{outline:none;}
a:link{color:#005766;text-decoration:none;}
a:visited{color:#005766;text-decoration:none;}
a:hover{color:#a4a199;text-decoration:none;}
a:active{color:#878582;text-decoration:none;}
h1{font-weight:normal;font-size:30px;line-height:1.3em;margin-bottom:5px;}
h2{font-weight:normal;font-size:24px;line-height:1.3em;margin-bottom:5px;}
h3{font-weight:normal;font-size:15px;line-height:1.3em;margin-bottom:5px;font-weight:bold;letter-spacing:0;}
p{padding-bottom:10px;}
option{padding-right:5px;}
form{display:inline;}
input{border:1px solid #dfdeda;background:#fff;padding:2px;}
textarea{border:1px solid #dfdeda;background:#fff;padding:2px;}
ul{list-style-position:inside;}
li{padding:3px 0;}

/* id elements */

#background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
#background .lines1{position:absolute;bottom:0;right:0;width:232px;height:347px;background-image:url(/x/img/background_lines_bottom.gif);background-repeat:no-repeat;}
#background .lines2{position:absolute;top:0;left:0;width:199px;height:528px;background-image:url(/x/img/background_lines_top.gif);background-repeat:no-repeat;}

#foreground{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto;}


/* one-time classes */

.wrapper{position:relative;top:0;left:0;width:800px;margin:0 auto;}

.header{position:relative;top:0;left:0;width:100%;height:150px;}
.header .logo{position:absolute;top:35px;left:20px;}
.header .quicklinks{position:absolute;top:20px;right:20px;text-align:right;}
.header .quicklinks a{position:relative;top:1px;left:0;}
.header .quicklinks a:link{color:#cdcbc6;}
.header .quicklinks a:visited{color:#cdcbc6;}
.header .quicklinks a:hover{color:#7e7b71;}
.header .menu{position:absolute;top:50px;right:20px;text-align:right;}
.header .menu a{height:25px;padding-bottom:5px;}
.header .menu a:link{color:#a4a199;border-bottom:5px solid #deddd7;}
.header .menu a:visited{color:#a4a199;border-bottom:5px solid #deddd7;}
.header .menu a:hover{color:#005766;border-bottom:5px solid #005766;}
.header .menu .spacer{height:25px;padding-bottom:5px;border-bottom:5px solid #dfdeda;}
.header .steps{position:absolute;bottom:10px;right:5px;color:#dfdeda;text-align:right;}
.header .steps img{position:relative;top:4px;left:0;}
.header .steps a:link{color:#9c9990;}
.header .steps a:visited{color:#9c9990;}
.header .steps a:hover{color:#72706c;}

.marquee{width:100%;background:#ededef;margin:0 0 10px 0;text-align:left;}

.body{position:relative;top:0;left:0;width:825px;text-align:left;color:#76736e;padding-bottom:70px;}
.body .product{position:relative;top:0;left:0;width:250px;margin:0 25px 25px 0;padding-bottom:30px;background:#ededef;}
.body .product img{position:relative;top:0;left:0;z-index:1;}
.body .product .caption{position:absolute;bottom:0;left:0;z-index:2;width:100%;text-align:left;background:#ededef;}
.body .buy{position:absolute;bottom:7px;right:10px;z-index:3;}
.body .side{position:relative;top:0;left:0;width:275px;}
.body .main{position:relative;top:0;left:0;width:525px;min-height:273px;background:#ededef;line-height:1.5em;}
.body .main .option{width:45%;margin:0 4% 10px 0;}
.body .process{position:relative;top:0;left:0;z-index:1;width:545px;height:215px;background:#ededef;margin-top:10px;color:#928f86;}
.body .process img{margin-top:25px;}
.body .process .labels{width:100%;margin-top:4px;text-align:center;color:#9a958f;}
.body .process .labels div{width:33.3%;}
.body .news{position:relative;top:0;left:0;z-index:1;width:245px;height:215px;background:#ededef;margin:10px 0 0 10px;color:#b9b7b1;}
.body .news .entry{margin-top:10px;}
.body .more{position:absolute;top:10px;right:15px;z-index:2;}
.body .more a:link{color:#928f86;}
.body .more a:visited{color:#928f86;}
.body .more a:hover{color:#79766e;}
.body .introduction{position:absolute;top:55px;right:50px;width:230px;z-index:3;color:#aaa6a1;font-size:20px;line-height:1.8em;}
.body .row{width:99%;}
.body .row input{width:99%;margin-bottom:3px;}
.body .row textarea{width:99%;height:200px;}
.body .samples{width:525px;margin-top:10px;margin-left:275px;}
.body .samples .sample{width:89px;margin-right:10px;}

.warning{position:absolute;top:0;left:0;width:100%;height:100px;text-align:center;display:none;visibility:hidden;}
.warning .background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/x/img/translucent.png);background-repeat:repeat;}
.warning .text{width:250px;background:#fff;margin:70px auto;padding:10px;text-align:left;}

.block{width:90%;padding:2%;background:#fff;border:3px solid #ededef;margin-bottom:20px;}
.hr{border-top:1px dotted #ddd;margin:10px 2%;height:1px;width:96%;}

.footer{clear:both;float:left;width:90%;margin:0 0 0 5%;height:30px;text-align:center;}


/* reusable classes */

.font-normal{font-family:"Helvetica","Arial",sans-serif;letter-spacing:0;}
.font-narrow{font-family:"Century Gothic","Arial Narrow","Helvetica","Arial",sans-serif;letter-spacing:1px;}
.font-demi{font-family:"Arial Black","Gadget",sans-serif;letter-spacing:1px;}

.font-size-9{font-size:9px;font-family:arial, sans-serif;line-height:12px;}
.font-size-10{font-size:10px;font-family:arial, sans-serif;line-height:12px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}

.color-grey1{color:#b9b7b1;}
.color-grey2{color:#cac7c3;}
.color-grey3{color:#dfdeda;}
.color-grey4{color:#878582;}
.color-grey5{color:#706f6c;}
.color-grey6{color:#a4a199;}
.color-blue{color:#005766;}
.color-red{color:#A23101;}

.padding-0-1{margin:0;padding:0 1px;}
.padding-0-3{margin:0;padding:0 3px;}
.padding-2{margin:0;padding:2px;}
.padding-3{margin:0;padding:3px;}
.padding-3-5{margin:0;padding:3px 5px;}
.padding-4{margin:0;padding:4px;}
.padding-5{margin:0;padding:5px;}
.padding-3-10{margin:0;padding:3px 10px;}
.padding-5-10{margin:0;padding:5px 10px;}
.padding-8-10{margin:0;padding:8px 10px;}
.padding-10{margin:0;padding:10px;}
.padding-10-5{margin:0;padding:10px 5px;}
.padding-10-15{margin:0;padding:10px 15px;}
.padding-15{margin:0;padding:15px;}
.padding-25{margin:0;padding:25px;}
.padding-50{margin:0;padding:50px;}

.left{float:left;clear:none;}
.right{float:right;clear:none;}
.clear{float:left;clear:both;}

.button{border:1px solid #93976e;background:#93976e;color:#fff;cursor:pointer;font-size:11px;}
.button:hover{border:1px solid #aeb194;background:#aeb194;}
.radio{background:none;border:0;}
/* End of 'chart_common' */