* {margin: 0;padding: 0;}

html,body {margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
	padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	background: #ffffff;
	font-family: "Verdana"; font-size: 1em; color: #666666; font-style: normal; font-weight: normal;line-height: 1.5;}

a { font-size: 1em; color: #ff9900; text-decoration: underline;}
a:hover { color: #ff6600; }

a.header { font-size: 1em; color: #999999; text-decoration: none;}
a.header:hover { color: #c00000; }

a.margin { font-size: 1em; color: #0066ff; text-decoration: none;}
a.margin:hover { color: #003399; }

a.copyright { font-size: 1em; color: #999999; text-decoration: none; font-weight: normal;}
a.copyright:hover { text-decoration: underline; }

a.footer1 { font-size: 0.9em; color: #c00000; text-decoration: none;}
a.footer1:hover { color: #c00000; text-decoration: underline; }

a.footer2 { font-size: 0.9em; color: #666666; text-decoration: none;}
a.footer2:hover { color: #c00000; }

li{ margin-left: 30px;}

h1 { text-shadow: 0.05em 0.05em 0.05em #ccc; font-size: 1.5em; color: #ff9900; font-weight: bold; padding-bottom: 10px;}
h2 { text-shadow: 0.05em 0.05em 0.05em #999; font-size: 1.3em; color: #000000; font-weight: normal; padding-bottom: 10px;}
h3 { text-shadow: 0.05em 0.05em 0.05em #999; font-size: 1.2em; color: #000000; font-weight: bold; padding-bottom: 10px;}
p,td { font-size: 1em; color: #666666;}
p { text-align: justify; }
p.header { font-size: 1.5em; color: #999999; padding: 10px; padding-top: 20px;}
p.copyright { font-size: 0.9em; color: #999999; text-align: center;}
p.footer1 { font-size: 0.9em; color: #999999;}
b,strong {font-size: 1em; font-weight: bold;}

.fadeout {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;

   }
   .fadeout:hover {
      opacity: 0.7;
      }

img {  border-style: none; max-width: 100%;}
img.shadow {	box-shadow: 0em 0.1em 0.5em #999999; -moz-box-shadow: 0em 0.1em 0.5em #999999;}
input { height: 22px;  font-family: "Verdana" ;}
select { font-family: "Verdana" ;}
textarea {  font-family: "Verdana" ;}
input.big {font-family: "Verdana"; font-size: 1.3em; width: 200px; height: 50px;}
table.GREY { border-style: solid; border-width: 1px; border-color: #999999}
td.GREY { border-style: solid; border-width: 1px; border-color: #999999; padding: 3px;}

a.BLUEring, a.BLUEring:link, a.BLUEring:visited, a.BLUEring:active{ display:table;border:1px solid #fff;}
a.BLUEring:hover { border:1px solid #ffcc00;}

div.dropdownmenu {
	background: url(../images/background-margin.gif) repeat-x top center; width: 250px;
	margin-bottom: 10px;
}
a.menubox { font-size: 1.0em; color: #ffffff; text-decoration: none; text-align: center; font-weight: bold;
	 background: url(../images/background-marginheader.jpg) repeat-x; width: 100%; height: 40px; line-height: 40px; display: table;}
#MenuDiv{display: block; padding: 10px; width: 230px;}
#InfoDiv{display: block; padding: 10px; width: 230px;}

a.subcategory { font-size: 1em; color: #666666; text-decoration: none;}
a.subcategory:hover { color: #c00000; }

#menuleft a {
	height: 37px;
	font-size: 1.2em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: center;
	float: center;
	padding-left: 10px;
	padding-right: 10px;
	display: table-cell;
	position: relative;
	line-height: 37px;
	background: url(../images/navmenuoffM.gif) repeat-x;
	margin-right: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#menuleft a:hover {
	color: black;
}

table.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc}
td.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc; padding: 3px;}


#morearrow a {background: url(../images/icon-fulldetails.gif) no-repeat center center;
	width: 45px;
	line-height: 100px;
	display: block;
	float: left;}
#morearrow a:hover {background: url(../images/icon-fulldetailsON.gif) no-repeat center center;}






/* LAYOUT DEFINITIONS */

#logowrapper{
	width: 100%;
}

#logo{
	width: 90%;
	margin: auto;
	background:  url(../images/header1B.jpg) no-repeat bottom right;
}

#headerwrapper{
	width: 100%;
	height: 150px;
	background: #ffcc00 url(../images/background-header.jpg) repeat-y top left;
}

#header{
	width: 90%;
	margin: auto;
}

#headerleft{
	float: left;
	position: relative;
}
#headerright{
	float:right; 
	position: relative;	
}
.headersearch{ margin: 5px;}

#menuwrapper{
	clear: both;
	width: 100%;
	height: 37px;
	margin-bottom: 20px;
}

#menu{
	width: 90%;
	margin: auto;
}
#menuleft {display: table; width: 100%;}
#menuleft a.menustockbig { display:table-cell;}
#menuleft a.menustocksml { display:none;}


#bodywrapper{
	width: 90%;
	margin: 0 auto;
}

#sidebar-left{
	width: 250px;
	float: left;
}

#content{
	margin-left: 280px;
}

#footerwrapper{
//	width: 100%;
	margin-top: 20px;
	clear: both;
	background: #ffffff;
	border-top: #ffcc00 30px solid;
}

#footer{
	width: 90%;
	margin: auto;
	background: white;
	padding: 10px;
	text-align: center;
}




/* NARROW VERSION REFINEMENTS */

@media screen and (max-width:900px) { 

#header{	width: 90%; }
#menu{	width: 90%; }
#bodywrapper{	width: 90%; }
.searchbox {width: 250px;}
.usedlogo {width: 250px;}
.headersearch{ margin: 2px;}
#headerwrapper{	background: #ffcc00; }
}

@media screen and (max-width:700px) { 

#headerright{display: none;}
#menuright{display: none;}

.usedlogo {width: 250px;}
#logo{	background:  none;}
#headerwrapper{	height: 170px; }
#menuleft a.menustocksml { display:table-cell;}
#menuleft a.menustockbig { display:none;}
}




/* MOBILE VERSION REFINEMENTS */

@media screen and (max-width:480px) { 

#menu{	width: 99%; margin: auto; }
#bodywrapper{
	width: 90%;
}
#sidebar-left{
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#content{
	clear: both;
	width: 100%;
	margin-left: 0px;
}
#footer{	width: 100%; padding: 0px; }
#footer-left{
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}
#footer-right{
	clear: both;
	width: 100%;
	margin-left: 0px;
}
div.footercolumn {
	clear:both;
	width: 100%;
}
div.dropdownmenu {
	margin: 0 auto;
	margin-bottom: 10px;
}
#MenuDiv{display: none;}
#InfoDiv{display: none;}
#AdsDiv{display: none;}
#menuleft a {
	font-size: 0.7em;
	padding-left: 3px;
	padding-right: 3px;
}
#menuleft a.menustocksml { display:table-cell;}
#menuleft a.menustockbig { display:none;}

#menuright {display: none;}
#headerleft{width: 90%;}
#headerright{display: none;}
#mobilelanguage {display: block; float: left; position: absolute; right: 0;}
p { text-align: left;}
p.footer1 { padding-left: 1em;}
a.footer2 { padding-left: 3em;}
input { width: 100%;}
textarea { width: 100%; }
#portfolio {	float: left; text-align: center; padding: 10px; width: 100%; height: auto;}
#marginslideshow {display: none;}
#margintestimonials {display: none;}
.usedlogo {width: 250px;}
.headersearch{ margin: 2px;}
}


/* PRINT VERSION REFINEMENTS */
@media print { 

 #sidebar-left, #footer { display: none !important; } 
 #content{ margin-left: 0px; }

}