#wrapper{
	width:960px;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Tahoma;
	font-size:12px;
	color:#333
}

strong{
	color:#AE111E;
}
.header{
	width:960px;
	height:205px;
	margin-left:auto;
	margin-right:auto	
}

.top-header{
	width:960px;
	height:112px;	
}


a:link, a:visited, a:active, a:visited
{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
/*--------Navigation---------*/
.navbar{
	width:960px;
	height:43px;
	position:relative;
	margin-top:30px;
	padding: 0;
}

.menutop {
	margin: 0;
	padding: 0;
	width: 965px;
	height:43px;
	list-style: none;
}
.menutop li {
	padding: 0;
	margin: 0;
	height: 43px;
	list-style: none;
	background-repeat: no-repeat;
}
.menutop li a, .menutop li a:visited {
	display: block;
	text-decoration: none;
	/*text-indent: -10000px;*/
	height: 43px;
	background-repeat: no-repeat;
	
}
.menuitem 
{
    
    color:#EEEEEE;
    text-align: center;
    vertical-align:middle;
    width:160px;
                    
    zoom:1;
    background: #666666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AAAAAA), to(#555555));
    background: -webkit-linear-gradient(#AAAAAA, #555555);
    background: -moz-linear-gradient(#AAAAAA, #555555);
    background: -ms-linear-gradient(#AAAAAA, #555555);
    background: -o-linear-gradient(#AAAAAA, #555555);
    background: linear-gradient(#AAAAAA, #555555);
    -pie-background: linear-gradient(#AAAAAA, #555555);
    behavior: url(/include/PIE.htc);
    z-index:9999;
	position: relative;
}
.menuitem:hover 
{
    background-color:#666666;
    zoom:1;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777777), to(#555555));
    background: -webkit-linear-gradient(#777777, #555555);
    background: -moz-linear-gradient(#777777, #555555);
    background: -ms-linear-gradient(#777777, #555555);
    background: -o-linear-gradient(#777777, #555555);
    background: linear-gradient(#777777, #555555);
    -pie-background: linear-gradient(#777777, #555555);
    behavior: url(/include/PIE.htc);
    z-index:9999;
} 
a.menuclass:link, a.menuclass:visited, a.menuclass:active
{
    font-family:Arial;
    font-size:15px;
    color:#DDDDDD;
    text-align: center;
    text-decoration:none;
    font-weight:normal;
    padding-top:14px;
    width:160px;
}
a.menuclass:hover
{
    text-decoration:underline;
}

#cf-text{font-size:10px; padding-top:50px; margin-left:120px;}
.hometop {background-image:url(/images/home-hover.jpg); width:159px}
.hometop a {background-image:url(/images/home.jpg);}
.producttop {background-image:url(/images/products-hover.jpg);width:160px}
.producttop a {background-image:url(/images/products.jpg);}
.stocktop {background-image:url(/images/stockists-hover.jpg);width:160px}
.stocktop a {background-image:url(/images/stockists.jpg);}
.abouttop {background-image:url(/images/about-hover.jpg);width:159px}
.abouttop a {background-image:url(/images/about.jpg);}
.littop {background-image:url(/images/literature-hover.jpg);width:160px}
.littop a {background-image:url(/images/literature.jpg);}
.contacttop {background-image:url(/images/contact-hover.jpg);width:162px}
.contacttop a {background-image:url(/images/contact.jpg);}

ul.menutop li a:hover {background: none; text-decoration:underline;}

.menutop li {float: left;}
.menutop:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*--------Main Banner---------*/
.banner-placer{
	width:960px;
	height:370px;
	margin-left:auto;
	margin-right:auto;
}

#slideshow {
    position:relative;
    height:369px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*--------Main Body---------*/

#outter-wrapper{
	width:980px;
	min-height:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/main-bg-body.png);
	background-repeat:repeat-y;
}

.inner-body{
	width:946px;
	height:auto;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto	
}

#main-body-bottom{
	width:980px;
	height:47px;
	background-image:url(/images/main-body-footer.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/*--------footer--------*/
#footer{
	font-family:Arial;
	font-size:11px;
	height:56px;
	color:#999999;
	width:962px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.foot-l{
	float:left;
	line-height:50px;
	padding-left:10px;
	text-align:left;	
}

.foot-r{
	float:right;
	line-height:50px;
	padding-right:10px;
	text-align:right;
}

.foot-link{
	color:#AE111E;
	text-decoration:none;
}

/*--------Contact Form-------*/

.contact-heading
{
	width:100%; padding-top:10px; padding-left:30px;
}
.page-right
{
	float:right;
	margin-top: 25px;
	margin-right:30px;
}
#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 580px;
	margin-top: 25px;
	float:left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#sec-text-holder input, #sec-text-holder textarea {
	padding: 5px;
	width: 210px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	float:right;
}

#sec-text-holder textarea:focus, #sec-text-holder input:focus {
	border: 1px solid #900;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
	margin-right:53px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12px;
	font-weight:bold;
}

.sec-image-holder{float:left; width:170px;}
.sec-container{width:412px; float:right; margin-right:53px;}