/* Style sheet for www.cyan-teak-furniture.com */ /* Copyright 2008 the original sin, All Rights Reserved. */ /* Css for HTML tags  */ body { font-family:arial, verdana, helvetica, sans-serif; font-size:80%; /* Set as a percentage so that different browsers interperet it correctly  - equal to 11px? - other sizes set as em's */ font-weight:normal; line-height: 1.5em; margin:0; padding:0; } a:link, a:visited, a:active { color:#0093d1; /* Cyan */ font-size:11px; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } h1, h2 { display:block; font-weight:bold; position:relative; } h1 {  font-size:1.3em; } h2 { font-size:1.2em; } img {   border-style:none; } input, select {  font-size: 0.9em; padding:2px 0; } textarea  {  font-size:12px; padding:2px 0; } /* Page Layout */ #pagelayout{ background-color:#fff; /* white */ border:solid 1px #ccc; /* light grey */ clear:both; margin-left:auto; margin-right:auto; min-width:988px; width:988px; } #page_2col { /* Layout for balanced  2 column page */ background-color:#fff; /* white */ border-left:150px solid #fff; /* white */ clear:both; width:auto; } #page_3col { /* Layout for balanced  3 column page */ background-color:#fff; /* white */ border-left:150px solid #fff; /* white */ border-right:150px solid #fff; /* white */ clear:both; width:auto; } #insidepage { margin:0; padding:0; width:100%; } #page > #insidepage { border-bottom:1px solid transparent; } /* Top Banner */ #topbanner { height:80px; position:relative; min-height:80px; width:100%; } #topbanner_checkout { border-bottom:solid 1px #ccc; /* light grey */ clear:both; height:80px; position:relative; min-height:80px; min-width:988px; width:988px; } #cartbutton { position:absolute; top:42px; left:947px; } #cartsummary { font-size:11px; font-weight:bold; position:absolute; top:10px; left:829px; } #cartsummary a:link, #cartsummary a:visited, #cartsummary a:active { color:black; text-decoration:none; } #cartsummary a:hover { color:#999; /* dark grey */ text-decoration:underline; } #checkoutbutton { font-size:11px; font-weight:bold; position:absolute; top:50px; left:831px; } #checkoutbutton a:link, #checkoutbutton a:visited, #checkoutbutton a:active { color:#fff; /* white */ text-decoration:none; } #checkoutbutton a:hover { color:#fff; /* white */ text-decoration:underline; } /* Top  Menu */ #topmenu { background:url(topmenu_a.gif); border-top:1px solid #999; /* dark grey */ border-bottom:1px solid #999; /* dark grey */ clear:both; height:24px; position:relative; min-width:988px; width:988px; } #topmenu ul { margin:0; padding:0; position:absolute; top:0; left:106px; white-space:nowrap; } #topmenu ul li {  display:inline; } #topmenu a { display:block; float:left; padding:0 6px; border-right:1px solid #999;/* dark grey */ text-decoration:none; } #topmenu a:link, #topmenu a:visited, #topmenu a:active {  color:#444e55; /* grey */ line-height:25px; } #topmenu a:hover { background:url(topmenu_b.gif); color:#fff; /* white */ text-decoration:none; } #topmenu a.firstitem:link, #topmenu a.firstitem:visited, #topmenu a.firstitem:active { border-left:1px solid #999;/* dark grey */ } /* Breadcrumb Bar */ #topline { background-color:#fff; /* white */ border-bottom:1px solid #999; /* dark grey */ margin-left:auto; margin-right:auto; min-width:988px; width:988px; } #todaysdate { /*todays date tab*/ clear:both; color:#000; /* black */ float:left; font-size:10px; margin:9px 10px 0 11px; padding:3px 0; width:140px; } #breadcrumb { /* Breadcrumb Trail */ color:#000; /* black */ float:left; font-size:11px; margin-top:9px; padding:3px 0; text-align:left; white-space:nowrap; } #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { font-weight:normal; color:#000; /* black */ } #breadcrumb a:hover { color:#999; /* dark grey */ text-decoration:underline; } #searchbar { float:right; margin:6px 8px 0 0; } /* PreviousNext Bar */ #PreviousNext { /* Breadcrumb Trail */ color:#000; /* black */ float:left; font-size:11px; padding:3px 0; text-align:left; white-space:nowrap; } #PreviousNext a:link, #PreviousNext a:visited, #PreviousNext a:active { font-weight:normal; color:#000; /* black */ } #PreviousNext a:hover { color:#999; /* dark grey */ text-decoration:underline; } /* Left menu */ #leftmenu {  float:left; margin:0 0 0 -149px; padding:0 10px; position:relative; width:130px; } #leftmenu ul { font-weight:bold; list-style-type:none; padding:0; margin:0; width:auto; } #leftmenu ul li {  display: inline; } #leftmenu  ul li a { background-color: #fff; border-top: 1px dotted #999; display: block; line-height:24px; padding-left:3px; text-decoration: none; width:127px; } #leftmenu  ul li a:link, #leftmenu ul li a:visited, #leftmenu ul li  a:active { color:#444e55; /* grey */ } #leftmenu ul li a:hover { background-color:#dbeff8; } #leftmenu  ul li.lm_header { background:url(menutab_a.gif); border-top:0 none; color:#444e55; /* grey */ display:block; line-height:24px; margin-top:10px; padding:2px 0 2px 3px; text-decoration: none; width:127px; } #leftmenu  ul li a.lm_header:link, #leftmenu ul li a.lm_header:visited, #leftmenu ul li a.lm_header:active { background:url(menutab_a.gif); border-top:0 none; margin-top:10px; padding:2px 0 2px 3px; } #leftmenu ul li a.lm_header:hover { background:url(menutab_b.gif); color:#fff; } #leftmenu  a  { border:0 none; } #leftmenu ul li a.main_lmss { background-color:#dbeff8; border-bottom:1px dotted #999; } #leftmenu  ul li a.lm_red:link, #leftmenu ul li a.lm_red:visited, #leftmenu ul li a.lm_red:active { color:#ff0000; } #leftmenu  ul li a.lm_red_chosen:link, #leftmenu ul li a.lm_red_chosen:visited, #leftmenu ul li a.lm_red_chosen:active { background-color:#c7d6dd; color:#ff0000; } #leftmenu ul li a.subsection:link, #leftmenu ul li a.subsection:visited, #leftmenu ul li a.subsection:active, #leftmenu ul li a.subsection_chosen:link, #leftmenu ul li a.subsection_chosen:visited, #leftmenu ul li a.subsection_chosen:active { border-top:1px solid #fff; padding:0 5px 0 15px; text-decoration:none; width:110px; } #leftmenu ul li a.subsection:link, #leftmenu ul li a.subsection:visited, #leftmenu ul li a.subsection:active { background-color:#e2eaed; } #leftmenu ul li a.subsection_chosen:link, #leftmenu ul li a.subsection_chosen:visited, #leftmenu ul li a.subsection_chosen:active { background-color:#c7d6dd; } #leftmenu ul li a.subsection:hover, #leftmenu ul li a.subsection_chosen:hover { background-color:#c7d6dd; } #leftmenu ul li .dotted_line_bottom { border-bottom: 1px dotted #999; } #leftmenu ul li .dotted_line_top { border-top: 1px dotted #999; } #leftmenu  a.leftmenu_section { border:0 none; } /* Content */ #content_2col { border-left:1px solid #999; /* dark grey */ padding:10px 0 10px 10px; min-height:1010px; position:relative; width:819px; } #content_2col img, #content_3col img { /*	border:1px solid #e5e5e5;  very light grey */ } #content_2col img.noborder, #content_3col img.noborder {   border-style:none; } #content_2col p.img_noborder img, #content_3col p.img_noborder img {   border-style:none; } #content_2col a:hover, #content_3col a:hover  {  background-color:transparent; }  #content_2col a:hover img, #content_3col a:hover img {  border-color:#bbbbbb; /* dusk */ } #content_2col .innerlayout, #content_3col .innerlayout {  float:left; padding-bottom:50px; position:relative; width:100%; } #content_3col { border-left:1px solid #999; /* dark grey */ border-right:1px solid #999; /* dark grey */ padding:10px 0 10px 10px; min-height:920px; position:relative; width:auto; } #content_checkout { clear:both; margin-left:auto; margin-right:auto; position:relative; min-width:789px; width:789px; } /* Sections */ #section_header { background:url(menutab_back.gif); float:left; height:206px; margin-bottom:15px; position:relative; width:665px; } #section_header img{ float:right; } #section_header h1{ margin-bottom:2px; padding:0px 0 0 10px; width:296px; } #section_header p{ padding:0 10px; width:296px; } #SectionPageSeo { float:left; margin-top:10px; position:relative; width:665px; } #SectionPageSeo h2{ color:#000; display:inline; font-size:1em; } .section_thumb { float:left; height:214px; margin-right:6px; position:relative; width:162px; } #relatedproducts_cart_box .section_thumb { height:160px; } .section_thumb  a:link, .section_thumb  a:visited, .section_thumb  a:active{ color:black; font-size:0.85em; } .section_thumb  a:hover{ color:#444e55; /* grey */ text-decoration:underline; } .section_thumb .price { color:#ff0000; /* red */ font-size:0.85em; font-weight:bold; } .section_thumb  a:link img, .section_thumb  a:visited img, .section_thumb  a:active img{ border:solid 1px #e3e9ec; /* light grey */ } .section_thumb  a:hover img{ border:solid 1px #999; /* dark grey */ } /* Products */ #productblock { float:left; margin-bottom:13px; position:relative; width:auto; } #productblock  a:link img, #productblock  a:visited img, #productblock  a:active img{ border:solid 1px #e3e9ec; /* light grey */ } #productblock  a:hover img{ border:solid 1px #999; /* dark grey */ } #productblock_left { float:left; position:relative; width:360px; } #productblock_right { float:left; position:relative; width:306px; } #productblock_right h1 { margin:0 0 3px 0; } #productblock_right #price { color:#0093d1; /* Cyan */ font-size:1.2em; font-weight:bold; } #productblock_right .ProductDescription { height:230px; overflow:auto } #enlargeimage { font-size:0.9em; } #enlargeimage a:link, #enlargeimage a:visited, #enlargeimage a:active { color:black; font-size:1em; } #enlargeimage a:hover { color:#444e55; /* grey */ text-decoration:underline; } #productimagerow { float:left; margin-bottom:13px; position:relative; width:auto; } #productimagerow  a:link img, #productimagerow  a:visited img, #productimagerow  a:active img{ border:solid 1px #e3e9ec; /* light grey */ float:left; margin-right:5px; } #productimagerow  a:hover img{ border:solid 1px #999; /* dark grey */ } table.product_box { background-color:#c8dac1; border-width:0; border-spacing:2px; border-style:outset; border-color:#999; border-collapse:collapse; font-weight:bold; float:left; width:666px; } table.product_box td { background-color:#c8dac1; border-width:0; padding:5px; border-style:inset; border-color:#999; -moz-border-radius: 0px 0px 0px 0px; } table td.product_ref { border-width:0 1px 0 0; } table td.product_details { border-width:0; } table td.product_price { border-width:0 1px 0 0; } .product_description { font-weight:normal; } .product_description ul { margin-bottom:0; } table td.product_attribute { border-width:0 1px 0 0; float:left; font-size:0.85em; font-weight:normal; text-align:right; } table.non_product_box, table.choices_box  { background-color:#c8dac1; border-width:0; border-spacing:0; border-style:outset; border-color:#999; border-collapse:collapse; font-weight:bold; float:left; width:666px; } table.choices_box  { border-top-width:1px; } table.non_product_box td { background-color:#c8dac1; border-width:0; padding:5px; } table.choices_box td { background-color:#c8dac1; border-width:0; padding-left:12px; } /* Checkout Pages */ table.shoppingcart, table.shoppingcartcheckout, table.checkouttable { background-color:white; border-width:0; border-spacing:2px; border-style:outset; border-color:#999; border-collapse:collapse; font-size:0.9em; font-weight:bold; float:left; width:789px; } table.shoppingcart th { background-color:#5a7d90; background-image:url('cart_back.gif'); background-repeat:repeat-x; border-color:white; border-style:solid; border-width:1px; color:white; padding:3px; text-align:center; -moz-border-radius: 0px 0px 0px 0px; } table.shoppingcart td{ background-color:#f8f9fb; border-width:1px; border-color:#999; border-style:solid; padding:2px 5px; -moz-border-radius: 0px 0px 0px 0px; } table.shoppingcartcheckout td{ background-color:white; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-color:#999; border-style:solid; padding:2px 5px; -moz-border-radius: 0px 0px 0px 0px; } table td.cartsummary { background-color:white; } table td.cartsummarytotal { background-color:#d1dae1; } table td.cartsummarysubtotal{ background-color:#eff3f6; } table.internalshoppingcart  td{ border-width:0; } table td.noleftborder { border-left-color:white; } table.checkouttable { background-color:white; border-width:0; border-spacing:2px; border-style:outset; border-color:#999; border-collapse:collapse; font-size:0.9em; font-weight:bold; float:left; margin:20px 0; width:789px; } table.checkouttable td{ background-color:#f8f9fb; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-color:#999; border-style:solid; padding:5px 5px; -moz-border-radius: 0px 0px 0px 0px; } table.checkouttable input {  font-size:1.05em; } table.checkouttable select {  font-size:1.05em; } table td.checkout_header { background-color:#5a7d90; background-image:url('checkout_summary_top.gif'); background-repeat:repeat-x; border-width:0; color:white; font-weight:bold; position:relative; text-align:center; } table.checkout_bottom { background-color:white; background-image:url('checkout_summary_bottom.gif'); background-repeat:repeat-x; border-width:0; border-bottom-width:1px; border-color:#999; border-style:solid; float:left; position:relative; width:789px; } table td.cartsummaryshade { background-color:#f8f9fb; } /* Related Products */ #relatedproducts_box { float:left; position:absolute; bottom:70px; left:10px; } #relatedproducts_cart_box { float:left; margin-top:20px; position:relative; bottom:0; left:10px; } #relatedproducts_box p, #relatedproducts_cart_box p { color:#0093d1; /* Cyan */ font-weight:bold; margin-bottom:5px; } /* Content Page Form Layout */ .standardform { background-color:#ebf4f2; width:100%; } .standardform .standardinput{  background:#fff; border:1px solid #bbb; margin:6px 10px; padding:3px; width:174px;  } .standardform  .checkbox input{  background-color:#ebf4f2; border:0 none; float:left; margin:8px 10px; width:20px; } .standardform  .radio input{  background-color:#ebf4f2; border:0 none; float:left; margin:6px 10px; width:20px; } .standardform input#postcode, .standardform input#trpostcode { margin:0px 10px; width:80px; } .standardform .standardselect {  background: #fff; border:1px solid #bbb; margin:0 10px; padding:3px; width:180px;  } .standardform textarea {  background: #fff; border:1px solid #bbb; float:left; margin:8px 10px; padding:3px; } .standardform select#source { margin:0px 10px; width:200px; } .standardform label { clear:both; float:left; font-size:0.9em; font-weight:bold; margin:8px 10px 0 10px; width:80px; } .box_right_50pc .standardform label { width:110px; } .standardform label#labelsource { width:280px; } .standardform  ul#rating { font-weight:bold; list-style-type:none; padding:0; margin:8px 0; width:auto; } .standardform  ul#rating li {  display: inline; padding:0 16px; } .error_box { border:1px solid #ff0000; /* red */ color:#ff0000; /* red */ font-weight:bold; padding:8px; margin:5px 0 10px 0; text-align:center; width:284px; } /* Home Page */ .fp_mini { float:left; margin:20px 2px 0 0; } .fp_5mini { float:left; margin:10px 10px 10px 0; } #home_image_transition { color:#fff; /* white */ font-size:1.2em; line-height:1.8em; position:absolute; top:306px; left:20px; z-index:5000 } #home_image_transition h1 { font-weight:300; } #home_main_image_block { background:url(mainimage_gradient.gif); display:block; float:left; height:385px; margin-bottom:10px; min-height:385px; position:relative; width:827px; } #home_main_image_block a { color:#fff; /* white */ font-size:1.2em; font-weight:bold; } #home_main_image_block a:link, #home_main_image_block a:visited, #home_main_image_block a:active {  text-decoration:none; } #home_main_image_block a:hover { text-decoration:underline; } #home_main_image_block #largeimage{ float:left; margin-right:2px; position:relative; width:476px; } #home_main_image_block #largeimagetext { position:absolute; bottom:30px; right:20px; } #home_main_image_block #otherimages{ float:right; position:relative; width:349px; } #home_main_image_block #smallimage1, #home_main_image_block #smallimage2{ float:left; margin-right:2px; position:relative; } #home_main_image_block #smallimage2{ margin-top:2px; } #home_main_image_block #smallimage1text, #home_main_image_block #smallimage2text { position:absolute; top:8px; left:12px; } .home_text { float:left; margin-top:6px; position:relative; width:816px; } .home_text h1{ color:#000; display:inline; font-size:1.2em; } .home_text h2{ color:#000; display:inline; font-size:1em; } #colourblock1image { display:block; height:185px; float:left; position:relative; width:148px; } #colourblock2image { display:block; height:198px; float:left; margin-top:2px; position:relative; width:148px; } /* Right Menu */ #rightmenu { float:right; margin:0 -149px 0 0; padding:0 10px; position:relative; width:130px; } #rightmenu ul { color:#fff; /* white */ font-weight:bold; list-style-type:none; padding:0; margin:0; width:auto; } #rightmenu ul li  { display:inline; } #rightmenu  ul li a { background-color: #fff; border-top: 1px dotted #999; display: block; line-height:24px; padding-left:3px; text-decoration: none; width:127px; } #rightmenu ul li  img { border-top:solid 1px #ccc;  /* light grey */ border-bottom:solid 1px #ccc;  /* light grey */ margin:0; } #rightmenu  ul li a:link, #rightmenu ul li a:visited, #rightmenu ul li  a:active { color:#444e55; /* grey */ } #rightmenu ul li a:hover { background-color:#dbeff8; } #rightmenu  ul li.rm_header { background:url(menutab_a.gif); border-top:0 none; color:#444e55; /* grey */ display: block; line-height:24px; margin-top:10px; padding:2px 0 2px 3px; text-decoration: none; width:127px; } #rightmenu  ul li a.rm_header:link, #rightmenu ul li a.rm_header:visited, #rightmenu ul li a.rm_header:active { background:url(menutab_a.gif); border-top:0 none; margin-top:10px; padding:2px 0 2px 3px; } #rightmenu ul li a.rm_header:hover { background:url(menutab_b.gif); color:#fff; } #rightmenu  a  { border:0 none; } #rightmenu  .advert  { float:left; position:relative; margin-top:13px; width:133px; } /* Bottom Menu */ #bottommenu1 { background:url(topmenu_a.gif); border-top:1px solid #999; /* dark grey */ border-bottom:1px solid #999; /* dark grey */ clear:both; height:24px; position:relative; min-width:988px; width:988px; } #bottommenu1 ul { margin:0; padding:0; position:absolute; top:0; left:241px; white-space:nowrap; } #bottommenu1 ul li {  display:inline; } #bottommenu1 a { display:block; float:left; padding:0 6px; border-right:1px solid #999;/* dark grey */ text-decoration:none; } #bottommenu1 a:link, #bottommenu1 a:visited, #bottommenu1 a:active {  color:#444e55; /* grey */ line-height:25px; } #bottommenu1 a:hover { background:url(topmenu_b.gif); color:#fff; /* white */ text-decoration:none; } #bottommenu1 a.firstitem:link, #bottommenu1 a.firstitem:visited, #bottommenu1 a.firstitem:active { border-left:1px solid #999;/* dark grey */ } /* Bottom  Menu 2 */ #bottommenu2 { clear:both; color:#999; /* dark grey */ font-size:11px; padding:8px 0; position:relative; margin-left:auto; margin-right:auto; min-width:988px; text-align:center; width:988px; } #bottommenu2 ul { margin:0; white-space:nowrap; } #bottommenu2 ul li {  display:inline; padding:0 3px; } #bottommenu2 a:link, #bottommenu2 a:visited, #bottommenu2 a:active { color:#999; /* dark grey */ font-size:11px; text-decoration:none; } #bottommenu2 a:hover { color:#000; /* black */ text-decoration:underline; }	 /* Other ID's */ #addthisbookmark { border-bottom:1px dotted #28708B; border-top:1px dotted #28708B; padding:10px 0 7px 0; margin-left:20px; min-width:136px; width:136px; } #addtobasket { float:right; margin-top:10px; margin-right:9px; } #backtothetop { clear:both; position:absolute; bottom:0; left:0; width:90%; } #backtothetop img { border:none; vertical-align:top; } #confidence { border-top:solid 1px #ccc; /* light grey */ clear:both; float:left; margin-top:5px; padding:5px 0 3px 0; position:absolute; left:10px; bottom:0; } #confidence_cart { border-top:solid 1px #ccc; /* light grey */ float:left; margin-top:20px; position:relative; left:0; bottom:0; width:816px; } #content_2col  #confidence{ width:816px; } #content_3col  #confidence{ width:665px; } #popup_page { border:solid 1px #ccc; /* light grey */ clear:both; margin-left:auto; margin-right:auto; min-width:666px; padding:10px; width:666px; } #site_map { margin:16px 13px 100px 13px; } #testinfo { color:#ff0000; font-size:1.2em; font-weight:bold; position:absolute; top:10px; left:400px; } /* Other Classes */ .box_left_50pc { float:left; margin-right:25px; position:relative; width:303px; } .box_left_50pc h2 { color:black; padding:10px; } .box_mini { float:left; height:250px; margin-right:19px; position:relative; width:200px; } .box_left_50pc .bgheader, .box_right_50pc .bgheader, .bgheaderfull, .bgheadermini { clear:both; height:23px; font-size:1em; margin:5px 0 5px 0; padding:2px 0 0 10px; } .box_left_50pc .bgheader { background:url(title_bar_lbgd.gif); background-repeat:no-repeat; } .box_right_50pc .bgheader { background:url(title_bar_rbgd.gif); background-repeat:no-repeat; } .bgheaderfull { background:url(title_bar_full.gif); background-repeat:no-repeat; width:343px; } .bgheadermini { background:url(title_bar_mini.gif); background-repeat:no-repeat; width:170px; } .box_left_50pc .bgheaderx2, .box_right_50pc .bgheaderx2  { clear:both; height:39px; font-size:1em; margin:5px 0 5px 0; padding:2px 0 0 10px; } .box_left_50pc .bgheaderx2 { background:url(title_bar_lbgdx2.gif); background-repeat:no-repeat; } .box_right_50pc .bgheaderx2 { background:url(title_bar_rbgdx2.gif); background-repeat:no-repeat; } .box_right_50pc .header { background:url(heading_bgd.gif); background-repeat:no-repeat; clear:both; height:23px; font-size:1em; margin:5px 0 5px 0; padding:2px 0 0 10px; } .box_left_50pc p { padding:0 10px; } .box_right_50pc { float:left; width:338px; } .box_left_50pc p { padding:0 10px; } .box_left160, .box_right160 { border:solid 1px #ccc; /* light grey */ height:150px; margin-bottom:12px; position:relative; width:160px; } .box_left160 p, .box_right160 p { font-size:0.85em; padding-left:10px; } .box_left160 { float:left; } .box_right160 { float:right; } .clear { clear:both; } .inscription_box { background:#8ac9c1; color:#fff; float:left; font-weight:bold; margin-top:10px; padding:5px 10px; width:646px; } .inscriptionExtraInfo { background:#C8DAC1; color:#000; font-size:0.9em; float:left; font-weight:bold; margin:10px 0; padding:5px; width:656px; } .inscription_other_prompt { margin-top:5px; } .leftrelative { float:left; position:relative; } .leftrelativeplus80 { float:left; padding-bottom:80px; } .leftrelativeplus80 ul { font-size:1em; padding-left:12px; } .leftrelativeplus80 ul.indent { list-style-type:square; padding-left:30px; } .leftrelativeplus350 { float:left; padding-bottom:350px; } .qa { background-color:#ebf4f2; float:left; margin-top:18px; padding:10px; position:relative; width:644px; } .qa h1 { font-size:1em; } .qa h2 { color:black; display:inline; font-size:1em; margin-bottom:2px; } .teakcare_qa { background-color:#ebf4f2; float:left; margin:-70px 0 70px 0; padding:10px; position:relative; width:644px; } .teakcare_qa h1 { font-size:1em; } .teakcare_qa h2 { color:black; display:inline; font-size:1em; margin-bottom:2px; } /* Site Background Colour Blocks */ .offwhite_box { background-color:#f8f8e9; margin-bottom:12px; padding-bottom:2px; } .magnolia_box { background-color:#f1f1d3; margin-bottom:12px; padding-bottom:2px; } .fawn_box { background-color:#cfcead; margin-bottom:12px; padding-bottom:2px; } /* Site Colours */ .cyan { color:#0093d1; /* Cyan */ } .red { color:#ff0000; /* red */ }