@charset "utf-8";
html {overflow-y: scroll;}
body
{
    font-family: Arial, Helvetica, sans-serif; /* page default fonts*/
    font-size: 75%;
    background-color: #0F8177;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #2D2F8F; /* page default font colour*/
    background-position: center;
    cursor:default;
}

#container 
{
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0F8177;
	width: 900px; 
	/*text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

#menu 
{
    color:#333;
	border:0px solid red;
	width:30px;    
	background:url(../imgs/menu/menu.png) no-repeat center top;
	min-height:670px;
	display:block;
    margin-top:40px;
    margin-bottom: 0px;
    padding-bottom:0px;
    float:right;
}

#submenu
{
	background:url(../imgs/menu/sub-background.png) repeat-x center bottom;
}

#submenu div
{
	background:url(../imgs/menu/sub.png) no-repeat center top;
	height:25px;
	width:120px;
	margin-left:3px;
	display:inline-block;
}

#submenu div.active
{
	background:url(../imgs/menu/sub-active.png) no-repeat center top;
	height:25px;
	width:120px;
}

#submenu div a
{
	color:#222222;
	font-weight:bold;
	line-height:25px;
	display:block;
}

p.css-vertical-text {
	
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	
	
	bottom:0;
	width:20px;
	height:20px;
}

#menu a
{
	display:block;
	width: 30px;
	height:93px;
}

#menu .hover
{
	width:30px;
	height:94px;
	background:none;
}

#menu .active
{
	width:30px;
	height:94px;
	background:url(../imgs/menu/active-mask.png) no-repeat center top;
}

#menu .hover:hover
{
	width:30px;
	height:94px;
	background:url(../imgs/menu/hover-mask.png) no-repeat center top;
}

#page
{
    padding-top:0px;
    padding-left:0px;
    width: 873px;
	background:url(../imgs/background-tiles.png) repeat-y left top;
}

#pageHome
{
    padding-top:0px;
    padding-left:0px;
    width: 873px;
	background:url(../imgs/background-sketch.png) no-repeat left top;
}

#content
{
	width: 750px;
	margin-left:82px;
}

#header
{
    width:100%;
    padding-top:25px;
	height:130px;
}

#mainContent 
{
	/* margin-left:90px; */
	float:left;
    width:520px;
    margin-top:0px;
    margin-bottom: 0px;
    padding-bottom:0px;
}

#AddressDetails 
{
	/* margin-left:90px; */
    width:250px;
	display:inline-block;
 	float: right;
 }

#AddressDetails h1

{
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:700;
	color:#0F8177;
	padding-bottom:-10px;
}

#AddressDetails h2
{
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:500;
	color:#0F8177;
	padding-bottom:-10px;
}

#AddressDetails p

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:100;
	color:#666666;
	padding-bottom:-10px;
}

#fullmid 
{
    margin-top:0px;
    margin-bottom: 0px;
    padding-bottom:0px;
}

#rightimages
{
    width:220px;
    float:right;
}

#rightimages img
{
	padding-bottom: 10px;   
}

#leftcontact
{
    width:320px;
    float:left;
}

#rightcontact
{
    width:340px;
    float:right;
}

#productinfo
{
	height:215px;
}

/*home text details */
.home h1 
{
	margin-top:42px;
	font-family: Times New Roman;
	font-size:2.3em;
	font-weight:700;
	color:#0F8177;
}

.home h3 
{
	margin-right: 20px;
	font-size:1.5em;
	font-weight:700;
	color:Red;
	text-align:center;
}

.home p 
{
	margin-top:42px;
	font-size:1.4em;
	font-weight:500;
	color:#58595B;
	margin-left: 0px;
	margin-right:10px;
	text-align:justify;
}

.home p-old 
{
	margin-top:-60px;
	font-size:1.2em;
	font-weight:100;
	color:#58595B;
	margin-left: 320px;
	margin-right:10px;
	text-align:justify;
}

.other h1

{
	margin-top: 42px;
	font-family: Times New Roman;
	font-size:2.3em;
	font-weight:700;
	color:#0F8177;
}

.other h2

{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:700;
	color:#107D77;
}

.other h3 
{
	margin-right: 20px;
	font-size:1.5em;
	font-weight:700;
	color:Red;
	text-align:center;
}

.other h4 
{
	margin-right: 20px;
	font-size:1.6em;
	font-weight:700;
	color:#58595B;
	text-align:left;
}

/*Only for the email success text*/
.other h5 
{
	margin-right: 20px;
	margin-top: 140px;
	font-size:2.5em;
	font-weight:700;
	color:#58595B;
	text-align:center;
}

.other h6 
{
	margin-right: 20px;
	margin-top: 60px;
	font-size:3.0em;
	font-weight:700;
	color:Red;
	text-align:center;
}

.other p 
{
	margin-right:20px;
	margin-bottom:10px;
	margin-top:15px;
	font-size:1.4em;
	font-weight:100;
	color:#58595B;
	text-align:justify;
}

.other ul
{
    list-style-type: disc;
    font-size:1.2em;
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom:1.1%;
    color:#58595B;
}



a, a:visited
{
    background-image:none;
    color:red; 
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-align:center;  
}

a:hover
{
    text-decoration:none;
    color: #58595B;
}

a.active
{
    text-decoration:none;
    color:#58595B;
}

.clear {
  clear:both;
}



.centre
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}


.starred 
{  
    font-family: arial; 
    font-size: 12px; 
    color: #FF0000
}


.other a
{
    color: #0F8177;
}


.about p
{
    font-size:1.5em;
}

#input p
{
    margin-top: 5px;
    font-size:1.3em;
}


label
{
    width: 170px;
    text-align: left;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
}


.FAQSlide
{
    
}

.FAQSlide p
{
    display: none;
    margin-bottom: 10px;
}

.FAQSlide h3
{
    margin-bottom: 3px;
    cursor:pointer;
}


/*footer details*/
#footer
{
    padding-top: 10px;
    text-align:center;
    width:100%;
}

#footer a
{
    background-image:none;
    color:#ffffff; 
    text-align:center;
}

#footer p
{
    color: #ffffff;
    font-size: 1.1em;
    margin:0px;
    font-weight:normal;
    padding-bottom:10px;
}