/* CSS Document */
*{ margin: 0px; padding: 0px; border: none;}
html { font-size:100.01%;}
body { font:62.5%/1.4 Tahoma, sans-serif;}

#page { position:absolute; width:999px; left:50%; margin-left: -500px; min-height:100%;}

#header {}
#header ul { list-style:none; margin-left: 10px;}
#header li { float:left; margin: 0 0 0 4px;}
#menu_space { float:left; width:490px;}
#header h1 { clear:both; padding: 30px 0 10px 10px; margin: 0px;}
#header h3 { clear:both; font-size: 1.2em; border-top:#DDDDDD 1px solid; border-bottom: #DDDDDD 1px solid; padding: 15px 0 15px 10px; margin: 0px;}

#footer { clear:both; font:1.2em; color:#000000; margin: 40px 0}
#footer a { display: block; color: #97c000; text-decoration:underline;}


/*---------------------------------------- Faq/Support Page ----------------------------------------*/
#hands { background:url(img/back/bg_hands.jpg) top center no-repeat;}
#content { width:444px; margin-left: 275px;}
#content h2 { color:#000000; margin: 15px;}

#content_grey { background: #8d8c8c; padding: 15px; min-height: 300px;}
#content_grey h3 { display:inline; background:#9e9e9e; color:#FFFFFF; font-size: 1.6em; font-weight: bold; padding: 0 3px;}
#content_grey ol { color:#FFFFFF; font-size:1.2em; list-style-position:inside;}
#content_grey li { padding: 5px 20px;}
#content_grey p { color:#FFFFFF; font-size:1.2em; list-style-position:inside; padding: 10px 20px;}
#content_grey a { color:#FFFFFF; text-decoration: none;}
#content_grey a:hover { text-decoration: underline;}
.grey_bt {background:url(img/back/bg_grey_bottom.gif) top no-repeat;}

#join { position:absolute; z-index:10; left:50%; margin-left:150px; top: 70px;  background:url(img/back/bg_circle_red.png) no-repeat; width:140px; height:165px; padding: 25px;}

/*---------------------------------------- Index Page ----------------------------------------*/
#content_index {}
#hand_left { float:left; background:url(img/back/bg_hand_left.jpg) left top no-repeat; width: 700px; min-height:300px; margin: 40px 0;}
#price { float:right; width: 260px; margin: 40px 15px;}
#price ul { list-style:none;}
#price li { clear:both; margin: 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #DDDDDD;}
#price li p { font-size:1.6em; font-weight:bold;}
#price li p span {color: #f43349;}
#price h3 { font-size:1.1em; color:#555555;}
#price i{ color: #b7b7b7; font-style:normal;}
#price b{ color: #f43349; font-style:normal;}

#bg_case {width:405px; margin-left: 260px;}
#bg_case h3 {color:#FFFFFF; font-size:1.6em; font-weight:bold;}
.red_top {background:url(img/back/bg_red_top.gif) bottom no-repeat; width: 347px; height:4px; margin-left:20px; line-height:0px; font-size:0em;}
.red {background: #F43349; color:#FFFFFF; width: 316px; margin-left:20px; padding: 15px 15px; font-size:1.8em; font-weight:bold;}
.orange_top {clear:both; background:url(img/back/bg_orange_top.gif) no-repeat; width:384px; height:38px; margin-left:20px;}
.orange_left {float:left; background:url(img/back/bg_orange_left.gif) no-repeat right; width:58px; height: 28px;}
.orange {float:left; background:#EE9D00; color:#FFFFFF; width:316px; padding: 15px 15px; font-size:1.2em;}
.green_top {clear:both; background:url(img/back/bg_green_top.gif) no-repeat; width:384px; height: 32px; margin-left:20px;}
.green_left {float:left; background:url(img/back/bg_green_left.gif) no-repeat right; width:20px; height:30px;}
.green {float:left; background:#76BC31; color:#FFFFFF; width:315px; padding: 15px 15px; font-size:1.2em;}
.green_bottom {clear:both; background:url(img/back/bg_green_bottom.gif) top no-repeat; width:347px; height:6px; margin-left:20px;  line-height:0px; font-size:0em;}