/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS document for touroptimiser.com + accompanying CMS - Created January 2010 - Authored by Rich - Design By Russell G ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ DPS International Limited - http://www.dps-int.com ~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ * {padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; color:#333;} /* Layout */ #container1 {padding:0; border:0; margin:0; background-image:url(../images/bgmain_021.jpg) repeat-x #f2f8f8} #container2 {width:930px; margin:0 auto} .clearer{clear:both;font-size:0;} /* Header */ #header {width:930px; height:113px; margin:0 auto} h1 {float:left; width:419px; height:113px; text-indent:-9999px; background:url(../images/tour_optimiser_logo.jpg) no-repeat} h1 a {display:block; height:113px; width:419px} h1 a:active {border:0} .righthead{float:right; width:300px} .righthead a:visited {color:#333} #loginbox {float:right; width:215px; height:53px; margin-top:25px; background:url(../images/signup_icon.jpg) no-repeat 0 65%} #loginbox p {padding-top:5px; margin-left:75px; font-size:12px} #loginbox a {text-decoration:none;} p.showlang {float:right; width:300px; height:10px; margin:10px 0 0 0; font-size:.8em; text-align:right} p.showlang a {display:block; padding-right:30px; margin-right:10px; font-style:italic; text-decoration:none; background:no-repeat right; color:#333} /* Top Navigation Menu */ #navbar {width:933px; height:42px; margin:0 auto 20px auto; background-image:url(../images/sample_09.jpg)} #nav a:active {border:0} #nav li {float:left; font-size:12px; list-style-type:none} #nav li a {display:block; height:42px} #nav li a:hover {background-position:bottom; border:0; padding:0; margin:0; text-decoration:none} #nav li a span {display:none} /* Default English Menu, Applied with CSS classes */ #nav li a.home {width:116px;background-image:url(../images/menu/menu-images_01.jpg)} #nav li a.about {width:129px;background-image:url(../images/menu/menu-images_02.jpg)} #nav li a.features {width:127px;background-image:url(../images/menu/menu-images_03.jpg)} #nav li a.pricing {width:115px;background-image:url(../images/menu/menu-images_04.jpg)} #nav li a.demos {width:199px;background-image:url(../images/menu/menu-images_05.jpg)} #nav li a.login {width:107px;background-image:url(../images/menu/menu-images_06.jpg)} #nav li a.contact {width:140px;background-image:url(../images/menu/menu-images_07.jpg)} /* Region-specifc Menus - IDs overrule default class above */ /* Danish */ #nav li a#home_dan{width:115px;background-image:url(../images/menu/menu-images_01_dan.jpg);} #nav li a#about_dan{width:129px;background-image:url(../images/menu/menu-images_02_dan.jpg);} #nav li a#features_dan{width:127px;background-image:url(../images/menu/menu-images_03_dan.jpg);} #nav li a#demos_dan{width:119px;background-image:url(../images/menu/menu-images_05_dan.jpg);} #nav li a#pricing_dan{width:195px;background-image:url(../images/menu/menu-images_04_dan.jpg);} #nav li a#login_dan{width:107px;background-image:url(../images/menu/menu-images_06_dan.jpg);} #nav li a#contact_dan{width:141px;background-image:url(../images/menu/menu-images_07_dan.jpg);} /* French */ #nav li a#home_fre{width:115px;background-image:url(../images/menu/menu-images_01_fre.jpg);} #nav li a#about_fre{width:129px;background-image:url(../images/menu/menu-images_02_fre.jpg);} #nav li a#features_fre{width:127px;background-image:url(../images/menu/menu-images_03_fre.jpg);} #nav li a#demos_fre{width:195px;background-image:url(../images/menu/menu-images_05_fre.jpg);} #nav li a#pricing_fre{width:119px;background-image:url(../images/menu/menu-images_04_fre.jpg);} #nav li a#login_fre{width:107px;background-image:url(../images/menu/menu-images_06_fre.jpg);} #nav li a#contact_fre{width:141px;background-image:url(../images/menu/menu-images_07_fre.jpg);} /* Norwegian */ #nav li a#home_nor {width:116px;background-image:url(../images/menu/menu-images_01_nor.jpg)} #nav li a#about_nor {width:128px;background-image:url(../images/menu/menu-images_02_nor.jpg)} #nav li a#features_nor {width:127px;background-image:url(../images/menu/menu-images_03_nor.jpg)} #nav li a#demos_nor {width:195px;background-image:url(../images/menu/menu-images_04_nor.jpg)} #nav li a#pricing_nor {width:119px;background-image:url(../images/menu/menu-images_05_nor.jpg)} #nav li a#login_nor {width:107px;background-image:url(../images/menu/menu-images_06_nor.jpg)} #nav li a#contact_nor {width:139px;background-image:url(../images/menu/menu-images_07_nor.jpg)} /* Swedish */ #nav li a#home_swe{width:116px;background-image:url(../images/menu/menu-images_01_swe.jpg);} #nav li a#about_swe{width:129px;background-image:url(../images/menu/menu-images_02_swe.jpg);} #nav li a#features_swe{width:127px;background-image:url(../images/menu/menu-images_03_swe.jpg);} #nav li a#demos_swe{width:199px;background-image:url(../images/menu/menu-images_05_swe.jpg);} #nav li a#pricing_swe{width:115px;background-image:url(../images/menu/menu-images_04_swe.jpg);} #nav li a#login_swe{width:107px;background-image:url(../images/menu/menu-images_06_swe.jpg);} #nav li a#contact_swe{width:140px;background-image:url(../images/menu/menu-images_07_swe.jpg);} /* Top Navigation Menu Selected States */ body#homepage #nav a.home,body#aboutpage #nav a.about,body#featurespage #nav a.features,body#pricingpage #nav a.pricing,body#demospage #nav a.demos,body#contactpage #nav a.contact{background-position:bottom;} /* Promotional Banner just underneath the Top Navigation Menu */ #banner {width:930px; height:221px; border:1px solid #c6dbdf; margin:0 auto 20px auto} #banner a img {border-bottom:1px solid #c6dbde} /* Main Content (left col) */ #maincontent {min-height:440px; border:1px solid #c6dbdf; margin:0 340px 20px 0; background:#f2f6f7} #maincontent p, fieldset {margin:0 15px 15px 15px; font-size:12px} #maincontent p.alert{padding:15px 10px; border:1px solid #FC0; margin-bottom:15px; background:#FF9} #maincontent p.error{padding:15px 10px; border:1px solid #f00; margin-bottom:15px; background:#FFF; color:#f00} #maincontent p.success, #maincontent p.updatesuccess {padding:15px 10px; border:1px solid #090; background:#9f9} #maincontent li {margin:0 15px 15px 25px; font-size:12px} #maincontent p img {margin:0 15px 0 0} #maincontent h2, #maincontent h3 {margin:15px; font-size:20px; font-weight:normal; color:#2e586d} #maincontent h3 {margin:30px 15px 15px 15px} a img {border:0} a {color:#2e586d;text-decoration:underline} a:hover {text-decoration:none; cursor:pointer} a:active {border:1px dotted #4c718c} a:visited {color:#4c718c} hr {display:block; clear:both; margin:20px 15px; border:0; border-top:2px solid #C6DBDF} .floatleft{float:left} .floatright {float:right; clear:right} #maincontent .aligncenter{text-align:center} .italic{font-style:italic} .leftindent{margin-left:30px} /* Testimonials just before Footer */ #testimonials {clear:both; width:928px; height:150px; border:1px solid #c6dbdf; margin:15px auto; background:#FFF} div#testimonials p {padding:15px 18px 10px 18px; font-size:1.1em} div#testimonials a, div#testimonials a:hover, div#testimonials a:active, div#testimonials img {border:0;margin:0;padding:0} div#testimonials img{float:left} /* Footer */ #footer {width:930px; min-height:155px; padding:0 0 15px 0; margin:0 auto; background-image:url(../images/footer_bg.jpg)} #footer a {color:#000} #footer a:hover {color:#900} #footer a:active {border:0} #footer img {float:left; margin:5px 0 0 15px; border:1px solid #F90} #footer p { margin:0; font-size:11px; color:#000; padding:15px 5px 5px 15px} #copyright {float:left; width:200px; padding:5px 0 0 0} #languages p {padding:0; margin:0} #languages a {display:block; float:left; height:13px; padding:0 0 0 25px; margin:10px 10px 10px 0; background:#FFF} /* Links underneath Footer */ #altnav {margin:10px auto; width:930px; text-align:center} #altnav p {margin-left:10px; font-size:12px; text-align:center} /* Linkboxes (right col) */ .infobox {width:315px; margin:0 0 15px 0; border:1px solid #c6dbdf; background:#f2f6f7} .infobox h2 {margin:10px; font-size:16px; font-weight:normal; color:#2e586d} .infobox p {margin:10px; font-size:11px} .infobox img {float:left; margin:10px; border:1px solid #c6dbdf} /* rules added by Rich */ #container1 #footer{padding:10px 0 15px 0;min-height:155px;border:1px solid #c6dbdf;margin-bottom:20px;} #container1 #footer p{padding:2px 15px;clear:both;} #footer p a{margin-bottom:0;} body #container1 #languages{width:420px;float:left;} body #container1 #languages p{padding:0 0 0 5px;} body #container1 #languages p.selectedlang{width:400px;padding-left:0;font-style:italic;color:#666;margin:5px 0 5px 0;} /* Features Page */ body.features #maincontent ul li{list-style-image:url(../images/icons/tick_16.png);list-style-position:inside;} /* Demos/Downloads Page Table */ #maincontent table h3 {margin-top:0; font-size:14px; font-weight:bold; text-align:left} table p img{float:left; display:inline} /* Contact/Signup Page */ #maincontent form p {margin-bottom:15px} #maincontent textarea {margin:0} fieldset {border:0} label {display:block;margin-bottom:5px} input, textarea {width:190px; padding:5px; border:1px solid #C6DBDF} input.checkbox {width:20px} select {width:196px; padding:2px; border:1px solid #C6DBDF} option {margin-bottom:5px} textarea {padding:5px; border:1px solid #C6DBDF} body.contactpage #maincontent #btnSubmit {margin:10px 0 30px 15px} body.signuppage #maincontent textarea {width:520px; padding:15px; margin:0 15px 15px; font-size:12px} #recaptcha_area {margin:0 0 20px 15px} body.signuppage #maincontent #btnSubmit {margin:10px 0 30px 0} #maincontent #btnSubmit,#updatecontentbutton,#submitbutton {margin:20px 0 20px 15px;cursor:pointer} /* Content Management System CSS */ body#cms #maincontent {margin:0 auto 20px auto;width:100%} body#cms fieldset {border:0} body#cms textarea {font-size:1.3em; width:530px} body#cms #container1 #container2 #maincontent p.logout {margin:10px} body#cms .leftlinks{float:left;width:33%} body#cms .rightlinks{float:right;width:33%} body#cms ul ul{margin-top:10px;} /* CMS Home/Logout Links */ body#cms p.logout a {display:inline-block; height:15px; padding-left:20px; margin:0 5px} a.cmshomelink {background:url(../cms/images/icons/home.gif) no-repeat} a.cmslogoutlink {background:url(../cms/images/icons/delete.gif) no-repeat} body#cms a:active {border:0;background-color:#ff0} body#cms p.logout a {text-decoration:none} body#cms p.logout a.cmschangelang {padding:0} body#cms #container1 #footer {min-height:100px} body#cms input#password {margin-left:3px} body#cms #submitbutton {display:block; width:155px; height:42px; padding-bottom:3px; border:0; margin-left:62px; font-size:1.1em; background:url(../cms/images/button_login.jpg) no-repeat} *html body#cms #submitbutton {margin-left:50px} body#cms #submitbutton:hover, #btnSubmit:hover {text-decoration:underline} p.editp{height:42px; padding-left:13px; background:url(../cms/images/bg_button_left.jpg) left no-repeat} p.editp span {display:inline-block; height:42px; padding-right:13px; background:url(../cms/images/bg_button_right.jpg) right no-repeat} p.editp a{display:inline-block; height:32px; padding-top:10px; background:url(../cms/images/bg_button.jpg) repeat-x; color:#2e586d; text-decoration:none; font-size:1.2em} p.editp a:hover{text-decoration:underline} /* Language Select/Footer */ form#cmslangselect {clear:both; padding-top:15px; margin:15px; border:1px solid #FC0; background:#FF9} form#cmslangselect * {display:block; margin-bottom:10px} form#cmslangselect select {width:200px} #maincontent p.selectedlang {margin-bottom:0; font-style:italic} #langsubmit {width:220px; height:42px; padding-bottom:5px; border:0; background:url('../cms/images/button_lang.jpg') no-repeat} fieldset.leftfieldset {width:32%; float:left} * html fieldset.leftfieldset {width:25%} fieldset.rightfieldset {width:25%} .selectedlang {width:31%; float:left} body#cms #footer {text-align:center} /* Edit Page Content Page */ body.cms_edit_page form.editpageform {width:60%; margin:0 auto} fieldset.editpagecontent label {display:block; margin:20px 0 10px 0; font-size:1.4em; color:#2e586d; font-weight:bold} #upcontentbutton, p.editbox a, #btnSubmit {display:inline-block; width:200px; height:42px; padding-bottom:5px; border:0; margin-left:15px; background:url(../cms/images/button_blank.jpg) no-repeat} #editpageform {width:60%; margin:0 auto} #editpageform input.textbox {width:100%;margin:0 auto} div.editboxcont {float:left; width:40%; margin-left:40px} p.editbox a {height:32px; padding:10px 0 0 0; margin:0 0 20px 60px; font-size:1.2em; text-align:center; color:#2e586d; text-decoration:none} p.editbox a:hover {text-decoration:underline} /* Edit Linkboxes Pages */ body#cms #infobox {padding:10px; border: 1px solid #C6DBDF; margin:0 0 5px 15px} body#cms #infobox img {float:left; margin:0 10px 10px 0} body#cms #infobox h3 {margin:10px 0 0 0;font-size:1.1em} body#cms #linkboxform {width:315px;margin:0 auto} body#cms #linkboxform * {display:block; width:315px; margin-left:0} body#cms #linkboxform #submitbutton {width:155px; margin:0 auto; font-size:.8em} body#cms #maincontent .selectedlinkbox {width:60%; margin:0 auto 20px auto} body#cms #maincontent .selectedlinkbox h3 {margin-top:0} /* Add New Language Page */ #lang_box{float:left;width:20%;margin:20px;border:1px solid #c6dbdf;height:160px;background:#FFF;} #container1 #container2 #maincontent #lang_box h3{margin-top:10px;} #addlangform{width:40%;margin:0 auto;text-align:center;} #addlangform label{display:block;margin-bottom:10px;} body#cms #addlangform #submitbutton{font-size:1em;margin:0 auto 50px auto;} /* Nag page */ #nagForm {margin-top:30px} #nagForm label {margin-bottom:10px} #nagForm #langsubmit {margin:30px 0 0 0} /* End of CSS */