body { background: #fff; margin: 0px 20px 20px 20px; font-family: verdana,arial,sans-serif; font-size: 11px; color: #666666; }
div { text-align: left }
select, input { font-family: verdana,arial,sans-serif; font-size: 10px; height: 15px; border: 1px solid #7F9DB9 }
select { margin-top: 1px; height: 18px; }
h1, h2, h3 { font-family: trebuchet ms,arial,sans-serif; color: #c33; margin: 0px; padding 0px }
h2, li.bullet { font-size: 18px; font-weight: normal; text-transform: uppercase; color: #c33; }
a { color: #933; text-decoration: none }
a:hover { text-decoration: underline }
p { margin:  4px 0px 8px 0px; padding: 0px; color: #666 }
iframe { width: 710px; height: 600px }

.branding { text-align: center; background: #E1E1E1 url(../images/element_body.gif) repeat-x 0px 82px; margin: 0px; font-family: verdana,arial,sans-serif; font-size: 11px; color: #666666; }
.element_top { background: #CC3333 url(../images/element_top.gif) repeat-x; width: 100%; height: 82px; }
.logo { position: absolute; margin: 25px 0px 0px 20px }

.main { min-height: 150px; margin: 0px auto 0px auto; width: 710px; background: #ffffff url(../images/main_bg.jpg) no-repeat }
.main_top { margin: 30px auto 0px auto; width: 710px; height: 6px; line-height: 0px; font-size: 0px; background: url(../images/main_top.gif) no-repeat bottom }
.main_bottom { margin: 0px auto 6px auto; width: 710px; height: 6px; line-height: 0px; font-size: 0px; background: url(../images/main_bottom.gif) no-repeat top }

.bottom_note { margin: 0px auto 0px auto; padding: 4px; width: 670px; background: url(../branding/images/element_dot_white.gif) repeat-x; font-size: 8px; text-align: center }

.text_narrow { width: 400px }
.text_dl { width: 470px }
.text_small { font-size: 9px; font-style: italic; color: #999; width: 450px }
.text_small em { color: #c33; font-weight: bold; font-style: normal }

.main_title { font-family: trebuchet ms,arial,sans-serif; margin: 19px auto 9px auto; height: auto; background: url(../images/element_dot_black.gif) repeat-x bottom; color: #c33; font-size: 24px; font-weight: bold; text-transform: uppercase; }

.package_large { position: absolute; right: 6px; top: 60px }
.package_small { position: absolute; right: 6px; top: 60px }

.download { width: 220px; height: 55px; background: url(../images/download_now.gif) }
.download:hover { background: url(../images/download_now_over.gif); cursor: pointer; cursor: hand; }

.button_disabled { position: absolute; left: 50%; margin-left: 160px }
.button_hidden { position: absolute; left: 50%; margin-left: 160px }
.button_mid_y a, .button_mid_d a, .button_mid a { color: #fff }

.button_left { float: left; height: 43px; width: 10px; background: url(../images/button_blue_left.gif) }
.button_mid { cursor: default; max-width: 185px; overflow: hidden; white-space: nowrap; float: left; height: 43px; line-height: 43px; min-width: 100px; background: url(../images/button_blue.gif); font-family: trebuchet ms,arial,sans-serif; color: #fff; font-size: 22px }
.button_mid:hover { text-decoration: underline; cursor: pointer; cursor: hand }
.button_right { float: left; height: 43px; width: 10px; background: url(../images/button_blue_right.gif) }

.button_left_y { float: left; height: 43px; width: 10px; background: url(../images/button_yellow_left.gif) }
.button_mid_y { cursor: default; max-width: 185px; overflow: hidden; white-space: nowrap; float: left; height: 43px; line-height: 43px; min-width: 100px; background: url(../images/button_yellow.gif); font-family: trebuchet ms,arial,sans-serif; color: #fff; font-size: 22px }
.button_mid_y:hover { text-decoration: underline; cursor: pointer; cursor: hand }
.button_right_y { float: left; height: 43px; width: 10px; background: url(../images/button_yellow_right.gif) }

.button_left_d { float: left; height: 43px; width: 10px; background: url(../images/button_gray_left.gif) }
.button_mid_d { cursor: default; max-width: 185px; overflow: hidden; white-space: nowrap; float: left; height: 43px; line-height: 43px; min-width: 100px; background: url(../images/button_gray.gif); font-family: trebuchet ms,arial,sans-serif; color: #fff; font-size: 22px }
.button_right_d { float: left; height: 43px; width: 10px; background: url(../images/button_gray_right.gif) }

.dotted_line { background: url(../images/element_dot_black.gif) repeat-x; height: 1px; width: 480px }
.dotted_line_2 { background: url(../images/element_dot_black.gif) repeat-x; height: 1px; width: 550px }
.dotted_line_3 { background: url(../images/element_dot_black.gif) repeat-x; height: 1px; width: 100% }

.hidden { display: none }
.number_select_area { height: 114px }
.number { width: 630px }
.number_left { float: left; width: 10px; height: 100px; background: url(../images/number_left.gif) no-repeat; margin-top: 8px }
.number { float: left; min-width: 650px; height: 100px; background: url(../images/number.gif) repeat-x; margin-top: 8px }
.number_right { float: left; width: 10px; height: 100px; background: url(../images/number_right.gif) no-repeat; margin-top: 8px }
.number_question { height: 50px; float: left; margin-right: 6px }
#countryselect { dissplay: none }
.number_title { height: 16px; width: 200px; margin-top: 4px }
.number_input { width: 150px }
.number_preview { font-style: normal; font-family: trebuchet ms,verdana,sans-serif; font-size: 30px; color: #FF9900; clear: both; float: left; padding-top: 4px }

.sign_in { display: none }
.ok { float: left; margin-right: 12px;margin-bottom: 24px; }

.clearflow { clear: both }

#button_disabled { float: right }
#button_enabled { float: right; display: none }

#easter-egg { color: #ffffff; }