body { background: #ffffff url("../images/main_bg.gif") repeat-x 0 0; margin: 0; padding: 0; behavior: url(hover.htc);}

div, td, p { font: normal 12px  Arial,Tahoma, Verdana, Helvetica; color: #000000;}
div, p, form, h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px;}
h1,h2,h3 { color: #005596;}
h1 {font-size: 27px;text-transform: uppercase;}
h2 {font-size: 20px; padding-bottom: 10px;}
h3 {font-size: 18px;}
p {padding-bottom: 15px;}
img { border: none;}
a { color: #000000; text-decoration: underline;outline: none;}
a:hover { color: #333333;}
input, textarea, select {font: normal 12px Tahoma, Verdana, Helvetica, Arial;  color: #000000;}

.logo_img {width:188px; text-align:center;}

/* Corners (em)
------------------------------ */

.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }

.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br { width: 4px; height: 4px; background-image: url(../images/corners/corners-2.png); }
  .corners-2 em.tl { left: -2px; top: -2px; } .corners-2 em.tr { right: -2px; top: -2px; } .corners-2 em.bl { left: -2px; bottom: -2px; } .corners-2 em.br { right: -2px; bottom: -2px; }
.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br { width: 6px; height: 6px; background: url(../images/corners/corners-3.png); }
  .corners-3 em.tl { left: -3px; top: -3px; } .corners-3 em.tr { right: -3px; top: -3px; } .corners-3 em.bl { left: -3px; bottom: -3px; } .corners-3 em.br { right: -3px; bottom: -3px; }
.corners-4 em.tl, .corners-4 em.tr, .corners-4 em.bl, .corners-4 em.br { width: 8px; height: 8px; background: url(../images/corners/corners-4.png); }
  .corners-4 em.tl { left: -4px; top: -4px; } .corners-4 em.tr { right: -4px; top: -4px; } .corners-4 em.bl { left: -4px; bottom: -4px; } .corners-4 em.br { right: -4px; bottom: -4px; }
.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(../images/corners/corners-5.png); }
  .corners-5 em.tl { left: -5px; top: -5px; } .corners-5 em.tr { right: -5px; top: -5px; } .corners-5 em.bl { left: -5px; bottom: -5px; } .corners-5 em.br { right: -5px; bottom: -5px; }
.corners-6 em.tl, .corners-6 em.tr, .corners-6 em.bl, .corners-6 em.br { width: 12px; height: 12px; background: url(../images/corners/corners-6.png); }
  .corners-6 em.tl { left: -6px; top: -6px; } .corners-6 em.tr { right: -6px; top: -6px; } .corners-6 em.bl { left: -6px; bottom: -6px; } .corners-6 em.br { right: -6px; bottom: -6px; }
.corners-7 em.tl, .corners-7 em.tr, .corners-7 em.bl, .corners-7 em.br { width: 14px; height: 14px; background: url(../images/corners/corners-7.png); }
  .corners-7 em.tl { left: -7px; top: -7px; } .corners-7 em.tr { right: -7px; top: -7px; } .corners-7 em.bl { left: -7px; bottom: -7px; } .corners-7 em.br { right: -7px; bottom: -7px; }
.corners-8 em.tl, .corners-8 em.tr, .corners-8 em.bl, .corners-8 em.br { width: 16px; height: 16px; background: url(../images/corners/corners-8.png); }
  .corners-8 em.tl { left: -8px; top: -8px; } .corners-8 em.tr { right: -8px; top: -8px; } .corners-8 em.bl { left: -8px; bottom: -8px; } .corners-8 em.br { right: -8px; bottom: -8px; }
.corners-9 em.tl, .corners-9 em.tr, .corners-9 em.bl, .corners-9 em.br { width: 18px; height: 18px; background: url(../images/corners/corners-9.png); }
  .corners-9 em.tl { left: -9px; top: -9px; } .corners-9 em.tr { right: -9px; top: -9px; } .corners-9 em.bl { left: -9px; bottom: -9px; } .corners-9 em.br { right: -9px; bottom: -9px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(../images/corners/corners-10.png); }
  .corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }

.box { margin: 11px; }

/*----------------------------*/

#main_container {width: 963px; margin: 0 auto;}
#top {background: url("../images/top_bg.gif") repeat-x left top; width: 100%; clear: both; overflow: hidden;}
#logo {float: left;}
#top_menu {float: right;}
#top_menu ul {list-style-type: none; padding: 0; padding-top: 30px; margin: 0 20px 0 0;}
#top_menu li {float: left; font-size: 15px; font-weight: bold; padding: 6px 10px 7px 10px;}
#top_menu a {font-size: 15px; font-weight: bold; color: #005596; text-decoration: none; display: block;}
#top_menu a:hover {text-decoration: none; color: #f78723;}

#top_menu li.btn {padding: 0;}
#top_menu li.btn a {background: url("../images/btn_l.gif") no-repeat 0 0; padding: 0;}
#top_menu li.btn a:hover {background-position: 0 -31px; color: #ffffff;}

#top_menu li.btn a span{display: block; margin: 0; padding: 6px 10px 7px 10px; background: url("../images/btn_r.gif") no-repeat 100% 0px;}
#top_menu li.btn a:hover span {background-position: 100% -31px;}

#main {padding: 0px 13px;}
#info {float: left; width: 565px; margin: 33px 0 0 0;;}
#logos {width: 100%; margin: 0; background: url("../images/logos_bg.gif") no-repeat 50% 100%; padding-bottom: 30px; text-align: center;}
#logos h1 {font-size: 27px;padding-bottom: 20px;}
#logos ul {margin: 0; padding: 0; list-style-type: none;}
#logos li {margin: 0; padding: 0; float: left; display: block;}
#logos h1#logos_text {clear: both;font-size: 17px; font-weight: bold; padding: 0; text-transform: none; padding-bottom: 0; color: #000;}
#why_use_fls {padding-left: 15px; padding-top: 10px;}
#why_use_fls h2 {font-size: 22px; padding-bottom: 0;}
#why_use_fls ul{margin: 0; padding: 10px 0 10px 20px; list-style-type: none; width: 100%;}
#why_use_fls li { display: block; margin: 0; padding: 5px 0 5px 35px; background: url("../images/bullet1.gif") no-repeat 0 3px; font-size: 15px;}
#why_use_fls li span {font-weight: bold;}
#sign_up_form_container {width: 352px; float: right; background: url("../images/sign_up_form_bg.gif") repeat-y 0 0; margin: 5px 0 0 0;f}
#signup_info {border:2px solid #c10000; padding: 5px; color: #ff0000; margin-bottom: 5px; font-size: 11px;}
.row_container {width: 100%; overflow: hidden;}
#sign_up_form_container .inner {background: url("../images/sign_up_form_inner_bg.gif") repeat-x 0 0; padding: 12px; margin: 0 11px;}
#sign_up_form_container table {margin: 0; padding: 0; width: 100%; border-collapse: collapse;}
#sign_up_form_container td {font-weight: bold; color: #272727; padding: 3px 0;}
#sign_up_form_container span {font-weight: normal;}
input.step2 {
font-size: 17px;
}
#sign_up_form_container input,
#sign_up_form_container select {padding: 2px 3px; width: 217px; border: 1px solid #898989; font-size: 17px;}
#sign_up_form_container select {width: 225px; }
#sign_up_form_container input.highlight_field, 
#sign_up_form_container select.highlight_field {border-color: #91cd1d;}

#choose_design {margin: 5px auto; width: 221px;}
#how_it_works {text-align: center;}
#how_it_works h2 {font-size: 30px; text-transform: uppercase;}
#how_it_works .box {padding-bottom: 8px;}
#how_it_works ul {margin: 0; padding: 0; width: 900px; overflow: hidden; list-style-type: none;}
#how_it_works li {display: block; float: left; height: 80px;background-position: 0 0; background-repeat: no-repeat; text-align: left;}
#hiw1 {width: 311px; background-image: url("../images/hiw1.gif");}
#hiw2 {width: 288px; background-image: url("../images/hiw2.gif");}
#hiw3 {width: 301px; background-image: url("../images/hiw3.gif");}
#how_it_works li div {padding: 23px 10px 10px 60px; font-size: 12px;line-height: 13px;}
#how_it_works li div span {font-size: 13px; font-weight: bold; line-height: 14px;}


.testimonial {font-size: 15px; font-family: Georgia; font-style: italic; padding-bottom: 10px;}
.testimonial span {font-size: 12px; font-family: Arial; font-style: normal;}

#bottom {padding: 20px 0; text-align: center;background: url("../images/logos_bg.gif") no-repeat 50% 0; font-size: 11px; line-height: 20px;}
#bottom  a {text-decoration: none;}
#bottom  a:hover {text-decoration: underline;}

#sign_up_form_container .td_error {color: #c10000; font-weight: bolder;}
#sign_up_form_container input.required, #sign_up_form_container select.required {border: 2px solid #c10000;}
#how_it_works_details {padding-top: 30px;}
#how_it_works_details h1 {border-bottom: 3px solid #dce8f2; margin-bottom: 24px;}
#how_it_works_details h2 {font-size: 18px; padding-bottom: 5px;}
#how_it_works_details .box {text-align: center;}
.list {list-style-type: none; width: 100%; margin: 0; padding:0; }
.list li {padding: 10px 0; margin: 0; border-bottom: 1px solid #e6e5e5; display: block; width: 100%; overflow: hidden;}
.list li:last-child{ border-bottom-width: 0;}
* html .list li{ border-bottom-width: expression(this.nextSibling == null ? "0" : "1px");}

.list .img {float: left; text-align: center; margin-right: 20px;}
.list .img div{padding: 6px 5px; border: none; background: url("../images/no_image.gif") no-repeat 0 0;}
.list .img a {font-size: 11px; color: #005596; text-decoration: none;}
.list .img a:hover {text-decoration: underline;}
.list .text p{font-size: 14px; line-height: 20px;}

#faqs {padding: 30px 0 15px 0;}
#faqs .box {text-align: center;}
#faqs p, #faqs  li {font-size: 14px; line-height: 20px;}
#faqs h1 {text-transform: none; padding-bottom: 15px;}
#faqs h2 {padding-bottom: 15px; font-size: 18px;}


.highslide-html {background-color: white;    border: 2px solid gray;}
.highslide-html-content {  position: absolute;    display: none;    padding: 0px 8px 8px 8px;}
.highslide-loading {    display: block;  color: black;  font-size: 8pt;  font-family: sans-serif;  font-weight: bold;    text-decoration: none;  padding: 2px;  border: 1px solid black;    background-color: white;}
.control {  float: right;  display: block;  margin: 0;  font-size: 12px;  font-weight: bold;  text-decoration: underline;  text-transform: uppercase;  color: #005596;}
.control:hover {  color: #666 !important;}
.highslide-move {    cursor: move;}
.highslide-display-block {    display: block;}
.highslide-display-none {    display: none;}
a.extend_div:hover { text-decoration: none;}
.text16 {color:#0B5C9B;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;}
.highslide-html-content.color {width: 380px; height: 409px;background: #d6d6d6 url("../images/color_bg.gif") repeat-x 0 0;}
.highslide-html-content.color .row_container {padding-top: 10px;}
.highslide-html-content.color .text16 {float: left; width: 320px; color: #272727; font-size: 21px;}
.highslide-html-content.color .highslide-body {width:380px; height:250px;}
.highslide-html-content.color table {margin-top: 6px; margin-bottom: 0px; background-color: rgb(68, 68, 68);}
.highslide-html-content.color .inner {padding: 0 10px 10px 10px;}
.bar {
position: absolute;
border: 1px solid #FFDE73;
padding: 5 10 5 5;
left: 0px;
width: 300px;
visibility: hidden;
background-color: #FFFFCC}

.linkspan { cursor: pointer }

td.colorchart {height:18px;width:18px;}





.content_box {width: 944px; margin: 0 auto;}
.content_box .top {background: url("../images/sign_up_top.gif") no-repeat 0 0; width: 100%;}
.content_box .top h1 {padding: 15px 10px 5px 31px; text-transform: none; font-size: 18px;}
.content_box .top .description {background: url("../images/cont_box_top_bg1.gif") repeat-y 0 0;}
.content_box .top .description p{ margin: 0 5px; padding: 0 10px 15px 26px; text-transform: none; font-size: 14px;font-weight: normal; background: url("../images/cont_box_top_bg.gif") repeat-x 0 100%;}
.content_box .top a {position: relative; top: 10px; left: 45px;}
.content_box .center {background: url("../images/sign_up_center.gif") repeat-y 0 0; width: 100%; overflow: hidden;}
.content_box .inner {padding: 21px 26px 26px 30px;}

.form_container {background-color: #f7f7f7; padding: 10px 25px; margin-bottom: 10px;}
dl.form_content {margin: 0; padding: 0; width: 100%; overflow: hidden;}
dl.form_content dt {float: left; clear: left;}
dl.form_content dd{float: left; }

dl.form_content dt {font: bold 18px Arial; padding-top: 3px;}
dl.form_content dd select, dl.form_content dd input {font-size: 17px; width: 305px;padding: 2px 3px; border: 1px solid #cdcdcd;}

.pager {padding: 10px 26px; }
.pager.ptop {background-image: url("../images/pager_top.gif"); background-position: 0 100%;background-repeat: repeat-x; background-color: #f4f4f4;}
.pager.pbottom {background-image: url("../images/pager_bottom.gif"); background-position: 0 0;background-repeat: repeat-x; background-color: #f4f4f4;}
.pager ul { list-style-type: none; margin: 0; padding: 0; width: 100%; overflow: hidden;}
.pager li {float: left; padding: 0 5px 0 0; display: block; height: 28px;}
.pager li a, .pager li div{display: block;  width: 28px; padding: 6px 0;
            text-align: center; text-decoration: none; font-size: 14px; font-weight: bold;}
.pager li a {background-image: url("../images/buttons/page.gif"); background-repeat: no-repeat; background-position: 0 0;}
.pager li div {background-color: #b6b6b6; color: #ffffff;}
.pager li a:hover, .pager li a.prev:hover, .pager li a.next:hover {background-position: 0 -28px; color: #ffffff;}
.pager li a.prev{background: url("../images/buttons/prev.gif") no-repeat 0 0; width: 61px;}
.pager li a.next{background: url("../images/buttons/next.gif") no-repeat 0 0; width: 61px;}
.pager li a.prev span {padding: 0 5px 0 20px;display: block;}
.pager li a.next span {padding: 0 20px 0 5px;display: block;}

/*.thumbs_list {background-color: #f7f7f7; margin: 9px;}
.thumbs_list td {padding: 9px; vertical-align: middle;}
.thumbs_list a {display: block; padding: 11px; background-color: #fff; background-image: none;}
.thumbs_list a:hover {cursor: pointer; background: url("../images/thumbs_bg.gif") no-repeat 0 0; }
.thumbs_list img {display: block; margin: auto;}*/

.thumbs_list {background-color: #f7f7f7; padding: 9px; margin: 0;}
.thumbs_list ul {list-style-type: none; margin: 0; width: 100%; overflow: hidden; margin-left: 3px; padding: 0;}
.thumbs_list li {float: left; padding: 6px; margin: 0;}
.thumbs_list li a {display: block; padding: 11px; background-color: #fff; background-image: none;}
.thumbs_list li a {border: 3px solid #FFFFFF;}
.thumbs_list li a:hover {cursor: pointer; border-color: #F78F1E;}
.thumbs_list li div {width: 176px; height: 130px; overflow: hidden; display: block;}
.thumbs_list li table {border-collapse: collapse; margin: 0;}
.thumbs_list li td{width: 176px; vertical-align: middle; height: 130px; padding: 0;}
.thumbs_list li img {display: block; margin: auto;}


.thumbs_list1 {background-color: #f7f7f7; padding: 9px; margin: 0;}
.thumbs_list1 ul {list-style-type: none; margin: 0; width: 100%; overflow: hidden; margin-left: 3px; padding: 0;}
.thumbs_list1 li {float: left; padding: 6px; margin: 0;}
.thumbs_list1 li a {display: block; padding: 11px 0; background-color: #fff; background-image: none; text-decoration: none;}
.thumbs_list1 li a {border: 3px solid #FFFFFF;}
.thumbs_list1 li a:hover {cursor: pointer; border-color: #F78F1E;}
.thumbs_list1 li div {width: 198px; height: 130px; overflow: hidden; display: block; line-height: 130px; text-align: center; vertical-align: center; white-space: nowrap;}
.thumbs_list1 li table {border-collapse: collapse; margin: 0;}
.thumbs_list1 li td{width: 176px; vertical-align: middle; height: 130px; padding: 0;}
.thumbs_list1 li img {/*display: block; margin: auto;*/ text-align: center; vertical-align: middle;}



#logo_s div {width: 176px; height: 130px; overflow: hidden; display: block;}
#logo_s table {border-collapse: collapse; margin: 0;}
#logo_s td{width: 176px; vertical-align: middle; height: 130px; padding: 0;}
#logo_s img {display: block; margin: auto;}


#step2 .top h1, #step3 .top h1 {margin: 0 5px; padding: 15px 10px 15px 26px; text-transform: none; font-size: 18px;background: transparent url("../images/cont_box_top_bg2.gif") repeat-x 0 100%;}

.block_container{background-color: #f7f7f7; padding: 0 0 18px 0; margin: 0 0 10px 0;}
.block_container h2 {font: bold 18px Arial; color: #272727; padding: 12px 18px; margin: 0;background-image: url("../images/pager_top.gif"); background-position: 0 100%;background-repeat: repeat-x; background-color: #f4f4f4;}
.block_container h3 {color: #272727; font-size: 14px;}
.block_container table {border: none; border-collapse: collapse; margin: 18px 0 0 18px;}
.block_container td {font-size: 12px; padding: 0 18px 0 0; vertical-align: middle;}
.block_container a {color: #005596;}
.bordered_area {padding: 11px; background-color: #ffffff; }
.select_color {width: 100%; text-align: center; padding: 20px 0 5px 0; color: #fff; font-size: 12px; font-weight: bold; background: url("../images/no_color_bg.gif"); border: 1px solid #000;}
#text p {padding: 3px 0;}
#text input {width: 530px; padding: 2px 3px; border: 2px solid #cdcdcd; font-size: 17px;}
#submit_logo p{font-weight: bold; color: #d10000; text-align: center; padding: 5px 0 0 0;}
#text .td_error {background: url("../images/arr_error.gif") no-repeat 0 50%; padding-left: 40px;}
#text input.highlight_field, 
#text select.highlight_field {border-color: #91cd1d;}
#text .required{border:2px solid #c20707;}
#step2 #signup_info {font-size: 12px; padding: 5px 18px;}

#thank_you {width: 882px; height: 114px; background: url("../images/thank_you.jpg") no-repeat 0 0;}
#thank_you div {padding: 24px 10px 20px 90px;}
#thank_you h3 {color: #272727;}
#step3 #thank_you p {padding: 5px 0; margin: 0; width: auto;}

#step3 p {padding: 10px 0 10px 20px; margin: 0; width: 600px; font-size: 14px;}
#step3 a {color: #005596; text-decoration: none;}
#step3 a:hover {text-decoration: underline;}