body {background: #23252a url('../img/global/bg_body.jpg') 0 0 repeat-x;margin: 0;padding: 0 0 20px; color: #357389; text-decoration: none; font-family: verdana, helvetica, arial, sans-serif; font-size: 75%;text-align: center;} div, li, form, select, input, label, dl, dt, dd {margin: 0;padding: 0;border: 0; } h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #357389;margin: 0 0 1em;} p, blockquote {line-height: 1.4em;margin: 0 0 1.5em;padding: 0;} ul, ol {margin: 0 0 1.5em; padding: 0; } table, tr, td, th, thead, tbody {margin: 0;padding: 0;border-collapse: collapse;} img {display: block;margin: 0;border: 0;} a {color: #6ccef5;text-decoration: none;overflow:hidden;font-weight:bold;} a:hover {color: #6ccef5;text-decoration: underline;} sup {bottom:0.4em;left:0.2em;margin-right:0.4em;position:relative;vertical-align:0;} em {font-style: italic;} /* general classes ---------------------------------------------------------- */ .clear {clear: both;} .bolded {font-weight: bold;} .noMargin {margin: 0;} .note {font-size:10px;font-style: italic;} .paddingTop {padding-top:25px;} p.pdfDescrip {float:left;width:330px;} .pdfLink {float:left;display:block;width:32px;height:32px;text-indent:-9999px;overflow:hidden; background:url('../img/global/pdficon_large.gif') 0 0 no-repeat;margin:5px 10px 7px 0;} .rssLink {float:left;display:block;padding:2px 0 2px 20px;background: url('../img/global/rss.gif') left center no-repeat;} .twitLink {float:left;display:block;padding:2px 0 3px 22px;background: url('../img/global/twitter.gif') left center no-repeat;margin-left:20px;} /* navigation ---------------------------------------------------------- */ #nav ul, #sectionNav ul {margin:0;list-style:none;font-weight:bold;} ul#aboutNav {float:right;} ul#aboutNav li {float:left;padding-left:25px;} ul#aboutNav li a {color:#6ccef5;} ul#aboutNav li a:hover {color:#fff;text-decoration:none;} ul#mainNav {float:left;text-transform:uppercase;} ul#mainNav li {float:left;padding-right:25px;} ul#mainNav li a {color:#6ccef5;} ul#mainNav li a:hover {color:#fff;text-decoration:none;} /* mainNav you are here */ .scuba #scubaLink a, .freedive #freeDiveLink a, .about #aboutLink a, .contact #contactLink a {color:#ffff00;} #sectionNav ul {float:left;} #sectionNav ul li {float:left;padding-right:25px;} #sectionNav ul li a {color:#6ccef5;} #sectionNav ul li a:hover {color:#fff;text-decoration:none;} /* sectionNav you are here */ .news #scubaNewsNav a, .x1 #scubaX1Nav a, .xLink #scubaXlinkNav a, .access #scubaAccNav a, .order #scubaOrderNav a, .forum #scubaForumNav a, .faq #scubaFaqNav a, .goggles #gogglesNav a, .noseclip #clipNav a, .eric #ericNav a, .equalize #equalizeNav a {color:#ffff00;} ul#subNav {list-style:none;font-weight:bold;width:130px;padding-bottom:25px;margin:0;} ul#subNav li {display:block;padding:5px 0;border-bottom:1px dotted #305560;} ul#subNav li a:hover {color:#52b5ca;text-decoration:none;} /* subnav you are here */ .specs #specsNav a, .testimonials #testiNav a, .software #softNav a, .manuals #manualNav a, .connect #connectNav a, .charger #chargeNav a, .carcharger #carNav a, .mount #mountNav a, .cover #coverNav a, .usaCan #usaCanNav a, .latAm #latAmNav a, .euro #euroNav a, .austra #austraNav a, .mideast #mideastNav a, .dealer #dealerNav a, .x1faq #faqX1Nav a, .xlinkfaq #faqXlinkNav a, .compare #compNav a, .philos #philosNav a, .history #historyNav a, .team #teamNav a, .orderGog #orderGogNav a, .training #trainingNav a, .record #recordNav a {color:#2c4e5d;} /* general layout ---------------------------------------------------------- */ #container {margin: 15px auto 0;text-align: left;width:936px;border:2px solid #f7e836;} #container .scubaDiverBg {background:#fff url('../img/global/bg_main_scubadiver.jpg') right top no-repeat;} #container .freeDiverBg {background:#fff url('../img/global/bg_main_freediver.jpg') right top no-repeat;} #header {background:#305560;} #logo {float:left;width:936px;height:69px;background:#305560 url('../img/global/bg_logo.jpg') 0 0 no-repeat;position:relative;} #logo h1 a {display:block;width:201px;height:34px;text-indent:-9999px;overflow:hidden; background:url('../img/global/logo.jpg') 0 0 no-repeat; position:absolute;top:26px;left:17px;} #nav {float:left;width:904px;padding:10px 16px 12px;border-bottom:1px solid #99c545; background:#357388 url('../img/global/bg_nav.jpg') 0 0 no-repeat;} #sectionNav {float:left;width:904px;padding:5px 16px 7px;margin-bottom:4px;border-bottom:1px solid #152f21; background:#578c7a;} #main {float:left;width:936px;padding:40px 0;background:#fff;border-bottom:4px solid #305560;} #leftCol {float:left;width:200px;padding-left:20px;} #gallery {float:left;} #gallery a#trigger {display:block;width:170px;text-align:center;color:#fff;padding:3px 0; background:#327d66;font-size:10px;text-transform:uppercase;font-weight:bold;} #gallery a#trigger:hover {background:#195a46;text-decoration:none;} #slideshow {float:left;display:block;width:170px;height:170px;margin-bottom:2px;} #slideshow img {display:none;} #content {float:left;width:400px;padding-right:25px;} #contentWide {float:left;width:500px;padding:0 80px 0 60px;} #content h2, #contentWide h2 {color:#305560;font-size:1.5em;} #content h3, #contentWide h3 {font-size:1em;font-weight:bold;margin-bottom:.7em;} #content ul, #contentWide ul {list-style:none;padding: 0 30px 0 15px;} #content ul li, #contentWide ul li {padding:0 0 7px 10px ;background:url('../img/global/bg_list.gif') 0 6px no-repeat;} #content ul.noBullet li, #contentWide ul.noBullet li {background:none;padding-left:0;} #content ol ul, #contentWide ol ul {padding-top:10px;padding-left:0;} #content ol ul li, #contentWide ol ul li {background:url('../img/global/bg_list.gif') 0 6px no-repeat;padding-left:10px;} #content ol, #contentWide ol {padding: 0 30px;} #content ol li, #contentWide ol li {padding:0 0 7px 0;} #rightCol {float:left;width:270px;padding-top:40px;} p.caption {font-size:.916em;color:#999999;} p.x1Pic {padding-left:35px;} ul.productInfo {list-style:none;float:left;padding:10px 0 15px;margin:0;} ul.productInfo li {padding-bottom:7px;} #x1Tout {float:left;width:225px;background:url('../img/global/bg_tout_x1.png') left top no-repeat;margin-top:150px;padding-top:150px;} #goggleTout {float:left;width:270px;background:url('../img/global/bg_tout_goggle.jpg') left top no-repeat;margin-top:170px;padding-top:150px;} #noseclipTout {float:left;width:270px;background:url('../img/freediving/Trygons-noseclip-portrait.jpg') left top no-repeat;margin-top:170px;padding-top:150px;} a#orderNow {display:block;text-indent:-9999px;width:102px;height:42px; background:url('../img/global/btn_order_now.gif') left top no-repeat;} a#orderNow:hover {background:url('../img/global/btn_order_now.gif') left bottom no-repeat;} /* #x1Tout ul, #goggleTout ul {list-style:none;color:#8d8d8d;padding:14px 0 0;margin:0;font-size:11px;} #x1Tout ul li, #goggleTout ul li {padding-bottom:5px;padding-left:3px;} */ p.photosBy {font-size:.834em;color:#aeaeae;margin-top:15px;} #footer {float:left;width:876px;padding:8px 30px 10px;border-top:1px solid #152f21; font-size:11px;color:#305560;background:#578c7a;} #footer p {float:left;width:438px;margin:0;} p#footerRight {text-align:right;} #footer a {color:#f1f309;font-weight:normal;} #footer a:hover {color:#fff;} /* specific layout ---------------------------------------------------------- */ /* home */ .home #container {position:relative;margin-bottom:50px;} .home #sectionNav {padding-top:0;padding-bottom:0;height:24px;} .home #main {height:458px; width:936px;padding:0;background:url('../img/home/bg_home.jpg') left top no-repeat; border:0;} .home #main h1 {margin:118px 0 0 350px;text-indent:-9999px;height:32px;width:202px; background:url('../img/home/logo_home.png') top left no-repeat;} .home #main a {float:left;display:block;text-indent:-9999px;height:275px;width:300px;outline:none;} .home #main a#scuba {background:url('../img/home/home_scuba_link.png') right top no-repeat;margin-left:177px;} .home #main a#scuba:hover {background:url('../img/home/home_scuba_link.png') right bottom no-repeat;} .home #main a#freedive {background:url('../img/home/home_freedive_link.png') left top no-repeat;} .home #main a#freedive:hover {background:url('../img/home/home_freedive_link.png') left bottom no-repeat;} .home #footer {border-top:1px solid #8fd670;} #imageCredit {position:absolute;top:570px;left:0;line-height:2em; color:#999999;font-size:10px;margin:0;} #imageCredit a {font-weight:normal;} /* faq */ a.question {font-size:1em;font-weight:bold;margin-bottom:15px;float:left;width:388px;color: #357389;clear:both; padding-left:12px;background:url('../img/global/arrow_closed.gif') 0 5px no-repeat;} .scuba a.open {background:url('../img/global/arrow_open.gif') 0 5px no-repeat;} .answer {float:left;clear:both;padding-left:12px;width:388px;display:none;} /* about & contact */ .about #sectionNav, .contact #sectionNav {padding-top:0;padding-bottom:0;height:24px;} .contact input, .contact textarea {margin:5px 0 15px;padding:2px;width:332px;display:block;border:1px solid #357389;} .submitBtn input {width: 100px;float:left;margin-left:236px;} .contact label {font-weight:bold;display:block;} .req {color:red;} a.contactQuestion {font-size:1em;font-weight:bold;margin-bottom:15px;float:left;width:308px;color: #357389;clear:both; padding-left:12px;padding-right:80px;background:url('../img/global/arrow_closed.gif') 0 5px no-repeat;outline:none;} #tripleContact a.open {background:url('../img/global/arrow_open.gif') 0 5px no-repeat;} .answer {float:left;clear:both;padding-left:12px;width:388px;display:none;} #tripleContact table {margin:20px 0 30px;} #tripleContact td {padding:3px 0;} #tripleContact .doYou td {padding:15px 0 5px;font-weight:bold;} #tripleContact .doYou td span {font-weight:normal;} #tripleContact td.indent {padding-left:25px;} #tripleContact table input {width:auto;display:inline;float:left;margin:2px 5px 0 0;} #tripleContact table input.details {width:240px;} #tripleContact table input.radio {border:0;} #tripleContact table label {width:auto;display:inline;float:left;} #tripleContact .smallPrint {font-size:11px;} #tripleContact ul.smallPrint {width:320px;} #tripleContact p.smallPrint {width:350px;} .contactDiv, #cancelSubmit {display:none;} #tripleContact .submitBtn input {width: 100px;float:left;margin-left:237px;} #formWrap {position:relative;} a#cancel {font-weight:normal;color:#666;padding:3px 10px;border:1px solid #666;background:#e3e3e3;font-size:10px; position:absolute;top:53px;right:20px;} /* blog */ .blog_post {float:left;width:500px;padding:25px 0 ;border-bottom:1px dotted #6ccef5;clear:left;} .post_count {display:none;} #contentWide h3.post_title, #contentWide h3.post_link_text {padding-bottom:15px;font-size:1.1em;} #contentWide h3.post_link_text a {padding:3px;} #contentWide h3.post_link_text a:hover {background:#dff2fa;text-decoration:none;} .photo {clear:left;padding-bottom:15px;} .post_date {font-size:10px;color:#666;margin-bottom:10px;} .post_quote_text {padding:15px;margin-bottom:10px;background:#c3dde2;clear:left;} .post_quote_source {font-style:italic;font-weight:normal;padding:015px;text-align:right;} .post_body img {clear:both;margin:10px;} .post_video_player {float:left;width:500px;padding-bottom:15px;} p#tumblrLink {margin-top:20px;float:left;width:500px;clear:both;} /* freedive */ .quicktime {float:left;padding-left:60px;} #rightCol .quicktime {padding-left:0;} .noseclip #contentWide p.photosBy {margin-top:5px;} /* x1 */ .softLogo {margin-bottom:25px;} a.toggleName {font-size:1.2em;margin-bottom:15px;float:left;color: #357389;clear:both; padding-left:12px;background:url('../img/global/arrow_closed.gif') 0 5px no-repeat;} .xLink a.toggleName {width:300px;} .x1 a.open {background:url('../img/global/arrow_open.gif') 0 5px no-repeat;} .toggleInfo {float:left;clear:both;padding-left:12px;display:none;width:380px;} .xLink .toggleInfo {padding-bottom:15px;} /* order */ .order #content span {margin-left:20px;font-size:.916em;} /* team */ .bios h3 {clear:both;padding-top:15px;} .bios p {float:left;width:325px;} .bios img {float:left;margin:5px 10px 15px 0;} a#dougHover {float:left;display:block;text-indent:-9999px;width:150px;height:150px;margin:5px 10px 5px 0; cursor:default;background:url('../img/about/doug_hover.jpg') left top no-repeat;} a#dougHover:hover {background:url('../img/about/doug_hover.jpg') left bottom no-repeat;}