/** MAIN STYLES **/ body { line-height: 20px; font-size: 14px; font-family:arial; font-size:12px; color: #5a5504; text-align: left; background: #fffffe url(/assets/images/backgrounds/body_bg.jpg) repeat-x top left; } h1 { padding: 16px 0 11px 0; line-height: 1.0em; font-size: 2.4em; font-weight: normal; font-family: "Myriad Pro","Trebuchet MS",Lucida Sans,Arial;} h2 { padding: 16px 0 6px 0; line-height: 1.2em; font-size: 1.7em; font-weight: normal; font-family: "Myriad Pro","Trebuchet MS",Lucida Sans,Arial; } h3 { padding: 11px 0 6px; line-height: 1.2em; font-size: 1.3em; color: #be7230; font-family: "Myriad Pro","Trebuchet MS",Lucida Sans,Arial;} h4 { padding: 9px 0 6px; line-height: 1.2em; } p { padding: 6px 0 6px 0; } ul { padding: 6px 0 7px 0; } li { margin-left: 15px; padding: 4px 15px 4px 20px; background: url(/assets/images/bullet.gif) no-repeat 0 6px; color: #9e5919; } hr { display:block; clear:both; border-top:1px dotted #E6B88E; border-width:1px 0 0; height:1px; margin:20px 0;} a { color: #9e5919; text-decoration: underline; } .btn {float: left; clear: both; background: url(/assets/images/btn_left.png) no-repeat; padding: 0 0 0 20px; margin: 8px 0 5px 15px;font-family: "Trebuchet MS",Lucida Sans,Arial;font-weight:bold;font-size:1.1em;} .btn a{float: left; height: 38px; background: url(/assets/images/btn_stretch.png) repeat-x left top; line-height: 38px; padding: 0 10px; color: #fff; font-size: 1em; text-decoration: none;} .btn span {background: url(/assets/images/btn_right.png) no-repeat; float: left; width: 20px; height: 38px; } #index #main .btn a:hover {text-decoration:none;} .btn.hover {background: url(/assets/images/btn_left_hover.png) no-repeat;} .btn.hover a {background: url(/assets/images/btn_stretch_hover.png) repeat-x left top;} .btn.hover span {background: url(/assets/images/btn_right_hover.png) no-repeat;} .error { border: 1px solid #F73131; background-color: #FFE6E6; padding: 5px 10px; margin-bottom: 10px; margin-left: 50px; margin-right: 50px;} .error p { padding: 0;} .welcome {float:right;padding-right:20px;margin-top:-5px;} /** MAIN CONTAINERS **/ #wrapper { width: 1010px; margin: 0 auto; } #header { width: 100%; height: 121px; padding-bottom: 4px; position: relative; z-index: 999; } #logo { width: 235px; height: 98px; float: left; } #top-nav { width: 775px; height: 33px; padding-top:10px; float: left; } #tag-line { width: 775px; height: 26px; float: left; padding-top: 10px; } #header #main-nav { width: 775px; height: 42px; float: left; } #main { width: 100%; position: relative; z-index: 1; background: url(/assets/images/backgrounds/main_bg.png) repeat-y top left; } #main .bg { width: 994px; padding: 30px 0px 10px 18px; overflow: hidden; background: url(/assets/images/backgrounds/main_bg_top.png) no-repeat top left; } #side-bar { width: 326px; float: left; background: url(/assets/images/backgrounds/side_bar_bottom.png) no-repeat bottom left; } #content { width: 658px; float: left; background: url(/assets/images/backgrounds/content_bottom.png) no-repeat bottom left; min-height: 500px; padding-bottom: 60px;} #content-full { width: 984px; background: url(/assets/images/backgrounds/content_full_bottom.png) no-repeat bottom left; } #footer { padding: 0 0 50px 0; text-align: center; } #bottom-nav { clear: both; height: 43px; background: url(/assets/images/backgrounds/bottom_nav_bg.png) no-repeat top left; } /** NAVIGATION **/ /** Top Navigation **/ #top-nav ul { float: right; padding: 0; margin: 0; height: 33px; overflow: hidden; background: repeat-x top left; background: url(/assets/images/top_nav_left.png) no-repeat top left;} #top-nav li { float: left; margin: 0; padding: 0 10px 10px 10px; color: #f7f8ec; line-height: 23px; background: url(/assets/images/top_nav_spacer.png) no-repeat top right; text-shadow: 1px 1px 3px #5a5504;} #top-nav li a { display: block; color: #f7f8ec; font-weight: bold; text-decoration: none; } #top-nav li a:hover { text-decoration: underline; } #top-nav li.first { padding-left: 20px; } #top-nav li.last { padding-right: 20px; background: url(/assets/images/top_nav_right.png) no-repeat top right; } #top-nav input { display: block; float: left; width: 70px; text-align: center; height: 13px; font-size: .8em; margin-top: 1px; } #top-nav input#search-button { display: block; float: left; width: 28px; margin-left: 4px; height: 21px; } #top-nav label {display: none;} #top-nav li.user-info a { display: inline; } /** Main Navigation **/ #header #main-nav { overflow: hidden; font-family:"Trebuchet MS",Lucida Sans,Arial;} #header #main-nav ul { float: right; padding: 0; margin: 0px 10px 0 0; overflow: hidden; background: url(/assets/images/main_nav_bg.png) repeat-x 0 5px; } #header #main-nav ul li { float: left; margin: 0; padding: 0px 0; background: none;height:42px;} #header #main-nav ul li.first {background: url(/assets/images/main_nav_left.png) no-repeat 0 5px; } #header #main-nav ul li.last {padding-right:5px;background: url(/assets/images/main_nav_right.png) no-repeat 100% 5px; } #header #main-nav ul a { display: block; line-height: 47px; padding: 1px 8px 0 8px; color: #e4e7cb; font-weight: bold; text-decoration: none; background: url(/assets/images/main_nav_spacer.png) no-repeat 100% 5px; text-shadow: 1px 1px 1px #222002; } #header #main-nav ul li.last a { background: none; } #header #main-nav ul li.hover {background: url(/assets/images/main_nav_hover_right.png) no-repeat bottom right;padding:5px 0 0 0;margin:-5px 0px 0 0;} #header #main-nav ul li.last.hover {padding-right:5px;background: url(/assets/images/main_nav_hover_rightmost.png) no-repeat 100% 5px; } #header #main-nav ul li a.hover{background:url(/assets/images/main_nav_hover_left.png) no-repeat 0 0;line-height:41px;} #header #main-nav ul li.first a.hover {background: url(/assets/images/main_nav_hover_leftmost.png) no-repeat 0 0;} #header #main-nav ul li.last a.hover {background:url(/assets/images/main_nav_hover_left.png) no-repeat 0 0;} #header #main-nav ul ul.dropdown {float:none; overflow: visible;position: absolute; top:120px;display: none;z-index:100;background:#c37e3e; padding:5px 0 7px 0;margin:0;border-left:1px solid #fefcfa;border-right:1px solid #fefcfa;border-bottom:1px solid #fefcfa; -moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;min-width:100px;} #header #main-nav ul ul.dropdown li {float:none;line-height:23px;height:23px;margin-left:0;border-bottom:1px dotted #E6B88E;margin:0 10px;} #header #main-nav ul ul.dropdown li a {background:none;color:#E4E7CB;line-height:22px;font-weight:normal;padding-left:4px;padding-right:4px;} #header #main-nav ul ul.dropdown li a:hover {background:#d98c45;color:#ffffff;} #header #main-nav ul ul.dropdown li.hover {padding:0;margin:0;} ul#logged-nav { padding: 0; margin: 0; float: none; position: absolute; top: 0px; left: 266px; border: 1px solid #767851; border-top: none;} ul#logged-nav li { padding: 0; margin: 0; float: none; background: #ba5d1f; border-top: none;} ul#logged-nav li a { padding: 0 15px; margin: 0; border: none; background: transparent; line-height: 20px; color: #fff; display: block; text-decoration: none; } ul#logged-nav li a:hover{ font-weight: bold; } ul#logged-nav li ul { display: none; padding: 0; margin: 0; border-top: none; } ul#logged-nav li ul li { padding: 0; margin: 0; border: none; } ul#logged-nav li ul li a { background: #979a65; border-top: 1px solid #b8bb89; font-size: .9em; } /** Side Bar Navigation **/ #side-bar #sub-nav { background: transparent url(/zassets/images/side_bar_top.png) no-repeat top left; overflow: hidden;} #side-bar #sub-nav h2 { padding: 12px 0 0 50px; margin: 0; color: #fff; font-family: Times; font-size: 1.6em; text-transform: uppercase; background: url(/assets/images/backgrounds/side_bar_top.png) no-repeat top left; line-height: 46px; } #side-bar #sub-nav ul { margin:0; padding:0 17px 0 15px; } #side-bar #sub-nav li { margin:0; padding:0; border-bottom: 1px solid #f1d99c; background: none; } #side-bar #sub-nav a { display: block; padding: 7px 10px 6px 20px; color: #5a5504; text-decoration: none;} #side-bar #sub-nav a:hover { background-color: #fff; } /** Bottom Navigation **/ #footer #bottom-nav a { color: white; display: inline-block; line-height: 34px; padding: 0 10px; font-size: 1.1em; } /** Logo **/ #logo h1 { position:relative; padding: 0 0 0 0; margin: 0; width: 235px; height: 121px; text-indent: -99999px; background: url(/assets/images/hoyes_pharmacy_logo.png) no-repeat 0 23px; } #logo h1 span { text-indent: -99999px; } #logo a { position: absolute; width: 235px; height: 98px; top: 0; left: 0; } #logo p { text-indent: -99999px; padding: 0; margin: 0; color: #676117; line-height: 0; } /** Social Media **/ #socialmedia { position: absolute; top: 94px; left: 266px; } /** PCAP Accredited **/ #pcab-accredited { padding: 0; margin: 0; position: absolute; top: 35px; left: 254px; width: 103px; height: 46px; text-indent: -9999px; display: block; background: url(/assets/images/pcab_accredited.png) no-repeat top left; } /** Tag Line **/ #tag-line p { padding: 0 15px 0 0; text-align: right; font-family: Times; font-size: 1.6em; } #tag-line p .tm { font-family: arial; font-size: .7em;} /** Side Bar **/ #side-bar-content { padding: 25px 25px 50px 35px; } /** Content **/ #content #top { height: 37px; background: url(/assets/images/backgrounds/content_top.png) no-repeat top left; } #content-full #top { height: 37px; background: url(/assets/images/backgrounds/content_full_top.png) no-repeat top left; } #content #content-padding { padding: 0 45px 0px 45px; background: url(/assets/images/backgrounds/content.png) repeat-y top left; } #content-full #content-padding { padding: 0 45px 60px 45px; } #content img { float: right; padding: 10px 0 10px 10px;} #content img.left { float: left; padding: 10px 10px 10px 0;} /** Footer **/ #footer { font-size: .9em; color: #9E9B6A; } #footer img { display: block; margin: 0 auto; border: none; } #footer a { text-decoration: none; color: #9E9B6A; } #footer p { padding-bottom:0; } #footer p.footer-address { }