/* =================================================
        Wholebuild
        Copyright 2010
        Written for - Wholebuild.Co.uk
        Developed and designed by Mohamed Ziada
        Description - have basic classes and import css

color guide
-----------
#FADDA5         |                       | Box header
#FCEED2         |                       | Box Background
#000000		| Black 		| used for text
#ffffff		| white			| generic white color


Font guid
---------
Calibri, 'Times New Roman', 'Myriad Pro', 'Trebuchet MS'  | body text
================================================= */


/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    /*font-family:inherit;*/
    font-family: Calibri, 'Times New Roman', 'Trebuchet MS';
    vertical-align:baseline;
}

/* Remember to define focus styles! */
:focus              {outline:0;}
body                {line-height:1; color:black; background:white;}
ol, ul              {list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup */
table               {border-collapse:separate; border-spacing:0;}
caption, th, td     {text-align:left; font-weight:normal;}
blockquote:before, 
blockquote:after,
q:before, q:after   {content: "";}
blockquote, q       {quotes: "" "";}

/* Clear fix */
.clear:after        {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; padding:0; margin:0;}
.clear              {display:inline-block;}
html[xmlns] .clear  {display:block;}
* html .clear       {height:1%;}

/* Defaults */
body                {font-family:helvetica, verdana, sans-serif; font-size:14px; 
                     line-height:1.5em; color:#000000; background-color:#fff; }
h1                  {font-size:1.8em; line-height:1.4em; color:#333;}
h2                  {font-size:1.4em; line-height:1.2em; font-weight:normal;}
h2.content-heading  {margin-bottom: 1em; }
h3                  {font-size:1.1em; font-weight:normal;}

a,
a:visited           {color:#000; text-decoration:none;}
a:hover             {color:#fff; text-decoration:underline;}
a.glossaryLink,
a:visited.glossaryLink {color:#46727a  !important; cursor:help; text-decoration:none  !important; font-weight: bold;font-style: italic;}
a:hover.glossaryLink   {color:#46727a !important;  cursor:help; text-decoration:underline !important;}
a.no-style, a.no-style:hover  {color:#000;}


p                   {margin:.5em 0;}
em                  {font-weight:bold; font-style:italic;}
strong              {font-weight:bold;}

acronym, abbr {
    border-bottom-color:#646464;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    cursor:help;
}

acronym {speak : normal;}
abbr.initialism {speak : spell-out;}
abbr.truncation {speak : normal;}

#overlay, div#fancy_overlay{
    background-color: #ccc;
}
.box_shadow{
    box-shadow: 4px 4px 4px #A19FA0;
    -webkit-box-shadow: 4px 4px 4px #A19FA0;
    -moz-box-shadow: 4px 4px 4px #A19FA0;
}
.txtShadow{ text-shadow: 1px 1px 1px #aaa;}
.section-title {text-shadow: 1px 1px 1px #aaa;font-size:2em;line-height:1.2em;}
div .image img{
    box-shadow: 5px 5px 5px #A19FA0;
    -webkit-box-shadow: 5px 5px 5px #A19FA0;
    -moz-box-shadow: 5px 5px 5px #A19FA0;
}

/* Thumbs */
.thumb250           {float:left; width:262px; height:262px; line-height:262px; margin:0 10px; text-align:center;}
.thumb250 a         {-height:262px;}
.thumb250 a img     {padding:5px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb250 a:hover img   {border:1px solid #ff7000;}

.thumb170           { display: inline; float:left; width:182px; height:182px; line-height:182px; margin:10px; text-align:center;}
.thumb170 a         {-height:182px;}
.thumb170 a img     {padding:5px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb170 a:hover img   {border:1px solid #ff7000;}

.thumb250Flex, .thumbFlex                           {float:left; margin:0 10px 10px 0;}
.thumb250Flex a, .thumbFlex a                       {}
.thumb250Flex a img, .thumbFlex a img               {padding:5px; background:#fff; border:1px solid #336600;}
.thumb250Flex a:hover img, .thumbFlex a:hover img   {border:1px solid #ff7000;}

.thumb110           {float:left; width:122px; height:122px; line-height:122px; margin:5px; text-align:center;}
.thumb110 a         {-height:122px;}
.thumb110 a img     {padding:5px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb110 a:hover img   {border:1px solid #ff7000;}

.thumb50            {float:left; width:58px; height:58px; line-height:58px; margin:5px; text-align:center;}
.thumb50 a          {-height:58px;}
.thumb50 a img      {padding:3px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb50 a:hover img    {border:1px solid #ff7000;}

.thumb80            {float:left; width:88px; height:88px; line-height:88px; margin:5px; text-align:center;}
.thumb80 a          {-height:88px;}
.thumb80 a img      {padding:3px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb80 a:hover img    {border:1px solid #ff7000;}

.thumb50Static            {float:none; width:58px; height:58px; line-height:58px; margin:5px; text-align:center;}
.thumb50Static a          {-height:58px;}
.thumb50Static a img      {padding:3px; background:#fff; border:1px solid #336600; vertical-align:middle;}
.thumb50Static a:hover img    {border:1px solid #ff7000;}

/* Structure */
.wrapper            {width:880px; margin:0 auto;}
.wrapperFull        {width:980px; margin:0 auto;}

/* Make a nice blue border at the top of popup by adding a padding to the top of the body */
body#popup          {padding:3px 0 0 0;}

.columnFull         {padding:10px; background-color:#fff;}
.columnLeft         {width:240px; margin:0 5px 0 0; float:left;}
.wrapper .columnRight       {width:635px; float:left;}
.wrapperFull .columnRight   {width:735px; float:left;}

.columnCenter       {margin:0 auto; width:735px;}

.panel              {padding:10px; margin:0 0 5px 0;}
.panel.orange       {background-color:#5e5c5c;}
.panel.orange.hover {cursor:pointer;}
.panel.orange.hover:hover {background-color:#7b7b7b;}

.panel.white        {background-color:#fff;border: 1px solid #ddd;}
.panel.associate    {background-color:#fff;}
.panel.client       {background-color:#fff;}
.panel.cream        {background-color:#F6E8CB;}
.panel.cream h2     {color:#3d3c3c;}
.panel.center       {text-align:center;}
.panel.heading     {}
.panel.body        {}
.panel.note        {color:#C9780C;}
.panel.orange.related h2 {text-align:center; color:#333;}
.panel.yellow.related  {text-align:center; color:#333;background-color:#F6E8CB;}

.panel.white a:visited           {color:#000; text-decoration:none;}
.panel.white a:hover             {color:#aaa; text-decoration:underline;}

#relatedContentTabs           { width:100%; display: block; clear:both; background:transparent;overflow: hidden;}
#relatedContentTabs .tabs     { display: block; width: 100%; overflow: hidden; }
#relatedContentTabs .tabs ul li { float:left; }
#relatedContentTabs .tabs ul li a  { display:block; background:#5e5c5c; margin-right:5px; padding:10px; font-size:1.2em; color:#fff; text-decoration:none;}
#relatedContentTabs .tabs ul li a:hover, #relatedContentTabs .tabs ul li a.current {background:#fff; color:#000;}
#relatedContentTabs .content .normal { display: block; width: 100%; overflow: hidden; }

.panel.author       {text-align:center; height:290px; padding:0; }
.panel.author a     { color: #000000; }
.panel.author.heading  {background-color:#ffb400; padding:10px; height:50px; margin-bottom:10px;}
.panel.author.image    {height:100px;}

.panel.product      {height:290px; overflow:hidden; padding: 8px;}
.panel.product.product-details      {padding: 0 10px 10px 10px; overflow: hidden;}
.panel.product a    {display:block; color:#333; text-decoration:none;}

.panel.product.heading  {background-color:#ffb400; padding:10px; height:50px; margin-bottom:10px; text-align: left;}

.panel.product.sub-heading     {margin:0 !important; font-size:1em !important; width:300px;}
.panel.product.sub-heading h3 { font-size:1.4em; font-weight:normal; line-height:1.2em; }
.panel.product.sub-heading h3 a span  {display:block; color:#000 !important; text-decoration:none; font-size:0.6em;}
.columnFull.panel.product.sub-heading     {width:360px;}

.columnFull.panel.product.quote       {width:275px; float:left; margin:0 10px;}
.columnRight.panel.product.quote      {width:185px; float:left; margin:0 10px;}
.columnCenter.panel.product.quote      {width:185px; float:left; margin:0 10px;}
.panel.product.shields     {width:30px; float:left; margin:-45px 0 0 10px;}
.panel.product.shields a   {text-decoration:none;}

.panel.registration         {height:150px;}

.panel.microsite    {background-color:#fff; overflow: none; }
.panel.microsite.header            { display: block; width: 610px; float: left; }
.panel.microsite .header #metadata-1 { display: block; width: 610px; overflow: hidden; }
.panel.microsite .header #metadata-2 { display: block; width: 610px; overflow: hidden; }
.panel.microsite .header #metadata-1 .info     {float:left; width: 475px; margin:0 0 0 0;}
.panel.microsite .header #metadata-1 .info h2  {font-size:1.8em; color:#333; line-height:1.2em;}
.panel.microsite .header #metadata-1 .info .by {font-size:1.2em; color:#333;}
.panel.microsite .header #metadata-1 #logo { float: right; width: 120px; text-align: right; }
.panel.microsite .header #metadata-2 .title    {float:left; width:410px; margin:0 0 0 0;}
.panel.microsite .header #metadata-2 .title h3 {color:#C9780C; font-size:1.8em; line-height:2.2em;}
.panel.microsite .header #metadata-2 .contact  {float:right; width:200px; text-align:right; font-size:1.4em; line-height:2.2em; color:#666666;}

.info a, .info a:link,
.contact a, .contact a:link
{color:#000; text-decoration:none;}

.info a:hover, .contact a:hover{text-decoration:underline;}
.info a:visited, .contact a:visited{color:#000; text-decoration:none;}

.panel.microsite .menu  {width:240px; margin:0 10px 0 0; float:left;}
.panel.microsite .menu .product-image      {width:240px; padding:0; margin:0;}
.panel.microsite .menu .panel.orange.hover            {padding:0;}
.panel.microsite .menu .panel.orange.hover a          {font-size:1.2em; color:#333; display:block; padding:10px 10px 10px 45px; text-decoration:none;}
.panel.microsite .menu .panel.orange.hover.selected   {background-color:#FFB400;}
.panel.microsite .menu .panel.orange.hover.selected a {color:#fff;}
.panel.microsite .menu .panel.orange.hover a:hover    {color:#fff;}
.panel.microsite .menu .panel.orange.hover.selected a:hover   {color:#fff;}
.panel.microsite .menu select        {font-size:1.4em; width:215px;}
.panel.microsite .content   {width:610px; float:left;}
.panel.microsite .content h4    {padding:2px 0 10px 40px; font-size:1.4em; height:25px; color:#333;}
.panel.microsite .content h4.description {background:transparent url('/media/website/icons/overview.png') no-repeat;}
.panel.microsite .content h4.application {background:transparent url('/media/website/icons/info1.png') no-repeat;}
.panel.microsite .content h4.regulations {background:transparent url('/media/website/icons/info2.png') no-repeat;}
.panel.microsite .content h4.promotions  {background:transparent url('/media/website/icons/promo.png') no-repeat;}
.panel.microsite .content h4.video       {background:transparent url('/media/website/icons/film.png') no-repeat;}
.panel.microsite .content h4.reviews     {background:transparent url('/media/website/icons/review.png') no-repeat;}
.panel.microsite .content h4.reviews .stars {float:right;}
.panel.microsite .content h4.review      {padding:0; text-align:center;}
.panel.microsite .content h4.benefit     {padding:30px 10px 10px 10px; font-size:5em; color:#FFB400; float:left; width:60px; margin:0;}
.panel.microsite .content h4.technical   {padding:0; height:auto;}
.panel.microsite .content h4.related     {padding:0; height:auto;}
.panel.microsite .content h4.related a   {color:#000000;}
.panel.microsite .content h4.install     {background:transparent url('/media/website/icons/install-icon.png') no-repeat; height:35px;}
.panel.microsite .content h4.tick        {background:transparent url('/media/website/icons/tick-icon.gif') no-repeat; height:40px; padding:20px 0 0 60px;}
.panel.microsite .content h4.contact     {background:transparent url('/media/website/icons/envelope-icon.png') no-repeat; height:40px; padding:10px 0 0 50px;}
.panel.microsite .content h4.stockist    {padding:0;}
.panel.microsite .content h4.stockistFile{padding:0; text-align:center; height:auto;}
.panel.microsite .content h4.stockists   {background:transparent url('/media/website/icons/bullett.png') no-repeat;}
.panel.microsite .content .object        {width:260px; margin:0 auto;}
.panel.microsite .content .icon          {width:30px; height:35px; float:left; margin:0 10px 0 0;}
.panel.microsite .content .icon.word     {background:transparent url('/media/website/icons/word-icon.png') no-repeat;}
.panel.microsite .content .icon.pdf      {background:transparent url('/media/website/icons/pdf-icon.png') no-repeat;}
.panel.microsite .content div.file       {clear:both;}
.panel.microsite .content span.file      {width:540px; padding-top:6px; display:block; float:left;}
.panel.microsite .content .image         {float:left; margin:10px 15px;}
.panel.microsite .content div.stockist      {width:282px; height:38px; float:left; overflow:hidden;}
.panel.microsite .content div.stockist.right{margin-left:6px;}
.panel.microsite .icons                     {padding:0;}
.panel.microsite .icons .icon               {float:left; width:146px; height:136px; text-indent:-200em; margin:0px 0px 5px 5px;}
.panel.microsite .icons .icon.innovative    {background:#F7CD7B url('/media/website/microsite/innovation.png') no-repeat center center;}
.panel.microsite .icons .icon.new           {background:#F7CD7B url('/media/website/microsite/news.png') no-repeat center center;}
.panel.microsite .icons .icon.noteworthy    {background:#F7CD7B url('/media/website/microsite/special.png') no-repeat bottom right;}
.panel.microsite .icons .icon.environmental  {background:#F7CD7B url('/media/website/microsite/world.png') no-repeat center center;}

.panel.back         {padding:0; text-align:center; font-size:1.2em;}
.panel.back a,
.panel.back a:visited       {display:block; padding:10px; color:#333;}
.panel.back a:hover         {color:#fff;}

.panel.more         {padding:0; text-align:center; font-size:1.2em;}
.panel.more a,
.panel.more a:visited       {display:block; padding:10px; color:#333;}
.panel.more a:hover         {color:#333;}

.panel.pagination   {text-align:center; background:#fff;}

.paginationControl  {border-top:1px solid #ccc; padding:15px 0 0 0;}
.paginationControl a,
.paginationControl span {font-size:1.4em; padding:4px 6px 2px 6px; margin:0 10px 0 0 ;}
.paginationControl span.active  {border:1px solid #000; color:#000; background:#fff;}
.paginationControl span.disabled  {color:#666; background:#fff;}

.panel.links        {background:transparent; padding:0; width:734px;}
.panel.links.fourLinks li.mail {width:220px;}
.panel.links.fourLinks li.bookmark {width:160px;}
.panel.links.fourLinks li.addthis {width:160px;}
.panel.links.fourLinks li.seealso {width:189px; margin:0 5px 0 0;}
.panel.links.threeLinks li.mail {width:260px;}
.panel.links.threeLinks li.bookmark {width:240px;}
.panel.links.threeLinks li.addthis {width:234px;}
.panel.links li     {float:left; height:54px; background:#fff;/*height:45px;*/}
.panel.links li select      {font-size:1.2em; width:169px;}
.panel.links .content       {padding:8px 10px 10px 10px;}
/*.panel.links .mailtofriend  {display:block; padding:5px 0 5px 50px; background:transparent url('/media/website/icons/envelope.png') no-repeat;}*/
/*.panel.links .mailtofriend  { display:block; background: transparent url('/media/button/Tell-a-Friend.gif') no-repeat; width: 140px; height: 37px; text-indent: -5000px; }
*/
/* .panel.links .bookmarkPage  {display:block; padding:5px 0 5px 50px; margin:0 auto; background:transparent url('/media/website/icons/bookmark.png') no-repeat;} */
.panel.links .bookmarkPage  { display:block; background: transparent url('/media/website/fancybox/fancy_nav_save.gif') no-repeat; width: 97px; height: 41px; text-indent: -5000px; }
/* .panel.links .makeenquiry  { display:block; background: transparent url('/media/button/make-enquiry.gif') no-repeat; width: 150px; height:37px; text-indent: -5000px; }
*/
.panel.links .addthis .content {text-align:right; padding:15px 10px 10px 10px;}

.panel.white.center .sponsorText    {font-size:0.8em;}
.panel.white.center .sponsorLink    {border:1px solid #666; display:block; width:120px; margin:0 auto;}

.twoPanels            {}
.columnRight .twoPanels .panelOne   {width:365px; margin:0 5px 0 0; float:left;}
.columnRight .twoPanels .panelTwo   {width:365px; float:left;}
.columnFull .twoPanels .panelOne    {width:427px; margin:0 6px 0 0; float:left;}
.columnFull .twoPanels .panelTwo    {width:427px; float:left;}
.columnCenter .twoPanels .panelOne    {width:365px; margin:0 5px 0 0; float:left;}
.columnCenter .twoPanels .panelTwo    {width:365px; float:left;}

#flashBanner { z-index: 0; }

.microsite .twoPanels       {}
.microsite .twoPanels .panelOne   {width:302px; margin:0 5px 0 0; float:left;}
.microsite .twoPanels .panelTwo   {width:303px; float:left;}

#latestContentList                      { overflow: hidden; width: 720px; padding: 10px 5px 10px 10px; margin-bottom: 5px; background-color: #FFFFFF; }
#latestContentList .latest              { margin-top: 10px;}
#latestContentList .latest li           { width: 225px; padding: 5px; margin: 0 5px 5px 0; display: block; float: left; background-color: #F6E8CB; }
#latestContentList .latest li.last      { }
#latestContentList .latest li a         { display:block; }

#latestContentList .latest li a ,
#latestContentList .latest li a:visited {color:#000; text-decoration:none;}
#latestContentList .latest li a:hover   {color:#000; text-decoration:underline;}

/** form **/
form .input li      {margin:10px 0;}
form .input label   {display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; width:150px; font-weight:bold;}
.largeLabel form label {width:300px;}
form .input .small  {width:60px;}
form .input .medium {width:200px;}
form .input .large  {width:350px;}
form .error         {color:#F2381A;}

/** table **/
table.data          {width:100%;}
table.data th       {padding:8px; color:#749E81; font-size:18px; font-weight:bold;}
table.data td       {padding:8px; background-color:#E2F0E6; border-bottom:2px solid #fff; vertical-align:middle;}
table.total th      {background-color:#E2F0E6; color:#000; font-size:2em;}
table.total,
table.stats         {width:60%; margin:0 auto;}
table.data .count   {text-align:right; font-weight:bold;}
table.data .center  {text-align:center;}
table.data 
.noresults          {text-align:center; font-weight:bold;}

/* Class: std - styles for admin-controlled content */
.std,
.std ul,
.std ol,
.std dl,
.std p,
.std h2,
.std address,
.std blockquote { margin:0 0 .5em; padding:0; }
.std ul { list-style:disc inside; padding-left:1.5em; margin:0 0 20px 0; }
.std ol { list-style:decimal inside; padding-left:1.5em; margin:0 0 20px 0; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
.std a ,
.std a:visited           {color:#000;text-decoration:underline;}
.std a:hover             {color:#000; text-decoration:none; }

.std a {word-wrap:break-word;}

/* Message */
#messages                   {}
#messages .message          {padding:10px; margin-bottom:10px;}
#messages .message.info     {background:#ffffcc url('/media/icons/information.png') no-repeat 10px center; padding-left:36px; border:1px solid #BBAB6C; color:#BBAB6C; font-weight:bold;}
#messages .message.error    {background:#ffcccc url('/media/icons/exclamation.png') no-repeat 10px center; padding-left:36px; border:1px solid #f0381a; color:#f0381a; font-weight:bold;}
#messages .message.success  {background:#ccffcc url('/media/icons/accept.png') no-repeat 10px center; padding-left:36px; border:1px solid #138c41; color:#138c41; font-weight:bold;}

.message {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/* Breadcrumbs */
#breadcrumb         {border: 1px solid #ddd;}
#breadcrumb a,
#breadcrumb span    {margin:0 4px 0 4px; font-weight:bold; color:#333;}
#breadcrumb a       {margin:0 4px 0 4px; color:#333; text-decoration:none;}
#breadcrumb a:hover {text-decoration:none; color:#ff7000;}

/* Admin */
#adminBar           {border-bottom:1px solid #666; background-color:#ffffcc; padding:10px; font-size:12px;}

/* Menu */
#menu               {position:relative; margin:0 auto 0 auto; clear:both; height:45px; z-index:20;}
#menu-search        {padding-top:3px; position:absolute; right:5px;}
#menu-search .input #searchAll {width: 200px;}


/* Header */
#head               {margin:0 auto 5px auto; padding:0; clear:both; height:154px; overflow:hidden; display:block;}
#head .image        {width:250px; height:150px; float:left;}
#head .top          {width:730px; height:120px; float:left;}
#head .logo         {width:410px; height:120px; text-align:left; float:left; overflow:hidden;}
#head .logo .tagline{font-size:0.9em; text-align:left; line-height:1em;}
#head .logo a,
#head .logo a:visited,
#head .logo a:hover {color:#000; text-decoration:none;}
#head .icon         {width:300px; height:120px; text-align:center; float:left;}
#head .sponsor      {width:300px; height:120px; text-align:right; float:right;}
#head .sponsor .header  {margin:0 0 15px 0;}
#head .sponsor .sponsorLink  {width:234px; height:60px; display:block; border:1px solid #666; float:right;}
#head .title        {width:730px; float:left;}
#head .title h1     {margin:0; padding:0;}

#head #topMenu .top_links {
    float: right;font-family: Calibri, 'Times New Roman', 'Trebuchet MS';font-size: 14px;
    padding-left: 8px;padding-right: 0;padding-top: 5px;
}
#head .title h1     {margin:0; padding:0;}

#content            {margin:0 auto; padding:0;}

#homehead           {margin: 10px auto 10px auto; padding:0; clear:both; background:#fff; text-align:center;}
#homehead .logo     {margin-top:-1px;}
#homehead p         {font-size:1.5em;}
#homehead #scroll {clear:both; margin-bottom:11px; height:22px;}
#homehead #ticker {position:relative; height:22px; list-style-type: none; margin: 0; overflow:hidden;}
#homehead #ticker li {position:relative; color:#336600; font-size:1.5em; z-index:2;}
#homehead .search   {height:38px; /*background:#FFB400;*/ font-size:1.4em; line-height:1.8em;background-color: #FFBA00;}
#homehead .search input {}
#homehead .search #search {width:300px;}
#homehead .search label {width:200px;}
.homeheadSpacer {height:50px;}

.homepageTabs           {width:100%; clear:both; background:transparent url('/media/website/homepage/select2.png') no-repeat top right; margin-bottom:10px;}
.homepageTabs .tabs     { display: block; }
.homepageTabs .tabs ul li { float:left; }
.homepageTabs .tabs ul li a  { display:block; background:#ccc; margin-right:5px; padding:10px; font-size:1.2em; color:#000; text-decoration:none;}
.homepageTabs .tabs ul li a:hover, .homepageTabs .tabs ul li a.current {background:#fff;}

.homepageTabs .content { width: 980px; float: left; display: block; clear: both; overflow: hidden; background: #FFFFFF; overflow-x: auto; overflow-y: hidden; }
.homepageTabs .content div { background: #FFFFFF; padding: 10px; }
.homepageTabs .content .overflow { display: block; width: 2250px; padding: 0; }

.homepageTabs .content #aboutContent, .homepageTabs .content #getContent { display: block; width: 960px; overflow: hidden; }
.homepageTabs .content .left    {width:47%; float:left;}
.homepageTabs .content .right   {width:47%; float:left;}
.homepageTabs .content  h2 {color:#F2981E;}
.homepageTabs .content .left #homeTV { background:transparent url('/media/website/homepage/tv.jpg') no-repeat; float:left; height:305px; margin:37px 10px 5px 30px; padding-bottom:5px; padding-left:17px; padding-top:14px; width:350px;}
.homepageTabs .content .homedot {background-image:url('/media/website/homepage/dot.gif'); background-position:left top; background-repeat:no-repeat; color:#000000; margin:4px; padding-left:12px;}

/* Footer */
#footer             {color:#fff; clear:both; margin:20px auto 0 auto; padding:0 0 60px 0; background:#999;}
#footer h2          {background-color:#666; padding:4px 0; font-weight:normal; text-align:center;}
#footer h3          {color:#666; font-size:1.2em; margin:0 0 10px 0;}
#footer .lists      {width:900px; margin:10px auto;}
#footer .list       {float:left; width:210px;margin: 0px 2px; /* background: url('/media/website/homepage/bg_dash02.gif') repeat-y scroll right bottom transparent; */}
#footer p           {text-align:center; margin:20px 0 5px 0; clear:left;}
#footer li          {margin:2px 0;}
#footer a,
#footer a:visited   {color:#ffffff; text-decoration:underline;}
#footer a:hover     {color:#ff7000; text-decoration:underline;}

/* Toolbar */
#toolbar {width:100%; margin:10px 0 0 0; padding: 0; position:fixed; bottom:0; left:0; z-index:100; background: transparent url('/media/website/toolbar/toolbar-bg.png') repeat-x top left; overflow: hidden;}
#toolbar.hide {display:none;}
#toolbar #toolbar-tab { display: block; width: 100%; height: 46px; overflow: hidden; text-align: center; }
#toolbar #admin-links { width: 33%; float: left; font-size: 0.9em; padding-top: 20px; }
#toolbar #open-toolbox { width: 33%; float: left; text-align: center; }
#toolbar.notLoggedIn #open-toolbox { width: 33%; float: none; text-align: center; margin: 0 auto; }
#toolbar #open-toolbox #open-toolbox-links { width: 250px; margin: 0 auto; overflow: hidden; }
#toolbar #open-toolbox #open-toolbox-links a { display: block; float: left; margin: 20px 5px 0 0; }
#toolbar #open-toolbox #open-toolbox-links a#toolbox-icon { margin: 7px 3px 0 0; }
#toolbar #open-toolbox a { color: #000000; font-size: 1.4em; }
#toolbar #user-name { width: 33%; float: left; font-size: 0.9em; color: #C9780C; padding-top: 20px; }
#toolbar .insideControls    {background:#fff;}
#toolbar .contents  {background-color:#fff; clear:both; height:250px; padding-top: 10px; }
#toolbar .header    {padding:10px; text-align:center; background-color:#F7CD7B; margin:0 0 5px 0;}
#toolbar .content   {padding:10px; height:150px; overflow:auto; background-color:#F7CD7B;}
#toolbar .columnLogin       {float:left; width:486px; margin:0 8px 0 0;}
#toolbar .columnLogin .content      {font-size:1.4em; padding-left:50px;}
#toolbar .columnLogin label         {font-weight:normal;}
#toolbar .columnLogin .item input         {width:200px;}
#toolbar .columnRegister    {float:left; width:486px;}
#toolbar .columnRegister .content   {text-align:center; font-size:1.6em; line-height:1.6em;}
#toolbar .columnMessage     {float:left; width:300px; margin:0 8px 0 0;}
#toolbar .columnCustomise   {float:left; width:178px; margin:0 8px 0 0;}
#toolbar .columnUpload      {float:left; width:178px; margin:0 8px 0 0;}
#toolbar .columnBookmark    {float:left; width:300px;}
#toolbar .bookmarks {width:100%; background:#fff; border-top:1px solid #666;}
#toolbar .bookmarks td  {padding:5px; border-bottom:1px solid #666;}

/* Homepage */
#homepage .panel.homepage   {background:transparent url('/media/website/homepage/home-md.png') no-repeat top left;}
#homepage .panel.homepage .left     {width:560px; padding:20px; float:left; text-align:center;}
#homepage .panel.homepage .right    {width:320px; padding:20px; float:left;}
#homepage .panel.homepage .heading  {font-size:1.2em; color:#333; line-height:1.6em; text-align:center; margin:0 0 10px 0;}
#homepage .panel.homepage .products {text-align:center; margin-top:40px;}
#homepage .panel.homepage .products a {margin:0 5px;}
/*#homepage .tv           {height:238px; background:transparent url('/media/website/homepage/tv.gif') no-repeat top center;}*/
#homepage #homeTv       {background-image: url('/media/website/homepage/tv.gif'); height: 228px; width: 507px; margin-top: 10px; margin-left: 28px; padding: 15px 0 0 84px; text-align: left; background-repeat: no-repeat; }
#homepage .associates   {margin:0 0 10px 0; text-align:center;}
#homepage .associates .boxtop   {height:25px; background:transparent url('/media/website/homepage/home-bt1.png') no-repeat top left;}
#homepage .associates .boxmid   {background:transparent url('/media/website/homepage/home-bt2.png') repeat-y top left;}
#homepage .associates .boxbot   {height:25px; background:transparent url('/media/website/homepage/home-bt3.png') no-repeat top left;}
#homepage .associates .heading  {color:#333; font-size:1.2em;}
#homepage .associate            {padding:0 20px 0 30px;}
#homepage .products             {padding:0 25px;}
#homepage .links .heading       {width:340px; font-size:2.2em; float:left; padding:40px 0 0 15px;}
#homepage .links .icons         {width:625px; float:left;}
#homepage .discover {text-align:center;}
#homepage .discover .heading    {color:#333; font-size:1.2em; margin:0 0 10px 0;}
#homepage .discover a,
#homepage .discover a:visited   {color:#336600; text-decoration:none; font-size:1.8em; font-weight:bold;}
#homepage .discover a:hover     {color:#FF8000; text-decoration:underline;}
#homepage .homeIcon             {float:left; width:100px; height:100px;}
.tooltip          {width: 401px; color:#000000; text-decoration:none; font-size: 1em; font-weight: lighter;}
.tooltip span.top {background: url('/media/website/homepage/bt.gif') no-repeat top; padding-top: 15px; padding-right: 10px; padding-bottom: 0; padding-left: 18px;}
.tooltip b.bottom {color: #D6E0F1; background: url('/media/website/homepage/bt.gif') no-repeat bottom; font-size: 0.1em; padding-top: 3px; padding-right: 8px; padding-bottom: 25px; padding-left: 8px;}
#homepage .associates .thumb110 {margin:5px 15px;}

/* Search */
.searchTabs             {}
.searchTabs a,
.searchTabs a:visited   {width:100px; font-size:1.2em; display:block; padding:10px; background:#ccc; color:#000; margin:0 5px 0 0; text-decoration:none; float:left; text-align:center;}
.searchTabs a.current   {background:#fff;}
.searchTabs a:hover     {background:#fff;}
#search             {}
#search .heading    {color:#333; font-size:1.2em; margin:5px 0 20px 0;}
#search .heading span    {color:#C9780C;}
#search .heading .right  {float:right;}
#search .heading .right select  {font-size:1em; width:200px;}
#search .panel.orange.hover    {padding:0;}
#search .panel.orange.hover .heading {margin:0; font-size:1em;}
#search .panel.orange.hover .heading a {display:block; color:#333; text-decoration:none; padding:10px;}
#search .panel.orange.hover:hover .heading a  {color:#fff;}  
#search .panel.orange.hover .by          {color:#C9780C;}

/* Glossary */
#glossary .letters  {}
#glossary .letters li   {float:left; margin:7px; text-align:center;}
#glossary .letters li a,
#glossary .letters li a:visited {display:block; width:50px; height:50px; background-color:#FFB400; color:#000; font-size:2.2em; line-height:1.8em; text-decoration:none;}
#glossary .letters li a:hover   {color:#fff;}
#glossary .letters li.current a {background-color:#F7CD7B;}
#glossary .letters li.current a:hover   {color:#000;}
#glossary .listing a,
#glossary .listing a:visited    {display:block; color:#000; text-decoration:none;}
#glossary .listing a span   {color:#666;}
#glossary label     {width:400px}

/* Listing */

#listing .panel .orange .hover    {padding:0;}
#listing .panel .orange .hover .heading a         {display:block; color:#333; text-decoration:none; padding:10px;}
#listing .panel .orange .hover:hover .heading a   {color:#fff;}
#listing .columnLeft .panel .white {min-height:200px;}


/* Section */
#section .columnLeft .panel.orange.hover            {padding:0;}
#section .columnLeft .panel.orange.hover a          {font-size:1.2em; color:#fff; display:block; padding:10px 10px 10px 45px; text-decoration:none;}
#section .columnLeft .panel.orange.hover.selected a  {background-color:#fff; color:#000;background-image:url('/media/icons/category/arrow_black.gif');}
#section .columnLeft .panel.orange.hover a:hover    {color:#fff;}
#section .columnLeft .panel.orange.hover.selected a:hover   {color:#333;}

#section.microsite .panel.orange.hover.selected a{background-color:#F6E8CB;}
#section.microsite .panel.orange.hover.selected a:hover {background-color:#7b7b7b;text-decoration:underline;}


#section .columnLeft a.menu_section ,#section .columnLeft a.menu_products,
#section .columnLeft a.menu_services, #section .columnLeft a.menu_articles,
#section .columnLeft a.menu_tips, #section .columnLeft a.menu_publications,
#section .columnLeft a.menu_case_studies, #section .columnLeft a.menu_news,
#section .columnLeft a.menu_gallery, #section .columnLeft a.menu_links,  
#section .columnLeft a.menu_associations, #section .columnLeft a.menu_events
{
    background-image:url('/media/icons/category/arrow.gif');
    background-position:20px center;
    background-repeat:no-repeat;
}

.panel{
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

/*
#section .columnLeft a.menu_section         {background-image:url('/media/icons/category/section.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_products        {background-image:url('/media/icons/category/building-products.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_services        {background-image:url('/media/icons/category/building-services.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_articles        {background-image:url('/media/icons/category/articles.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_tips            {background-image:url('/media/icons/category/tips-advice.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_publications    {background-image:url('/media/icons/category/publications.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_case_studies    {background-image:url('/media/icons/category/case-studies.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_news            {background-image:url('/media/icons/category/newspaper.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_gallery         {background-image:url('/media/icons/category/gallery.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_links           {background-image:url('/media/icons/category/links.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_associations    {background-image:url('/media/icons/category/associate.png'); background-repeat:no-repeat; background-position:0px center;}
#section .columnLeft a.menu_events          {background-image:url('/media/icons/category/events.png'); background-repeat:no-repeat; background-position:0px center;}
*/
#section .articlelist{background-color: #F6E8CB;}
#section .filter    {text-align:center;}
#section .filter .heading   {color:#333; font-size:1.4em; margin:0 0 20px 0;}
#section .filter label      {width:80px;}
#section .filter .item      {display:inline;}
#section .filter .button    {display:inline;}
#section .panel.articlelist.hover    {padding:0;}
#section .panel.articlelist.hover .heading a        {display:block; color:#333; text-decoration:none; padding:10px;}
#section .panel.articlelist.hover:hover .heading a  { text-decoration: underline;}
#section .panel.articlelist.hover .by          {color:#000;}
#section .panel.articlelist.hover .by a        {color:#000;}
#section .panel.article     {background:#fff url('/media/website/header/article-hdr.gif') no-repeat top left; }
#section .panel.news        {background:#fff url('/media/website/header/news-hdr.gif') no-repeat top left;}
#section .panel.publication {background:#fff url('/media/website/header/publications-hdr.gif') no-repeat top left;}
#section .panel.case-study  { margin: 0; padding: 10px; background:#fff url('/media/website/header/casestudy-hdr.jpg') no-repeat top left;}
#section .body .csBlock { background-color:#FFFFFF; margin: 0 0 10px; padding: 10px; overflow: hidden; }
#section .panel.tips        {background:transparent url('/media/website/header/tipsadvice-hdr.gif') no-repeat top left; padding-top: 0;padding-bottom: 0;}
#section .panel.gallery     {background:#fff url('/media/website/header/gallery-hdr.gif') no-repeat top left;}
#section .panel.associate   {background:#fff url('/media/website/header/associate-hdr.gif') no-repeat top left;}
#section .panel.client      {background:#fff url('/media/website/header/p-supplier-hdr.jpg') no-repeat top left;height: auto;}
#section .panel.link        {background:#fff url('/media/website/header/interesting-links-bg.png') no-repeat top left;}
#section .panel.article .heading   {height:153px; width:400px;}
#section .panel.tips .body         {padding:10px; background:#fff;}
#section .panel.tips .heading      {padding:1px 0 0 10px; height:116px !important;}
#section .panel.associate .heading {height:153px; width:400px;}
#section .panel.associate .quote   {float:right; width:180px; margin:0 0 10px 10px; font-weight:bold; font-size:1.1em; color:#ff9900;}
#section .panel.associate .link    {display:block; font-size:1.4em; text-align:center; font-weight:bold; margin:20px 0 0 0;}
#section .panel.client .heading {height:153px; width:400px;}
#section .panel.client .quote   {float:right; width:180px; margin:0 0 10px 10px; font-weight:bold; font-size:1.1em; color:#ff9900;}
#section .panel.client .link    {display:block; font-size:1.4em; text-align:center; font-weight:bold; margin:20px 0 0 0;}
#section .panel.article .gallery   {width:128px; margin:0 0 0 10px; float:right;}
#section .panel.gallery .gallery   {width:100%; margin:0; float:none;}
#section .panel .interestingimages {width:280px; float:left;}
/** color:#C9780C; **/
#section .panel .relatedcontent h3   {color:#333; font-size:1.8em; line-height:2.2em;}
#section .panel .relatedcontent h4   {font-size:1.4em; color:#333;}
#section .panel .relatedcontent h4 a {color:#fff;}
#section .panel .relatedcontent h4 a:hover {color:#fff;text-decoration: underline;}

.member_details                     {}
.member_details .member_email,
.member_details .member_description {width:350px; float:left;}
.member_details .member_description {margin:0 10px 0 0;}
.member_details h3                  {color:#C9780C; font-size:1.3em; margin:0 0 20px 0;}

/* Contact */
#contact .contactpanel       {width:100%; background-color:#ffffff; padding:4px 0 20px 0;}
#contact .contactpanel h1    {color:#307581; font-size:2em; text-align:left; margin:20px 5px;}
#contact .contactpanel h2    {color:#307581; font-size:1.4em; text-align:left; margin:20px 10px 20px 10px; font-weight:normal;}
#contact .contactpanel .left {width:550px; float:left; padding:0 10px 0 5px;}
#contact .contactpanel .right{width:300px; float:left; padding:0 5px 0 10px;}
#contact .contactpanel .box  {background:#D7D7C6; padding:0 0 15px 0;}
#contact .contactpanel .box h2 {background:#E6E6DC; font-size:2em; line-height:1.2em; padding:10px; margin: 20px 0;}
#contact .contactpanel .box ul {margin:10px;}
#contact .contactpanel .box li {margin:10px 0; font-size:1.2em;}
#contact .contactpanel .box .body          {padding:0 10px;}
#contact .contactpanel .box .body h3       {margin-bottom:8px;}
#contact .contactpanel .box .spam {text-align:center; font-size:1.6em; line-height:1.2em; padding:0 10px; color:#cc3300;}
#contact .contactpanel .box .spam img {float:left;}
#contact .contactpanel .input {margin:0 10px;}
#contact .contactpanel .item {margin:10px 0 ;}
#contact .contactpanel .long {width:250px;}
#contact .contactpanel .description {padding:0; margin:0; text-align:left; font-size:10px;}
#contact .contactpanel .captcha { margin-left:155px; /*display: block; float: left;*/ }
#contact .contactpanel .left .description {margin-left:155px;}
#contact .contactpanel .left .checkbox .description {margin-left:0;}
#contact .contactpanel .left .longdesc .description {margin-left:0;}
#contact .contactpanel .input .checkbox label {width:100%;}
#contact .contactpanel .input .captcha input    {vertical-align:top;}
#contact .contactpanel .input h4 {font-style:italic; color:#999; text-align:left;}
#contact .contactpanel .error {padding:0; margin:0; color:#f0381a;}
#contact .contactpanel .error li {margin:0; padding:0; font-size:1em;}
#contact .contactpanel table.online td {padding:5px; vertical-align:middle; text-align:center;}
#contact .contactpanel table.online td a {color:#749E81; font-size:2em; }
#contact .contactpanel table.online td p {font-weight:bold;}
#contact .contactpanel table.online th {padding:20px 5px; font-size:2em; color:#307581;}

/* Login */
#login .loginpanel         {width:100%; background-color:#ffffff; padding:4px 0 20px 0;font-size:1.1em;}
#login .loginpanel h1      {color:#307581; padding:10px;}
#login .loginpanel p       {padding:0 10px;}

#login .loginpanel .left   {width:425px; float:left; padding:0 5px 0 5px;}
#login .loginpanel .right  {width:435px; float:left; padding:0 5px 0 5px;}

#login .loginpanel .box    {background:#D7D7C6; padding:0 0 15px 0;height: 340px;}
#login .loginpanel .box h2 {background:#E6E6DC; padding:10px; color:#307581; font-size:2em; font-weight:normal;}
#login .loginpanel .box .small { color:#307581; font-size:1em; font-weight:normal;}
#login .loginpanel .item   {padding:10px;}
#login .loginpanel .button {margin:10px 0 0 165px;}
#login .loginpanel .forgotten {padding:10px; font-weight:normal;}
#login .loginpanel .indent {padding:10px;}

#login .loginpanel .box h3 {font-size:1.5em; color:#307581; font-weight:normal;}
#login .loginpanel .box p {padding:10px; text-align:left; font-size:1em; margin:0;}

#login a,
#login a:visited    {color: #9d5b3a;text-decoration: none;font-weight:bold;}
#login a:hover    {text-decoration: underline;}


/* Registration */


#registration button:hover{cursor: pointer;}
.regbutton {
    box-shadow: 1px 6px 12px #FFB400 inset, -1px -10px 5px #C9780C inset, 1px 2px 1px black;
    -webkit-box-shadow: 1px 6px 12px #FFB400 inset, -1px -10px 5px #C9780C inset, 1px 2px 1px black;
    -moz-box-shadow: 1px 6px 12px #FFB400 inset, -1px -10px 5px #C9780C inset, 1px 2px 1px black;
    background-color: #FADDA5;
    border: 1px solid #C9780C;
    color: #000;
    font-size: 13px;
    margin: 8px;
    padding: 5px 19px;
    text-shadow: 1px 1px 1px #aaa;
}
#register{}
#register .loginpanel         {width:100%; background-color:#ffffff; padding:4px 0 20px 0;font-size:1.1em;}
#register .loginpanel .box    {background:#D7D7C6; padding:0 0 15px 0;}
#register .loginpanel .box2    {background:#D7D7C6; padding:0 0 15px 0;display: block;}
#register .loginpanel .box h2 {background:#E6E6DC; padding:10px; color:#307581; font-size:2em; font-weight:normal;}
#register .loginpanel .left   {width:425px; float:left; padding:0 5px 0 5px;}
#register .loginpanel .right  {width:435px; float:left; padding:0 5px 0 5px;}
#register .loginpanel .left  .box ,
#register .loginpanel .right .box {height: 240px;}
#register .indent {padding:10px;}
#register .regLeft {width:420px;float: left;min-height: 30px;}
#register .regRight{width:420px;float: left;min-height: 30px;}
#register .item{padding-left: 10px;}
#register .item label{width: 130px;display: inline-block;}
#register .item .description {font-size: 0.8em; margin: 0 0.5em;}
#register .item ul {font-size: 0.8em; margin: 0 0.5em; color: #F2381A;display: inline-block;margin-bottom: 5px;}
#register a,
#register a:visited    {color: #9d5b3a;text-decoration: none;font-weight:bold;}
#register a:hover    {text-decoration: underline;}
#register button{padding: 5px;}


#diary h2                   {margin:0 0 10px 0;}
#diary .dates               {margin:0 0 10px 0;}

/* Site Pages */
#site .panel h3 { color:#333333; font-size:1.6em; line-height:1.4em; }
#site .panel ul { list-style: circle; margin: 10px 0 20px 0; }
#site .panel ul li { margin-left: 20px; }

/* Product Finder Tool */

a#link_product_selector {
    background: url('/media/product_finder/selector-side.png') top left no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    height: 180px;
    width: 35px;
    right: 0;
    overflow: hidden;
    position: fixed;
    _position: absolute;
    text-indent: -100000px;
    top: 25%;
    z-index:100000;
}

a:hover#link_product_selector {
    width: 42px;
}

.hometabs {
    width: 980px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.productf {
    background-image: url('/media/product_finder/hdr.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color:#FFFFFF;
    overflow: hidden;
}
.productdesc {
    background-image: url('/media/product_finder/text-area.png');
    padding: 20px;
    float: right;
    height: 262px;
    width: 562px;
    margin-top: 60px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 5px;
}
.productform {
    background-color: #f2f2f2;
    margin: 10px;
    padding: 10px;
    float: left;
    width: 980px;
}

.productform form { display: block; width: 500px; margin: 0 auto; }

/* -------- */

#product-selector-form {
    height: 385px;
    padding: 0 15px 15px 15px;
    width: auto;
    overflow: auto;
}

#product-selector-form ol { list-style-type: decimal; margin-left: 50px; }

/* -------- */

.hover-panel-hover { background-color: #FFCC33 !important; }


/*****
Memeber and homepage buttons

*******/

span.gBuild {
    background: transparent url('/media/icons/G_Bullet.jpg') no-repeat right center;
    width: 180px;font-size: 110%;font-weight: bold;
}
.alignRight {
    text-align: right;
}
a:focus {
    outline: medium none;
}
a.button_link {
    background: url("/media/button/left2_30.gif") no-repeat scroll left center transparent;

    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    padding: 5px 0 5px 18px;
    text-decoration: none;
    white-space: nowrap;
}
a.button_link span {
    background: url("/media/button/right2_600.gif") no-repeat scroll right center transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 11px verdana,arial,sans-serif;
    overflow: visible;
    padding: 5px 18px 6px 0;
    text-decoration: none;
    white-space: nowrap;
}
a.always_on, a.button_link:hover, a.button_link:focus {
    /*        background: url("/media/button/left_30.gif") no-repeat scroll left center transparent;*/
    background-image:url("/media/button/left_30.gif");
    text-decoration: none;
}
a.always_on span, a.button_link:hover span, a.button_link:focus span {
    /*        background: url("/media/button/right_600.gif") no-repeat scroll right center transparent;*/
    background-image:url("/media/button/right_600.gif");
    text-decoration: none;
}
a.button_disabled, a.button_disabled:hover, a.button_disabled:focus {
    background-image: url("/media/button/left_disabled_30.gif");
    font-style: italic;
    text-decoration: none;
}
a.button_disabled span, a.button_disabled:hover span, a.button_disabled:focus span {
    background-image: url("/media/button/right_disabled_600.gif");
    font-style: italic;
    line-height: 31px;
    padding: 5px 18px 5px 0;
    text-decoration: none;
}
.button_link{

}
.paybutton  {
    border: 1px solid #C9780C;
    background-color: #FFB400;
    border-radius: 4px;
    box-shadow: inset 1px 6px 12px #FFB400, inset -1px -10px 5px #C9780C, 1px 2px 1px black;
    -o-box-shadow: inset 1px 6px 12px #FFB400, inset -1px -10px 5px #C9780C, 1px 2px 1px black;
    -webkit-box-shadow: inset 1px 6px 12px #FFB400, inset -1px -10px 5px #C9780C, 1px 2px 1px black;
    -moz-box-shadow: inset 1px 6px 12px #FFB400, inset -1px -10px 5px #C9780C, 1px 2px 1px black;
    color: white;
    text-shadow: 1px 1px 1px black;
    padding: 5px 30px;
    margin: 10px 10px;
    font-size: 14px;
}
/******
New color for links
******/
a.link ,a:visited.link,
.review a, .review a:visited
{color: #C9780C;text-decoration: none;font-weight:bold;}

a:hover.link ,.review a:hover
{color: #C9780C;text-decoration: underline;font-weight:bold;}

a.green ,a:visited.green {color: #53BB48;}

a.orange,a:visited.orange {color:#C9780C;}

.antispam { display:none;}


#livechat-widget{
    /*    background: #F4F4F4 url(/media/button/livechat.jpg) no-repeat right top;*/
    background: #F4F4F4 url(/images/livechat_green.png) no-repeat right top;

    border: 1px solid #BEBEBE;
    border-left: none;
    display: block;
    font: 13px/17px Helvetica, Arial, sans-serif;
    height: 166px;width: 41px;
    position: fixed;
    top: 185px;left: 0;

    z-index: 890;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    cursor: pointer;
}
/*#livechat-widget a{display: none;}*/
