/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ body { background:#d2d2c5; cursor:default; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} #wrapper { color:#60544D; font-size:1.2em; width:980px; margin:0 auto; text-align:left;} /* --------------------------------------------------------------------------------------------------------------------------------- RESETS & UNIVERSAL CLASSES /* --------------------------------------------------------------------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;} fieldset, img, abbr, acronym { border:0 none;} table { border-collapse:separate; border-spacing:0;} :focus { outline:0;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} caption, th { text-align:left;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:"";} .hidden, .special_message { display:none !important;} label.hidden { display:inline !important; left:-9000px; position:absolute;} fieldset.hidden { display:block !important;} .nomargin { margin:0 !important;} .fleft { float:left;} .fright { float:right;} .clear { clear:both; height:0; line-height:0; visibility:hidden;} .clearfix:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl { display:inline-block;} /* --------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY /* --------------------------------------------------------------------------------------------------------------------------------- */ a { padding:0; color:#308294; border-bottom:1px dotted #66A2AF; font-weight:normal; text-decoration:none;} a:hover, a:focus { cursor:pointer; color:#000; border-color:#000;} a:active { text-decoration:underline;} a.selected, a.selected:hover { background:#797367; } a img { border:none; display:block;} strong a { font-weight:bold !important;} h1, h2, h3, h4, h5, h6, p { margin:0 0 20px 0;} p { line-height:1.5em;} #page1 p, #banners p { font-size:1.3em;} h1 { color:#478088; font-size:2.1em; font-weight:bold; letter-spacing:-0.05em;} h2 { colour: #4b433e; font-weight:bold; font-size:1.4em;} h3 { font-size:1.2em; font-weight:bold; margin:0;} h4, h5, h6 { font-size:1em; font-weight:bold; margin-bottom:7px;} ol, ul { margin-left:20px;} li { margin-bottom:3px;} ul li {} ul { margin:0 0 15px 20px; list-style-type:disc;} input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif;} .hr { background:#f2eee9; border:none; height:2px; margin:15px 0;} strong { font-weight:bold;} em { font-style:italic;} acronym { font-weight:bold; color:#66A2AF; font-size:1.4em;} .cross { border:1px solid #f89090;} /* Titles for modules */ .title, .calcmon { color:#73695b; font-size:1.6em; font-weight:normal; letter-spacing:-0.05em; font-family:Arial, Helvetica, sans-serif; margin:0 0 6px;} .title span { display:block; border-bottom:1px solid #BFB7AC;} /* Notices for error, warning and success messages */ .notice { margin-bottom:10px;} .notice * { margin:0 0 5px 0;} .notice.error { background:#ffeded; border:1px solid #f89090; color:#d10000; padding:2px;} .notice.warning { background:#fffced; border:1px solid #dfd292; color:#866c13; padding:2px;} .notice.success { background:#f3ffed; border:1px solid #c2e1b6; color:#51713d; padding:2px;} .notice.info { background:#eff8ff; border:1px solid #b7d4ee; color:#455a6d; padding:2px;} .notice .inner { margin:0 0 10px; padding:5px 15px;} /* Images used in galleries and content boxes */ .photoimg img, .photo { border:1px solid #CCC; padding:3px; background:#fff; overflow:hidden; margin:0 auto;} .photoimg a, .photo a { border:none; text-align:center;} /* --------------------------------------------------------------------------------------------------------------------------------- BUTTONS LOGOS ICONS /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Buttons for forms */ .button { display:block; cursor:pointer; border:none; color:#fff; font-weight:bold; padding:3px; background:#958977 url(/images/icons.gif) no-repeat -278px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .button:hover, .button:focus { background-color:#1B1713; color:#fff;} /* Logos */ .logo { display:block; text-indent:-9000px;} .logo.companylogo { width:190px; height:80px; background:url(/images/logos.gif) no-repeat 0 0; border:1px solid #F1F1D7;} .logo.companylogo:focus { border-color:#D3CFAF;} .logo.liquidwebpowered { width:134px; height:35px; background:url(/images/logos.gif) 0 -175px; padding:0; margin-top: 9px; border:none;} /* Icons */ .icon { display:block; border:0; height:16px; width:16px; text-indent:-9000px; background:url(/images/icons.gif) no-repeat 0 0;} .icon.arrow_left /*calendar icon*/{ background-position:0 -18px; width:14px; height:14px;} .icon.arrow_right /*calendar icon*/{ background-position:0 -35px; width:14px; height:14px;} /* Custom sidenav icons */ #nav34 a { background:url(/images/icons.gif) no-repeat -366px -167px;} /* Womenswear pink*/ #nav34 a.selected { color:#EF1F9A;} #nav39 a { background:url(/images/icons.gif) no-repeat -336px -197px;} /* Lingerie lightpink*/ #nav39 a.selected { color:#ED84F9;} #nav38 a { background:url(/images/icons.gif) no-repeat -306px -227px;} /* Accessories lilac*/ #nav38 a.selected { color:#AB42D1;} #nav37 a { background:url(/images/icons.gif) no-repeat -276px -257px;} /* Shoes purple*/ #nav37 a.selected { color:#7E3EE1;} #nav41 a { background:url(/images/icons.gif) no-repeat -156px -377px;} /* Cosmetics darkpurple*/ #nav41 a.selected { color:#581FCF;} #nav35 a { background:url(/images/icons.gif) no-repeat -246px -287px;} /* Menswear blue*/ #nav35 a.selected { color:#2397EE;} #nav36 a { background:url(/images/icons.gif) no-repeat -216px -317px;} /* Childrenswear turquoise*/ #nav36 a.selected { color:#2CCF93;} #nav45 a { background:url(/images/icons.gif) no-repeat -186px -347px;} /* Linens green*/ #nav45 a.selected { color:#73CA55;} #nav40 a { background:url(/images/icons.gif) no-repeat -96px -437px;} /* Cookshop lightgreen*/ #nav40 a.selected { color:#94c200;} #nav42 a { background:url(/images/icons.gif) no-repeat -126px -407px;} /* Cards & Gifts yellow*/ #nav42 a.selected { color:#ddb100;} #nav43 a { background:url(/images/icons.gif) no-repeat -66px -467px;} /* Coffee Shop teracotta*/ #nav43 a.selected { color:#BD7430;} #nav2 a { background:url(/images/icons.gif) no-repeat -36px -497px;} /* What's New! red*/ #nav2 a.selected { color:#BD1F20;} #nav31 a { background:url(/images/icons.gif) no-repeat -6px -527px;} /* Offers dark red*/ #nav31 a.selected { color:#920001;} #shoponline { background:url(/images/icons.gif) no-repeat -6px -566px; border:none; border-bottom:1px solid #E5E5E5; font-size:0.9em; color:#60544D; display:block; padding:5px 10px 5px 37px; text-decoration:none; margin:0 0 15px;} #shoponline:hover { text-decoration:underline;} /* File type icons */ a[title="doc"] { background:url(/images/icons.gif) no-repeat -146px -136px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="txt"] { background:url(/images/icons.gif) no-repeat -166px -116px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="csv"], a[title="xls"] { background:url(/images/icons.gif) no-repeat -186px -96px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="pdf"] { background:url(/images/icons.gif) no-repeat -206px -76px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="zip"], a[title="rar"] { background:url(/images/icons.gif) no-repeat -226px -56px; padding-left:20px; border-bottom:1px dotted #372c24;} /* Banners */ .banner { display:block; text-indent:-9000px;} .banner.joinrss { background:url(/images/logos.gif) no-repeat 0 -333px; width:200px; height:61px;} .banner.ical { background:url(/images/logos.gif) no-repeat 0 -238px; width:200px; height:73px;} /* --------------------------------------------------------------------------------------------------------------------------------- STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { color:#8d8580; position:relative;} #header .inner { padding:10px; position:relative; background:#f1f1d7 url(/images/xgradients.gif) no-repeat 0 0; height:80px;} #header #headercontent { position:relative; z-index:1;} #header #companylogo { margin:0;} #header #search { display:none !important;} #header #contact { padding:0; font-size:0.8em; position:absolute; top:96px; right:0; z-index:100; color:#fff; font-weight:bold;} #header #contact h2 { margin:0} #ie6 #header #contact { right:235px; top:0;} #headnav { position:absolute; top:10px; left:220px; width:430px; height:22px;} #headnav a { border:none; float:left; background:none; color:#7a726c; padding:3px 8px 1px; height:18px; margin-right:2px;} #headnav a:hover, #headnav a:focus, #headnav a.selected { background:none; color:#b8b0aa;} #header #hbanner { width:178px; background:#fff url(/images/uglypointlessshoplink.gif) no-repeat 0 0; height:79px; display:block; border:1px solid #cc0000; float:right;} #headerimages { height:80px;} /* Navigation Bar */ #nav { height:30px; background:#60544d; text-align:center;} #nav dl { margin:0 auto; display:inline-block;} #nav dd { display:inline;} #nav a { border:none; color:#fff; text-decoration:none; font-weight:normal; padding:7px 17px; margin:0 -3px 0 0; display:inline-block; white-space:nowrap; position:relative; cursor:pointer;} #nav a:hover, #nav a:focus { background:#281e17;} #nav a.selected, #nav a.selected:hover { background:#281e17; color:#a6dfff;} #nav a.selected:focus { text-decoration:underline;} /* Content Layout */ #content { background:#fff; border-left:200px solid #fff; border-right:200px solid #fff; display:block; position:relative;} #content #inner { display:block; overflow:hidden;} #left, #right { background:#fff; position:relative;} #left { float:left; left:0px;} #left .linner { padding:27px 10px 20px;} #right { float:right; right:0px;} #right .rinner { padding:20px 10px;} #centre { display:block; height:1%; padding:20px 10px; position:relative;} #centre .cinner { overflow:hidden;} #content { border-left-width:200px; border-right-width:200px;} .noleftcol #content { border-left:none !important;} .norightcol #content { border-right:none !important;} #inner { margin-left:-200px; margin-right:-200px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner { margin-right:0 !important;} #left { width:200px;} #right { width:200px;} #centre { margin-left:200px; margin-right:200px;} .noleftcol #content #centre { margin-left:0 !important;} .norightcol #content #centre { margin-right:0 !important;} .noleftcol #content #left { display:none!important;} .norightcol #content #right { display:none!important;} /* Footer */ #footer { clear:both; position:relative; color:#81786a; background:#f1f1d7; width:980px; margin: 0 auto; text-align:center; border-top:1px solid #d3cfaf;} #foottext { padding:15px 10px;} #footnav { margin:0; padding:0; overflow:hidden;} #footnav a { background:none; float:left; padding:0 4px; margin:0; border-left:1px solid #81786a; color:#81786a;} #footnav a:hover, #footnav a:focus, #footnav a.selected { text-decoration:underline;} #footer h3 { margin:0; font-weight:normal; font-size:1.4em; font-style:italic;} #footer #copyright {} #footer .box { padding:10px; color:#5B554C; background:#fafae6; border: 1px solid #d3cfaf; margin-bottom: 0;} #footer .inner { padding:0;} #footer .liquidwebpowered { position:absolute; right:10px; top:5px;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { background:#fff; height:1%; margin-bottom:15px; position:relative;} .inner { height:1%; padding:0;} .b { display:none;} /* BESPOKE BANNERS section */ #banners{ padding:0; margin:0; } #banners li{ padding:0; margin:0; background: none; } #left #banners li a{ border-bottom: none; } /* Filters used in some modules */ .filters { position:relative; padding:5px 10px; margin-bottom:15px;} .column .filters { padding:0; margin:0;} /* Sideboxes */ .column .title { margin:0 0 5px; padding:0 10px; font-size:1.4em;} .column .title span { padding:10px 0 0;} .column .box { border:none; background:none;} .column .box .inner { padding:5px 10px;} .column .filters { margin-bottom:15px; width:97%;} /* Side nav */ #sidenavhead { color:#66a2af; font-weight:bold; background:url(/images/logos.gif) no-repeat 0 -401px; width:182px; height:26px;} #sidenav { position:relative; margin:0;} #sidenav dl { margin:0; background: #fff; padding:0; font-size:1.2em;} #sidenav a, .sidenav a { border:none; border-top:1px solid #e5e5e5; display:block; padding:7px 10px 8px 37px; color:#60544d; text-decoration:none;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected, .sidenav a:hover, .sidenav a:focus, .sidenav a.selected { text-decoration:underline;} #sidenav .sub0.bottom {} #sidenav .sub0 a {} #sidenav .sub0 a:hover {} #sidenav .sub0 a.selected {} #sidenav .sub1 a { padding-left:35px; } #sidenav .sub1 a:hover { background-color:#f5f5f5;} #sidenav .sub1 a.selected { background-color:#f5f5f5;} #sidenav .sub2 a { background-position:-235px -12px; padding-left:50px;} #sidenav .sub2 a:hover { background-color:#f5f5f5;} #sidenav .sub2 a.selected { background-color:#f5f5f5;} /* Sitemap */ #sitemap .sub1 a { margin-left:15px;} #sitemap .sub2 a { margin-left:30px;} /* --------------------------------------------------------------------------------------------------------------------------------- MODULES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Content Boxes */ .contentbox .alphafilter { margin-bottom:4px;} .contentbox .azfilter { margin:0;} .contentbox .azfilter a { float:left; background:#fff; color:#958977; border:1px solid #d6d0c7; margin:0 1px 2px 0; padding:0 3px;} .contentbox .azfilter a:hover, .contentbox .azfilter a:focus, .contentbox .azfilter a.selected { background:#958977; border-color:#958977; color:#fff; text-decoration:none;} .contentbox .cbox { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:3px solid #f2eee9;} .contentbox .cbox .name { margin-bottom:5px; font-size:1.2em; font-weight:bold; letter-spacing:-0.03em;} .contentbox .cbox .photoimg { float:right; margin:0 0 5px 10px;} .column .contentbox .cbox .b { display:none;} .column .contentbox .cbox .title {} .column .contentbox .cbox .inner { padding:0;} .column .contentbox .cbox .title div { padding:0 10px;} .column .contentbox .cbox img { width:179px;} .column .contentbox .cbox .photoimg { float:none; margin:0 0 5px 0;} #footer .contentbox .cbox .b, #footer .contentbox .filters .b { display:none;} #cbox8 .title{ display: none; } /* Events */ .events h1.headline { margin-bottom:20px;} .events h3.headline { margin:0;} .events .headline a { font-weight:bold;} .events .date { font-style:italic;} .events .summary .date { margin-bottom:5px; display:block;} .events .desc { position:relative; top:-20px;} .events .cat, .events .loc { display:block;} .events .loc { margin-top:10px;} .events dl { margin:0;} .events dd { margin-bottom:10px;} .events .hr { margin:15px 0;} .events .label { margin-right:5px;} .events .filters { margin-bottom:15px;} .events .filter { float:left; margin-right:10px;} .events.calendar { text-align:center;} .events.calendar .title { display:none;} .events.calendar thead td { padding:0; border-bottom:1px solid #BFB7AC;} .events.calendar thead .calcmon { color:#73695B; display:inline; font-size:1.4em; background:none; border:none; padding:0;} .events.calendar thead .calcmon:hover, .events.calendar thead .calcmon:focus { background:none; color:#73695B; text-decoration:underline;} .events.calendar thead .icon { position:absolute; top:10px;} .events.calendar thead .icon.arrow_left { left:10px;} .events.calendar thead .icon.arrow_right { right:10px;} .events.calendar thead .ctext { display:none;} .events.calendar tbody th { font-size:0.8em; padding:5px 0; font-weight:normal; text-align:center; text-transform:uppercase;} .events.calendar tbody td { padding:0; width:14%;} .events.calendar tbody a { background:#fff; display:block; margin:0 1px 1px; padding:1px 0; color:#958977; border:1px solid #D6D0C7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .events.calendar tbody a:hover, .events.calendar tbody a:focus, .events.calendar tbody a.active:hover, .events.calendar tbody .selected a { background-color:#958977; color:#fff;} .events.calendar tbody a.active { font-weight:bold; background:#BFB7AC; color:#fff;} .events.calendar tbody .eday a { font-weight:bold; color:#66A2AF} .events.calendar tbody .eday.selected a { background:#66A2AF; color:#fff;} .events.calendar tbody .eday a.active { background:#958977; color:#fff;} .events.calendar tbody .oday a { background:#E7E4E0; border-color:#E7E4E0; color:#b2a796;} .events.calendar tbody .oday a:hover, .events.calendar tbody .oday a:focus { background:#fff; border-color:#D6D0C7; color:#958977;} .column .events h3.headline { font-size:1em;} .column .events .label { display:block;} .column .events .filter { margin-bottom:5px;} .column .events p { margin:0; font-size:0.9em;} .swatch { display:block; width:16px; height:16px;} .swatch.fleft { margin-right:5px;} .swatch.fright { margin-left:5px;} /* Forms */ .form legend { display:none;} .form dl { margin:0;} .form dd { overflow:hidden; position:relative; width:100%; margin-bottom:5px;} .form .label { position:relative; float:left; width:25%; padding:5px 0; text-align:right; margin-right:15px;} .form .input, .form .textarea { width:65%; border:1px solid #BFB7AC; padding:3px 5px; background:#f3f1ed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .form .label acronym { position:absolute; right:-8px;} .form .hr { margin:10px 20px;} .form .comment { clear:both; display:block; font-size:0.9em; margin:0 0 0 28%; color:#958977;} .form .notice { border-width:0px; display:block; font-size:0.9em; margin:0 0 0 28%; padding:0 1px; width:64%;} .form .button { margin:15px 0 15px 28%;} .form .small + acronym + .notice { width:120px;} .form .checks input { float:left; margin:5px 5px 0 0;} .form .checks label { max-width:500px; display:block; float:left; margin:5px 10px 0 0;} #centre .form .button { padding:3px 20px;} /* Image galleries */ .gallery .inner { padding:0;} .gallery .title { display:none;} .gallery .slideshow { background:url(/images/loading.gif) no-repeat center center; border:1px solid #c7bbb4; height:213px;} .gallery .slideshow #loader { display:none;} .gallery .slideshow .button { position:absolute; background-image:none; top:-30px; margin:0; padding:0 10px;} .gallery .slideshow .next { right:0;} .gallery .slideshow .prev { right:50px;} .gallery .slideshow div { text-align:center; width:100%;} .gallery .slideshow img { background:#fff; position:relative; z-index:10;} .gallery .thumbnails dd { overflow:hidden; text-align:center; background:#fff; height:226px; width:210px; display:block; margin:0 20px 15px 0; float:left; position:relative;} .gallery .thumbnails a { background:none;} .gallery .thumbnails a:hover .caption, .gallery .thumbnails a:focus .caption { text-decoration:underline;} .gallery .thumbnails .photoimg { display:block; position:absolute; bottom:0; left:0; width:210px; margin-bottom:15px;} .gallery .thumbnails .caption { display:block; position:absolute; bottom:0; left:0; width:210px;} #page37 .gallery .thumbnails .caption, #page41 .gallery .thumbnails .caption, #page35 .gallery .thumbnails .caption, #page36 .gallery .thumbnails .caption, #page42 .gallery .thumbnails .caption, #page43 .gallery .thumbnails .caption, #page40 .gallery .thumbnails .caption { display:none !important;} /* Home page slideshow */ #ss9 { width:242px; height:366px; float:right; border:1px solid #c7bbb4;} #ss9 .slideshow { height:366px; margin:0; border:none;} #ie6 #ss7 .slideshow img { width:750px;} #ie6 #ss7 .gallery { border:none; width:500px; float:left; overflow:hidden;} /* Contact us page slideshow */ #ss24 { width:382px; height:282px; border:1px solid #c7bbb4; position:absolute; right:10px; top:390px; z-index:10;} #ss24 .slideshow { height:282px; margin:0; border:none;} /* Google maps */ .locmap .inner { padding:0;} .locmap .title { display:none;} .locmap .map{ height:302px; color:#000; background:#fff; border:1px solid #CCC; margin:0;} .column .locmap .map { width:100%; height:160px;} .column .locmap .map div.gmnoprint { display:none;} /* News */ .news .title { display:none;} .news h1.headline { margin:0; margin-bottom:10px; font-size:1.4em; letter-spacing:normal;} .news h3.headline { margin:0;} .news .headline a { font-weight:bold;} .news .date { font-style:italic;} .news .summary .date { margin-bottom:5px; display:block;} .news .desc { position:relative; top:-10px;} .news dl { margin:0;} .news dd { margin-bottom:10px;} .news .hr { margin:15px 0;} .news .label { margin-right:5px;} .news .filters { margin-bottom:15px;} .news .filter { float:left; margin-right:10px;} .column .news h3.headline { font-size:1em;} .column .news .selectbox { width:97%;} .column .news .label { display:block;} .column .news .filter { margin-bottom:5px;} .column .news p { margin:0; font-size:0.9em;} /* RSS */ .rss h1.headline { margin-bottom:20px;} .rss h3.headline { margin:0;} .rss .headline a { font-weight:bold;} .rss .date { font-style:italic;} .rss .summary .date { margin-bottom:5px; display:block;} .rss .desc { position:relative; top:-20px;} .rss dl { margin:0;} .rss dd { margin-bottom:10px;} .rss .hr { margin:15px 0;} .column .rss h3.headline { font-size:1em;} .column .rss p, .column .rss .source { margin:0; font-size:0.9em;} /* RTE areas */ #header .rtecontent { background:none; border:none;} #header .rtecontent .inner { padding:0;} #footer .rtecontent { border:none;} #page1 #intro { float:left; width:60%;} #centre .rtecontent { width:90%;} #page1 #homebanner { width:100%;} #page1 #homebanner p { margin:0;} #page33 .rtecontent { width:100%;} .rtecontent h3 { border-bottom:1px dotted #aaa;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ #banners .inner { padding:0;} #banners p { margin:0;} #nomargin h1, #nomargin .inner { margin:0; padding:0;} /* extra pages in sidenav */ #exsn {} #exsn.sidenav a { font-size:1.2em; border-bottom:1px solid #E5E5E5;} /************************************* * LiquidShop RTE PAGES CSS Stylesheet *************************************/ .rte_wrapper { width:100%; overflow:hidden;} .rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float:left;} .rte_twoeqcol_left {width: 48%; } .rte_twoeqcol_right {width: 48%; float:right;} .rte_twocol_small_left {width: 38%;} .rte_twocol_big_right {width: 58%; float:right;} .rte_twocol_big_left {width: 58%;} .rte_twocol_small_right {width: 38%; float:right;} .rte_threecol {width: 31%;}