.clearDiv:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearDiv {display: inline-block;} /* Hides from IE-mac \*/ * html .clearDiv {height: 1%;} .clearDiv {display: block;} /* End hide from IE-mac */ * {margin:0px; padding:0px;} /* MISC STYLES */ .skiplinks{display:none;} fieldset{border:0;} input{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;} select{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;} textarea{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} form{margin:0; padding:0; border:0;} table{font-size:100%;} img{border:0;} ul{list-style-type:none;} p { line-height: 50px; } /* fonts */ /* HEADERS*/ h1 { font-size: 1.1em; text-decoration: none; font-weight:bold; margin-top:4px; margin-bottom:4px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #D62C2C; } h2 {font-size: 1.1em; text-decoration: none; font-weight:bold; margin-top:3px; margin-bottom:0px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #D62C2C;} h3 { font-size: 1.0em; color:#005AAB; margin-top:4px; margin-bottom:0px; margin-left:10px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; } h4 { font-size: 1.1em; text-decoration: none; font-weight:normal; margin-top:4px; margin-bottom:4px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #fff; } h5 { font-size: 1.0em; text-decoration: none; font-weight:bold; margin-left:10px; margin-top:0px; margin-bottom:0px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #76629E; } h3 a{ color:#005AAB; } /* form button style */ .return_button { font-size: 80%; font-family: arial, tahoma, verdana ; background-color: #DCAA47; border-color: #3C7EB1 #3875A4 #3875A4 #3C7EB1; color: #FFFFFF; cursor: hand; padding:1px;} .return_button_over { font-size: 80%; font-family: arial, tahoma, verdana; background-color: #8F40B8; border-color: #5C95CF #568BC1 #568BC1 #5C95CF; color: #FFFFFF; cursor: hand; padding:1px; } body { background-color:#9C9578; color:#8F8484; margin:0; font-family: verdana,arial, tahoma ; font-size: 98%; } body a{color:#D31F1F;text-decoration:none;} body a:hover{color:#D31F1F; text-decoration:underline;} /* TOP SECTION */ #container {border-left:2px solid #D31F1F; border-right:2px solid #D31F1F; width: 820px; margin: 0 auto; padding:0px; background: #fff; } #container #top_section {float:left; background-color:white; width:820px; height:123px; border-bottom:4px solid #F9D314;} #container #top_section #top_nav {float:right; margin-right:10px; color:#D62C2C; border:0px solid green; } #container #top_section #top_nav ul#top_nav {border:0px solid red; float:left; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-top:3px; padding-bottom:6px; white-space: nowrap; font-size:11px; font-family: verdana,arial, tahoma ;} #container #top_section #top_nav ul#top_nav li{float:left; display: inline; list-style-type: none; } #container #top_section #top_nav ul#top_nav li#home{float:left; display: inline; list-style-type: none; padding-left:465px; border-right:1px solid white; padding-right:10px; } #container #top_section #top_nav ul#top_nav li#contact{float:left; display: inline; list-style-type: none; padding-left:10px; border-right:0px solid white; padding-right:0px;} #container #top_section #top_nav ul#top_nav li#divide{float:left; display: inline; list-style-type: none; padding-left:10px; border-right:1px solid white; padding-right:10px;} #container #top_section #top {float:left; width: 820px; border:0px solid blue; margin:0px; padding:0px; } #container #top_section #top #basket {float:right; width:200px; border:0px solid yellow; margin-right:0px; padding-left:76px; padding-top:18px; height:22px; color:white; margin-top:25px; margin-bottom:0px; font-size:10px; background-image: url('../img/basket_back.gif');} #container #top_section #top #logo {float:left; width:533px; color:white; margin-top:0px; margin-right:0px; font-size:11px; } #container #top_section #nav_container{float:left; width: 820px; margin-top:0px; PADDING:0PX} #container #top_section #nav_container #main_nav{float:right; padding:0px; width: 820px;margin:0px; font-weight:bold; background-color:white;} #container #top_section #nav_container #main_nav ul#main_nav {float:left; margin-top:0px; font-family: tahoma ; font-size:10px; margin-top:0px; padding-top:2px; padding-bottom:4px; padding-bottom:0px; white-space: nowrap; background-color:#D62C2C; font-size:11px; font-family: verdana,arial, tahoma ;} #container #top_section #nav_container #main_nav ul#main_nav li {display: inline; list-style-type: none; } #container #top_section #nav_container #main_nav ul#main_nav a{float:left; padding: 5px 12px 5px 12px;} #container #top_section #nav_container #main_nav ul#main_nav li#normal {float:left; font-family: tahoma ; background-color:#D62C2C;} #container #top_section #nav_container #main_nav ul#main_nav li#normal a{color:white; text-decoration:none; } #container #top_section #nav_container #main_nav ul#main_nav li#normal_selected {background-color:#D62C2C; float:left;font-family: tahoma ; display: inline; list-style-type: none; } #container #top_section #nav_container #main_nav ul#main_nav li#normal_selected a{ color:#F9D314; text-decoration:none; background-color:#D62C2C; } #container #top_section #nav_container #main_nav ul#main_nav li#normal a:hover{ color:#F9D314; text-decoration:underline; } #container #top_section #nav_container #main_nav ul#main_nav li#home_page_selected {color:white; float:left;font-family: tahoma ; display: inline; list-style-type: none; background-color:#FCD587; } #container #top_section #nav_container #main_nav ul#main_nav li#home_page_selected a {color:white;} #container #top_section #nav_container #main_nav ul#main_nav li#home_page {float:left; color:white; font-family: tahoma ; background-color:#D62C2C;} #container #top_section #nav_container #main_nav ul#main_nav li#home_page a {color:black;} #container #top_section #nav_container #main_nav ul#main_nav li#links {float:left; font-family: tahoma ; display: inline; list-style-type: none; background-color:#D62C2C;} #container #top_section #nav_container #main_nav ul#main_nav li#links a{color:black; text-decoration:none; } #container #top_section #nav_container #main_nav ul#main_nav li#links_selected {background-color:#FCD587; } #container #top_section #nav_container #main_nav ul#main_nav li#links a:hover{ background-color:#FCD587; } #container #top_section #bar {float:left; width: 820px; height:18px; background-color:white; } ul#arrow {list-style-image: url(../img/icon_arrow.gif); list-style-type: disc; padding:0px; margin-top:5px; padding-left:0px; margin-left:15px; border:0px solid yellow;} ul#arrow li {padding-bottom:5px; margin-left:0px; } /* MAIN PAGE CONTAINER */ #container #main_container {float:left ; width: 820px; margin-TOP:0px; padding:0px; font-size:90%; background-color:WHITE; bordeR:0px solid RED; } #container #main_container #leftfull_container {float:left; width: 603px; margin:0px; padding-left:15px; padding-top:15px; font-size:80%; background-color:white; border:0px solid RED;} #container #main_container #right_container {float:right; width: 198px; margin-left:0px; padding-top:0px; font-size:80%; background-color:WHITE; } #container #main_container #leftfull_container #main_image {float:right; width: 142px; border:0px solid green; margin-right:20px; } #container #main_container #leftfull_container #main_intro {float:left; line-height: 150%; width: 400px; border:0px solid blue; } #container #main_container #leftfull_container #divide {float:left; margin-top:-10px; margin-bottom:10px; width: 603px; height:1px; border-bottom:1px solid #D62C2C;} #container #main_container #leftfull_container #story_container {float:left; width: 603px; margin:0px; padding:0px; border:0px solid blue; } #container #main_container #leftfull_container #story_container #story_left {float:left; width:214px; } #container #main_container #leftfull_container #story_container #story_right {float:right; width:300px; margin-left:15px;} #container #main_container #leftfull_container #story_container #story_right img {float:left; margin-right:5px; } #container #main_container #leftfull_container #message_board {float:left; border:2px solid #D62C2C; width:590px; height:583px; padding-left:2px; padding-top:2px; padding-bottom:2px; padding-right:2px; } #container #main_container #right_container #shopping_today { float:right; color:white; background-color: #EFDEB4; margin-top:10px; font-size: 93%; padding-top:0px; padding-left:0px; padding-bottom:0px; margin-bottom:5px;} #container #main_container #right_container #shopping_today #shopping_header { background-color: #D62C2C; color: #EFDEB4; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} #container #main_container #right_container #shopping_today #shopping_advert {float:left; color: #D62C2C; margin-top:5px; margin-right:0px; margin-left:0px; border:0px solid blue; } #container #main_container #right_container #shopping_today #shopping_advert a {color: #D62C2C;} #container #main_container #right_container #shopping_today #shopping_advert img{float:left; margin-right:5px; margin-left:5px; } #container #main_container #leftfull_container #search_container { float:left; width: 603px; margin:0px; padding:0px; border:0px solid green; } #container #main_container #leftfull_container #search_container #search {float:left; height:160px; width:240px; margin:0px; padding:0px; border:0px solid green;} #container #main_container #leftfull_container #search_container #text {float:right; width:340px; margin-left:15px; border:0px solid red;} #container #main_container #right_container #photo_archive { float:right; width: 195px; background-color: #EFDEB4; height:770px; } #container #main_container #right_container #photo_archive #photo_header { background-color: #D62C2C; color: #EFDEB4; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} /*SHOPPING QUICK LINKS - SAME ON ALL PAGES*/ #quick_links {float:left; font-size: 10PX; text-align:top; width:820px; margin-top:0px; margin-bottom:-10px; width: 820px; } #quick_links a{color:#D62C2C;} #quick_links #quick_header {text-align:center; color:white; width:820px; background-color:#D62C2C; font-size: 1.2em; width: 820px; padding-top:4px; padding-bottom:4px;} #quick_links #column01{float:left; padding-bottom:5px; padding-left:20px; padding-right:20px; margin-left:0px; padding-right:5px;} #quick_links #column02{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px; } #quick_links #column03{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column04{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column05{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column06{float:right; padding-bottom:5px; margin-left:0px; padding-right:20px;} /*----------------------------------------------------------------------------amanda replaced this - 7th March - please change-----------------------------------------------------*/ #quick_links #clear {background-color: #D6D1E3; float:left; }