body{
    background: #a9a9a9 url(/images/body_bg.jpg) repeat-x;
    background-position: 0px -80px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #262626;
    height: 100%;
}

img, div { behavior: url(/includes/iepngfix.htc) }

a{
    color: #06578d;
    text-decoration: none;
}

a img{
    border: 0px;
}

h1{
    font-family: Helvetica;
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    line-height: 30px;
    margin: 47px 0px;
    padding: 0px;
}

ul, dl{
    list-style-type: none;
}

li, dt{
    background-image: url(/images/green_bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

p{
    margin: 20px 0px;
    line-height: 20px;
}

#theSWFholder{
    display:none;
}

.embed{
    display:block;
}

.red{
    color: red;
}

.table_spacer{
    margin: 0px;
    padding: 0px;
    border: 0px solid orange;
    line-height: 10px;
}

#demo_area{
    height: 535px;
    width: 296px;
    background: url(/images/left-iphone-demo.png);
}

#demo_area a{
    height: 525px;
    width: 275px;
    display: block;
    position: relative;
    top: 5px;
    left: 10px;
}

#demo_area_reflexion{
    height: 57px;
    width: 286px;
    background: url(/images/left-iphone-demo-reflexion.png);
}

#large_app_store_wrapper{
    margin-top: 69px;
    margin-left: 0px;
}

#small_app_store_wrapper{
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
}

#home_small_app_store_wrapper{
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
}

dl.home_list dt{
    background-image: none;
}

dl.home_list{
    padding-left: 0px;
}

.home_list dt, .home_list dd, p.front_large_link{
    font-family: Helvetica;
    font-size: 14px;
    color: #000000;
}


.home_list dt,  p.front_large_link{
    padding-left: 0px;
    font-weight: bold;
}

.home_list dd{
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    font-size: 13px;
}

.required{
    vertical-align: top;
    color:red;
}
.error{
    vertical-align: top;
    color:red;
    font-weight: bold;
}

dl.faq_list{
    padding: 0px;
    margin: 0px;
}

dl#right_column_faq{
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    width: 350px;
}

dl.faq_list dt, #right_column_faq dt{
    padding: 24px 16px 24px 60px; /*right = 16px (padding-left) + 14px (image width) + 16px) */
    margin: 0px 1px;
    font-family: Arial;
    color: #06578d;
    background-position: 24px 26px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 9px;
}

dl#right_column_faq dt,
dl#right_column_faq dd,
dl#right_column_faq dd p{
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    width: 300px;
}

.faq_list dd{
    padding-left: 23px;
}

.faq_list dt:hover, .blue_highlight{
    background-color: #cfe8f9;
}

dl.faq_list dd{
    display: none;
}

.faq_list dt, .faq_list dt a, #right_column_faq a.faq_title, a.no_jscript_link{
    font-size: 16px;
    text-decoration: none;
    color: #06578d;
}

.faq_list dd{
    font-size: 11px;
    margin: 10px 0px 0px 10px;
}

.blue_highlight{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

#main-pane {
    width: 890px;
    margin: 0px auto;
    margin-top: 20px;
    min-height: 304px;
    max-height: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 100%;
    overflow: hidden;
    text-align: left;
}

.left_header{
    font-family: Helvetica;
    font-weight: bold;
    height: 32px;
    font-size: 23px;
    background-color: #0e8ae1;
    color: white;
    width: 335px;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
}

.left_header_spacer{
    height: 20px;
    border-bottom: 1px solid #e5e5e5;
    width: 335px;
    margin: 0px;
}

#left-column-pane {
    position: absolute;
    float: left;
    width: 445px;
    z-index: 1;
    height /*\**/: 100%\9;
    *height: 0px;
}

#centre-column-pane {
    float: right;
    width: 0px;
    height: 100%;
}

#right-column-pane {
    float: right;
    width: 435px;
    height: 100%; 
    min-height: 304px;
}

#right_nav_logo{
    float: left;
    margin-right: 108px;
    width: 109px;
}

#content-pane{
    min-height: 304px;
}

#primary-navigation-pane {
    float: right;
    width: 218px;
    height: 40px;
}

div.navigation{
    width: 218px;
    padding-top: 5px;
}

.navigation a:link, .navigation a:hover, .navigation a:active, .navigation a:visited {
    height: 20px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #000000;
    padding: 5px 0px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

.news {
	color: #ed571a;
}

span.selected, span.unselected{
    float /*\**/: left\9; display /*\**/: block\9;
    *float: left; *display: block;
    _display: inline;
}

span.selected a, span.unselected a{
    *display: block;
    _float: left;
}

span.selected a{
    border-bottom: 6px solid #0e8ae1;
}

#footer-pane {
    width: 435px;
    height: 12px;
    padding: 10px 0px;
    margin: 0px;
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}

#footer-pane a{
    color: #06578d;
}

#footer-pane .footer_left {
    float:left;
}

#footer-pane .footer_right {
    float:right;
    width: 210px;

}
#footer-pane .footer_right a {
	text-decoration:underline;
}

.padding_top{
    padding-top: 20px;
}

.padding_left{
    padding-left: 20px;
}

div#comments .margin_left{
    margin-left: 40px;
}


.float_left{
    float: left;
}

.float_right{
    float: right;
}

.clear{
    clear: both;
    height: 1px;
}

.center_text{
    text-align: center;
}

.contact_form{
    border: 0px;
    padding: 0px;
    margin: 35px 0px;
    _margin-bottom: 0px;
}

.form_label{
    padding: 10px 40px 5px 40px;
}

.contact_form input{
    width: 255px;
    margin: 0px 8px 0px 40px;
}

.contact_form textarea{
    width: 255px;
    margin: 0px 8px 0px 40px;
}

.contact_form input.submit{
    width: 255px;
}

.contact_left_padding{
    padding-left: 40px;
}

.contact_form input.contact_form_submit{
    background: url(/images/contact_button.png);
    margin: 40px;
    height: 29px;
    border: 0px;
    width: 255px;
    _margin-bottom: 0px;
}

#form_top_cap, #faq_top_cap{
    padding: 0px; margin: 0px 5px; height: 5px; width: 335px;
    background: url(/images/left-content_top-cap.png);
    _background: none;
}

#form_middle_wrapper, #faq_middle_content{
    padding: 0px ; margin: 0px 5px; height: 525px; width: 335px;
    background: url(/images/left-content_middle.gif) repeat-y;
    _border-top: 1px solid #cccccc;
}

#contact_reflexion{
    padding: 0px;
    margin: 0px;
    z-index: 1000;
    position: relative;
    height: 85px;
    width: 423px;
    left: -34px;
    top: 0px;
    background: url(/images/left-content_reflexion.png) no-repeat;
}


#faq_reflexion{
    padding: 0px; margin: 0px;  z-index: 1000; position: relative;
    height: 85px; width: 423px; left: -34px; top: 0px;
    background: url(/images/left-content_reflexion.png) no-repeat;
}

#right_outer_wrapper{
    min-height: 304px;
}

#faq_right_inner_wrapper, #contact_right_inner_wrapper{
    min-height: 175px;
}

#contact_right_inner_wrapper{
    _height: 175px;
}


body div#TB_window{
    border: 0px;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
    body{
        background: #a9a9a9 url(/images/body_bg.jpg) repeat-x;
    }

    .
    _list dd{
        /* .faq_list dt{ */
        padding: 12px 16px;
    }
}


@media print {
    .noPrint { display:none;}
}

a.demolink{
    color: #ed571a;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
}