/* @group Global */ body { background-color:#fbfbfb;} .relative { position:relative;} /* @end */ /* @group Header */ #header { height:430px; overflow:hidden; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:center top;} h3#header_tag { position:absolute; top:333px; right:0px; text-align:center; font-size:160%; line-height:1.55em; color:#5b5b5b; } h3#header_tag span { font-size:90%;} p#download_button { position:absolute; top:325px; left:20px;margin:0;} p#download_button a { width:211px; height:74px; background-image:url(../images/download_sprite.png); background-repeat:no-repeat; background-position: 0 0; text-indent:-9999em; display:block;} p#download_button a:hover { background-position:0 -74px;} p#download_button a:active { background-position: 0 -148px;} h2#logo, #flashcontent { position:absolute; top: 10px; left:5px } h2#logo a {width:200px; height:112px; display:block; background-image:url(../images/logo.png); background-position:center top; background-repeat:no-repeat; text-indent:-9999em} /* @group Navigation */ ul#nav { list-style:none; margin:0; padding: 12px 0 0 0; position:absolute; top:0; right:0; font-size:110%; font-family: Myriad Pro;} ul#nav li { float:left; } ul#nav li a { color:#fff; text-decoration:none;padding:0 18px; display:block;} ul#nav li a:hover { color:#fcfdb4; text-decoration:none; font-family: inherit; } /* @end */ /* @end */ /* @group Body */ #body { min-height:400px;} #intro { height:295px; background-image:url(../images/laptop.jpg); background-repeat:no-repeat; background-position: 0 0; margin-top:5px;} #pc_intro {background-image:url(../images/windows.jpg); background-repeat:no-repeat; background-position: 450px 0; margin-top:5px; min-height:420px;} #mac_intro {background-image:url(../images/osx.jpg); background-repeat:no-repeat; background-position: 450px 0; margin-top:5px; min-height:420px; font-family: inherit; } #contact {background-image:url(../images/map.jpg); background-repeat:no-repeat; background-position: 00px 0; margin-top:5px; min-height:300px; } #intro p, #pc_intro p, #mac_intro p { font-size:130%; color:#5a5a5a; font-family:"Myriad Pro"; } a.pc_box, a.mac_box { width:107px; height:152px; display:block; text-indent:-9999em; background-repeat:no-repeat; background-position:center top; position:absolute;} a.pc_box { background-image:url(../images/pc_box.jpg); top:130px; right:260px; font-family: inherit; } a.mac_box { background-image:url(../images/mac_box.jpg); top:130px; right:130px} #free_trial { background-image:url(../images/free_trial_bg.jpg); background-position:center top; background-repeat:no-repeat; height:106px; font-family:Verdana; font-weight:bold; font-size:82%; margin-top:10px;} #free_trial p.p1 { margin-top:15px; margin-left:10px; margin-bottom:10px;} #free_trial p.p2 { margin-left:10px;} a#free_trial_button { display:block; width:313px; height:75px; margin: 15px 0 0 20px; background-image:url(../images/free_trial_button.gif); background-position:center top; background-repeat:no-repeat;text-indent:-9999em;} #awards { height:106px; background-image:url(../images/awards.jpg); background-position: 50px 10px; background-repeat:no-repeat; margin-top:10px; } #section_2 { margin-top:40px;} ul#benefits { margin-left:0; list-style:none;} ul#benefits li { padding-left:70px; background-image:url(../images/tick.jpg); background-position: 20px 0 ; background-repeat:no-repeat; margin:0;} ul#benefits li p { font-size:110%; color:#3f3f3f;} #company_info { font-size:110%;} #company_info p.large { line-height:1.5em;} #company_info p {color:#2b2929; } #reseller_panel { height:180px; background-image:url(../images/reseller_bg.jpg); background-position:center top; background-repeat:no-repeat;} #reseller_panel h4 { text-align:center; margin-top:20px; margin-bottom:10px;} #reseller_panel p { margin:10px 20px; font-family:MyriadPro-semibold; color:#000; font-size:90%;} p.get_in_touch { font-size:150% !important; text-align:center;} p.get_in_touch img { position:relative; top:3px;} p.get_in_touch a { text-decoration:none; color:#000;} p.get_in_touch a:hover { text-decoration:none;} #pc_mac_compatible { height:129px; background-image:url(../images/pc_mac.jpg); background-repeat:no-repeat; background-position:center top; text-indent:-99999em;} /* @end */ /* @group Footer */ #footer { margin-top:10px; margin-bottom:50px;} #footer hr { color:#acacac; margin-bottom:5px;} #footer p { font-size:90%; font-family:Verdana;color:#acacac;} #footer a { color:#acacac; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer ul { margin-left:0; list-style:none; font-size:90%;} #footer ul li { padding:0 15px; border-right:1px solid #acacac; float:left; display:block;} #footer ul li:last-child { border:none;} /* @end */ /* @group Download */ a#pc_download_button, a#mac_download_button { padding:8px 20px 5px 20px; display:block; border:1px solid #666; text-align:center; font-size:120%; text-decoration:none; color:#fff; font-family:MyriadPro-semibold;} a#pc_download_button { background-color:#339e2d;} a#mac_download_button { background-color:#71aad6;} /* @end */ /* @group Product pages */ #sys_requirements { background-image:url(../images/sys_requirements_panel.png); background-position:center top; background-repeat:no-repeat; height:183px; padding:20px 0} #sys_requirements h3 {text-transform:uppercase; font-size:90%; color:#333; margin-left:20px; margin-bottom:10px} #sys_requirements p {font-size:100%; color:#666; margin: 0 20px 20px 20px} img#price_badge { position:absolute; top:272px; right:73px } /* @end */ /* @group Product pages */ ul#faq_links { list-style:none; margin-left:0; font-size:100%; font-weight:bold} ul#faq_links li {margin-bottom:1.5em} ul#faq_links li a { text-decoration:none} /* @end */ #contact_form h4 {border-bottom:1px dotted #999; display:block; width:935px;} #support #left_column p, #support #right_column p {text-align:center} #support #left_column a, #support #right_column a {color:#333} #support #left_column , #support #right_column { height:180px; background-image:url(../images/reseller_bg.jpg); background-position:center top; background-repeat:no-repeat;} /* @group Shop */ table.formTable {} table.productTable td { border-bottom: 1px dotted #ccc; vertical-align: top; padding-top: 10px; padding-bottom: 10px;} td.fieldLabel span.warning {color: #e80000;} table.productTable, table.billingTable {border: 1px solid #ccc;} table.billingTable td {padding: 10px; border-bottom: 1px solid #e8e8e8; vertical-align: top;} table.billingTable td.fieldLabel { background-color: #e8e8e8; width: 200px; font-weight: bold; border-right: 2px solid #ccc; border-bottom: 1px solid #ccc;} /* @end */