/* Page BG #ffffff; */
/* House Orange #ffad18; */
/* Dark Orange #f9a31c; */
/* Light Orange #ffd101; */

body {
	background: #ffffff url('images/main_bg.jpg') top center repeat-y;
	font-size: medium;
	color: #000000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

.noscreen {display: none;}
.floatright {float: right;}

.main {width: 960px; border: 0 none ; margin: 0 auto; padding: 0; background: #ffffff url('images/nav_panel_bg.jpg') top left repeat-y;}

.maincontent {float: right; width: 735px; margin: 0 0 0 0; padding: 0; font-size: 0.95em;}

.header {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0;}

.logo {float: right; }

.leftcol550 {float: left; width: 550px; border: 0 none; padding: 0; margin: 0; text-align: justify;}
.rightcol180 {float: right; width: 180px; border: 0 none; padding: 0; margin: 0;}

.leftcol530 {float: left; width: 530px; border: 0 none; padding: 0; margin: 0; text-align: justify;}
.rightcol200 {float: right; width: 200px; border: 0 none; padding: 0; margin: 0;}

.navigationpanel {width: 200px; margin: 0; padding: 0; font-size: 0.85em; background: #faac16 url('images/navigation_bg.jpg') bottom left repeat-x;}
.contact {bottom: 0; right: 0; font-size: 0.75em; text-align: right; margin: 100px 5px 5px 10px;}

.calltoaction {text-align: center;}

.button {font-weight: bold; cursor: pointer;}

.smallbutton{font-size: 0.9em; cursor: pointer; margin: 3px;}

.plaintextbox {border: 0 none; font-weight: bold;}

.smalltextbox {font-size: 0.8em;}

.highlighted {color: #f9a31c;}

ul {}

.thumbshadow {
  float: right;
  background:  url('images/thumbshadow.gif') no-repeat bottom right !important;
  background: url('images/thumbshadow.gif') no-repeat bottom right;
  margin: 26px 0 0 6px !important;
  margin: 26px 0 0 6px;
  }
  
.thumbnail {display: block;}
.thumbbox {background: #ffffff; padding: 0; margin: -6px 6px 6px -6px; display: block;}
.tinythumbbox {background: #ffffff; padding: 0; margin: 0 5px 5px 0; float: left; border: 2px solid #ffad18;}
.tinythumbboxon {background: #ffffff; padding: 0; margin: 0 5px 5px 0; float: left; border: 2px solid #000000;}
.thumbpanel {margin: 12px 0; height: 425px; overflow: auto;}

.galleryimage#font-family {border: 1px solid #ffad18;}
.productdesc {margin: 5px 0;}
.cattext {margin: 10px 0;}

.col2left {float:left; width: 45%;}
.col2right {float:right; width: 45%;}

.footerpanel {clear: both; width: 100%; border: 0 none; padding: 0; margin: 15px 0 0 0; font-size:0.75em; color: #000000; border-top: 1px solid #ffd101;}
.address {display: none;}
.copyright {font-size: 0.8em; color: #ffd101; text-align: right; margin: 0; padding: 0;}
.webmaster {float: left; margin: 0; padding: 0;}

.leftcontent {margin: 0 0 0 40px;}
.leftcontent p {margin: 6px 0; font-size: 0.8em;}
.leftcontent ul {margin-top: 0; margin-bottom: 0; font-size: 0.8em;}
.rightcontent {margin: 0 40px 0 0;}
.rightcontent p {margin: 6px 0; font-size: 0.8em;}
.rightcontent ul {margin-top: 0; margin-bottom: 0; font-size: 0.8em;}

img {border: 0 none;}
image {border: 0 none;}

.clickable {cursor: pointer;}

.enquiryform {width: 95%;}

.form {padding: 0; margin:0;}
.formfield {margin: 5px; text-align: left;}
.formfieldwide {margin: 5px 10px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: left;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

h1 {font-size: 1.5em; font-weight: normal; padding: 15px 0; margin: 0; color: #f9a31c;}
h2 {font-size: 1.25em; font-weight: bold; padding: 10px 0; margin: 0; color: #000000;}
h3 {font-size: 1.1em; font-weight: bold; padding: 10px 0; margin: 0; color: #f9a31c;}
h4 {font-size: 1.1em; font-weight: bold; padding: 10px 0; margin: 0; color: #000000;}
h5 {font-size: 0.9em; padding: 10px 0 0 0; margin: 0; color: #f9a31c;}
h6 {font-size: 0.9em; padding: 10px 0 0 0; margin: 0; color: #000000;}

.spacer {clear: both; height: 5px; margin: 0px;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}

ul.menu {text-align: right; font-weight: bold; font-size: 1em; margin: 0; padding: 0; padding-right: 10px; padding-top: 50px; list-style-type: none;}

li.menu {color: #ffffff; padding: 0;}
li.menu a {text-decoration: none; color: #ffffff;}
li.menu a:visited {text-decoration: none; color: #ffffff;}
li.menu a:hover {text-decoration: underline; color: #ffffff;}
li.menu a:active {text-decoration: none; color: #ffffff;}

li.menuthis {display: inline; color: #ffffff; padding: 0;}
li.menuthis a {text-decoration: none; color: #ffffff;}
li.menuthis a:visited {text-decoration: none; color: #ffffff;}
li.menuthis a:hover {text-decoration: underline; color: #ffffff;}
li.menuthis a:active {text-decoration: none; color: #ffffff;}

.navdivider {margin: 5px; vertical-align: middle;}

.centered {text-align: center;}
.righttext {text-align: right;}
.floatleft {float: left;}
.floatright {float: right;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}

hr {clear: both; height: 1px; color: #f9a31c; border: 1px solid #f9a31c; margin: 10px 0;}

a:link {color: #f9a31c; text-decoration:underline;} 
a:visited {color: #f9a31c; text-decoration:underline;} 
a:hover {color: #f9a31c; text-decoration:none;}
a:active {color: #f9a31c; text-decoration:underline;}

a.antilink:link {color: #f9a31c; text-decoration:none;} 
a.antilink:visited {color: #f9a31c; text-decoration:none;} 
a.antilink:hover {color: #f9a31c; text-decoration:underline;}
a.antilink:active {color: #f9a31c; text-decoration:none;}

a.whitelink:link {color: #FFFFFF; text-decoration:none;} 
a.whitelink:visited {color: #FFFFFF; text-decoration:none;} 
a.whitelink:hover {color: #FFFFFF; text-decoration:underline;}
a.whitelink:active {color: #FFFFFF; text-decoration:none;}

a.webmasterlink:link {color: #ffd101; text-decoration:none;} 
a.webmasterlink:visited {color: #ffd101; text-decoration:none;} 
a.webmasterlink:hover {color: #f9a31c; text-decoration:underline;}
a.webmasterlink:active {color: #ffd101; text-decoration:none;}

a.footerlink:link {color: #000000; text-decoration:none;} 
a.footerlink:visited {color: #000000; text-decoration:none;} 
a.footerlink:hover {color: #f9a31c; text-decoration:underline;}
a.footerlink:active {color: #000000; text-decoration:none;}

a.contactlink:link {color: #000000; text-decoration:none;} 
a.contactlink:visited {color: #000000; text-decoration:none;} 
a.contactlink:hover {color: #000000; text-decoration:underline;}
a.contactlink:active {color: #000000; text-decoration:none;}

.gallery_selector_form {float: left; margin: 17px 0 0 0; font-size: 0.8em;}
.gallery_selector {margin: 0 0 3px 0; color: #000000; background: #FFF6E7; border: 1px solid #ffad18; font-size: 0.8em;}
.news_selector_form {float: right; margin: 17px 0 0 0; font-size: 0.8em;}
.news_selector {margin: 0 0 3px 0; color: #000000; background: #FFF6E7; border: 1px solid #ffad18; font-size: 0.8em;}