/*** Fresh Network Specific CSS ***/ /**Created by Peter Downes at Alpha State**/ /***GLOBAL START ***/ body {color:#666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; } /*h1 { font-family:  Arial, Helvetica, sans-serif;   margin: 0 0 15px 0; color: #444444; font-size: 30px; font-weight: bold; text-transform: lowercase; }*/ h1 { font-family:  Arial, Helvetica, sans-serif;   margin: 10px 0 15px 0; color: #8BB713; font-size: 22px; font-weight: bold; } h2 {font-size: 20px; color: #888888; font-weight: bold; text-transform: lowercase; margin: 0; } h3 {font-size: 18px; color: #888888; font-weight: bold; text-transform: lowercase; margin: 0; } h4 {font-size: 16px; color: #888888; font-weight: bold; text-transform: lowercase; margin: 0; } h5 {font-size: 14px; color: #888888; font-weight: bold; text-transform: lowercase; margin: 0; } a:link{text-decoration: none; color:  #CC1E6E;} a:visited{text-decoration: none; color:  #CC1E6E;} a:hover{text-decoration: none; color: #E58EB6;} td {font-size: 12px;} img {border: 0;} /***Header Area***/ #basket-summary{float: right; font-size: 12px; font-weight: bold;} #fn-logo{width: 400px; float: left;} #header-nav{width: 548px; text-align: right; margin: 17px 10px 0 0;  float: right; } #header-nav ul{ margin:0; padding:0; list-style:none; text-transform: lowercase;  font-family: Arial, Helvetica, sans-serif; } #header-nav li{display: inline; padding-left: 30px; font-size:19px; font-weight: bold;}   #header-nav li a:link, #header-nav li a:visited {color:  #CC1E6E; }   #header-nav li a:hover{color: #E58EB6; text-decoration: none;}   /***leftmenu and rightmenu***/ #leftmenu ul, #rightmenu ul{ margin:0 0 35px 0; padding:0; list-style:none; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; } #leftmenu li, #rightmenu li{font-size:13px; padding: 2px 0 2px 0; font-weight: bold;}   #leftmenu h2, #rightmenu h2{font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; color: #A0154A; font-size: 16px; font-weight: bold;} /*** LEFT HAND COL***/ /* first lhs menu */ #fn-lhs-one {margin:0 0 35px 0; padding:0; list-style:none; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; } #fn-lhs-one li { font-size:22px; padding: 0; font-weight: bold;}   #fn-lhs-one li a:link, #fn-lhs-one li a:visited {color:  #CC1E6E;} #fn-lhs-one li a:hover {color: #E58EB6; text-decoration: none;} /* second lhs menu ie the top-level-section-links */ #fn-top-level-section-links h2 {color: #F96618; font-size:22px; } #fn-top-level-section-links h2  a:link, #fn-top-level-section-links h2 a:visited {color: #F96618; font-size:22px; } #fn-top-level-section-links h2 a:hover {color: #FCB28B; font-size:22px; } #fn-top-level-section-links ul {margin:0 0 35px 0; padding:0; list-style:none; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; } #fn-top-level-section-links li { font-size:12px; padding: 0; font-weight: bold;}   #fn-top-level-section-links li a:link, #fn-top-level-section-links li a:visited {color:  #F96618;} #fn-top-level-section-links li a:hover {color: #FCB28B; text-decoration: none;} /*third lhs menu ie best sellers*/ #bestsellers h2 {color: #009F9C; font-size:22px;} #bestsellers {margin-bottom: 35px; font-family: Arial, Helvetica, sans-serif;  text-transform: lowercase; font-size:12px; color: #009F9C; font-weight: bold; line-height: 1.5em;} #bestsellers a:link, #bestsellers a:visited {color:  #009F9C;} #bestsellers a:hover {color: #7FCFCD; text-decoration: none;} /*fourth lhs menu ie new-products*/ #fn-lhs-new-products h2 {color: #009F9C;  font-size:22px;} #fn-lhs-new-products ul {margin:0 0 35px 0; padding:0; list-style:none; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; } #fn-lhs-new-products li { font-size:12px; padding: 0; font-weight: bold;}   #fn-lhs-new-products li a:link, #fn-lhs-new-products li a:visited {color:  #009F9C; } #fn-lhs-new-products li a:hover {color: #7FCFCD;text-decoration: none;} table.sidebar-coupon{margin-bottom: 35px;  width: 168px; border: 0;} table.sidebar-coupon {padding: 2px; text-align: right;} /***rightmenu***/ #say-hello{font-size:14px; color: #444444; margin: 0 0 15px 0; font-family: Georgia, Helvetica, sans-serif; font-weight: bold;} #quick-search-form {text-align: right; margin: 0; border: 0 solid #000; width: 168px; margin-left: 7px;} table.quick-search {margin-bottom: 15px; width: 168px; } table.quick-search td {text-align: right; border: 0 solid #999; vertical-align: middle;} /* Blog Snippets RHS*/ /*rounded corners*/ div.rhsblog-head-corners {margin: 15px 0 0 7px; } div.rhsblog-footer-corners {margin: 0 0 40px 7px; } /*blog table holder*/ #rhs-brocure-blog-snippets {width: 152px;  margin: 0 0 0 7px; text-align: left; padding: 8px 5px 0 5px; border-left:3px solid #E6E6E6; border-right:3px solid #E6E6E6;} /* #rhs-brocure-blog-snippets h2 {color: #000; margin: 0 0 7x 0; font-size: 14px; text-align: left;}*/ #table-rhs-brocure-blog-snippets {width: 152px;} td.blog-date {font-weight: bold; color: #666666;} td.blog-title a:link, td.blog-description a:link, #rhs-brocure-blog-snippets a:link {font-weight: bold; color: #CC1E6E; text-decoration: none;} td.blog-title a:visited, td.blog-description a:visited, #rhs-brocure-blog-snippets a:visited{font-weight: bold; color: #EE3388; text-decoration: none;} td.blog-title a:hover, td.blog-description a:hover, #rhs-brocure-blog-snippets a:hover{font-weight: bold; color: #EE77AA; text-decoration: none; } td.blog-description {border-bottom:1px dashed #cccccc; padding-bottom: 1px; color: #666666;} #blog-subscribe {margin: 0;} #blog-subscribe a:link {color: #009F9C; text-decoration: none;} #blog-subscribe a:visited {color: #00CCCC; text-decoration: none;} #blog-subscribe a:hover {color: #00DDDD; text-decoration: none; } /* Constant Contact Sign Up */ form.rhs-signup {text-align: left; margin: 0; width: 168px; margin: 15px 0 30px 7px; font-weight: bold;}     form.rhs-signup h2{background-image: url(email5_trans.gif); background-repeat: no-repeat; background-position: 55% 40%; margin: 0; }     table.brochure-rhs-signup{width: 168px; } table.brochure-rhs-signup td {text-align: right; border: 0 solid #999; vertical-align: middle; padding: 6px 0 6px 0;} img.safe-subsribe {margin-top:2px; width:168px; height: 14px;} /* rhs LOGIN */ form.rhs-login {text-align: left; margin: 0; width: 168px; margin: 0 0 10px 7px; }  form.rhs-login img {margin: 3px 0 2px 0;} form.rhs-login input {margin: 3px 0 2px 0;} /*rhs tips grey box area and rhs brochure content box*/ /*rounded corners*/ div.rhstips-head-corners {margin: 15px 0 0 7px; } div.rhstips-footer-corners {margin: 0 0 40px 7px; } #rhstips {width: 158px; margin: 0 0 0 7px; text-align: left; background-color: #E6E6E6; padding: 8px 5px 0 5px;} /*#rhstips h2 {color: #8BB713;} #rhstips h2 {color: #F96618;}*/ /*request-brochure */ #request-brochure{width: 146px; margin: 0 5px 0 7px; text-align: left;} #request-brochure h2 {color: #F96618;} #request-brochure a:link {color: #666666;text-decoration: none;} #request-brochure a:visited {color: #666666; text-decoration: none;} #request-brochure a:hover {color: #808080; text-decoration: none; } /*the first of rhs tips*/ #rhstips div.rhs-tip-first{width: 146px; margin: 30px 5px 0 7px; text-align: left;} #rhstips div.rhs-tip-first h2 {color: #F96618;} /* the rest of the rhs tips */ #rhstips div.rhs-tip{width: 146px; margin: 30px 5px 0 7px; text-align: left;} #rhstips div.rhs-tip h2 {color: #8BB713;} /** Specific to the rhs brochure page content ***/ #rhs-brochure-content-holder {width: 158px; margin: 0 0 0 7px; text-align: left; background-color: #E6E6E6; padding: 8px 5px 0 5px;} #rhs-brochure-content-holder #rhs-brochure-content{width: 146px; margin: 0 5px 0 7px; text-align: left;} #rhs-brochure-content-holder #rhs-brochure-content h2 {color: #8BB713;} #rhs-brochure-content-holder #rhs-brochure-content ul {margin: 0; padding: 0} /***Footer Area***/ #footer {text-align: center; color: #666666;  font-size: 12px; text-transform: lowercase;  font-family: Arial, Helvetica, sans-serif;} #footer img{margin: 0 190px 0 144px; } #footer a:link, #footer a:visited {text-decoration: none; color:  #CC1E6E;} #footer  a:hover{text-decoration: none;  color: #E58EB6;} /***GLOBAL END ***/ /** #Content Area **/ /**pages with 2 columns in the content area**/ table.fn-sectionlinks {width: 273px; border: 0; margin: 0 0 25px 0; border-left: 0 solid #ff9900; border-right: 0 solid #ff9900;} table.fn-sectionlinks td {vertical-align: top; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px;} td.image-holder {width: 80px; text-align: center; } table.fn-sectionlinks td.text-holder {width: 181px; padding: 0 6px 0 6px; text-align: left; vertical-align: top;} table.fn-sectionlinks img {border: 0;} table.fn-sectionlinks h2 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; text-transform: lowercase; font-size: 17px;} /**pages with 1 column in the content area**/ table.fn-sectionlinks-onecol {width: 550px; border: 0; margin: 0 0 25px 0; border:0 solid #ff9900; } td.image-holder-onecol {width: 120px; text-align: center; vertical-align: top;} /*  orginal default*/ table.fn-sectionlinks-onecol  td.text-holder-onecol, table.fn-sectionlinks-onecol  td.text-holder-onecol-pink, table.fn-sectionlinks-onecol  td.text-holder-onecol-blue, table.fn-sectionlinks-onecol  td.text-holder-onecol-orange {width: 398px; padding: 0 6px 0 6px; text-align: left; vertical-align: top;} /*Colored h2 headings */ table.fn-sectionlinks-onecol td.text-holder-onecol-pink h2, table.fn-sectionlinks-onecol td.text-holder-onecol-pink h2 a:link, table.fn-sectionlinks-onecol td.text-holder-onecol-pink h2 a:visited, table.fn-sectionlinks-onecol td.text-holder-onecol-pink h2 a:hover {color: #CC1E6E;} table.fn-sectionlinks-onecol td.text-holder-onecol-blue h2, table.fn-sectionlinks-onecol td.text-holder-onecol-blue h2 a:link, table.fn-sectionlinks-onecol td.text-holder-onecol-blue h2 a:visited, table.fn-sectionlinks-onecol td.text-holder-onecol-blue h2 a:hover {color: #009F9C;} table.fn-sectionlinks-onecol td.text-holder-onecol-orange h2,  table.fn-sectionlinks-onecol td.text-holder-onecol-orange h2 a:link,  table.fn-sectionlinks-onecol td.text-holder-onecol-orange h2 a:visited, table.fn-sectionlinks-onecol td.text-holder-onecol-orange h2 a:hover {color: #F96618;} table.fn-sectionlinks-onecol-center {width: 100%; border: 0; margin: 0 0 25px 0;} td.image-holder-onecol-center {width: 220px; text-align: right; vertical-align: top; } td.text-holder-onecol-center  {width: 228px; padding: 0 106px 0 6px; text-align: left; vertical-align: top;} /*Actinic CSS START*/ .text_breadcrumbs	{ font-size: 12px; color: #666666; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; text-align: left; width: 560px; } .actrequired {color: #A0154A;} a:link{text-decoration: none; color:  #CC1E6E;} a:visited{text-decoration: none; color:  #CC1E6E;} a:hover{text-decoration: none; color: #E58EB6;} a.product_section:link, a.link_breadcrumbs:link   { color : #CC1E6E; text-decoration : none; } a.product_section:visited, a.link_breadcrumbs:visited  { color :   #CC1E6E; text-decoration : none; } a.product_section:active, a.link_breadcrumbs:active  { color :#E58EB6; text-decoration : none;  } a.product_section:hover, a.link_breadcrumbs:hover  { color : #E58EB6; text-decoration : none;  } /* View Cart Page */ table.view-cart-page-cart {border: 0; width: 540px; margin: 0 0 30px 0;} table.view-cart-page-cart td {padding: 1px 0 1px 0; font-size: 12px;}  .cartheading { background-color: #C5E557; font-weight: bold;; text-transform: lowercase; font-size: 12px; padding: 3px; color: #CC1E6E; } .cart { background-color: #fff; } table.checkout td { background-color: #fff; } table.checkout th { background-color: #C5E557; } table.discount-info {width: 560px; border: 0;  margin: 0 0 25px 0;} table.discount-info th {font-size: 15px; color: #990033; border-bottom: 1px solid #888; text-align: left;} table.discount-info td {padding: 3px} .text_options	{ font-weight: bold; } /*Actinic CSS END*/ /** Product Page **/  table.fn-product-list-holder {border: 0; width: 100%; border: 0 solid #ff9900;} table.fn-product-list-holder td {padding: 0;} /* Standard Products */ table.fn-product-table { width: 555px;} td.prodcopy-holder {vertical-align: top; font-family: Arial, Helvetica, sans-serif; color: #666666;  font-size: 12px; padding: 0 0 0 10px; width: 345px; border: 0 solid #ff9900;}  td.prodimage-holder{width: 200px; vertical-align: top; text-align: center; padding: 10px 0 0 0;} #product-actions {width: 200px; text-align: left;} td.prodcopy-holder h2{margin: 0;}  table.fn-standard-attribute-list, table.fn-component-list, table.fn-component-attribute-list {border: 0; margin: 0 0 0 0;} table.fn-standard-attribute-list td, table.fn-component-list td, table.fn-component-attribute-list{vertical-align: top; padding: 0}  /* View All Product Template*/ table.view-all-products {width:555px; border: 0;} td.view-all-products-image{width: 75px; vertical-align: top; } td.view-all-products-image img{width: 75px;} td.view-all-products-details{width: 360px;  text-align: left; vertical-align: top;} td.view-all-products-quantity {width: 120px; text-align: right; vertical-align: top;} /* on some products... */ #special-offer-message{font-weight: bold; color: #990033; font-size: 12px;} #extra-product-info-bold {font-weight: bold; margin: 25px 0 0 0; color: #444444;} #extra-product-info-notbold {font-weight: normal; margin: 15px 0 0 0; color: #666666;} /* back links */ #fn-backlink a:link{text-decoration: none; color:  #CC1E6E;} #fn-backlink a:visited{text-decoration: none; color:  #CC1E6E;} #fn-backlink a:hover{text-decoration: none; color: #E58EB6;} div.upsell {margin: 30px 0 30px 0;} table.upsell {border: 0;} table.upsell td{ padding: 2px} /** CHECKOUT PAGES **/ /* step  1 */ table.invoice-location {border: 0; width: 560px; margin: 0 0 15px 0; } table.invoice-location  td {padding: 2px} table.delivery-location {border: 0; width: 560px; margin: 0 0 15px 0; } table.delivery-location td {padding: 2px} /** Site Map **/ ul.sitemap li {font-size: 14px; font-weight: bold; margin-top: 25px} ul.sitemap ul li {font-size: 12px; font-weight: normal;  margin-top: 2px} /***Brochure Pages***/ /*overall layout of the boxes*/ table.fn-fragment-list {border: 0; width: 560px;} table.fn-fragment-list.td {padding: 0; color: #666666;} table.fn-fragment-list h1 {color: #009F9C; } /*One box spanning two columns*/ div.fn-fragment-onecol-head-corners {margin: 10px 0 0 0; } div.fn-fragment-onecol-footer-corners {margin: 0 0 10px 0; } table.fn-fragment-twocol td, table.fn-fragment-onecol td  {vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; } table.fn-fragment-twocol img, table.fn-fragment-onecol img {border: 0;} /*table.fn-fragment-onecol h2, table.fn-fragment-twocol h2 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; text-transform: capitalize; font-size: 17px; }*/ table.fn-fragment-onecol {border: 0; width: 550px; margin: 0 0 0 0;  border-left:2px solid #E6E6E6; border-right:2px solid #E6E6E6;} td.fn-fragment-onecol-image-holder  {width: 218px; text-align: center; background-color: #ffffff; } td.fn-fragment-onecol-text-holder {width: 320px; padding: 0 6px 0 6px; text-align: center; background-color: #ffffff; color:#666666;  } /**h2 and links**/ td.fn-fragment-onecol-text-holder h2{color:#CC1E6E; } td.fn-fragment-onecol-text-holder a:link,  td.fn-fragment-onecol-text-holder a:visited {color:#808080; text-decoration: none; } td.fn-fragment-onecol-text-holder a:hover {text-decoration: none;  color:#E3484D; } /* common to all 2 cols of boxes*/ table.fn-fragment-twocol {border: 0; width: 270px; margin: 0 0 0 0; border-left:2px solid #E6E6E6; border-right:2px solid #E6E6E6;} /* all two col fragment image holders*/ table.fn-fragment-twocol td.fn-fragment-twocol-image-holder {width: 120px; text-align: center; padding: 2px 0 2px 0; background-color: #ffffff;} /* all two col fragment text holders*/ td.fn-fragment-twocol-text-holder, td.pink-fn-fragment-twocol-text-holder, td.blue-fn-fragment-twocol-text-holder, td.orange-fn-fragment-twocol-text-holder {width: 144px; padding: 2px 6px 2px 0px; text-align: center; background-color: #ffffff; color: #666666; } /** two col fragment links**/ td.pink-fn-fragment-twocol-text-holder a:link, td.blue-fn-fragment-twocol-text-holder a:link, td.orange-fn-fragment-twocol-text-holder a:link,  td.blue-fn-fragment-twocol-text-holder a:visited, td.orange-fn-fragment-twocol-text-holder a:visited, td.pink-fn-fragment-twocol-text-holder a:visited {color: #666666; text-decoration: none; } td.pink-fn-fragment-twocol-text-holder a:hover, td.blue-fn-fragment-twocol-text-holder a:hover, td.orange-fn-fragment-twocol-text-holder a:hover {text-decoration: none;  color: #808080; } /** two col fragment h2 **/ /*pale pink*/ td.pink-fn-fragment-twocol-text-holder h2{color: #CC1E6E; font-size: 17px; margin: 5px 0 0 0;} /*pale blue*/  td.blue-fn-fragment-twocol-text-holder h2{color: #009F9C; font-size: 17px;  margin: 5px 0 0 0;} /*pale peach*/ td.orange-fn-fragment-twocol-text-holder h2{color: #F96618; font-size: 17px;  margin: 5px 0 0 0;} /*fn brochure fragments */ div.fn-fragment-h2-title {margin: 9px 0 0 0; } div.fn-fragment-textonly {padding: 2px 0 2px 0;} table.fn-fragment-table{width: 100%; border: 0;}  /*login*/ #login-message {margin: 10px 0 10px 0; color: #666666;} .actwelcome {margin: 10px 0 10px 0; color: #666666;}