/***************OVERALL LAYOUT START******************/ /* Page Layout css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/ #oaf_content body{background: #fff; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #444;} #oaf_content #container { width: 960px; margin: 15px auto 0 auto; text-align: left; background: #fff url(../../images/unbranded/background.gif) repeat-y left; } #oaf_content * html #container{ width: 970px; w\idth: 960px; } #oaf_content #header { width: 960px; background-color: white; height: 199px; margin-left: auto; margin-right: auto; } #oaf_content #leftmenu { width: 150px; float: left; left:-634px; display: inline; position:relative; /* width: 175px; margin: 0 0 0 0; text-align: right; padding: 10px 25px 0 0; */ } #oaf_content #content { border-left: 0 solid #C8C8C8; border-right: 0 solid #C8C8C8; width: 592px; text-align: left; float:left; position:relative; left:150px; padding: 0 21px 0 21px; } #oaf_content #rightmenu { width: 176px; /*** use below if checking border ***********/ border-left:0 solid #000; border-right: 0 solid #000; background-color: white; height: auto; margin: 0; display: inline; float: right; text-align: left; padding: 10px 0 0 0; } /* #oaf_content * html #rightmenu{ width: 175px; w\idth: 174px; }*/ #oaf_content #footer { width: 960px; clear: both; background-color: white; margin-left: auto; margin-right: auto; text-align: center; border-top:1px solid #0044aa; padding: 2px 0 2px 0; } /* END css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/ #oaf_content #footer #left{ font-size: 0.8em; float: left; text-align: left; margin-left: 7px; } #oaf_content #footer #right{ margin-right: 7px; font-size: 0.8em; float: right; text-align: right; } #oaf_content .last { margin-bottom: 0; } #oaf_content .clearing { height: 0; clear: both; } /***************OVERALL LAYOUT END******************/ /***************RIGHT COLUMN START******************/ #oaf_content div.rhs-head-corners {margin: 15px 0 0 7px; } #oaf_content div.rhs-footer-corners {margin: 0 0 40px 7px; } #oaf_content div.rhs-head-corners img, div.rhs-footer-corners img {display:block;} #oaf_content div.rhs-snippets, div.rhs-flash {width: 152px; margin: 0 0 0 7px; padding: 0 6px 0 6px; border-left:2px solid #99CC00; border-right:2px solid #99CC00; font-size: 0.8em;} #oaf_content div.rhs-snippets {text-align: center;} #oaf_content div.rhs-snippets a:link, div.rhs-snippets a:visited {text-decoration: none; } #oaf_content div.rhs-snippets a:hover {text-decoration: underline; } #oaf_content div.rhs-flash {text-align: center;} #oaf_content div.rhs-flash img{margin: 3px 0 -1px 0;} #oaf_content div.rhs-snippets h2 {margin: 0; color: #363463; font-size: 17px; font-weight: bold; text-align: center; } #oaf_content div.rhs-snippets p, div.rhs-solid-snippets p {margin-bottom: 0;} #oaf_content div.rhs-solid-snippets {width: 152px; margin: 0 0 0 7px; text-align: center; background-color: #EEEEEE; padding: 0 8px 0 8px;} #oaf_content div.rhs-solid-snippets h2 {margin: 0; color: #F08130; font-size: 14px; font-weight: bold; text-align: center;} #oaf_content /* div.rhs-snippets img, div.rhs-solid-snippets img {margin:0 0 0 7px;} */ /***************COMMON******************/ #oaf_content div.hide { display: none;} #oaf_content form {margin: 0;} #oaf_content a:link{text-decoration: underline; color: #0033cc;} #oaf_content a:visited{text-decoration: underline; color: #cc6600;} #oaf_content a:hover{text-decoration: none; color: #ff6600; } #oaf_content /*a.rollover img {border-width: 0;}*/ #oaf_content h1{ margin: 5px 0 12px 0; text-align: left; } #oaf_content h2, h3, h4, h5, h6 { margin: 0 0 2px 0; text-align: left; } #oaf_content h1{font-size: 1.4em; color: #99cc00;} #oaf_content h2{font-size: 1.2em;} #oaf_content h3{font-size: 1.1em; margin-bottom: -1em;} #oaf_content h4{font-size: 0.9em; } #oaf_content h5{font-size: 0.8em; color: #0044aa; clear: both;} #oaf_content h6{font-size: 0.8em; color: #666; background-color: #dddddd; padding: 0 0 0 1px;} #oaf_content th {background-color: #555; color: #fff; font-size: 1em; text-align: left;} #oaf_content td {vertical-align: top; padding:2px; font-size: 1em; color: #003366;} #oaf_content ul {padding-left: 15px;} #oaf_content img {border: 0;} #oaf_content div.breadcrumb{margin: 0; text-align: right; font-size: 1em; color: #444;} #oaf_content #recent-views{margin: 10px 0 0 0;} #oaf_content /* p {font-size: 0.8em;} #oaf_content select {font-size: 0.8em;} #oaf_content p.breadcrumb{margin: 0; text-align: right;}*/ /***************HEADER START******************/ #oaf_content #header_left{float: left; } #oaf_content img.logo{border: 0; width: 150px; margin-right: 9px;} #oaf_content #header_right{float: right; width: 168px; margin-left: 9px; } #oaf_content #header_right img{border: 0; width: 168px; margin: 0 0 10px 0; display: block;} #oaf_content /* #basket {padding: 0 0 0 0; height: 30px;}*/ /** start the css used to create a info requests count over a graphic for info requests - not used currently.... #oaf_content #header_right p {margin: 8px 0 0 0; } #oaf_content #header_right p a {margin: 0; padding: 8px 10px 6px 144px; font-size: 13px; line-height: 2.4em; color: #fff; background: #fff url(../../images/retailhome/header-requests.gif); background-repeat: no-repeat;} #oaf_content #header_right p a:hover {margin: 0; padding: 8px 10px 6px 144px; background: #fff url(../../images/retailhome/header-requests_over.gif); background-repeat: no-repeat; text-decoration: none; }**/ #oaf_content #header #header_nav{width: 960px; float: left; margin: 8px 0 6px 0;} /*note the distance between the images is set in the suckerfish css by the li*/ #oaf_content img.ancnav{border: 0; width: 87px;} #oaf_content img.ancnavlast{width: 87px; border: 0; } /***************HEADER END******************/ /***************SIDEBAR START******************/ #oaf_content #sidebar form {padding-bottom: 4px; width: 129px;} #oaf_content input:focus{background: #ffCC00;} #oaf_content .texta { font-size: 11px; background-color:#eeeeee; border: 1px solid #999; } #oaf_content img.projectchecklist{margin: 10px 0 0 0;} #oaf_content img.alpha-index{margin: 10px 0 0 0;} /***************SIDEBAR END******************/ /******CATEGORY VIEW - HANDLES THE PRODUCT TYPE PAGE******************/ #oaf_content td select {font-size: 1em; color: #003366;} #oaf_content select {font-size: 0.8em; color: #003366;} #oaf_content #content {color: #003366; font-size: 0.8em;} #oaf_content #content p {margin: 0 0 4px 0; font-size: 1em;} #oaf_content #content ul {color: #003366; font-size: 1em;} #oaf_content div.mainimage {margin: 7px 0 5px 0;} #oaf_content div.mainimage img {width: 590px; height: 350px; border: 1px solid #ccc;} #oaf_content p.rollmessage {clear: both; margin: 0 0 5px 0;} #oaf_content div.scroll {margin: 0 0 7px 0; height: 110px; width: 592px; overflow: auto; border: 0; background-color: #fff; padding: 0; text-align: left; scrollbar-arrow-color: #444; scrollbar-base-color: #fff; scrollbar-dark-shadow-color: #FFF; scrollbar-track-color: #FFF; scrollbar-face-color: #FFCC33; scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-3d-light-color: #FFF; } #oaf_content div.scroll img {padding: 0; vertical-align: top; margin: 0 10px 0 0; border: 1px solid #ccc;} #oaf_content div.scroll table {padding: 0; border: 0; margin: 0;} #oaf_content div.scroll table td {white-space: nowrap;} /*Product Thumbnails*/ #oaf_content div.productthumb {margin: 0 0 25px 0; width: 148px; padding: 0; float: left; position: relative; text-align: center; font-size: 1em; } #oaf_content div.productthumb img {margin: 0 0 5px 0; width: 135px; float: none; border: 1px solid #ccc;} #oaf_content .clear {clear: both; margin-top: 15px;} #oaf_content div.productthumb a:link, #footer ul li a:link, li.xls a:link, li.pdf a:link {color: #444; text-decoration: none; } #oaf_content div.productthumb a:visited, #footer ul li a:visited, li.xls a:visited, li.pdf a:visited{color: #cc6600; text-decoration: none; } #oaf_content div.productthumb a:hover, #footer ul li a:hover, li.xls a:hover, li.pdf a:hover{text-decoration: underline; color: #ff6600;} /******PRODUCT VIEW - HANDLES THE PRODUCT PAGE******************/ #oaf_content div.prodmainimage {margin: 0; padding: 0; width: 317px; text-align: center;} #oaf_content div.prodmainimage img{border: 1px solid #ccc;} #oaf_content div.prodmainimage div {text-align: left; font-size: 1em; margin: 0 10px 0 0;} #oaf_content div.prodmainimage div p {text-align: left; margin: 5px 0 5px 0; font-size: 1em;} #oaf_content div.prodmainimage ul {margin: 5px 0 15px 0.2em; padding: 0; list-style-type: none; text-align: left; font-size: 1em;} #oaf_content div.prodmainimage ul li {background-image: url(../../images/unbranded/bullet.gif); background-repeat: no-repeat; /*These units refer to the images position from the "left" and "top". */ background-position: 0 55%; padding-left: 0.9em; } #oaf_content div.relatedproduct{margin: 10px; padding: 0; font-size: 0.8em; } #oaf_content div.relatedproduct img {margin: 0 10px 0 0; width: 50px; float: none; border: 1px solid #ccc;} #oaf_content div.prodbasket {margin: 0;} #oaf_content table.prodbasket{margin: 10px 0 15px 0;} #oaf_content table.flower{font-size: 1em; width: 100%;} #oaf_content ul.withicons {margin: 5px 0 15px 0.2em; padding: 0; list-style-type: none; text-align: left; font-size: 0.8em;} li.pdf { background-image: url(../../images/bullet_pdf.gif); background-repeat: no-repeat; /*These units refer to the images position from the "left" and "top". */ background-position: 0 75%; padding-left: 1.5em; padding-top: 0.5em; } li.xls { background-image: url(../../images/bullet_xls.gif); background-repeat: no-repeat; /*These units refer to the images position from the "left" and "top". */ background-position: 0 65%; padding-left: 1.5em; padding-top: 0.5em; } /*******************PROD LAYOUT*****************/ #oaf_content #wrapper_prod { background: #fff url(../../images/unbranded/background_prod.gif) repeat-y right; width: 592px; margin: 15px 0 0 0; } #oaf_content #container_prod { width: 317px; background: #fff url(../../images/unbranded/background_prod.gif) repeat-y right; float: left; margin-right: -275px; } #oaf_content #content_prod { background: #fff; margin-right: 275px; } #oaf_content #sidebar_prod { width: 275px; float: right; } /*****************END***************/ /*****************BASKET PAGES***************/ #oaf_content table.basket{width: 592px; empty-cells:show; margin: 0;} #oaf_content table.basket td{border:1px solid #ddd;} #oaf_content table.basket td.formbuttons{text-align: right; border: 0;} #oaf_content table.basket td.remove {width: 65px; text-align: center;} /*****************END***************/ /*****************contact***************/ #oaf_content #content form input, #content form textarea, #content form select {margin-left: 20px;} /*****************END***************/ /*****************SITE MAP***************/ #oaf_content ul.sitemap {font-size: 0.8em;} #oaf_content li.sitemap{font-size: 1em;} #oaf_content ul.sitemap li ul{font-size: 1em;} #oaf_content ul.sitemap li {margin: 4px 0 10px 0;} /*****************END***************/ /***************FOOTER START******************/ #oaf_content #footer ul { list-style: none; margin: 0; padding: 0; } #oaf_content #footer ul li { display: inline; margin: 0 5px 0 5px; font-size: 0.8em; } /* #oaf_content #footer ul li a:link, {color: #444; } #oaf_content #footer ul li a:visited {color: #666; } #oaf_content #footer ul li a:hover {color: #333;}*/ /***************FOOTER END******************/ /***************LINK PAGES START******************/ #oaf_content p.weblink {padding: 10px 0 0 0;} /********HIGh REZ IMAGES DEPT MENUS************/ #oaf_content ul.imsmenu {padding: 8px 0 0 20px;} #oaf_content p.redtext{color: #cc0000; padding: 20px 0 20px 0;} /***************SEARCH RESULTS********/ #oaf_content .highlight {color: #cc0000;} /***************PAUL TERO CSS START******************/ #oaf_content tr.spacer td {height: 15px;} /*The help box for management pages*/ #oaf_content div.help {background: #ffff99; display:inline; position:absolute; width:150px; margin-left:5px; padding:4px; border:1px dashed black;} /*For the inline htmleditor*/ #oaf_content div.htmleditor {background: #eeeeee;} /*****pd management*********/ #oaf_content table.catorder select {font-size: 1em;} #oaf_content tr.spacer td {height:10px;} #oaf_content tr.header td {font-weight: bold;} /*For parent categories on the categoryedit.php page and lists on productedit.php*/ #oaf_content option.selectlistdepth0 {font-weight: bold; color: red; font-size: 1.5em;} #oaf_content option.selectlistdepth1 {font-style: italic; color: green; font-size: 1.3em;} /***************PAUL TERO CSS END******************/