* {margin: 0; padding: 0}
html {height: 100%; background: url('images/iphone/header.gif') repeat-x}
body {font: 12px Verdana, sans-serif; line-height: 1; color: #666; height: 100%}
a img {border: none}
ul, ol {list-style: none}
a {color: #7d99c5}
a:hover {text-decoration: none}
.red {color: #ce6363}
.block {display: block; clear: both}
.left {text-align: left}
.right {text-align: right}
h1 {font: 24px Georgia; color: #444; margin-bottom: 15px}
h2 {font: 18px Georgia; color: #444; margin-bottom: 15px}
h3 {font: bold 14px Verdana; color: #444; margin: 15px 0 10px}
h3.blue {color: #5a7db4}

#wrapper {min-height: 100%; width: 902px; margin: 0 auto; position: relative}
#content {padding-bottom: 52px}
#header {width: 902px; margin: 0 auto; padding-top: 34px; height: 82px}
#logo {display: inline; margin: 7px 0 0 22px; float: left}
#logo_iphone {display: inline; float: right; margin-right: 16px}
#nav {background: url('images/iphone/nav.gif') no-repeat; width: 902px; height: 32px; margin: 0 auto}
#nav .links {float: left; height: 32px; font: bold 14px Arial}
#nav .links li {height: 32px; line-height: 32px; display: inline; padding: 0 23px; border-right: 1px solid #e7e7e7; float: left}
#nav .links a {color: #8ba6d0; text-decoration: none}
#nav .links a:hover {color: #6b8aba}
#nav .links .active {color: #d56767; text-decoration: none}
#nav #mail {display: inline; float: right; font: 10px Verdana; color: #d56767; margin: 9px 15px 0 0}
#nav #mail:hover {}
#breadcumb {height: 56px; vertical-align: middle; font: 10px/53px Verdana; margin-left: 5px}
#breadcumb span {color: #7d99c5}
#breadcumb .active {color: #ce6363}
#sidebar {display: inline; float: right; width: 172px; margin-bottom: 20px}
.r_box {background: #f6f8fb url('images/iphone/r_middle.gif') repeat-y; color: #777; text-align: center}
.r_title {background: url('images/iphone/r_top.gif') no-repeat; height: 32px; vertical-align: middle; padding-top: 3px; font: bold 12px/30px Georgia}
.r_text {font: bold 11px/24px Verdana; padding: 5px 0}
.r_box a {color: #ce6363}
a:hover {text-decoration: none}
#main_text {width: 902px; line-height: 16px; margin: 0 0 30px 0}
#main {background: url('images/iphone/m_middle_902.gif') no-repeat; position: relative; zoom: 1; width: 862px; min-height: 150px; padding: 9px 20px 0; overflow: hidden}
.product-main {float: left; display: inline; width: 270px; margin: 8px 17px 15px 0}
.product-main .title {margin-bottom: 10px}
.product-main .title a {font: bold 16px Arial; color: #d56767; text-decoration: none}
.product-main .title a:hover {border-bottom: 1px dashed #e0b2b2}
.product-main .info {padding-left: 138px; font: 10px/16px Verdana}
.product-main .desc {padding-top: 7px; clear: both}
#text {width: 710px; line-height: 16px; margin: 0 0 30px 0}
.product {background: url('images/iphone/m_middle_w.gif') no-repeat; position: relative; zoom: 1; width: 670px; min-height: 150px; padding: 17px 20px; margin-top: 15px; overflow: hidden}
.product.first {margin-top: 0}
.product.mail {min-height: 600px}
.product.mail table {border-collapse: collapse}
.product.mail td {margin-bottom: 5px; padding-bottom: 5px}
.product.mail textarea {width: 300px; height: 70px}
.product.mail .error {color: #ce6363; padding-bottom: 15px}
.product.mail .ok {color: #7d99c5; padding-bottom: 15px} 
#product-summary {background: url('images/iphone/m_middle.gif') no-repeat; padding: 20px 20px 17px 210px; width: 480px}
#app_icon {position: absolute; top: 20px; left: 20px; width: 162px; font-family: Verdana; text-align: center}
#app_icon table {border-collapse: collapse; width: 100%; text-align: left; margin-top: 10px; font-size: 10px}
#app_icon td {width: 50%}
#app_icon p {padding-top: 10px; line-height: 15px}
#app_icon p.button {padding-top: 15px}
#app_icon a {display: block}
.gallery {padding-bottom: 7px}
.gallery a {display: block; float: left; margin: 0 10px 10px 0}
.gallery img {padding: 5px; border: 1px solid #ccc}
.review {background: url('images/iphone/rev_middle.gif'); width: 480px; margin-bottom: 7px}
.rev_text {padding: 0 12px 2px; color: #888}
.rev_text i {font-size: 11px; display: block; color: #555; margin-bottom: 5px}

#text .gray li {background: url('images/iphone/li-gray.gif') 5px 6px no-repeat; text-indent: 15px; margin-top: 5px}

#footer_wrapper {background: #f5f7fb url('images/iphone/footer.gif') repeat-x; clear: both; height: 52px; margin-top: -52px}
#footer {position: relative; width: 902px; margin: 0 auto; padding: 5px 0; font: 10px Verdana; line-height: 21px; text-align: center}
#footer a {margin: 0 10px}