/* Purpose: Global Style Sheet 2 Site: www.richardsons-retail.co.uk Author: Michael Hutton & James Parry, (c) fijdesign.com, all rights reserved Version: 0.01 (16th May 2007) */ /* ---------- Standard Site Classes ---------- */ html, body {margin: 0; padding: 0; height: 100%;} /*form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-weight: normal;}*/ body {font-family: Arial, Verdana, Tahoma; font-size: 12px; line-height: 1.5; color: #3B2F86; } img {border:0px;} p {padding:0px; margin:0px;} /* ----- Wrap - Layout/Position ID Tag -----*/ #wrap {position: relative; width: 764px; height: 100%; margin: 0 auto;} /* ----- Center This - Layout/Position ID Tag -----*/ #center_this {text-align: left; vertical-align:top; position: absolute; left: 50%; width: 764px; margin-left: -382px;} /* ----- STANDARD TAGS -----*/ h2{margin-top:9px; margin-bottom:5px; font-size: 14px;} h3{margin-top:7px; margin-bottom:3px; font-size: 12px;} /*ul, li{margin:0px; padding: 0px;}*/ /* ----- Print Only Items -----*/ #Print{} #Print .Print{display:none;} /* ----- TOP Bar -----*/ #TopBar{height: 15px; padding-top: 9px; padding-bottom:9px;} /* ----- HEADER -----*/ #Header{height:67px; width:764px; vertical-align:bottom; color: #FFFFFF;} #Header .Logo{float:left; width: 326px;} #Header .Content{text-align:right; float:right; width:438px; height: 67px; margin:0px; padding: 0px 0px 3px 0px;background-image: url(../images/richardsons-hdr_main.jpg); background-repeat: repeat-x;} #Header .Content ul{list-style-type: none; margin:0px; padding: 0px; position:relative; top:40px;} #Header .Content li{display:inline; list-style-type: none; margin:0px; padding: 0px 19px 0px 0px;} #Header .Corner {top:33px; left:749px; z-index: 2; position:absolute;} /* ----- MAIN NAV CONTENT -----*/ #MainNav{padding-bottom: 3px; vertical-align: top;} .SearchBox { background-image: url(../images/search-box.jpg); background-repeat: no-repeat; background-position: left bottom; width:199px;} /* ----- SIDE MENU CONTENT -----*/ #Menu{vertical-align: top; text-align: left; width:186px;} /* ----- NEW SIDE BOX -----*/ #SideBox{margin: 0px; padding: 0px; text-align:left; vertical-align:top; position:relative; margin-bottom: 3px; width: 186px;} /* ----- NEW SIDE BOX HEADERS -----*/ #SideBox .Header{padding: 0px 0px 0px 27px; height: 29px; text-align: left; background-image: url(../images/side_hdr_bkg.jpg); background-repeat: no-repeat; background-position: left bottom;} #SideBox .Header h4{padding: 6px 0px 0px 0px; margin: 0px; font-size: 12px; color:#FFFFFF; font-weight: bold;} /* ----- NEW SIDE MENU Box -----*/ #SideBox .Middle{border-right: 1px solid #B6B6B6; border-left: 1px solid #B6B6B6; width:184px;} #SideBox .Middle ul{list-style:none; margin: 0; padding:0;} #SideBox .Middle li {list-style-image: none; list-style-position: outside; list-style-type: none;} #SideBox .Middle li a{font-size:11px; font-weight: bold; display:block;} #SideBox .Middle li.SubCat {background:transparent url(../images/arrow_2.gif) no-repeat scroll 0px 2px;} #SideBox .Middle li.SubCat a:link, li.SubCat a:visited, li.SubCat a:active{color: #5EB7D3; padding: 3px 0px 4px 23px;} #SideBox .Middle li.SubCat a:hover {color: #3B2F86; text-decoration: underline; padding: 3px 0px 4px 23px;} #SideBox .Middle li.MainCat {background:transparent url(../images/arrow.gif) no-repeat scroll 0px 2px; border-top:#CCCCCC 1px dashed;} #SideBox .Middle li.MainCat a{color: #3B2F86; padding: 5px 0px 5px 18px;} #SideBox .Middle li.MainCat a:hover {color: #5EB7D3; text-decoration: underline;} #SideBox .Middle li.MainCatFirst {background:transparent url(../images/arrow.gif) no-repeat scroll 0px 2px;} #SideBox .Middle li.MainCatFirst a{color: #3B2F86; padding: 7px 0px 5px 18px;} #SideBox .Middle li.MainCatFirst a:hover {color: #5EB7D3; text-decoration: underline;} /* ----- NEW SIDE BOX HEADERS -----*/ #SideBox .Footer{padding: 0px; margin: 0px; height: 6px; width:186px; background-image: url(../images/side_footer_bkg.jpg); background-repeat: no-repeat; background-position: left top;} /* ----- SIDE INFO BOX -----*/ #InfoBox{font-size: 10px; margin-top: 7px; margin-bottom: 7px; width:186px;} #InfoBox .C1{padding-top: 3px; padding-bottom: 3px; padding-left: 3px; width:34px;} #InfoBox .C2{padding-top: 3px; padding-bottom: 3px; font-size: 11px; color: #666666; width:152px;} #InfoBox .C2 a:link {color: #666666; text-decoration: none;} #InfoBox .C2 a:visited {color: #666666; text-decoration: none;} #InfoBox .C2 a:active {color: #666666; text-decoration: none;} #InfoBox .C2 a:hover {color: #666666; text-decoration: underline;} #InfoBox .Text{font-size: 12px; color: #464646; font-weight: bold;} /* ----- SIDE BANNERS -----*/ img#GoogleBanner{margin-bottom: 3px;} img#PayPalBanner{margin-bottom: 3px;} #Menu div#Banner{margin-bottom: 3px;} /* ----- PAGE HEADERS -----*/ .header_title{padding-left: 27px; padding-top: 0px; height: 29px; text-align: left; vertical-align: middle; background-image: url(../images/richardsons_hdr_bkg.jpg); background-repeat: no-repeat; background-position: left bottom;} .header_title h1{padding: 0px; margin: 0px; font-size: 12px; color:#FFFFFF; font-weight: bold;} /* ----- MAIN CONTENT -----*/ #Content{vertical-align: top; text-align: right; width:578px;} #SubContent{text-align:left; width: 575px; margin-top: 3px; margin-bottom: 3px;} #SubContent p{padding-bottom: 9px;} #SubContent2{text-align:left; width: 575px; margin-bottom: 3px; margin-top: 0px;} #SubContent2 p{padding-bottom: 9px;} /* ----- SUB CONTENT -----*/ .sub_content_cell1{border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #B6B6B6; border-left-color: #B6B6B6;} .sub_content_cell2{border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #B6B6B6; border-left-color: #B6B6B6; padding: 10px;} /* ----- INLINE LISTS -----*/ #inline-list {display: inline;} #inline-list ul, #inline-list li {display: inline; margin: 0; padding: 0; } #TextBox{clear:both; margin-top:9px; border-top: 1px dashed #CCCCCC;} #TextBox.First{border-top: 0px} #TextBox ul{} #TextBoxIn{} /* ----- Homepage Styles -----*/ #NewSite{position:absolute; z-index:10; right:10px; top:165px;} /* ----- SERVICES Text Boxes Image Positions -----*/ #KeyCutting{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #Engraving{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #BikeRepairs{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #TShirt{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #NumberPlates{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #MugPrinting{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} #ToolSharpening{float:left; position:relative; margin-right: 9px; border: 1px solid #CCCCCC; margin-bottom:9px;} /* ----- FOOTER -----*/ #footer{width: 764px; text-align:center; font-size: 11px;} #footer .A{height: 54px; vertical-align:middle; margin-top: 5px;} #footer .A .Left{float:left; text-align:left;} #footer .A .Right{float:right; text-align:right;} #footer .B{padding: 20px 0px 20px 0px; font-size:12px;} #footer .C{padding: 15px 0px 20px 0px;} /* ----- FIJ Design Details -----*/ .fijdesign{color: #5EB7D3; text-decoration: none;} .fijdesign a:link {color: #5EB7D3;} .fijdesign a:visited {color: #5EB7D3;} .fijdesign a:active {color: #5EB7D3;} .fijdesign a:hover {color: #3B2F86;}