/* start reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/*vertical-align: baseline;*/
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* end reset styles */
a {
outline: none;
}
/*
Description: Style Sheet for http://www.lilwat.ca
Version: 2.0
Author: Jacques Choquette
Author URI: http://www.whistlerwebandprint.com
*/
/* Main content styling */
html, body {
height: 100%;
}
body {
background-attachment: scroll;
background-color: #F8F8F8 !important;
background-image: url(/images/common/bodybg.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#wrapper {
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -123px; /* the bottom margin is the negative value of the footer's height *//*background-color:#f2f1f0;*/
background-color:#FFF;
background-image:url(/images/common/content-area-bg.jpg);
background-repeat:repeat-y;
}
#topBar {
height: 43px;
padding-left:0px
}
#globalLinks {
float:right;
text-align:center;
line-height:34px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:14px;
font-weight:bold;
text-shadow: 1px 1px 2px #fff;
}
#globalLinks a {
color:#000;
text-decoration:none;
text-shadow: 1px 1px 2px #fff;
}
#globalLinks a:hover {
color:#a80532;
text-decoration:none;
text-shadow: 1px 1px 1px #fff;
}
#header {
background-color: #000;
height: 143px;/*height: 207px;*/
background-image: url(/images/common/headerbg2.jpg);
}
#navWrapper {
width:351px;
margin-left:570px;
margin-top:15px;
z-index:99;
position:absolute;
}
#brandingWrapper {
width:141px;
margin-left:15px;
margin-top:10px;
z-index:97;
position:absolute;
height: 122px;
overflow:hidden
}
h1.branding {
width: 351px;
height: 210px;
text-indent: -9999px;
cursor:pointer;
}
#facebookTopWrapper {
width:38px;
margin-left:865px;
margin-top:105px;
z-index:95;
position:absolute;
height: 35px;
overflow:hidden;
}
h1.facebookTopLink {
width: 38px;
height: 35px;
text-indent: -9999px;
cursor:pointer;
}
#twitterTopWrapper {
width:38px;
margin-left:905px;
margin-top:105px;
z-index:94;
position:absolute;
height: 35px;
overflow:hidden;
}
h1.twitterTopLink {
width: 38px;
height: 35px;
text-indent: -9999px;
cursor:pointer;
}
#hero-image-rotator {
width:960px;
height:400px;
overflow:hidden;
background-color:#999;
}
#page-banner {
width:960px;
height:157px;
}
#sidebar {
width:226px;
margin-right:20px;
float:right;
margin-top:50px;
}
#sidebar table tr td {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#unique-content {
/* background-color:#0CF;*/
margin: 0px 265px 0 0px; /* the left margin on this div element creates the column down the left side of the page*/
padding: 0 25px 0px 24px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#price-guarentee {
float:right;
height:51px;
width:115px;
margin-right:20px;
margin-top:10px;
}
#package-rotator {
height:240px;
width:240px;
}
hero-image-rotator {
height:960px;
width:450px;
overflow:hidden;
}
#testimonial-rotator {
height:344px;
width:240px;
background-color:#FFF;
margin-bottom:20px;
}
#fixFloats {
clear:both;
}
.noboarder {
border:none;
}
/* end call to action styles */
.greyText {
color:#7d7e7f !important
}
.greenText {
color:#02af80 !important
}
.redText {
color:#e44126 !important
}
.blueText {
color:#3d66ae !important
}
.orangeText {
color:#e34126 !important
}
.lmargin20 {
margin-left:20px;
}
.lmargin30 {
margin-left:30px;
}
.Bmargin15 {
margin-bottom:15px;
}
.TopMargin20 {
margin-top:20px;
}
.ZeroBottomMargin {
margin-bottom:0;
}
.ZeroTopMargin {
margin-top:0
}
.ZeroMarginZeroPad {
margin:0 !important;
padding:0 !important;
}
.floatLeft {
float:left !important
}
.floatRight {
float:Right !important
}
/* font tags */
@font-face {
font-family: 'UnderscriptITCStdRegular';
src: url('/fonts/UnderscriptITCStd.eot');
src: local('Underscript ITC Std Regular'), local('UnderscriptITCStd'), url('/fonts/UnderscriptITCStd.otf') format('opentype');
}
#unique-content h1, #sidebar h2, .col279 h1, #home-bottom h1 {
color: #fff;
font-size: 13px;
font-family :"UnderscriptITCStdRegular", Tahoma, Geneva, sans-serif;
line-height:18px;
margin-bottom:21px;
font-weight:normal;
text-transform:uppercase;
}
#unique-content h2, #sidebar h2, #unique-content .col279 h1, #home-bottom h1 {
margin-bottom:10px;
}
#unique-content h2 a, #sidebar h2 a, #unique-content h2 a:visited, #sidebar h2 a:visited, #unique-content h3 a, #sidebar h3 a, #unique-content h3 a:visited, #sidebar h3 a:visited {
text-decoration:none;
color: #4b990e;
;
}
#unique-content h2 a:hover, #sidebar h2 a:hover, #unique-content h3 a:hover, #sidebar h3 a:hover {
text-decoration:underline;
}
#unique-content {
padding-top:15px;
}
#home-bottom p, .col279 p {
color:#FFF !important;
}
#home-bottom
{
background-image:url(/images/common/HomepageBGbottom.jpg);
background-repeat: no-repeat;
padding: 20px 30px 0px 30px;
min-height:134px;
}
#sidebarSubPage {
margin-top:75px;
}
#pageCopy {
padding: 15px 0 0 20px;
}
#unique-content p, #home-bottom p {
color: #666666;
font-size: 12px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:12px;
}
#sidebar ul {
color: #fff;
font-size: 12px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
list-style:disc;
margin-left:18px;
}
#sidebar ul li a {
color:#fff;
text-decoration:none;
}
#sidebar ul li a:hover {
text-decoration:underline;
color:#8c0b05;
}
#unique-content ul {
color: #414141;
font-size: 12px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
list-style:disc;
margin-left:18px;
margin-bottom:30px;
}
#unique-content h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-bottom:.5em;
line-height:18px;
color: #414141;
}
#unique-content a {
color:#990000;
text-decoration:underline;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
#unique-content a:hover {
text-decoration:none;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}
.col600 {
float:left;
width:600px;
}
.col279 {
float:left;
width:279px;
margin:0 0 0 0px;
}
#footer, #push {
width: 960px;
height: 123px; /* .push must be the same height as footer and value found in the wrapper margin*/
margin: auto;
}
#footer {
font-family: Helvetica, Arial, sans-serif;
color:#fff;
font-size: 11px;
background-image: url(/images/common/footerBg.png);
background-repeat: no-repeat;
line-height:14px;
}
#footer #footerContent {
/*padding: 20px 0px 0 0px;*/
}
#footer #footerContent #footerLeft {
padding: 80px 0px 0 27px;
float:left;
}
#footer #footerContent #footerRight {
padding: 65px 10px 0px 0px;
float:right;
}
#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.noUnderline a:hover, .noUnderline a {
text-decoration:none;
cursor: default
}
/* Empty Jquery Selectors for autocomplete */
}
.rollover {
}
/* End Empty Jquery Selectors for autocomplete */
#sidebar hr {
color:#fff;
margin-bottom:15px;
margin-top:15px;
}
a.active {
text-decoration:underline !important;
}
a.active:hover {
text-decoration:underline !important;
}
.col600 img {
margin-right:15px;
margin-bottom:7px;
margin-top:4px;
float:left;
}
.content-block img {
border:1px solid #C0C0C0;
padding:3px;
float:left;
margin-right:10px;
}
.rightSide {
border:1px solid #C0C0C0;
padding:3px;
float:right !important;
margin-left:15px !important;
}
/*
-----------------------------------------------------
Superfish menu with image replacement
-----------------------------------------------------
*/
/*** ESSENTIAL STYLES ***/
.sf, .sf * {
margin: 0;
padding: 0;
list-style: none;
}
.sf {
line-height:1.0;
}
/*.sf ul {*/
.sf li ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf ul li {
width:100%;
}
.sf li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf li {
float:left;
position:relative;
}
.sf a {
display:block;
position:relative;
}
.sf li:hover ul, .sf li.sfHover ul {
left:3px;
top:43px; /* where to start sub menu (match height of button image) */
width:10em; /* how wide the sub-menus should be when javascript is disabled. don't forget left margin for level 3! */
z-index:99;
}
ul.sf li:hover li ul, ul.sf li.sfHover li ul {
top:-999em;
}
ul.sf li li:hover ul, ul.sf li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
ul.sf li li:hover li ul, ul.sf li li.sfHover li ul {
top:-999em;
}
ul.sf li li li:hover ul, ul.sf li li li.sfHover ul {
left:10em; /* match ul width */ /* this one seems to get ignored?? */
top:0;
}
/*** CUSTOM SKIN ***/
.sf {
float: left;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0; /* determines the margin under the menu */
}
/* top */
.sf a {
text-decoration:none
}
/* image replace v2 */
#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b1_footer, #b2_footer, #b3_footer, #b4_footer, #b5_footer, #b6_footer, #b7_footer, #b8_footer, #b9_footer, #b10_footer, #b11_footer {
overflow:hidden;
height:43px;
} /* set button dimensions and hide top level text if it is scaled larger than those dimensions */
#b1 em, #b2 em, #b3 em, #b4 em, #b5 em, #b6 em, #b7 em, #b8 em, #b9 em, #b10 em, #b11 em, #b1_footer em, #b2_footer em, #b3_footer em, #b4_footer em, #b5_footer em, #b6_footer em, #b7_footer em, #b8_footer em, #b9_footer em, #b10_footer em, #b11_footer em {
background:transparent url(/images/common/topNav.gif) no-repeat 0 0;
cursor:pointer;
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
} /* display block actually makes it show up, position absolute makes it overlay the text */
#b1 em, #b1_footer em {
background-position:0 0
}
#b2 em, #b2_footer em {
background-position:-80px 0
}
#b3 em, #b3_footer em {
background-position:-255px 0
}
#b4 em, #b4_footer em {
background-position:-350px 0
}
#b5 em, #b5_footer em {
background-position:-535px 0
}
#b6 em, #b6_footer em {
background-position:-745px 0
}
#b7 em, #b7_footer em {
background-position:-860px 0
}
a#b1:hover em, a#b1_footer:hover em {
background-position: 0 -43px
}
a#b2:hover em, a#b2_footer:hover em {
background-position:-80px -43px
}
a#b3:hover em, a#b3_footer:hover em {
background-position:-255px -43px
}
a#b4:hover em, a#b4_footer:hover em {
background-position:-350px -43px
}
a#b5:hover em, a#b5_footer:hover em {
background-position:-535px -43px
}
a#b6:hover em, a#b6_footer:hover em {
background-position:-745px -43px
}
a#b7:hover em, a#b7_footer:hover em {
background-position:-860px -43px
}
/* set active states */
a#b1.btn_active em, a#b1_footer.btn_active em {
background-position: 0 -43px
}
a#b2.btn_active em, a#b2_footer.btn_active em {
background-position:-80px -43px
}
a#b3.btn_active em, a#b3_footer.btn_active em {
background-position:-255px -43px
}
a#b4.btn_active em, a#b4_footer.btn_active em {
background-position:-350px -43px
}
a#b5.btn_active em, a#b5_footer.btn_active em {
background-position:-535px -43px
}
a#b6.btn_active em, a#b6_footer.btn_active em {
background-position:-745px -43px
}
a#b7.btn_active em, a#b7_footer.btn_active em {
background-position:-860px -43px
}
/* end of image replace */
/* subs */
.sf li ul a {
/* jc comment border-top: 0px solid #eae2db;
border-right: 0px solid #817162;
border-bottom: 0px solid #817162;
border-left: 0px solid #fff; */
padding: 8px .5em; /* adjust arrow positioning when this is modified */
}
/* top */
.sf a, .sf a:visited { /* visited pseudo selector so IE6 applies text color */
color: #000;
color:#0ff;
font-size: 1em;
text-indent:-20px; /* not nearly enough, but so you can see what's going on */
text-indent:-999px;
}
/* subs */
.sf li ul a, .sf li ul a:visited {
color: #666;
font-size: 12px;
text-indent:4px; /* we need to do this otherwise the value from the top level is inherited (bad) */
font-family :Tahoma, Geneva, sans-serif;
text-decoration:none;
font-weight:bold;
}
/* subs subs */
.sf li li li a, .sf li li li a:visited {
color: #fff;
font-size: 12px;
text-indent:4px; /* we need to do this otherwise the value from the top level is inherited (bad) */
font-family :Tahoma, Geneva, sans-serif;
text-decoration:none;
font-weight:bold;
}
/* this modifies the background color of the top level */
.sf li {
background:#edeff0;
}
/* background - second level */
.sf li li {
background:#edeff0;
}
/* background - third level */
.sf li li li {
background:#990000;
}
*/ /* if you don't specify, it will be styled the same as the second level
/* hover stuff - top level */
.sf li:hover, .sf li.sfHover, .sf a:focus, .sf a:hover, .sf a:active {
/*background: red;*/
outline: 0;
}
/* NEW----- 12/21/08
Keep the top button "pressed" while hovering over sub menu
DISCLAIMER: This will NOT work in older browsers like IE6. Deal with it :)
*/
li:hover > a#b1 em, li.sfHover > a#b1 em {
background-position: 0 -43px
}
li:hover > a#b2 em, li.sfHover > a#b2 em {
background-position:-80px -43px
}
li:hover > a#b3 em, li.sfHover > a#b3 em {
background-position:-255px -43px
}
li:hover > a#b4 em, li.sfHover > a#b4 em {
background-position:-350px -43px
}
li:hover > a#b5 em, li.sfHover > a#b5 em {
background-position:-535px -43px
}
li:hover > a#b6 em, li.sfHover > a#b6 em {
background-position:-745px -43px
}
li:hover > a#b7 em, li.sfHover > a#b7 em {
background-position:-860px -43px
}
/* ------------------------------------------------------------------------ */
/* hover for subs */
.sf li ul li:hover, .sf li ul li.sfHover, .sf li ul a:focus, .sf li ul a:hover, .sf li ul a:active {
background:#990000;
outline:0;
color:#FFF;
text-decoration:none;
}
a.keepWhite {
color:#FFF !important;
}
/*** arrows ***/
/* modified to omit arrows from top level but include in subs */
/* only add padding to the sub menu(s) since we don't want arrows on the top layer */
.sf li ul a.sf-with-ul {
padding-right:1.5em;
padding-right:1em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
background:none;
display:block;
width:0;
height:0;
overflow:hidden;
} /* overflow:hidden - hides the double arrow that gets inserted! */
.sf li ul a .sf-sub-indicator {
/*background:url('/images/r-arrow.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
background:url(/images/arrows-ffffff.png) no-repeat; /* custom image with right-arrow -> only */
display:block;
height:10px;
overflow:hidden;
position:absolute;
right:.2em; /* how far from the right to show the arrow (originally .5em) */
text-indent:-999em;
top:.6em; /*** IE6 ***/
width:10px;
}
.sf li ul a > .sf-sub-indicator {
top:8px;
} /* IE6 doesn't understand the child selector, so adjust the value for all other browsers */
/* point right for anchors in subs */
.sf li ul a .sf-sub-indicator {
background-position:-8px 0;
}
.sf li ul a > .sf-sub-indicator {
background-position:0 0;
}
/* apply hovers to modern browsers */
.sf ul a:focus > .sf-sub-indicator, .sf ul a:hover > .sf-sub-indicator, .sf ul a:active > .sf-sub-indicator, .sf ul li:hover > a > .sf-sub-indicator, .sf ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
/* disabled using {dropShadows:false} in script */
.sf-shadow ul {
background: url('/images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*end super fish menu styles*/
#page-content-wrapper {
background-image:url(/images/common/SubPageBodyBG.jpg);
background-repeat:no-repeat;
}
#pageCopy p img {
border:1px solid #C0C0C0;
padding:1px;
margin-bottom:3px;
float:left;
margin-right:15px;
}
.tableText
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#fff;
}
.tableGrey1
{
background-color:#666;
}
.tableGrey2
{
background-color:#999;
}
.NewsHeader
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#666;
}
.NewsHeaderWrapper
{
border-bottom: 1px;
border-color:#999;
border-bottom-style:dashed;
margin-bottom: 10px;
}
.NewsHeaderWrapperInitial
{
border-top: 1px;
border-bottom: 1px;
border-color:#999;
border-style:dashed;
margin-bottom: 10px;
padding-top: 5px;
}
.NewsHeaderWrapper
{
border-bottom: 1px;
border-color:#999;
border-bottom-style:dashed;
margin-bottom: 10px;
}
.NewsHeader H2
{
font-size:12px;
color:#666;
margin-bottom:5px;
font-weight:bold;
}
.NewsHeader H5
{
font-size:12px;
color:#999;
margin-bottom:15px;
}
.multimediaButtons
{
margin-bottom: 10px;
width: 600px;
}
.multimediaButtons img
{
margin-left: 10px;
}
.homepageImage
{
margin-left: 15px;
margin-top: 10px;
border: 0px;
}
.homepagePDFIcon
{
margin-left: 15px;
}
.homepagePDFText
{
width:270px;
}
/*---Video library---*/
.videowrapper
{ width: 600px;
float:left;
height: 200px;
border-bottom: 1px;
border-color:#999;
border-bottom-style:dashed;
margin-bottom: 10px;
}
.videowrapper img {
border:none;
float:left;
}
.videoTitle{
font-family:Arial, Helvetica, sans-serif;
}
.videoTitle H2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
margin-bottom:5px;
font-weight:bold;
}
.videoTitle H5
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
margin-bottom:10px;
margin-top:5px;
}