body { background:#F4FAF6; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #43370F; text-align: center; } /*a { text-decoration: none; }*/ a { text-decoration: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #BC761E;} td { text-align: left; margin-left: 0px; text-indent: 3px;} .contact { font-weight: bold; } #ccolour { color: #FF6600; } #container { width: 760px; margin: 0 auto; background: white url(img/bgtall.jpg) no-repeat top left; border: solid 1px #CED4D0; } .style1 { font-size: 10px; } .style2 { font-weight: bold; } .style2a { color: #F14400; font-weight: bold; } .style2b { color: #49A830; font-weight: bold; } .style3 { color: #F85007; font-weight: bold; } .style3a {color: #000000} .style5 {color: #FF6600} .style7 {color: #FF6652; font-weight: bold; } /*-----start header and graphics overlay-----*/ #hmcoverlay { width: 278px; height: 59px; float: right; margin-right: 0; background: url(img/logo_holistic.gif) no-repeat top right; border: none; z-index: -1; } #oshosoverlay { width: 268px; height: 59px; float: right; margin-right: 278; background: url(img/lg_oshohouse.png) no-repeat top right; border: none; z-index: -1; } #header { width: 550px; height: 80px; float: right; } #header p { letter-spacing: 5px; margin: 0; padding: 0; width: 550px; float: right; font-size: 16px; } #header .row { width: 550px; float: right; text-align: right; margin: 0; padding: 0; background: url(img/bg-header-logos.gif) no-repeat; } /*-----end header and graphics overlay-----*/ /*-----start common links for all pages top menu-----*/ #topmenu { text-align: center; height: 40px; width: 550px; background: url(img/bg_topmenu.gif) no-repeat; float: right; } #topmenu ul { margin: 0 auto; padding: 0; text-align: center; width: 530px; } #topmenu ul li { height: 20px; list-style: none; float: left; margin: 15px 5px 0 5px; padding: 0; } #topmenu ul li a { font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: black; padding: 5px; text-decoration: none; } #topmenu ul li a:hover, #topmenu #current { color: #D75202; } /*-----end common links for all pages top menu-----*/ /*-----start left column-----*/ #leftcol { width: 210; float: left; text-align: center; padding: 0; margin: 0;} /*N #leftcol { width: 210; float: left; text-align: center; padding: 0; margin: 0;}*/ /*O #leftcol { width: 208px; margin: 0 auto; padding: 0 0 0 0; position: relative; }*/ /*-----end left column-----*/ /*-----start left menu-----*/ /*N #leftmenu .top { position: relative; top: -20px; background: url(img/top.png) no-repeat top center; width: 200px; margin: 0 0 0 0; padding: 20px 0 0 0; text-align: center; clear: both; }*/ /*O #leftmenu .top { position: absolute; top: -10px; left: -2px; background: url(img/leftnav_top.png) no-repeat top center; width: 208px; margin: 0; padding: 0; text-align: center; clear: both; }*/ #leftmenu .top { position: absolute; top: -20px; background: url(img/top.png) no-repeat top center; width: 200px; margin: 0; padding: 20px 0 0 0; text-align: center; clear: both; } /*N #leftmenu { width: 210; margin: 150px auto auto 0px; padding: 0 0 0px 0; position: relative; text-align: center; background: url(img/middle.png) repeat-y; }*/ #leftmenu { width: 200; margin: 150px auto auto 0px; padding: 0; position: relative; text-align: center; background: url(img/middle.png) repeat-y; } /*N #leftmenu .bot { position: relative; bottom: -11px; left: 0px; background: url(img/bottom.png) no-repeat top center; width: 200px; margin: 0; padding: 0 0 0px 0;}*/ /*O #leftmenu .bot, #leftnews .bot { position: absolute; bottom: -13px; left: -2px; background: url(img/leftnav_bot.png) no-repeat top center; width: 208px; margin: 0; padding: 0;}*/ #leftmenu .bot { position: absolute; bottom: 0px; left: 0px; background: url(img/bottom.png) no-repeat top center; width: 200px; margin: 0; padding: 0;} /*N #leftmenu ul { list-style: none; width: 200px; margin: 0px 0 0 0; padding: 0px 0 0 0; }*/ /*O #leftmenu ul { list-style: none; width: 208px; background: url(img/leftnav_mid.png) repeat-y; margin: 10px 0 0 0; padding: 10px 0 0 0; }*/ #leftmenu ul { list-style: none; width: 200px; margin: 0px 0 0 0; padding: 0px 0 0 0; } /*N #leftmenu ul li { text-align: right; width: 170px; list-style: none; margin: 5px 0; padding: 0 15px 0 0; background: url(img/bullet.png) no-repeat right; position: relative; }*/ /*O #leftmenu ul li { text-align: right; width: 170px; list-style: none; margin: 10px 0; padding: 0 15px 0 0; background: url(img/bullet.jpg) no-repeat right; position: relative;}*/ #leftmenu ul li { text-align: right; width: 170px; list-style: none; margin: 10px 0; padding: 0 15px 0 0; background: url(img/bullet.gif) no-repeat right; position: relative;} /*N #leftmenu ul li a { color: #332600; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: right; }*/ /*O #leftmenu ul li a { color: #332600; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: right;}*/ #leftmenu ul li a { color: #332600; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: right; } /*N #leftmenu ul li a:hover, #topmenu #current { color: #D75202; }*/ /*O #leftmenu ul li a:hover, #topmenu #current { color: #D75202; }*/ #leftmenu ul li a:hover, #topmenu #current { color: #D75202; } /*N #leftmenu ul ul { position: absolute; left: 185px; top: -10px; background: #DEF0E9; width: 185px; padding: 2px 0; border: solid 1px #B6BFBC;}*/ /*O #leftmenu ul ul { position: absolute; left: 185px; top: -10px; background: #DEF0E9; width: 185px; padding: 2px 0; border: solid 1px #B6BFBC;}*/ #leftmenu ul ul { position: absolute; left: 185px; top: -10px; background: #DEF0E9; width: 185px; padding: 2px 0; border: solid 1px #B6BFBC;} /*N #leftmenu ul ul li { text-align: left; background: #C2ECDC; margin: 2px 2px 2px 5px; padding: 2px;}*/ /*O #leftmenu ul ul li { text-align: left; background: #C2ECDC; margin: 2px 2px 2px 5px; padding: 2px;}*/ #leftmenu ul ul li { text-align: left; background: #C2ECDC; margin: 2px 2px 2px 5px; padding: 2px;} /*N div#leftmenu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul {display: none; position: absolute;}*/ /*O div#leftmenu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul {display: none; position: absolute;}*/ div#leftmenu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul {display: none; position: absolute;} /*N div#leftmenu ul li:hover ul, div#menu ul ul li:hover ul{display: block;}*/ /*O div#leftmenu ul li:hover ul, div#menu ul ul li:hover ul{display: block;}*/ div#leftmenu ul li:hover ul, div#menu ul ul li:hover ul{display: block;} /*-----end left menu-----*/ /*-----start left newsbox-----*/ #leftnews { width: 200px; margin: 0 auto auto 0px; padding: 0; position: relative; } /*N #leftnews { width: 200px; margin: 0 auto auto 0px; padding: 0; position: relative; }*/ /*O #leftnews { width: 208px; margin: 0 auto; padding: 0 0 0 0; position: relative; }*/ #leftnews .top { position: absolute; top: -19px; left: 0px; background: url(img/top.png) no-repeat top center; width: 200px; margin: 0; padding: 15px 0; text-align: center; } /*N #leftnews .top { position: absolute; top: -19px; left: 0px; background: url(img/top.png) no-repeat top center; width: 200px; margin: 0; padding: 15px 0; text-align: center; }*/ /*O #leftnews .top { position: absolute; top: -10px; left: -2px; background: url(img/leftnav_top.png) no-repeat top center; width: 208px; margin: 0; padding: 5px 0; text-align: center; }*/ #leftnews .top .title { text-align: center; margin: 0 auto; width: 180px; clear: both; font: bold 12px Verdana, arial, Helvetica, sans-serif;} /*N #leftnews .top .title { text-align: center; margin: 0 auto; width: 180px; clear: both; font: bold 12px Verdana, arial, Helvetica, sans-serif;}*/ /*O #leftnews .top .title { text-align: center; margin: 0 auto; width: 180px; clear: both; font: bold 12px Verdana, arial, Helvetica, sans-serif;}*/ #leftnews .newsrow { width: 200px; background: url(img/middle.png) repeat-y; margin: 0px 0 0 0; padding: 0px 2 10px 2; text-align: center; } /*N #leftnews .newsrow { width: 200px; background: url(img/middle.png) repeat-y; margin: 0px 0 0 0; padding: 0px 2 10px 2; text-align: center; }*/ /*O #leftnews .newsrow { width: 208px; background: url(img/leftnav_mid.png) repeat-y; margin: 10px 0 0 0; padding: 15px 0 0 0; text-align: center; }*/ #leftnews .newsrow p { width: 185px; margin: 10px auto; text-align: left; } /*N #leftnews .newsrow p { width: 185px; margin: 10px auto; text-align: left; }*/ /*O #leftnews .newsrow p { width: 185px; margin: 10px auto; text-align: left; }*/ #leftnews .newsrow b { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #BC761E; } /*N #leftnews .newsrow b { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #BC761E; }*/ /*O #leftnews .newsrow b { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #BC761E; }*/ #leftnews .bot { position: relative; bottom: -20px; left: 0px; background: url(img/bottom.png) no-repeat top center; width: 200px; margin: 0; padding: 0 0 0px 0;} /*N #leftnews .bot { position: relative; bottom: -20px; left: 0px; background: url(img/bottom.png) no-repeat top center; width: 200px; margin: 0; padding: 0 0 0px 0;}*/ /*-----end left newsbox-----*/ /*-----for the newsbox in the leftcol----*/ /*N #subparagraph { font: 11px Verdana, Arial, Helvetica, sans-serif; }*/ /*O #subparagraph { font: 11px Verdana, Arial, Helvetica, sans-serif; }*/ #subparagraph { font: 11px Verdana, Arial, Helvetica, sans-serif; } /*-----start right column-----*/ #rightcol { width: 540px; float: right; text-align: justify; } #rightcol h1 { color: #BC761E; font: bold 16px Verdana, Arial, Helvetica, sans-serif; height: 20px; float: left; width: 540px; margin: 20px 0 10px 0;} #rightcol .col1 { float: left; width: 250px; text-align: center; } #rightcol .col2 { float: right; width: 250px; margin: 0 10px 0 0; text-align: center;} #rightcol .col1 b, #rightcol .col2 b { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #332600;} #rightcol .col1 a, #rightcol .col2 a { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #BC761E;} #rightcol .pricelist { float: left; width: 500px; } #rightcol .price-text { float: left; width: 500px; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; } #rightcol .price-titles { float: left; width: 500px; text-align: center; background-color:#FAD695; font-weight:bold; color: #332600; } /*-----end right column-----*/ /*-----begin right newsbox-----*/ #rightcol .newsbox { width: 240px; height: 150px; margin: 0 auto; background: url(img/bg_newsbox.jpg) no-repeat; padding: 0;} #rightcol .newsbox .row { float: left; text-align: center; margin: 45px 0 0 3px; width: 170px; padding: 0;} #rightcol .newsbox .row input { margin: 2px 0; } /*-----end right newsbox-----*/ #rightcol .contentfooter { width: 520px; clear: both; text-align: center; color: #BC761E;} /*-----start footer-----*/ #footer { width: 760px; height: 90px; background: url(img/bg_footer.jpg) no-repeat center bottom; clear: both; } #footer .row1 { width: 525px; float: right; text-align: center; margin: 0 0 0 30px;} #footer .row1 hr { width: 480px; color: #843602; height: 1px; } #footer .row1, #footer .row1 a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #332600; text-decoration: none; margin: 0 5px; } /*-----end footer-----*/ .caption { caption-side: bottom; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight:bold; text-align: center; margin-top: 3px; margin-bottom: 20px; } .phone { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #BC761E; font-weight: bold; text-align: center; } .text-par { font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-align: left; margin: 3px 3px 3px 3px; } #justify { text-align:justify; } .spacer { height: 10px; clear: both; }