/* =================================== styles.css ====================================== */ /* ----------------------------------- o Reset HTML o Import 960px grid -------------------------------------- */ @import url('reset.css'); @import url('960.css'); /* ----------------------------------- Global Restyle -------------------------------------- */ em, i {font-style:italic;} b, strong {font-weight:bold;} p {margin-bottom:1em;} /* ----------------------------------- Global Helper Styles -------------------------------------- */ .clearall {clear:both;height:1px;margin-top:-1px;} .indent {margin-left:5em;} .tiny {font-size:85% !important;} .big {font-size:115% !important;} .bigger {font-size:125% !important;} .alert {color:#990000;font-weight:bold;} .alert_yellow {color:#ffee95;font-weight:bold;} .border {} .highlight {background-color:#FF6;} .warning {} .aligncenter {text-align:center;} .alignright {float:right;margin:0 0 20px 20px;} .alignleft {float:left;margin:0 20px 20px 0;} /* ----------------------------------- Common structures (g-regions) -------------------------------------- */ body.g-header {background:#000000;} body.g-header #masthead_span {width:100%;height:200px;background:#000000 url(../skins/2010/bg_masthead_span.jpg) top center repeat-x;} body.g-header #nav_span {width:100%;height:40px;background:#000000 url(../skins/2010/bg_nav_span.gif) top center repeat-x;} body.g-header #content_span {width:100%;min-height:365px;background:#333333 url(../skins/2010/bg_content_span.jpg) top center repeat-x;} body.g-header #footer_span {width:100%;background:#000000 url(../skins/2010/bg_footer_span.gif) top center repeat-x;} body.g-header #masthead {position:relative;} body.g-header #masthead #logo {} body.g-header #masthead #logo a {margin:20px auto 0;display:block;width:460px;height:166px;background:url(../skins/2010/logo_alt.png) top left no-repeat;text-indent: -9999px;} body.g-header #masthead #dennis {position:absolute;top:-20px;right:0px;display:block;width:140px;height:200px;background:url(../skins/2010/dennis.png) top left no-repeat;} body.g-header #nav {} body.g-footer #footer_left_box {margin-top:60px;height:120px;overflow:none;background-color:#222222;} body.g-footer #footer_mid_box {margin-top:60px;height:120px;overflow:none;background-color:#222222;} body.g-footer #footer_right_box {margin-top:60px;height:120px;overflow:none;background-color:#222222;} body.g-footer #footer_left_box #footer_left {margin:0px;} body.g-footer #footer_mid_box #footer_mid {margin:0px;} body.g-footer #footer_right_box #footer_right {margin:0px;} body.g-footer #footer_bottom_left_box #footer_address {margin:20px 0;text-align:left;} body.g-footer #footer_bottom_right_box #footer_socialmedia {margin:20px 0;text-align:right;} body.g-members #subheader_content {background:#000 url(../skins/2010/bg_subheader_members.jpg) top left no-repeat;height:40px;} body#t01 #left_col_box {} body#t01 #left_col_box #slideshow {background:#000000;width:220px;height:430px;} body#t01 #mid_col_box {} body#t01 #mid_col_box #home-intro {background:#000000;width:460px;height:290px;} body#t01 #mid_col_box #home-intro #video {background:#000000;width:460px;height:259px;} body#t01 #mid_col_box #home-intro #video_action {background:#297c89;width:460px;height:31px;} body#t01 #mid_col_box #feature_left {background:#000000;float:left;width:220px;height:120px;margin-right:20px;margin-top:20px;} body#t01 #mid_col_box #feature_right {background:#000000;float:right;width:220px;height:120px;margin-top:20px;} body#t01 #right_col_box {} body#t01 #right_col_box #clinics {background:#000000;width:220px;height:170px;background:url(../skins/2010/bg-clinics.jpg) top left no-repeat;padding-top:35px;} body#t01 #right_col_box #clinics #clinics-interior {width:210px;height:160px;padding:5px;line-height:1.2em;overflow:hidden;} body#t01 #right_col_box #tour {background:#000000;width:220px;height:170px;margin-top:20px;background:url(../skins/2010/bg-tour.jpg) top left no-repeat;padding-top:35px;} body#t01 #right_col_box #tour #tour-interior {width:210px;height:160px;padding:5px;line-height:1.2em;/* overflow-y:scroll; */ overflow:hidden;} body#t01 #sponsors_box {} body#t01 #sponsors_box #sponsors {margin:20px 0;background:#000000;} body#t01 #sponsors_box #sponsors img {display:block;} body#t01 #greeting_box {} body#t01 #greeting_box #greeting {margin:20px 0;padding:10px;background:#000000; text-align:center;} body#t01 #greeting_box #greeting img {display:block;} body#t01 #greeting_box2 {} body#t01 #greeting_box2 #greeting2 {margin:20px 0 0 0;padding:10px;background:#297c89; text-align:center;} body#t01 #greeting_box2 #greeting2 img {display:block;} body#t02 #content_left_box {margin-top:10px;margin-bottom:20px;background-color:#888888;} body#t02 #content_box {margin-top:10px;margin-bottom:20px;background-color:#297c89;} body.g-members #content_box {margin-top:10px;margin-bottom:20px;background-color:#66ca60 !important;} body#t02 #content_right_box {margin-top:10px;margin-bottom:20px;} body#t02 #content_box #content {margin:5px;min-height:300px;background-color:#ffffff;padding:10px;} body#t02 #content_right_box #content_right {} body#t02 #content_right_box #content_right ul {margin:0;padding:0;} body#t02 #content_right_box #content_right ul li {list-style:none;margin:0;padding:0;height:120px;width:140px;margin-bottom:20px;background-color:#888888;} body#t02 #content_left_box #content_left ul {margin:0;padding:0;} body#t02 #content_left_box #content_left ul li {list-style:none;} body#t02 #content_left_box #content_left ul li a {display:block;margin:0;padding:5px;height:auto;width:130px;background:#000000 url(../skins/2010/bg_sidenav_button.gif) top center repeat-x; text-decoration:none; text-transform:uppercase; font-size:12px; font-family:"Gill Sans", Arial, Helvetica, sans-serif;color:#eee;border-bottom:1px solid #000;} body#t02 #content_left_box #content_left ul li a:hover {background:#000000 url(../skins/2010/bg_sidenav_button_hover.gif) top center repeat-x;color:#fff;} body#t02 #content_left_box #content_left .Catalog-Nav {list-style:none;} body#t02 #content_left_box #content_left .Catalog-Nav a {display:block;margin:0;padding:5px;height:auto;width:130px;background:#000000 url(../skins/2010/bg_sidenav_button_hover.gif) top center repeat-x; text-decoration:none; text-transform:uppercase; font-size:12px;line-height:120%;font-weight:bold; font-family:"Gill Sans", Arial, Helvetica, sans-serif;color:#eee;border-bottom:1px solid #000;} body#t02 #content_left_box #content_left .Catalog-Nav a:hover {background:#000000 url(../skins/2010/bg_sidenav_button_hover.gif) top center repeat-x;color:#fff;} body#t02 #content_left_box #content_left .Catalog-Nav-Sub {list-style:none;} body#t02 #content_left_box #content_left .Catalog-Nav-Sub a {display:block;margin:0;padding:5px;height:auto;width:130px;background:#000000 url(../skins/2010/bg_sidenav_button_subnav.gif) top center repeat-x; text-decoration:none; text-transform:uppercase; font-size:11px;line-height:120%; font-family:"Gill Sans", Arial, Helvetica, sans-serif;color:#000;border-bottom:1px solid #666;} body#t02 #content_left_box #content_left .Catalog-Nav-Sub a:hover {background:#000000 url(../skins/2010/bg_sidenav_button.gif) top center repeat-x;color:#fff;} /* t03 - Interior Pages */ body#t03 #content_left_box {margin-top:10px;margin-bottom:20px;background-color:#888888;} body#t03 #content_box {margin-top:10px;margin-bottom:20px;background-color:#297c89;} body#t03 #content_box #content {margin:5px;min-height:300px;background-color:#ffffff;padding:10px;} body#t03 #content_left_box #content_left ul {margin:0;padding:0;} body#t03 #content_left_box #content_left ul li {list-style:none;} body#t03 #content_left_box #content_left ul li a {display:block;margin:0;padding:5px;height:auto;width:130px;background:#000000 url(../skins/2010/bg_sidenav_button_hover.gif) top center repeat-x; text-decoration:none; text-transform:uppercase; font-size:12px;line-height:120%;font-weight:bold; font-family:"Gill Sans", Arial, Helvetica, sans-serif;color:#eee;border-bottom:1px solid #000;} body#t03 #content_left_box #content_left ul li a:hover {background:#000000 url(../skins/2010/bg_sidenav_button_hover.gif) top center repeat-x;color:#fff;} body.g-members #content_left_box #content_left ul li a {background-color:#66ca60 !important; background-image:none !important; color:#fff !important; } body.g-members #content_left_box #content_left ul li a:hover {background-color:#66ca60 !important; background-image:none !important; color:#fff !important; } body#t03 #content_left_box #content_left ul li ul li {list-style:none;} body#t03 #content_left_box #content_left ul li ul li a {display:block;margin:0;padding:5px;height:auto;width:130px;background:#000000 url(../skins/2010/bg_sidenav_button_subnav.gif) top center repeat-x; text-decoration:none; text-transform:uppercase;font-weight:normal; font-size:11px;line-height:120%; font-family:"Gill Sans", Arial, Helvetica, sans-serif;color:#000;border-bottom:1px solid #666;} body#t03 #content_left_box #content_left ul li ul li a:hover {background:#000000 url(../skins/2010/bg_sidenav_button.gif) top center repeat-x;color:#fff;} /* t04 - Store inserts for iframe */ body#t04 #store-insert {width:720px; height:120px;} /* ----------------------------------- Common typography (use on containing div) -------------------------------------- */ /* typography 01 - Primary content */ .typography-01 { font: normal normal normal 15px/140% Georgia, "Times New Roman", Times, serif; color:#333;background-color:#fff;} .typography-01 a {color:#0000FF;} .typography-01 a:hover {} .typography-01 h1 {font-size: 28px;margin-bottom:.5em;padding:10px;background:url(../skins/2010/h1.gif) bottom left no-repeat;text-transform:normal;font-weight:normal;} .typography-01 h2 {font-size: 20px;margin-bottom:.5em;} .typography-01 h3 {font-size: 110%;} .typography-01 ul {margin: 1em 0; padding-left: 2.5em;} .typography-01 ul li {list-style:circle;} .typography-01 ol {margin: 1em 0; padding-left: 2.5em;} .typography-01 ol li {list-style:decimal;} /* typography 02 - Footer */ .typography-02 { font: normal normal normal 11px/140% Georgia, "Times New Roman", Times, serif; color:#eee;text-transform:uppercase;} .typography-02 a {color:#eee;text-decoration:underline;} .typography-02 a:hover {color:#fff;} .typography-02 h1 {font-size: 150%;} .typography-02 h2 {font-size: 130%;} .typography-02 h3 {font-size: 110%;} .typography-02 ul {margin: 1em 0; padding-left: 2.5em;} .typography-02 ul li {list-style:circle;} .typography-02 ol {margin: 1em 0; padding-left: 2.5em;} .typography-02 ol li {} /* typography 03 - Promo content (dark on light) */ .typography-03 { font: normal normal normal 11px/140% Georgia, "Times New Roman", Times, serif; color:#333;} .typography-03 a {color:#297c89} .typography-03 a:hover {} .typography-03 h1 {font-size: 14px;margin-bottom:.5em;padding:10px;text-transform:normal;font-weight:bold;color:#297c89;} .typography-03 h2 {font-size: 12px;margin-bottom:.5em;font-weight:normal;font-style:italic;color:#297c89;text-transform:uppercase;} .typography-03 h3 {font-size: 11px;margin-bottom:.5em;font-weight:bold;color:#297c89;} /* typography 04 - Tiny content in home features*/ .typography-04 { font: normal normal normal 12px/140% arial, Arial, Helvetica, sans-serif; color:#fff;} .typography-04 a {color:#ffee95;} .typography-04 a:hover {} .typography-04 h2 {font-size: 12px;margin-bottom:.5em;font-weight:bold;color:#ffee95;} /* typography 05 - Content of welcome box */ .typography-05 { font: normal normal normal 16px/140% arial, Arial, Helvetica, sans-serif;text-transform:uppercase; color:#fff;} .typography-05 a {color:#ffee95;} .typography-05 a:hover {} .typography-05 h2 {font-size: 14px;margin-bottom:.5em;font-weight:bold;color:#ffee95;} /* ----------------------------------- t01 Template -------------------------------------- */ body#t01 #content {} body#t01 #content h1 {} body#t01 #content h2 {} body#t01 #content h3 {} /* Special Region: ContentBox */ #content .contentbox {background-color:#f6f6f6;border:1px solid #999;;margin:20px;padding:20px;} #content .contentbox h2 {text-transform:uppercase;text-align:center;} #content .contentbox h2 span {display:block;font-size:12px;text-transform:none;} /* Special Region: FeatureBox */ #content .featurebox div {background-color:#297c89;color:#fff;margin:20px;padding:20px; text-align:center;} #content .featurebox div h2 {background-color:#297c89;color:#fff; text-align:center;font-weight:bold;font-size:110%;} #content .featurebox div a {color:#ffee95} /* Special Region: FeatureBox 2 */ #content .featurebox-2 div {background-color:#eee;color:#333;margin:20px;padding:20px; text-align:center;} #content .featurebox-2 div h2 {background-color:#eee;color:#333; text-align:center;font-weight:bold;font-size:110%;} #content .featurebox-2 div a {color:color:#0000FF;} /* Special Region: PromoBox */ #content .promobox {background-color:#297c89;color:#fff; border:1px solid #ccc;margin:20px;padding:20px;text-align:center;font-weight:bold;font-size:110%;} #content .promobox a {color:#ffee95} #content .promosidebox {background-color:#ffee95;color:#000; border:2px solid #056905;margin:20px;padding:20px;text-align:center;font-weight:normal;font-size:110%;} #content .promosidebox a {color:#056905} /* Special Region: Newsletter */ #content .newsletter_signup {float:right;width:160px;padding:40px;margin:20px;border:1px dotted #297c89;} /* Special Region: Standard Data Table (Small) */ #content table.standardDataTable {} #content table.standardDataTable th {font-size:9px;font-weight:bold;text-transform:uppercase;background-color:#fff;text-align:left;} #content table.standardDataTable td {font-size:9px;padding:3px;text-align:left;} /* Special Region: Standard Data Table (Medium) */ #content table.standardDataTable_Medium {margin:1.5em 0;width:99%;border:1px solid #eee;} #content table.standardDataTable_Medium th {padding:5px 10px;font-weight:bold;text-transform:uppercase;background-color:#eee;text-align:left;vertical-align:top;border-bottom:1px solid #999;} #content table.standardDataTable_Medium th.form-subheading {text-align:center;background-color:#666;color:#eee;} #content table.standardDataTable_Medium td {padding:5px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #eee;} /* Special Region: Order Table */ #content table.ordertable {margin:0px 0 20px 0;width:99%;border:1px solid #eee;} #content table.ordertable th {padding:5px 10px;font-weight:bold;text-transform:uppercase;color:#fff;text-align:left;vertical-align:middle;border-bottom:1px solid #999;font: bold normal normal 12px Arial, Helvetica, sans-serif;text-align:center;background:#000000 url(../skins/2010/bg-order-options.jpg) bottom left no-repeat;} #content table.ordertable th a {color:#fff;} #content table.ordertable td {padding:5px 10px;text-align:left;vertical-align:middle;;border-bottom:1px solid #999;background-color:#f6f6f6; font: normal normal normal 12px Arial, Helvetica, sans-serif;color:#444;} #content table.ordertable td a {color:#000;} #content table.ordertable th.colTitle {width:20%;border-right:2px solid white;} #content table.ordertable th.colDescription {width:45%;border-right:2px solid white;} #content table.ordertable th.colPrice {width:15%;border-right:2px solid white;} #content table.ordertable th.colClubPrice {width:20%;border-right:2px solid white;background:#060 none;} #content table.ordertable th.colClubPrice a {font-size:9px;} #content table.ordertable td.dTitle {background-color:#eee;text-transform:uppercase;color:#000;font-weight:bold;} #content table.ordertable td.dDescription {background-color:#fff;} #content table.ordertable td.dDescription strong {text-transform:uppercase;color:#060;} #content table.ordertable td.dPrice {text-align:center;} #content table.ordertable td.dClubPrice {text-align:center;background-color:#CFC;color:#060;font-weight:bold;} #order-options {width:740px;height:40px;background:#000000 url(../skins/2010/bg-order-options.jpg) top center no-repeat; color:#fff;;text-transform:uppercase;padding-top:20px;font: bold normal normal 24px Arial, Helvetica, sans-serif;text-align:center;margin-bottom:0;} #finance-options {width:740px;height:90px;margin-bottom:20px;} #club-discount-courses {width:740px;height:90px;} /* Special Region: Course videos previews */ #course-video {float:right !important;margin:0 0 20px 20px !important;} /* Special Region: Course intro */ #intro-courses {margin-bottom:20px;} /* Special Region: Endorsements */ #content table#endorsements {border-color: #600;border-style: solid;border-width: 1px 1px 1px 1px;border-spacing: 0;border-collapse: collapse;font-size:11px;} #content table#endorsements td {border-color: #600;border-style: solid;margin: 0;padding: 4px;border-width: 1px 1px 1px 1px;vertical-align:middle;} #content table#endorsements td.endorsed {background-color:#CCFFCC;} #content table#endorsements td.events {background-color:#f6f6f6;} /* Special Region: Schedules */ #content table.schedules {border-color: #fff;border-style: solid;border-width: 5px 5px 5px 5px;border-spacing: 0;border-collapse: collapse;font-size:11px;background-color:#fff;} #content table.schedules th {padding:5px 10px;font-weight:bold;text-transform:uppercase;background-color:#333;color:#fff;text-align:left;vertical-align:top;border-bottom:1px solid #999;text-align:center;font-size:12px;} #content table.schedules td {border-color: #333;border-style: solid;margin: 0;padding: 4px;border-width: 1px 1px 1px 1px;vertical-align:middle;} /* Special Region: Colt Starting Challenge */ #colt-starting-results span.p1 {padding:2px;background-color:#FFEC8B;font: bold normal normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;} #colt-starting-results span.p2 {padding:2px;background-color:#eeeeee;font: bold normal normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;} #colt-starting-results span.p3 {padding:2px;background-color:#DCA570;font: bold normal normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;} #colt-starting-results table {margin-bottom:2em;} #colt-starting-results table th {padding:5px;background-color:#297c89;color:#fff;text-transform:uppercase;font: bold normal normal 12px Arial, Helvetica, sans-serif;text-align:center;border:1px solid #fff;} #colt-starting-results table td {padding:3px;background-color:#dfffff;text-transform:uppercase;font: bold normal normal 11px Arial, Helvetica, sans-serif;text-align:center;border:1px solid #fff;} #colt-starting-results table td.p1 {background-color:#FFEC8B;} #colt-starting-results table td.p2 {background-color:#eeeeee;} #colt-starting-results table td.p3 {background-color:#DCA570;} #colt-starting-results table tr.event-total td {background-color:#5daab8; color:#fff;} #colt-starting-results table tr.overall-total td {background-color:#297c89;color:#fff;} #colt-starting-results table tr.event-total th {background-color:#5daab8; color:#fff;text-align:right;} #colt-starting-results table tr.overall-total th {background-color:#297c89;color:#fff;text-align:right;} #colt-starting-results table tr.event-total td.p1 {color:#FFEC8B;font-size:16px;} #colt-starting-results table tr.event-total td.p2 {color:#eeeeee;font-size:16px;} #colt-starting-results table tr.event-total td.p3 {color:#DCA570;font-size:16px;} #colt-starting-results table tr.overall-total td.p1 {color:#FFEC8B;font-size:16px;} #colt-starting-results table tr.overall-total td.p2 {color:#eeeeee;font-size:16px;} #colt-starting-results table tr.overall-total td.p3 {color:#DCA570;font-size:16px;} /* Special Region: Instructors */ #content .instructor {margin:5px; padding:5px; border:1px dotted #666; font-size:.9em;} #content .instructor h3 {font-weight:bold; color:#660000; font-size:1.2em; margin-bottom:0px; margin-top:0px;} #content .instructor div.endorsed {color:#660000; font-size:1em; margin-bottom:6px; margin-top:0px;} #content .instructor div.numclass {color:#660000; font-size:1em; margin-bottom:6px; margin-top:0px;} #content .instructor img.portrait {float:left; margin-right:10px;} /* Special Region: Holiday Special */ .holiday-special {background:#ffffff url(../images/bg-holiday-special.jpg) top left no-repeat;padding:140px 20px 20px 130px;border:5px dashed #C00;min-height:638px;} .holiday-special .discounts {float:right;width:290px;text-transform:uppercase;font-size:12px;font-family:arial, Arial, Helvetica, sans-serif} .holiday-special .training {float:left;width:290px;text-transform:uppercase;font-size:14px;font-family:arial, Arial, Helvetica, sans-serif;} .holiday-special h2 {text-transform:uppercase;color:#C00;} .holiday-special h3 {text-transform:uppercase;background-color:#C00;color:#fff;text-align:center;margin-bottom:10px;} .holiday-special h4 {text-transform:uppercase;color:#C00;font-size:14px;font-family:arial, Arial, Helvetica, sans-serif;text-align:center;text-decoration:underline;} .holiday-special div.promosidebox {background-color:#eee !important;border:none !important;} /* Special Region: Specials */ .specials {background:#ffffff url(../images/bg-specials.jpg) top left no-repeat;padding:140px 20px 20px 130px;border:5px dashed #695c3e;min-height:638px;} .specials .discounts {float:right;width:290px;text-transform:uppercase;font-size:12px;font-family:arial, Arial, Helvetica, sans-serif} .specials .training {float:left;width:290px;text-transform:uppercase;font-size:14px;font-family:arial, Arial, Helvetica, sans-serif;} .specials h2 {text-transform:uppercase;color:#695c3e;} .specials h3 {text-transform:uppercase;background-color:#695c3e;color:#fff;text-align:center;margin-bottom:10px;} .specials h4 {text-transform:uppercase;color:#695c3e;font-size:14px;font-family:arial, Arial, Helvetica, sans-serif;text-align:center;text-decoration:underline;} .specials div.promosidebox {background-color:#eee !important;border:none !important;} /* player container */ div.player { height:240px; width:320px; border:2px solid #fff; outline:1px solid #333; -moz-outline-radius:4px; cursor:pointer; float:left; text-align:center; margin-right:15px; margin-bottom:15px; } /* play button */ div.player img { margin-top:67px; } /* info area */ div.player div.info { height:70px; background:#000 url(http://www.reisranch.com/images/h80.png) repeat-x; opacity:0.7; color:#fff; text-align:left; padding:5px 15px; font-family:"Verdana","Arial","Helvetica"; font-size:11px; border-top:1px solid #ccc; margin-top:10px; } /* duration data inside info area */ div.player div.info span { color:#99FFFF; display:block; font-weight:normal; font-size:10px; line-height:12px; }