/* Start General CSS */ /* general page setup */ body { text-align: center; background: #fff url(images/layout/body-bg.gif) repeat-x; color: #202020; } a img, img { border: none; } a:link { color: #3E5834; } a:visited { color: #333; } a:hover { color: #333; text-decoration: none; } a:active, a:focus { color: #333; text-decoration: none; font-weight: bold; } .home p { padding: 10px; line-height: 150%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} p { padding: 5px 0; line-height: 150%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} ul { list-style: disc; margin: 5px 17px; } ul li {} /* misc styles */ #skiplinks { position: absolute; } #skiplinks a { top: -500px; position: absolute; white-space: nowrap; } #skiplinks ul { list-style: none; margin: 0; } #skiplinks a:active, #skiplinks a:focus { padding: 5px; background-color: #dddddd; border: 1px solid #837b73; top: 23px; } input, select, textarea { border: 1px solid #6a6a6a; padding: 1px 2px; } /* font declarations */ body, input, select, textarea, table, td { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} #container, input, select, textarea, table, td { font-size: 1.2em; line-height: 120%; } #global-navigation, #global-navigation select, #global-navigation input { font-size: 90%; } label { font-weight: bold; } button { text-indent: -5000px; border: none; } .cart .cart-content { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.25em; font-weight: bold; } .cart .cart-content span { font-size: 15px; color: #367E3C; font-weight: normal; } #search label { font-size: 1.2em; text-transform: lowercase; } #search input { font-size: .9em; } #search i { font-size: .75em; text-transform: lowercase; } .featured-product strong { font-size: 1.2em; line-height: 110%; } .featured-product-listing .featured-product strong { font-size: 1em; line-height: 120%; } #secondary-content h2, #footer h2 { color: #367E3C ; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.3em; text-transform: uppercase; } #secondary-content h1, #footer h1 { color: #000; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em; text-transform: uppercase; border-bottom: 2px dotted #367E3C ; padding-bottom: 3px; } #secondary-content p { line-height: 140%; } .breadcrumb-bar { font-size: .9em; } #secondary-navigation h2 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-transform: uppercase; font-size: 1.7em; line-height: 110%; } #secondary-navigation h3 { font-size: 1.4em; } #secondary-navigation li { font-weight: bold; font-size: .9em; line-height: 120%; } #secondary-navigation .navigation-section li { font-size: 1.2em; } #content .main-content .intro { font-size: 1.2em; line-height: 150%; } #content .main-content h1 {} #content .main-content h2 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.5em; font-weight: normal; line-height: 120%; margin: 2px 0; } .sub-categories ul li { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.1em; font-weight: bold; line-height: 120%; } #content h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; } /* site styles */ #container { width: 925px; text-align: left; margin: 0 auto; } #navigation .main-button { background:url(images/layout/buttons/images/Button-Navigation.gif) no-repeat; padding: 6px 20px; color: #fff; font-weight: bold; text-decoration: none; display: inline; margin-top: 5px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em;} #navigation .main-button:hover, #navigation .main-button:active, #cart-total .main-button:focus { background:url(images/layout/buttons/images/Button-Navigation.gif) no-repeat; } /* header styles */ #global-navigation { height: 30px; } #global-navigation label { margin-right: 3px; } #global-navigation select, #global-navigation input { margin-right: 3px; } #global-navigation .site-configuration { float: left; width: 430px; margin: 5px 0 0 0; display: inline; height: 20px; } #global-navigation .site-configuration * { vertical-align: middle; } .site-configuration #currency, .site-configuration .currency-span { margin-right: 20px; } #global-navigation .site-configuration a { color: #202020; } #global-navigation .store-locator { float: left; width: 180px; margin: 5px 0 0 0; display: inline; text-align: right; } #global-navigation .store-locator * { vertical-align: middle; } #global-navigation .store-locator input { width: 45px; } .store-locator #locate_submit { background: url(images/layout/buttons/images/Button-Go-GradientBG.gif) 0px 0px no-repeat; width: 22px; height: 21px; cursor: pointer; } .store-locator #locate_submit:hover, .store-locator #locate_submit:active, .store-locator #locate_submit:focus { background: url(images/layout/buttons/images/Button-Go-GradientBG.gif) -28px 0px no-repeat; } #masthead {} #masthead .logo { float: left; display: inline; } #masthead .logo a { display: block; width: 475px; height: 120px; background: url(images/layout/clark-county-logo.gif) no-repeat; text-indent: -5000px; } #masthead .global-links { float: right; width: 450px; text-align: right; margin: 8px 0 0 0; display: inline; } #masthead select { font-size: 0.9em; line-height: 110%; width: 175px; } .contactContainer { float: left; width: 332px; display: inline; text-align:left;} .contactDirections { float: left; width: 220px; display: inline; text-align:left; padding: 5px;} #masthead #minicart { float: right; width: 425px; } .cart-links { margin: 10px 0 0 0; } .cart-links i { display: none; } .cart-links a { float: right; display: block; margin-left: 10px; text-indent: -5000px; } .cart-links #link-giftreg { width: 80px; height: 21px; background: url(images/layout/buttons/images/Button-GiftRegistry.gif) no-repeat; } .cart-links #link-giftreg:hover, .cart-links #link-giftreg:active, .cart-links #link-giftreg:focus { background: url(images/layout/buttons/images/Button-GiftRegistry.gif) -85px 0px no-repeat; } .cart-links #link-myaccount { width: 80px; height: 21px; background: url(images/layout/buttons/images/Button-MyAccount.gif) no-repeat; } .cart-links #link-myaccount:hover, .cart-links #link-myaccount:active, .cart-links #link-myaccount:focus { background: url(images/layout/buttons/images/Button-MyAccount.gif) -85px 0px no-repeat; } .cart-links #link-signin { width: 55px; height: 21px; background: url(images/layout/buttons/images/Button-Signin.gif) no-repeat; } .cart-links #link-signin:hover, .cart-links #link-signin:active, .cart-links #link-signin:focus { background: url(images/layout/buttons/images/Button-Signin.gif) -59px 0px no-repeat; } .cart { clear: right; margin: 8px 0 0 0; vertical-align: middle; } .cart .cart-content { float: right; padding: 10px 0px; height: 20px; width: 300px; text-align: right; vertical-align: middle; } .cart .cart-content a, .cart .cart-content a:visited { text-transform: lowercase; color: #993300; text-decoration: none; display: block; line-height: 140%; } .cart .cart-content span { padding-left: 5px; } .cart .ad-content { float: right; padding: 10px 0px; height: 39px; width: 405px; text-align: right; vertical-align: middle; background: url(images/warn.jpg) scroll 0px 0px no-repeat; } .cart .ad-content a, .cart .ad-content a:visited { color: #993300; display: block; line-height: 140%; } .cart .ad-content span { padding-left: 5px; } .cart .cart-checkout { border-left: 1px solid #bdbebe; float: right; margin: 10px; padding-left: 10px; } .cart .link-checkout { display: block; text-indent: -5000px; width: 70px; height: 26px; background: url(images/layout/buttons/images/Button-Checkout.gif) no-repeat; } .cart .link-checkout:hover, .cart .link-checkout:active, .cart .link-checkout:focus { background: url(images/layout/buttons/images/Button-Checkout.gif) -75px 0px no-repeat; } #masthead #search { clear: left; padding: 14px 0 4px; vertical-align: middle; float: left; display: inline; } #search * { vertical-align: middle; } #search label, #masthead #search input { margin-right: 3px; } #search i { font-style: normal; } #search i a { color: #202020;} #search #search_submit { margin-right: 3px; background: url(images/layout/buttons/images/Button-Go-GreyBG.gif) 0px 0px no-repeat; width: 22px; height: 21px; cursor: pointer; } #search #search_submit:hover, #search #search_submit:active, #search #search_submit:focus { background: url(images/layout/buttons/images/Button-Go-GreyBG.gif) -28px 0px no-repeat; } .search-result { padding: 0 0 15px 0; } #navigation { _padding-top: 2px; } #navigation ul { list-style: none; margin:0 0 8px; height: 25px; padding-left: 1px; width: 925px; float: right; display: block; } #navigation ul li { background: url(images/layout/buttons/images/nav_tab_right.gif) bottom right no-repeat; position: relative; float: left; padding-right: 5px; margin-right: 1px; } #navigation ul li a { background: url(images/layout/buttons/images/nav_tab_left.gif) bottom left no-repeat; line-height: 200%; text-decoration: none; font-style: normal !important; display: block; padding: 3px 8px 0 25px; height: 28px; color: #FFFFFF; font-weight: bold; float: left; font-size:12px; } #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus { color: #ff0; } #navigation ul .current_page_parent a { background: url(images/layout/buttons/images/nav_tab_left_active.gif) bottom left no-repeat; } #navigation ul li.current_page_parent { background: url(images/layout/buttons/images/nav_tab_right_active.gif) bottom right no-repeat; position: relative; float: left; padding-right: 5px; margin-right: 1px; } #navigation ul li.current_page_parent a { background: url(images/layout/buttons/images/nav_tab_left_active.gif) bottom left no-repeat; line-height: 200%; text-decoration: none; font-style: normal !important; display: block; padding: 3px 8px 0 28px; height: 28px; color: #367E3C; font-weight: bold; } #navigation ul .current_page_item a { background: url(images/layout/buttons/images/nav_tab_left_active.gif) bottom left no-repeat; } #navigation ul li.current_page_item { background: url(images/layout/buttons/images/nav_tab_right_active.gif) bottom right no-repeat; position: relative; float: left; padding-right: 5px; margin-right: 1px; } #navigation ul li.current_page_item a { background: url(images/layout/buttons/images/nav_tab_left_active.gif) bottom left no-repeat; line-height: 200%; text-decoration: none; font-style: normal !important; display: block; padding: 3px 8px 0 28px; height: 28px; color: #367E3C; font-weight: bold; } #navigation .font-size { font-size: .8em; text-transform: uppercase; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #george { float: left; width: 100px; display: inline; background:url(images/marketing/george.png) no-repeat scroll 10px 0; text-indent:-5000px; height: 200px; padding: 5px;} /* footer */ #footer { border-top: 3px solid #367E3C ; background-color: #f1f1f1; padding: 14px 10px 10px; } #footer a { color: #202020; } #footer .links { float: left; width: 600px; } #footer .links .grouping { float: left; width: 125px; padding: 0 10px; border-left: 1px solid #161616; } #footer .grouping ul { list-style: none; margin: 0; } #footer .links .main a { text-decoration: none; } #footer .links .main a:hover { color: #ad5c33; } #footer .links .main { border: none; text-align: right; } #footer {} #footer .company { float: right; text-align: right; width: 275px; line-height: 150%; } #footer .company small { display: block; } #footer h2 { font-size: .9em; } #footer .company { font-size: .9em; } #footer .company small { font-size: .9em; } #footer .grouping a { font-size: .9em; } #footer .links .main { font-size: 1.1em; line-height: 130%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } /* content container */ #content-container { padding: 5px 0; display:inline-table;} #content { float: left; width: 680px; margin-left: 220px; display: inline; } #secondary-content { display:inline; float:right; width: 400px;} #secondary-navigation { float: left; width: 200px; margin-left: -900px; } .home #content { width: 520px; margin-left: 0; } .home #secondary-content { float: right; width: 400px; } .subContent #content h1 { color: #367e3c; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.5em; text-transform: uppercase; } .home #content h2 { color: #367e3c; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.3em; text-transform: uppercase; padding: 5px 0; } .home-main-wrapper { padding: 5px 0 5px 0; float: right; } /* home specefic styles */ .home-main-left { clear:both; display:inline; float:left; width:75px;} .home-main-right { display:inline; float:right; padding:5px; width:270px; } .home-left-container { padding: 10px; } /* Sub Content Page Styles */ .subContent #content { width: 665px; margin-left: 0; float:right; padding-bottom: 10px;} .subContent #secondary-content { float: left; width: 250px; } .subContent #content h2 { color: #367e3c; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.3em; text-transform: uppercase; padding: 10px 0; } .subContent-main-wrapper { padding: 5px 0 5px 0; float: right; } /* home specefic styles */ .subContent-main-left { clear:both; display:inline; float:left; width:75px;} .subContent-main-right { display:inline; float:right; padding:5px; width:270px; } .subContent-left-container { padding: 10px; } /* End Sub Content Page Styles */ #secondary-content a, #secondary-content a:visited { color: #000; text-decoration: underline; } #secondary-content a:hover, #secondary-content a:focus, #secondary-content .current { color: #367E3C;} .officeimage {float: right; display: inline; } .officeinfo {float: right; display: inline; width: 250px; padding: 5px;} .officeinfo dl {display:inline-block;} .officeinfo dt {clear:left; float:left; font-weight:bold; text-align:right; width:40px; } .officeinfo dd {float:left; width:150px; padding:0px 0 5px 10px; } .contact-info { padding: 5px;} .contact-wrapper { float:left; width: 250px; background-color: #3399FF;} .staffContainer { display: block; float: left; clear:both; width: 600px; padding: 5px;} .staffMemberImage { float: left; width: 100px; } .staffName { float: left; font-size: 1.1em; font-weight: bold; width: 100px; } .staffPhone { float: left; padding: 0px 0 0 5px; } .staffrole { float: left; padding: 0px 0 0 20px; width:365px; } .home-right-container { padding: 10px; } .home-right-container dl {display:inline-block;} .home-right-container dt {clear:left; float:left; font-weight:bold; padding: 5px 0 0 0; text-align:right; width:75px; } .home-right-container dd {float:left; width:150px; padding:5px 0 5px 10px; } .news-info {color:#333333; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:.8em;line-height:20px;} .post-info {color:#333333; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:1em;line-height:20px; } /* Home Transparent Box */ .cbb {background:#FFFFFF none repeat scroll 0 0; border:1px solid #666666; margin:1em 0;padding:0 10px; } .bt {background:transparent url(images/layout/container/box.png) no-repeat scroll 100% 0; height:17px; margin:0 0 0 18px;} .bt div {background:transparent url(images/layout/container/box.png) no-repeat scroll 0 0; font-size:0; height:17px; left:-18px; line-height:0; position:relative; width:18px;} .bb {background:transparent url(images/layout/container/box.png) no-repeat scroll 100% 100%; height:14px; margin:0 0 0 12px; } .bb div {background:transparent url(images/layout/container/box.png) no-repeat scroll 0 100%; font-size:0; height:14px; left:-12px; line-height:0; position:relative; width:12px;} .i1 {background:transparent url(images/layout/container/borders.png) repeat-y scroll 0 0; padding:0 0 0 12px; } .i2 {background:transparent url(images/layout/container/borders.png) repeat-y scroll 100% 0; padding:0 12px 0 0;} .i3 {background:#FFFFFF none repeat scroll 0 0; display:block; margin:0; padding:1px 10px; } .i3:after {clear:both; content:"."; display:block; height:0; visibility:hidden; } .i3 { display:inline-block;} .i3 { display:block;} /* End Home Transparent Box */ /* Second Box */ .border {background:url(images/layout/container/border_g_tall.gif) top repeat-x;} .border .btall {background:url(images/layout/container/border_g_tall.gif) bottom repeat-x;} .border .ltall {background:url(images/layout/container/border_g_tall.gif) left repeat-y;} .border .rtall {background:url(images/layout/container/border_g_tall.gif) right repeat-y;} .border .tleft {background:url(images/layout/container/border_g_tl.gif) top left no-repeat;} .border .tright {background:url(images/layout/container/border_g_tr.gif) top right no-repeat;} .border .bleft {background:url(images/layout/container/border_g_bl.gif) bottom left no-repeat;} .border .bright {background:url(images/layout/container/border_g_br.gif) bottom right no-repeat; width:100%;} .border .ind {padding:5px 15px 25px;} .border .video {margin-left: -15px; } .h_text {padding-bottom:2px; background:url(images/layout/container/h_text_bg.gif) bottom repeat-x;} .border a img {float:right;} /* New L */ .module.featured { height:1%; } .module { margin-bottom:10px; } .topper {background:#f9f36d url(images/layout/container/pic_dark_green_hdr_r_640x25.gif) no-repeat scroll right top; cursor: default; height:2.5em; overflow:hidden;} .topper1 {background:#98ea77 url(images/layout/container/pic_blue_hdr_r_640x25.gif) no-repeat scroll right top; cursor: default; height:2.5em; overflow:hidden;} .topper2 {background:#ff964b url(images/layout/container/pic_blue_hdr_r_640x25.gif) no-repeat scroll right top; cursor: default; height:2.5em; overflow:hidden;} /* Second Box */ .module-featured .contents {display:block; margin:0 10px; padding:10px 10px 5px 1px; border-bottom:1px dotted #367E3C ; } .topper h3, .topper1 h3, .topper2 h3 { background:transparent url(images/layout/container/pic_dark_green_hdr_r_5x25.gif) no-repeat scroll left top; font-size:150%; font-weight:bold; padding:0pt 10px; color:#FFFFFF; float:left; line-height:25px;} /* breadcrumb bar */ .breadcrumb-bar { border-bottom: 3px solid #cecece; padding: 3px 0 2px; margin: 0 0 10px; } .breadcrumb-bar .breadcrumb { float: left; width: 560px; padding: 2px;} .breadcrumb-bar .page-options { float: right; width: 61px; background: url(images/layout/vert-divider-grey.gif) repeat-y; height: 8px; padding: 3px 0 6px; } .breadcrumb-bar .page-options * { vertical-align: middle; } .breadcrumb-bar .page-options i { display: none; } .breadcrumb-bar .page-options a { text-indent: -5000px; display: block; float: right; margin: 0 5px; } .breadcrumb-bar .page-options .email { width: 13px; height: 10px; background: url(images/layout/icon-email.gif) no-repeat; } .breadcrumb-bar .page-options .print { width: 15px; height: 12px; background: url(images/layout/icon-print.gif) no-repeat; } /* secondary navigation */ #secondary-navigation { color: #333; } #secondary-navigation .navigation-section { background-color: #dddddd; } #secondary-navigation .navigation-section h2 { padding: 10px; border-bottom: 1px solid #cecece;} #secondary-navigation ul { border-top: 1px solid #fff; list-style: none; margin: 0; padding: 5px 10px 10px;} #secondary-navigation ul li { padding: 0px 0 4px 10px; background: url(images/layout/small-arrow.gif) 0px 6px no-repeat; } #secondary-navigation a, #secondary-navigation a:visited { color: #333; text-decoration: none; } #secondary-navigation a:hover, #secondary-navigation a:focus, #secondary-navigation .current { color: #993300;} #secondary-navigation .history-section { margin: 10px 0; } #secondary-navigation .history-section h2 { padding: 10px; border-bottom: 1px solid #cecece; } #secondary-navigation .history-section .history-items { background-color: #dddddd; border-top: 1px solid #fff; border-bottom: 1px solid #cecece; } #secondary-navigation .history-section h3 { padding: 10px 10px 0px; } #secondary-navigation .history-section ul { border: none; } #secondary-navigation .history-section ul li { background: url(images/layout/small-arrow.gif) 0px 4px no-repeat; font-weight: normal; } /* auto clearing */ #masthead, #navigation, #content-container, #footer, .breadcrumb-bar, .sub-categories { clear: both; } /* ----------- */ #global-navigation:after, .cart-links:after, .cart:after, #content-container:after, .featured-product:after, .categorylisting:after, #footer:after, .breadcrumb-bar:after, .sub-categories:after, #navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #global-navigation, .cart-links, .cart, #content-container, .featured-product, .categorylisting, #footer, .breadcrumb-bar, .sub-categories, #navigation {display: inline-block;} /* Hides from IE-mac \*/ * html #global-navigation, * html .cart-links, * html .cart, * html #content-container, * html .featured-product, * html .categorylisting, * html #footer, * html .breadcrumb-bar, * html .sub-categories {height: 1%;} #global-navigation, .cart-links, .cart, #content-container, .featured-product, .categorylisting, #footer, .breadcrumb-bar, .sub-categories {display: block;} /* End hide from IE-mac */ /* End General CSS */