body{margin:0px 0px 10px 0px; padding:0px; background:#e0e0e0; text-shadow:0 0 0 #000; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6d6d6d}
h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, input, textarea, dd, dt, dl{padding:0px; margin:0px; font-weight:normal}
.clear{clear:both; font-size:0px; line-height:0px; height:0px; visibility:hidden; display:block; content:'.'}

#container{width:100%; height:auto;}
#page-holder{width:800px; height:auto; margin:0px auto 8px auto; text-align:left; padding:0px 2px; background:#ffffff url(/images/footer-bg.gif) no-repeat left bottom;}

a.copyright{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#b2ac9a; line-height:22px;}
a.copyright:hover{text-decoration:underline; color:#b2ac9a}

a.more{font-size:11px; color:#808080; text-decoration:none;}
a.more:hover{ color:#808080; text-decoration:none;}

a{color:#F55F00; text-decoration:none;}
a:link{color:#F55F00; text-decoration:none;}
a:visited{color:#F55F00; text-decoration:none;}
a:hover{text-decoration:underline;}

a img { border: none; }

/********** Header **********/
#header{width:800px; height:125px; background:#ff6600 url(/images/header-bg.jpg) no-repeat top left;}
#logo{width:362px; height:105px; padding:0px 0px 0px 12px; float:left}
#header-right{width:415px; height:auto; float:left; text-align:right; padding:14px 11px 0px 0px; font-size:14px; color:#fff;}
#header-right p{font-weight:bold; padding-bottom:3px}
#header-right a{color:#fff; font-size:12px; font-weight:bold; text-decoration:none}
#header-right a:hover{color:#fff; text-decoration:underline}
.yellow{color:#ffbe00}

/********** Navigation **********/
#nav{width:800px; height:40px; border:1px solid #ffffff; border-width:1px 0px; background:url(/images/nav-bg.gif) no-repeat 0px 0px;}
#nav ul{list-style:none;}
#nav ul li{ height:40px; float:left;}
#nav ul li a{ float:left; display:block; font-size:15px; font-weight:bold; color:#737373; text-decoration:none; text-align:center; height:30px; padding-top: 10px; }
#nav ul li a:hover{ color:#ffffff; text-decoration:none;}

#nav ul li a.welcome{ width:182px; padding-left: 25px;}
#nav ul li a.howitworks{ width:181px; padding-left: 18px;}
#nav ul li a.features{ width:178px; padding-left: 22px;}
#nav ul li a.get-started{ font-size:18px; width:165px; padding-left: 28px;}

#nav ul li a.selected{color:#fff}


/********** Content section **********/
#content{width:800px; padding-bottom:20px;}
#content:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block}
/* \*/ * html #content{height:1px;} /* */

/********** Left col **********/
#content #left{width:735px; height:auto; padding:25px 35px 0px 30px;}
h1{font-size:23px; color:#737373; font-weight:bold; padding-bottom:2px;}
h1.title{font-size:23px; color:#ff8c00; font-weight:bold; padding-bottom:2px;}
h2{font-size:18px; }
h3{font-size:15px; font-weight:bold; padding:20px 0px 3px;}
.center-align{text-align:center}

#left .orange{color:#FF9000}
#left .red{color: #FF3333;}
#left .green{color: #33FF33;}
#left p{ line-height:19px; padding:0px 0px 18px 0px;}
#left p.directories{text-align:center; display:block; margin:15px 0px 15px 0px; padding:0px;}
#left p.more{display:block; text-align:right; margin:-10px 0px 0px 0px;}

#left .left-list{width:362px; height:auto; float:left; padding-right:11px;}
#left .right-list{width:362px; height:auto; float:left}
#left ul.list{list-style:none; padding:13px 0px 0px;}
#left ul.list li{ background:url(/images/bullet.gif) no-repeat left 0px; padding:0px 0px 6px 30px; margin-bottom:9px; line-height:19px; font-weight:bold; font-size:12px;}

#left a.orange{color:#FF9000; font-size:12px; line-height:17px; text-decoration:none;}
#left a.orange:hover{color:#020202; text-decoration:none;}

/********** Forms **********/
#left form input.cst{ font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; border: 1px solid #C0C0C0; height:17px; width:274px; margin-bottom: 3px;}


/********** Right col **********/
#content #right{width:224px; height:auto; float:left; background:url(/images/top-right.gif) no-repeat top right; padding:45px 0 0 20px}
#right h1{font-size:18px; font-weight:normal; color:#636363; margin-bottom:3px}
#right .orange{color:#FF9000}
#right img.discount{float:left; margin:0px 8px 8px 0px}

#right p{ line-height:17px; margin:10px 0px 10px 0px;}


/************** Contact Form *************/
#contact{ width:201px; margin-top:0px; padding-bottom:25px;}
.contact-form{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.contact-form div.txt-bg{ width:201px; height:24px; padding:0px; margin:0px 0px 3px 0px; background:url(/images/txt-field-bg.gif) no-repeat top left;}
.contact-form div.area-bg{ width:201px; height:107px; padding:0px; margin:0px 0px 3px 0px; background:url(/images/area-bg.gif) no-repeat top left;}

.contact-form .txt-box{width:193px; height:19px; color:#636363; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none; padding-top:5px; margin:0px 0px 0px 4px;}
.contact-form textarea{ width:193px; height:99px; color:#636363; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 0px 4px; background:none; border:0px; padding-top:5px; line-height:16px;}
.contact-form .submit{ border:none; background:none; cursor:pointer; margin-top:3px; float:right; display:block; }


/********** Footer **********/
#footer{width:800px; height:auto; padding-bottom:10px; text-align:center;}
#footer a{font-size:11px; color:#8a8a8a; font-weight: text-decoration:none; padding:0px 14px 0px 10px; background:url(/images/footer-bullet.gif) no-repeat right 4px;}
#footer a:hover{color:#f7931e; text-decoration:none;}
p.copyright{text-align: center; margin-top: 6px; color: #8a8a8a; font-size:11px;}

/************** Account Comparison Table *************/
.comparison-table{width:501px; height:auto; padding-bottom:15px;}
.comparison-table .top{width:auto; height:45px; background:url(/images/comparison-bg.gif) repeat-x 0px 0px}
.comparison-table .top .left{width:auto; height:45px; background:url(/images/comparison-bg.gif) no-repeat 0px -45px}
.comparison-table .top .right{width:auto; height:33px; padding:12px 0px 0px 14px; background:url(/images/comparison-bg.gif) no-repeat 100% -90px}

.comparison-table .btm{width:auto; height:30px; background:url(/images/comparison-bg.gif) repeat-x 0px -135px}
.comparison-table .btm .left{width:auto; height:30px; background:url(/images/comparison-bg.gif) no-repeat 0px -165px}
.comparison-table .btm .right{width:auto; height:27px; padding:3px 0px 0px; background:url(/images/comparison-bg.gif) no-repeat 100% -195px}
.comparison-table .btm p{text-align:center; font-size:10px; color:#E8E7E6; font-weight:bold; line-height:12px !important; padding:0px !important; margin:0px !important;}

.comparison-table .middle-wrapper{width:auto; height:auto; border:1px solid #636363; border-width:0px 1px}
.comparison-table .middle{width:100%; height:auto;}

ul.comparison{padding:0px; margin:0px; list-style:none}
ul.comparison li{padding:0px; margin:0px; width:auto; font-size:12px; height:25px; padding-top:14px; color:#636363;}
ul.comparison li.bg{background:#EFEADF;}
ul.comparison li.signup{ background:url(/images/comparison-bg.gif) repeat-x left -225px; height:35px; padding:8px 0px 0px 0px; margin:0px; font-size:20px; font-weight:bold}

ul.comparison li .desc{width:150px; padding-left:15px; float:left; text-align:left;}
ul.comparison li .beginner{width:104px; padding:0px 3px; float:left; text-align:center;}
ul.comparison li .adv{width:104px; padding:0px 3px; float:left; text-align:center;}
ul.comparison li .pro{width:104px; padding:0px 3px; float:left; text-align:center;}

/***** styles for shopping cart *****/
#right a, .shop, shop a{font-size:15px; text-decoration:none}
#right a:hover, .shop, shop a:hover{text-decoration:underline}

/************** View Cart Table *************/
.view-cart{width:501px; height:auto; border:1px solid #4d4d4d; font-size:12px; font-weight:bold;}
.view-cart .top-bar{width:476px; height:20px; padding:5px 10px 0px 15px; background:url(/images/cart-top-bar.gif) repeat-x top left; color:#fff;}
.view-cart .middle{width:476px; height:auto; padding:5px 10px 0px 15px; color:#4d4d4d}
.view-cart .middle:after{clear:both; visibility:hidden; display:block; height:0px; content:'.'}
ul.cart{list-style:none; padding:0px; margin:0px; font-weight:bold;}
ul.cart li{margin:0px; float:left; height:35px; padding:8px 0px; font-weight:bold}
ul.cart li.item{width:85px; clear:both}
ul.cart li.options{width:116px;}
ul.cart li.quantity{width:85px;}
ul.cart li.remove{width:110px;}
ul.cart li.amount{width:60px; padding-right:20px; text-align:right}

.view-cart .top-bar ul.cart li{height:auto; padding:0px;}
.view-cart .middle li.options, .view-cart .middle li.quantity, .view-cart .middle li.remove, .view-cart .middle li.amount{height:28px; padding-top:15px;}

.view-cart .dark-grey{height:29px; width:476px; padding:6px 10px 0px 15px; margin-top:8px; background:#e5e0d5; border-top:1px solid #4D4D4D; text-align:right}
.view-cart .light-grey{height:25px; width:456px; padding:10px 30px 0px 15px; background:#f1eee1; border-top:1px solid #4D4D4D; text-align:right; color:#4D4D4D;}
.proceed{height:auto; width:486px; padding:11px 0px 0px 15px; text-align:right}

/* Orange Box on Home Page */
.orange-box{width:800px; height:auto; background:#fd9900 url(/images/orange-bg.gif) repeat-x top left;}
.orange-box-inner{width:800px; height:auto; background:url(/images/orange-btm.gif) no-repeat 0 202px;}

/* Packages' Widget */
.packages{width:100%; height:auto;}
.packages .packages-top{width:100%; height:49px; background:url(/images/widget-top-bg.gif) repeat-x top left}
.packages .packages-top-left{width:100%; height:49px; background:url(/images/widget-top-left.gif) no-repeat top left}
.packages .packages-top-right{width:188px; height:35px; padding:14px 0px 0px 15px; background:url(/images/widget-top-right.gif) no-repeat top right}

.packages .packages-btm{width:100%; height:53px; background:url(/images/widget-btm-bg.gif) repeat-x top left}
.packages .packages-btm-left{width:100%; height:53px; background:url(/images/widget-btm-left.gif) no-repeat top left}
.packages .packages-btm-right{width:100%; height:46px; padding-top:7px; text-align:center; background:url(/images/widget-btm-right.gif) no-repeat top right}

.packages .packages-middle-left{width:100%; height:auto; background:url(/images/widget-shadow-left.gif) repeat-y top left}
.packages .packages-middle-right{width:100%; height:auto; background:url(/images/widget-shadow-right.gif) repeat-y top right}
.packages .middle{width:165px; height:auto; padding:12px 12px 7px; background:url(/images/content-bg.gif) repeat-x top left; margin:0px 7px;}
.packages .middle:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block}
/* \*/ * html .packages .middle{height:1px;} /* */

.packages-container{width:100%; height:auto; padding:15px 0px 15px;}
.packages-container:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block}
/* \*/ * html .packages-container{height:1px;} /* */
.packages-container .col-1{width:203px; height:auto; float:left}
.packages-container .col-2{width:203px; height:auto; float:left; padding:0px 52px;}
.packages-container .col-3{width:203px; height:auto; float:left}

.packages dt{float:left; font-size:11px; font-weight:bold; color:#585858; width:93px; padding:0px 5px 13px 0px;}
.packages dd{float:left; font-size:13px; font-weight:bold; color:#ff7700; width:67px;}
.packages p{font-size:11px; color:#585858; font-weight:bold; clear:both; padding:0px !important;}
.packages .amount{font-size:16px; font-weight:bold; color:#ff7700;}

.footnote{text-align:center; font-size:10px; font-weight:bold; color:#999999; line-height:14px !important;}

/* Progress Bar */
.progress-bar{width:560px; height:auto; margin:0px auto 20px; background:url(/images/progress-bar.gif) no-repeat 35px 6px;}
.progress-bar:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block}
/* \*/ * html .progress-bar{height:1px;} /* */

.progress-bar ul{list-style:none;}
.progress-bar li{float:left; font-size:12px; font-weight:bold; color:#666666; padding-top:34px; background:url(/images/progress-icon.gif) no-repeat}
.progress-bar li.first{width:223px; background-position:35px 0px}
.progress-bar li.first-on{width:223px; background-position:35px -126px}

.progress-bar li.second{width:236px; background-position:38px 0px}
.progress-bar li.second-on{width:236px; background-position:38px -126px}

.progress-bar li.third{background-position:27px 0px}
.progress-bar li.third-on{background-position:27px -126px}

/* index2.php */
div#left div.grayBox { width: 202px; height: auto; background: url(/images/sidebar_sliver.jpg) repeat-y; float: right; clear: right; margin-top: 5px; }
div#left h3 { padding-left: 9px; padding-right: 1px; color: #ff8c00; font-weight: normal; font-size: 18px; margin-top: 0; padding-top: 7px; background: url(/images/sidebar_top.jpg) no-repeat 0 0; display: block; width: 192px; }
div#left div.grayBoxBottom { width: 202px; height: 10px; background: url(/images/sidebar_bottom.jpg) no-repeat 0 0; clear: right; }
div#left p { margin-left: 9px; margin-right: 7px; }
div#left span.gray { color: #6D6D6D; }
div#left p.link { text-align: right; }

div#left div.grayBox input { border: none; background-image: url(/images/sidebar_input.jpg); width: 171px; height: 20px; margin-left: 9px; margin-bottom: 10px; padding: 3px 5px 0 5px; color: #717171; }
div#left div.grayBox input#signup { float: right; margin-right: 7px; width: 61px; height: 19px; padding: 0; }