@import url("reset.css");
@import url("iconize.css");

/*-----------------------------------------------------------------------------------*/
/*	1.	Defaults
/*	2.	Header & Nav
/*	3.	Footer
/*	4.	Main Content Area
/*	5.	Home Page
/*	6.	Banners
/*	10.	Random Classes
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	Defaults
/*-----------------------------------------------------------------------------------*/
@charset "UTF-8";

fieldset, a img  { border:0; }
a { text-decoration:none; color:#333;}
html { height:100%;}
body { font:14px / 1.5 Arial,sans-serif; word-wrap: break-word; background:#FDFDFD url('../imgs/bck.jpg') repeat-x bottom left; height:100%; 	margin: 0; font-family:Verdana, Geneva, sans-serif; }

#page-mid { min-height:500px;  margin:40px 0 80px 0; }
.inner-wrap {width:1000px; margin:0 auto; position:relative;}


h1 { color:#333; font-size:32px;  }
h2 { color:#333; font-size:28px; }
h3 { color:#333; font-size: 20px; }
h4 { color:#333; font-size:14px;}
strong { font-weight:bold; }
p { margin:0 0 1.5em 0;}

#pageTitleWrap { height:75px; line-height:70px; background:#eff0f1; width:100%; }
#pageTitleWrap h1 { font-size:24px; }

.mainfull { background:url('../imgs/bck_main.png') no-repeat; width:1010px; height:692px;}


/*-----------------------------------------------------------------------------------*/
/*	2.	Header & Nav
/*-----------------------------------------------------------------------------------*/

#page-header { height:10px; position:relative;  }

#page-header #utility { position:absolute; right:0; top:5px; }
#page-header #utility a { padding-left:5px; margin-right:5px; display:inline-block; font-size:11px; text-transform: lowercase; }
#page-header #utility a.active { text-decoration: underline; }

#page-header-right { width:455px; position:absolute; right:0; top:55px; }
#page-header-right #support-btn { background:url('../imgs/support_btn.jpg') no-repeat; width:146px; padding:20px 0 0 50px; height:30px; color:#fff; float:left; }
#page-header-right #header-tel { padding-left:25px; margin-left:25px; float:left; border-left:1px #ccc solid; height:50px; }
#page-header-right #header-tel small { color:#666; font-size:11px; display:block; }
#page-header-right #header-tel big { color:#26bdef; font-size:28px; display:block; }

ul.nav { position:absolute; top:138px; }
ul.nav li { float:left; }
ul.nav li a { float:left; line-height:40px; height:44px; padding:0 30px; border-right:1px #666 solid; color:#fff; }
ul.nav li a:hover { background:#222; }
ul.nav li a.active { background:#26bdef; }

#navtop {  position: relative;}
#logo { height:201px; width:203px; background:url('../imgs/logo.png') no-repeat;  position:absolute; top:67px; left:406px; text-indent:-9999px; }
#navtop #smallnav { } 

/*-----------------------------------------------------------------------------------*/
/*	3.	Footer
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	5.	Sub Nav
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	6.	Home Page
/*-----------------------------------------------------------------------------------*/

#newsletter { height: 40px; left: 80px; position: absolute;  top: 516px;  width: 841px; }
#newsletter h3 { }
#newsletter .right {  }
#newsletter .right form { }
#newsletter .right form input#sub_name_txt { left: 0; padding: 5px; position: absolute; top: 5px; width: 277px; border:none; }
#newsletter .right form input#sub_email_txt { left: 328px; padding: 5px; position: absolute; top: 5px; width: 277px; border:none;}
#newsletter .right form input#subscribe_btn {height:41px; width:195px; background:url('../imgs/btn_submit.png') no-repeat;  position:absolute; top:0px; right:0; text-indent:-9999px; border:none; top: -2px; }
.htxt { height: 62px; left: 54px; position: absolute; top: 339px;  width: 890px; text-align:center; font-size:16px;}

.Customers { color: #FFFFFF; font-size: 13px; height: 160px; position: absolute; right: 77px; top: 552px; width: 384px;}

.suppliers {color: #FFFFFF; font-size: 13px; height: 160px; position: absolute; left: 77px; top: 552px; width: 384px;}

.Customers ul li, .suppliers ul li { list-style:disc; margin: 0 0 0 20px;}
.Customers ul, .suppliers ul { list-style:disc; margin: 0 0 20px 0;}



/*-----------------------------------------------------------------------------------*/
/*	9.	Enquiry Forms
/*-----------------------------------------------------------------------------------*/

.enquiry { position:relative; float:left; width:100%; margin: 0 0 30px;}
#validation-msg {background: none repeat scroll 0 0 #FF3333;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
    left: 71px;
    padding: 5px;
    position: absolute;
    top: 443px;
    width: 841px; }
.enquiry form { margin: 30px 0; }
.enquiry fieldset { border:0; margin:0 0 20px; }
.enquiry fieldset div { width:30%; float:left; }
.enquiry fieldset div.mid { margin:0 5%; }
.enquiry label { display:none; font-size:1em; }
.enquiry input { background:#fff; padding:10px; width:280px; border:1px #ccc solid; }
#subcontent input { width:175px; }
.enquiry textarea { border:0; background:#fff; border:1px #ccc solid; padding: 10px; height:120px; font:0.87em/1.5 arial;  }
.enquiry textarea.enquiry_txt { width:980px; } 
#subcontent textarea.enquiry_txt,
.enquiry textarea.comment_txt { width: 637px; }
.enquiry input#contact_btn, 
.enquiry input#comment_btn { cursor: pointer; position:absolute; width:auto; right:0; background:#6ad2f4 url('../imgs/arrow_right.png') right center no-repeat; color:#fff; padding:10px !important; border:0; border-right:#6ad2f4 15px solid; }
.enquiry input#contact_btn:hover,
.enquiry input#comment_btn:hover { background-color:#1a90b6; border-right:#1a90b6 15px solid; }


/*-----------------------------------------------------------------------------------*/
/*	10.	Layout Blocks
/*-----------------------------------------------------------------------------------*/

.fleft { float:left;}
.fright { float: right;}
.content_half { position:relative; width:46%}
.fullwidth { width: 100%; }
.addMargin { margin-right:5%; }

/*-----------------------------------------------------------------------------------
/*	10.	Shaire icons/areas (I want more control over these)
/*-----------------------------------------------------------------------------------*/


.share-wrap { clear:both; margin: 30px 0; padding: 13px; background:#eee; }
.share-wrap h4{  border-bottom: 1px solid #CCCCCC; font-size: 24px;margin: 0 0 20px; padding: 0 0 20px; color: #333333; font-weight: 400; line-height: 30px;}



/*-----------------------------------------------------------------------------------*/
/*	10.	Random Classes
/*-----------------------------------------------------------------------------------*/

.removeRmargin { margin-right:0 !important;}
.clear { clear:both;}

.map { width:455px; height:400px; }
.hide { display:none;}

/* Back to Top */
#toTop {background: url("../imgs/totop.png") no-repeat scroll left top transparent; border: medium none; bottom: 6px; display: block; height: 40px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; text-indent: -999px; width: 40px;}
#toTop:hover { background: url("../imgs/totop.png") no-repeat scroll left -40px transparent; display: block; float: left; height: 40px; opacity: 0; overflow: hidden; width: 40px;}
#toTop:active, #toTop:focus { outline: medium none;}

.required { color:red; font-size:10px; }
.required_border { border:1px #990000 solid !important; }

.hidden { display:none; }

.underline-wrap { display:block; border-bottom:1px #dfdfdf solid; width:100%; position:relative; }
.underline-wrap h2 { font-size:18px; }
.underline-wrap h3 { font-size:15px; }
.underline-wrap h2, 
.underline-wrap h3 { display:inline-block; border-bottom:1px #26bdef solid; font-size:18px; padding-bottom:10px; }

.btm_arrow_left,
.btm_arrow_right,
.arrow_left, 
.arrow_right { position: absolute; background-repeat:no-repeat; background-position:center; cursor:pointer; color:#fff; width:20px; height:20px; bottom:12px; }

.arrow_left, .arrow_right { background-color:#6bd3f2; }
.arrow_left:hover, .arrow_right:hover { background-color:#478b9e; }

.btm_arrow_left, .btm_arrow_right { background-color:#666; }
.btm_arrow_left:hover, .btm_arrow_right:hover { background-color:#ccc; }


.arrow_left, .btm_arrow_left { background-image:url('../imgs/arrow_left.png'); right:28px; }
.arrow_right, .btm_arrow_right { background-image:url('../imgs/arrow_right.png'); right:0px; }

.rndCorner { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; }

/*-----------------------------------------------------------------------------------*/
/*	11.	CSS3 Transitiond
/*-----------------------------------------------------------------------------------*/

.img a {	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	transform-style: preserve-3d;}
.img a img {	-webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease;	-ms-transition: all 0.4s ease;	transition: all 0.4s ease;}
.img a:hover img {-webkit-transform: scale(1.2) rotate(-7deg); -moz-transform: scale(1.2) rotate(-7deg); -o-transform: scale(1.2) rotate(-7deg); -ms-transform: scale(1.2) rotate(-7deg);	transform: scale(1.2) rotate(-7deg);}


/*-----------------------------------------------------------------------------------*/
/*	12.	Responsive changes
/*-----------------------------------------------------------------------------------*/