html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #e3e2de url('../images/front_bg1.jpg') repeat-x top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Body Containers ##
############################################################################*/
#headerContainer { position: absolute; width: 100%; min-height: 465px; margin: 0; padding: 0; background: url('../images/front_bg2.jpg') no-repeat top center; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 972px; margin: 0; padding: 0 14px 0 18px; }
#header #identity { width: 720px; margin: 0; padding: 0; }
#header #identity #topleft { width: 720px; margin: 0; padding: 0; }
/*###########################################
## Logo ##
###########################################*/
#header #identity #logo { width: 412px; margin: 0; padding: 0; }
#header #identity #logo .columns { width: 412px; height: 110px; margin: 0; padding: 0; }
#header #identity #logo .columns .left { width: 22px; height: 110px; margin: 0; padding: 0; background: url('../images/front_logo_left.jpg') no-repeat top left; }
#header #identity #logo .columns .middle { width: 368px; height: 110px; margin: 0; padding: 0; background: url('../images/front_logo.jpg') no-repeat top left; }
#header #identity #logo .columns .middle h1 { margin: 0; padding: 0; width: 368px; height: 92px; }
#header #identity #logo .columns .middle h1 a { width: 368px; height: 92px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #identity #logo .columns .right { width: 22px; height: 110px; margin: 0; padding: 0; background: url('../images/front_logo_right.jpg') no-repeat top left; }
/*###########################################
## Subnav ##
###########################################*/
#header #identity #subnav { width: 292px; margin: 0; padding: 16px 0 0 16px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#header #identity #subnav a { color: #56b2ff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#header #identity #subnav a:hover { color: #ffffff; text-decoration: underline; }
/*###########################################
## Navigation ##
###########################################*/
#header #identity #navigation { width: 700px; height: 32px; margin: 0; padding: 0 0 0 20px; background: url('../images/front_navbg.jpg') no-repeat top left; }
#header #identity #navigation ul { list-style: none; margin: 0; padding: 0; }
#header #identity #navigation ul li { float: left; margin: 0; padding: 0 16px 0 0; background: url('../images/front_nav_div.png') no-repeat top right; }
#header #identity #navigation ul .last { background: none; }
#header #identity #navigation ul li h2 { margin: 0; padding: 0; }
#header #identity #navigation ul li h2 a { color: #ffffff; font-size: 1.4em; letter-spacing: -0.05em; line-height: 20px; text-decoration: none; }
#header #identity #navigation ul li h2 .more { padding: 0 17px 0 0; background: url('../images/front_nav_dropdown.png') no-repeat top right; }
#header #identity #navigation ul li h2 sup { font-size: 0.6em; }
/*###########################################
## Stores ##
###########################################*/
#header #stores { width: 252px; margin: 0; padding: 0; }
#header #stores .columns { width: 252px; height: 142px; margin: 0; padding: 0; }
#header #stores .columns .left { width: 11px; height: 142px; margin: 0; padding: 0; background: url('../images/front_stores_left.jpg') no-repeat top left; }
#header #stores .columns .middle { width: 200px; height: 97px; margin: 0; padding: 45px 10px 0 10px; background: url('../images/front_stores.jpg') no-repeat top left; }
#header #stores .columns .middle form { margin: 0; padding: 0; }
#header #stores .columns .middle .medicare { width: 220px; margin: 5px 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: bold; letter-spacing: -0.05em; line-height: 14px; }
#header #stores .columns .middle .medicare strong { margin: 0 0 0 5px; color: #ffde00; font-size: 13px; }
#header #stores .columns .middle .medicare b { color: #ffffff; font-size: 16px; }
#header #stores .columns .middle .medicare span { color: #ffffff; font-size: 14px; font-weight: normal; }
#header #stores .columns .middle .medicare a { color: #ffffff; font-size: 12px; letter-spacing: -0.05em; line-height: 14px; }
#header #stores .columns .middle .columns { width: 200px; height: 50px; margin: 0; padding: 0; }
#header #stores .columns .middle .columns .for { width: 146px; margin: 0; padding: 0; }
#header #stores .columns .middle .columns .for a { margin: 0 0 0 14px; padding: 0; color: #eaa7ff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#header #stores .columns .middle .columns .for a:hover { text-decoration: underline; }
#header #stores .columns .middle .columns .for input { border: 0; width: 122px; height: 20px; margin: 0 0 1px 0; padding: 6px 10px 0 14px; color: #000000; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; background: url('../images/front_stores_input.jpg') no-repeat top left; }
#header #stores .columns .middle .columns .submit { width: 54px; height: 26px; margin: 0; padding: 0; }
#header #stores .columns .right { width: 20px; height: 142px; margin: 0; padding: 0; background: url('../images/front_stores_right.jpg') no-repeat top left; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Promotions ##
############################################################################*/
#promotions { width: 972px; margin: 0; padding: 0 12px 0 19px; }
#promotions .left { width: 20px; height: 271px; margin: 0; padding: 0; background: url('../images/front_promo_left.jpg') no-repeat top left; }
#promotions #slider { width: 710px; height: 271px; margin: 0; padding: 0; background: url('../images/front_promo.jpg') no-repeat top left; }
#promotions #rx { width: 220px; height: 271px; margin: 0; padding: 0; background: url('../images/front_rx.jpg') no-repeat top left; text-align: center; }
#promotions #rx h2 { margin: 0 0 15px 0; padding: 7px 0 12px 0; color: #ffffff; font-size: 2.0em; letter-spacing: -0.05em; line-height: 24px; background: url('../images/front_rx_div1.jpg') no-repeat bottom center; }
#promotions #rx h4 { margin: 0 0 0 22px; padding: 0; text-align: left; line-height: 18px; }
/*
#promotions #rx h4 a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#promotions #rx h4 a:hover { text-decoration: underline; }
#promotions #rx h4 .pink { color: #ff4a43; }
*/
#promotions #rx h4.twitter { margin-top: 30px; margin-bottom: 10px; width: 104px; height: 24px; }
#promotions #rx h4.twitter a { background: url('../images/twitter.png') no-repeat top left; width: 104px; height: 24px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#promotions #rx h4.facebook { width: 124px; height: 28px; }
#promotions #rx h4.facebook a { background: url('../images/facebook.png') no-repeat top left; width: 124px; height: 28px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#promotions #rx ul { list-style: none; width: 195px; margin: 0 13px 10px 12px; padding: 0 0 5px 0; text-align: center; background: url('../images/front_rx_div2.jpg') no-repeat bottom left; }
#promotions #rx ul li { width: 165px; margin: 0 0 15px 10px; padding: 0 0 0 20px; text-align: left; background: url('../images/front_rx_star.png') no-repeat 0px 3px; }
#promotions #rx ul li b { font-size: 1.2em; }
#promotions #rx ul li a { color: #ffffff; font-size: 1.6em; letter-spacing: -0.05em; line-height: 24px; }
/*###########################################
## Main Promo Slider ##
###########################################*/
#promotions #slider #homeSlider { display: block; position: relative; z-index: 10; width: 710px; margin: -29px 0 0px 0; padding: 0; top: 0; left: 0; }
#promotions #slider .sliderPhoto { width: 520px; height: 270px; margin: 0; padding: 0; }
#promotions #slider .sliderDetails { width: 170px; height: 260px; margin: 0; padding: 10px 10px 0 10px; background: url('../images/front_slider_right.jpg') no-repeat top left; }
#promotions #slider .sliderDetails .sliderSpace { width: 170px; margin: 0; padding: 0; }
#promotions #slider #sliderNav { margin: 0; padding: 0; z-index: 20; position: relative; top: 238px; left: 532px; width: 150px; min-height: 30px; text-align: left; }
#promotions #slider #sliderNav a { display: inline-block; width: 20px; height: 17px; background: url('../images/front_slider_p.jpg') no-repeat top left; padding: 3px 0 0 1px; height: 18px; margin: 0 5px 0 0; color: #5a9aff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-align: center; }
#promotions #slider #sliderNav a:hover { text-decoration: underline; }
#promotions #slider #sliderNav a.activeSlide { color: #ffffff; font-size: 12px; font-weight: bold; background: #033b74; }
#promotions #slider .sliderDetails .sliderDesc { width: 170px; margin: 0; padding: 0 0 0 0; }
#promotions #slider .sliderDetails .sliderDesc h2 { margin: 0 0 5px 0; padding: 0; height: auto; color: #80ef2e; font-size: 1.5em; letter-spacing: -0.05em; line-height: 20px; }
#promotions #slider .sliderDetails .sliderDesc h4 { margin: 0; padding: 0; height: auto; color: #ffffff; font-size: 1.5em; font-weight: bold; letter-spacing: -0.05em; line-height: 20px; }
#promotions #slider .sliderDetails .sliderDesc h4 a { color: #ffffff; font-size: 0.8em; letter-spacing: -0.05em; line-height: 20px; }
#promotions #slider .sliderDetails .sliderDesc p { width: 160px; margin: 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-align: left; }
#promotions #slider .sliderDetails .sliderDesc a { color: #de2c27; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#promotions #slider .sliderDetails .sliderDesc a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#bodyContent { width: 972px; margin: 0 0 -15px 0; padding: 0 14px 0 18px; }
#bodyContent #leftCap { width: 11px; height: 260px; margin: 0; padding: 0; background: url('../images/front_body_left.jpg') no-repeat top left; }
#bodyContent #rightCap { width: 11px; height: 260px; margin: 0; padding: 0; background: url('../images/front_body_right.jpg') no-repeat top left; }
#bodyContent .body { width: 910px; min-height: 200px; margin: 0; padding: 25px 20px 20px 20px; }
#bodyContent .body .left { width: 700px; margin: 0; padding: 0; }
#bodyContent .body .right { width: 210px; margin: 0; padding: 0; }
/*###########################################
## Promo Boxes ##
###########################################*/
#bodyContent .promo { float: left; margin: 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 17px; }
#bodyContent .blue { background: url('../images/front_promo_blue.jpg') repeat top left; }
#bodyContent .purple { background: url('../images/front_promo_purple.jpg') repeat top left; }
#bodyContent .green { background: url('../images/front_promo_green.jpg') repeat top left; }
#bodyContent .small { width: 150px; min-height: 150px; margin: 0 8px 0 0; padding: 10px 15px 15px 15px; }
#bodyContent .medium { width: 180px; min-height: 150px; margin: 0 8px 0 0; padding: 10px 15px 15px 15px; }
#bodyContent .large { width: 255px; min-height: 150px; margin: 0 8px 0 0; padding: 10px 15px 15px 15px; }
#bodyContent .promo .sale h1 { float: left; margin: 0 0 0 0; padding: 0; width: 135px; color: #ffffff; font-size: 5.3em; letter-spacing: -0.05em; }
#bodyContent .promo .sale h2 { float: left; margin: 0; padding: 0; width: 45px; color: #ffffff; font-size: 1.1em; letter-spacing: -0.05em; text-transform: uppercase; }
#bodyContent .promo .sale p { clear: both; width: 180px; margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent .promo .product { line-height: 14px; }
#bodyContent .promo .product img { display: block; float: left; width: 100px; height: 100px; margin: 0 10px 5px 0; padding: 0; }
#bodyContent .promo .product h3 { margin: 0 0 3px 0; padding: 0; color: #ffffff; font-size: 1.4em; letter-spacing: -0.05em; }
#bodyContent .promo .product b { color: #eaa7ff; font-size: 12px; font-family: Trebuchet MS; }
#bodyContent .promo .product p { margin: 5px 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent .promo .product a { color: #eaa7ff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#bodyContent .promo .product a:hover { text-decoration: none; }
#bodyContent .promo .weekly { line-height: 14px; }
#bodyContent .promo .weekly h2 { margin: 0 0 3px 0; padding: 0; color: #ffffff; font-size: 1.4em; letter-spacing: -0.05em; }
#bodyContent .promo .weekly h2 a { margin: 0; padding: 0; color: #ffffff; font-size: 1.0em; letter-spacing: -0.05em; }
#bodyContent .promo .weekly h2 b { color: #acff5d; }
#bodyContent .promo .weekly h3 { margin: 0 0 3px 0; padding: 0; color: #ffffff; font-size: 1.4em; letter-spacing: -0.05em; }
#bodyContent .promo .weekly h4 { margin: -4px 0 10px 0; padding: 0; color: #ffffff; font-size: 1.1em; letter-spacing: -0.05em; }
#bodyContent .promo .weekly .divided { margin: 20px 0 0 0; padding: 10px 0 0 0; background: url('../images/promo_weekly_div.jpg') no-repeat top left; }
#bodyContent .promo .weekly #zipform { width: 150px; margin: 9px 0 0 0; padding: 0; }
#bodyContent .promo .weekly #zipform form { margin: 0; padding: 0; }
#bodyContent .promo .weekly #zipform .columns { width: 150px; height: 30px; margin: 0; padding: 0; }
#bodyContent .promo .weekly #zipform .columns .for { width: 106px; margin: 0; padding: 0; }
#bodyContent .promo .weekly #zipform .columns .for input { border: 0; width: 82px; height: 19px; margin: 0 0 1px 0; padding: 7px 10px 0 14px; color: #000000; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; background: url('../images/front_weekly_input.jpg') no-repeat top left; }
#bodyContent .promo .weekly #zipform .columns .submit { width: 39px; height: 26px; margin: 0; padding: 0; }
/*###########################################
## Time Sensitive Pieces ##
###########################################*/
#bodyContent .body .left #timeline { width: 700px; margin: 22px 0 0 0; padding: 0; }
/* Events */
#bodyContent .body .left #timeline #events { width: 200px; margin: 0 15px 0 0; padding: 0; }
#bodyContent .body .left #timeline #events h2 { margin: 0 0 15px 0; padding: 0; color: #ed0000; font-size: 1.6em; letter-spacing: -0.05em; line-height: 24px; }
#bodyContent .body .left #timeline #events h4 { margin: 0; padding: 0; color: #0460b8; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .body .left #timeline #events a { color: #0460b8; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .body .left #timeline #events a:hover { text-decoration: underline; }
#bodyContent .body .left #timeline #events ul { list-style: none; margin: 0; padding: 0; }
#bodyContent .body .left #timeline #events ul li { margin: 0 0 15px 0; padding: 0; }
#bodyContent .body .left #timeline #events ul li h3 { margin: 0; padding: 0; color: #46463f; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .body .left #timeline #events ul li h4 { margin: 0; padding: 0; color: #0460b8; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .body .left #timeline #events ul li p { margin: 0; padding: 0; color: #777770; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .body .left #timeline #events ul li a { color: #0460b8; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .body .left #timeline #events ul li a:hover { text-decoration: underline; }
/* Store Deals */
#bodyContent .body .left #timeline #deals { width: 485px; margin: 0; padding: 0; }
#bodyContent .body .left #timeline #deals .column { width: 484px; margin: 0 0 10px 0; padding: 0; background: url('../images/front_column_big_bg.jpg') repeat-y top left; text-align: left; }
#bodyContent .body .left #timeline #deals .column .big { width: 484px; min-height: 200px; margin: 0; padding: 0 0 10px 0; }
#bodyContent .body .left #timeline #deals .column .big h2 { margin: 0; padding: 0; height: 9px; background: url('../images/front_column_big_top.jpg') no-repeat top left; }
#bodyContent .body .left #timeline #deals .column .big .items { display: block; width: 484px; margin: 0; padding: 0; background: url('../images/front_column_big_bottom.jpg') no-repeat bottom left; }
#bodyContent .body .left #timeline #deals .column .big .items .item { display: block; width: 130px; margin: 0 0 0 1px; padding: 10px 15px 15px 15px; text-align: center; }
#bodyContent .body .left #timeline #deals .column .big .items .item h3 { margin: 0; padding: 0; height: auto; color: #484741; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-align: left; }
#bodyContent .body .left #timeline #deals .column .big .items .item h4 { margin: 0 0 4px 0; padding: 0; text-align: left; }
#bodyContent .body .left #timeline #deals .column .big .items .item img { border: 0; }
#bodyContent .body .left #timeline #deals .column .big .items .item p { margin: 0 0 6px 0; min-height: 20px; padding: 0; color: #84847c; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-align: left; }
#bodyContent .body .left #timeline #deals .column .big .items .item .small { font-size: 11px; }
#bodyContent .body .left #timeline #deals .column .big .items .item a { color: #007dd0; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: underline; }
#deals h4 span { color: #007dd0; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .body .left #timeline #deals .column .big .items .item a:hover { text-decoration: none; }
#bodyContent .body .left #timeline #deals .column .big .items .item b { color: #6b6b6b; font-size: 12px; font-weight: bold; }
#bodyContent .body .left #timeline #deals .column .big .items .item strong { color: #000000; font-size: 13px; font-weight: bold; }
/*###########################################
## Columns ##
###########################################*/
#bodyContent .body .right .column { width: 189px; margin: 0 0 10px 16px; padding: 0; background: url('../images/front_column_bg.jpg') repeat-y top left; text-align: center; }
#bodyContent .body .right .column .tall { width: 189px; min-height: 275px; margin: 0; padding: 0 0 15px 0; background: url('../images/front_column_tall_bottom.jpg') no-repeat bottom left; }
#bodyContent .body .right .column .short { width: 189px; min-height: 100px; margin: 0; padding: 0 0 10px 0; background: url('../images/front_column_short_bottom.jpg') no-repeat bottom left; }
#bodyContent .body .right .column .tall h2 { margin: 0; padding: 10px 0 5px 0; background: url('../images/front_column_top.jpg') no-repeat top left; color: #46463f; font-size: 1.2em; letter-spacing: -0.05em; line-height: 24px; }
#bodyContent .body .right .column ul { list-style: none; margin: 0; padding: 0; text-align: center; }
#bodyContent .body .right .column ul li { margin: 0 0 12px 0; padding: 0; }
#bodyContent .body .right .column ul li img { border: 0; }
#bodyContent .body .right .column .short h2 { margin: 0; padding: 10px 0 10px 0; background: url('../images/front_column_top2.jpg') no-repeat top left; color: #46463f; font-size: 1.2em; letter-spacing: -0.05em; line-height: 24px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bodyContent #bottom { width: 950px; min-height: 170px; margin: 0; padding: 0; background: #2f2f2f url('../images/front_bottom.jpg') repeat top left; border-top: 10px solid #595959; }
#bodyContent #bottom .columns { width: 950px; height: 170px; margin: 0; padding: 0; }
#bodyContent #bottom .columns .left { width: 468px; height: 153px; margin: 17px 0 0 32px; padding: 0; background: url('../images/front_bottom_logo.jpg') no-repeat top left; }
#bodyContent #bottom .columns .left .detail { width: 468px; margin: 0; padding: 70px 0 0 0; }
#bodyContent #bottom .columns .left .detail .address { width: 180px; margin: 0; padding: 0 0 0 63px; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent #bottom .columns .left .detail .contact { width: 225px; margin: 0; padding: 0; color: #afaba0; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent #bottom .columns .left .detail .contact b { color: #ffffff; font-size: 13px; }
#bodyContent #bottom .columns .left .detail .contact a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#bodyContent #bottom .columns .left .detail .contact a:hover { text-decoration: underline; }
#bodyContent #bottom .columns .right { width: 432px; height: 140px; margin: 0; padding: 30px 18px 0 0; }
#bodyContent #bottom .columns .right p { color: #ababab; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-align: right; line-height: 13px; }
#bodyContent #bottom .columns .right a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#bodyContent #bottom .columns .right a:hover { text-decoration: underline; }
#bodyContent #bottom .columns .right .legal { margin: 30px 0 0 0; padding: 0; color: #afaba0; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-align: right; }
#bodyContent #bottom .columns .right h4 { width: 248px; height: 22px; margin: 5px 0 0 182px; padding: 0; }
#bodyContent #bottom .columns .right h4 a { background: url('../images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
.mainNav li:hover, .mainNav li.over { position: static; /* make menus not sticky in ie7 */ }
.mainNav li ul { position: absolute; left: -999em; list-style: none; }
.mainNav li:hover ul { left: auto; }
.mainNav li:hover ul, .mainNav li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; position: absolute; width: 200px; margin: -6px 0 0 -15px !important; padding: 9px 0 15px 0 !important; line-height: 12px; background: url('../images/front_nav_bottom.png') no-repeat bottom left; }
.dropdownNav li:first-child,
.dropdownNav li.firstChild { padding: 12px 0 0 0 !important; background: url('../images/front_nav_top.png') no-repeat top left !important; }
.dropdownNav li { width: 200px !important; min-height: 20px; margin: 0 !important; padding: 0 !important; background: url('../images/front_nav_bg.png') repeat top left !important; line-height: 12px; }
.dropdownNav li a { display: block; width: 175px !important; margin: 0 !important; padding: 4px 10px 6px 15px !important; color: #ffffff; font-size: 1.1em; font-weight: bold; text-decoration: none; cursor: pointer; }
.dropdownNav li a:hover { margin: 0; padding: 4px 10px 6px 15px; color: #ffffff; font-size: 1.1em; font-weight: bold; text-decoration: none; background: #0276ff; cursor: pointer; }
/* Individual Containers */
.navigation li { margin: 0 26px 0 0; padding: 0; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Liquid 3-column layout structure ##
############################################################################*/
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
z-index: 1;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
z-index: 1;
}
.mainBody,
.leftBody,
.rightBody {
float:left;
position:relative;
padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:visible;
z-index: 1;
}
/* 3 Column settings */
.threecol { /*background:#eee;*/ /* right column background colour */ }
.edges { background: url('../images/shadow.png') repeat-y top left; }
.threecol .colmid { right:11px; /* width of the right column */ }
.threecol .colleft { right:950px; /* width of the middle column */ }
.threecol .mainBody {
width:950px; /* width of center column content (column width minus padding on either side) */
left:100%; /* 100% plus left padding of center column */
/*background:#ffffff;*/ /* center column background colour */
background: #ffffff url('../images/front_body.jpg') no-repeat top left;
min-height: 250px;
}
.threecol .leftBody {
width:11px; /* Width of left column content (column width minus padding on either side) */
left:11px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .rightBody {
width:11px; /* Width of right column content (column width minus padding on either side) */
left:961px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; height: 1px; font-size: 0.0em; }