/****************************************************************************************/ /****************************************************************************************/ /******************* Page Styles ************************/ /****************************************************************************************/ /****************************************************************************************/ /************************************************/ /************** Page Elements ******************/ /************************************************/ /*** Height & Width For Major Elements ***/ body { background: url('../images/body-bg.png') #8E8077 repeat-x top left; font:12px/1.5 Helvetica,Arial,Verdana,sans-serif; color:#fff; text-align:center; } a { color: #2e6485; } a:hover { text-decoration: none; } #pagewidth { width: 980px; } #header-inner { width: 980px; margin: 0 auto; background: url('../images/header.png') no-repeat top left; height: 289px; } #header { height: 289px; background: url('../images/header-bg.png') repeat-x top left; } #wrapper { padding-top: 375px; } /* padding must match header + footer + breadcrumbs height */ .logo { width: 561px; height: 150px; margin-left: 281px; margin-top: 42px; } .header .logo a { width: 413px; height: 92px; margin-top: 8px; } /* 67px to not include text below logo */ #footer-inner { width: 980px; margin: 0 auto; } #footer { } #pagewidth { } /* must be negative equal to footer height */ #leftcol { width: 168px; padding: 10px 0; } #twocols { width: 792px; } /* maincol + rightcol */ #twocols-2cols-right { width: 980px; } #onecols { width: 980px; } #rightcol { width: 168px; padding: 10px 0; } #rightcol-2cols-right { width: 168px; padding: 10px 0; } #maincol-3cols { width: 644px; padding: 10px 0; } #maincol-2cols { width: 792px; padding: 10px 0; } #maincol-1cols { width: 980px; padding: 10px 0; } #footer { height: 91px; background: url('../images/footer-bg.gif') repeat-x top left; } /*** Page Alignment ***/ #pagewidth { text-align: left; } /*** Basic Page Level Elements ***/ html, body { margin:0; padding:0; text-align:center; height: 100%; } #pagewidth { margin: 0 auto; height: auto !important; height: 100%; min-height: 100%; position: relative; margin-top: -91px; } #header { position: absolute; top: 0; width: 100%; } #leftcol { float:left; position:relative; display: inline; } #twocols { float:right; position:relative; } #twocols-2cols-right { float: left; position: relative; } #onecols { float: left; position: relative; } #rightcol { float:right; position:relative; } #rightcol-2cols-right { float: right; position: relative; } #maincol-3cols, #maincol-2cols, #maincol-1cols { float: left; display:inline; position: relative; } #footer { width: 100%; } /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /************************************************/ /************** Page Elements ******************/ /************************************************/ /************************************************/ /****************** Header ********************/ /************************************************/ .header { height: 198px; } #logo, #header-right { } /* pads your header elements from the top of the screen */ #header-right { float: right; text-align: right; background: url('../images/goat.png') no-repeat top right; } #welcome-msg { font-weight: bold; color: #aad98a; padding-bottom: 5px; display: none; } #search-mini { text-align: left; float: right; display: none; } #search-mini-right { background: url('../images/search-mini-right.jpg') no-repeat top right; padding-right: 9px; } #search-mini-left { background: url('../images/search-mini-left.jpg') no-repeat top left; padding-left: 23px; } #search-mini-content { background: url('../images/search-mini-bg.gif') top left; height: 27px; width: 218px; } #search-mini-form input { border: none; background: transparent; color: #909090; padding: 7px 0 0 5px; width: 200px; } #search-mini-form button { display: none; } #account-links { margin-top: 5px; display: none; } #account-links li { float: left; color: #2f6d1f; } #account-links li a { color: #2f6d1f; text-decoration: none; } #account-links li a:hover { text-decoration: underline; } #breadcrumbs, #breadcrumbs strong, #breadcrumbs ul, #breadcrumbs ul li { float: left; } #breadcrumbs { height: 23px; padding-top: 8px; padding-left: 10px; } #breadcrumbs ul { margin-left: 9px; } #breadcrumbs ul li { } #breadcrumbs ul li a { color: #3a7a9b; text-decoration: none; } #breadcrumbs ul li a:hover { color: #18435a; text-decoration: underline; } #breadcrumbs ul li strong { color: #ff8700; font-weight: bold; font-style: normal; } #breadcrumbs ul li span { color: #999; padding: 0 2px; } #breadcrumbs strong { font-style: italic; font-weight: normal; color: #999; } /* Non-Auto Styles ================================================================================ */ .logo { float:left; overflow:hidden; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header .form-search { } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } /************************************************/ /****************** Header ********************/ /************************************************/ /************************************************/ /**************** Navigation ******************/ /************************************************/ .nav-right { background: url('../images/nav-right.png') no-repeat top right; padding-right: 5px; } .nav-left { background: url('../images/nav-left.png') no-repeat top left; padding-left: 5px; overflow: hidden; } .nav-content { background: url('../images/nav-bg.png') top left; height: 52px; float:left; position:relative; left:50%; text-align:left; } #nav { font-size:24px; font-family: times; height: 32px; padding: 0; left: -50%; position: relative; } /* All Levels */ #nav ul { } #nav li { position:relative; text-align:left; margin-top: 4px; float: left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li li.parent {} /* 0 Level */ #nav li { float:left; padding-right: 43px; } #nav li.active a { } #nav a { float:left; padding:5px 12px 6px 8px; font-weight:bold; } #nav li.over a, #nav a:hover { } /* 1st Level */ #nav ul li.first a { } #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:0; } #nav ul li.over { } #nav ul li.last { padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd leven */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; } /* 3rd+ Level */ #nav ul ul { top:5px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { } #nav ul li a:hover { } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } /********** Navigation > */ /*** Nav colors - Smart way ***/ #nav li a { color: #fff; } /** Base level **/ #nav li a:hover { color: #093304; } #nav li.active a { color: #874900; } #nav li ul li.level1 a { color: #3a7a9b; background: #fff; } /** sub menu level 1 **/ #nav li ul li.level1 a:hover { color: #ff8700; background: #f5f5f5; text-decoration: underline; } /************************************************/ /**************** Navigation ******************/ /************************************************/ /************************************************/ /****************** Footer ********************/ /************************************************/ #footer-inner { text-align: left; padding-top: 30px; } #footer-inner ul, #footer-inner li { float: left; } #footer-inner li, #footer-inner li a { color: #E8E5E3; } #footer li a { text-decoration: none; } #footer-inner li a:hover { text-decoration: underline; } #footer-inner address { color: #52453B; } fieldset.form-language { float: right; display: none; } fieldset.form-language label { color: #2e6485; font-style: italic; font-weight: bold; } /************************************************/ /****************** Footer ********************/ /************************************************/