@charset "utf-8";
body {
	background-image: url(../images/artifex_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}
.container {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 900px;
}
#headerImage{
	margin-top:25px;
	height:142px;
	width:900px;
}
.navHolder{
	width:900px;
	height:47px;
}
.contentTopBg{
	width:900px;
	height:30px;
	background:#EDF1F6;
	background-image:url(../images/artifex_main_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}
.contentHolder{
	background:#EDF1F6;
	width:840px;
	text-align:left;
	margin-top:0px;
	padding-left:30px;
	padding-right:30px;
}
.contentBottomBg{
	width:900px;
	height:30px;
	background-image:url(../images/artifex_main_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background:#EDF1F6;
	margin:0px;
	padding:0px;
	clear:both;
}

/* Home Page */

.titleDiv{
	width:840px;
	height:25px;
	text-align:left;
}
.topContent{
	height:225px;
	width:840px;
	text-align:justify;
}
.worldLeaderImage{
	float:right;
	width:349px;
	height:205px;
	margin-top:10px;
}
.worldLeaderContent{
	float:left;
	margin-top:20px;
	margin-right:30px;
	width:461px;
	line-height:20px;
}
.contentDivide{
	width:840px;
	height:17px;
	margin-top:5px;
	margin-bottom:10px;
	background-image:url(../images/horizontal_page_divide.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.bottomContent{
	width:840px;
	height:316px;
}
.bottomContent1{
	float:left;
	width:314px;
	height:316px;
	margin-right:20px;
}
.ourProductsTitle{
	height:24px;
	width:314px;
	margin-bottom:20px;
}
.hoseAndBraid{
	height:116px;
	width:314px;
	margin-bottom:10px;
}
.hoseAssembly{
	height:116px;
	width:314px;
}
.bottomContent2{
	float:left;
	width:124px;
	height:316px;
	margin-right:20px;
}
.sgsLogo{
	height:73px;
	width:124px;
	margin-top:119px;
}
.bottomContent3{
	float:left;
	width:14px;
	height:316px;
	margin-right:20px;
	background-image:url(../images/vertical_content_divide.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.bottomContent4{
	float:left;
	width:326px;
	height:316px;
}
.quickQuoteTitle{
	height:24px;
	width:326px;
	margin-bottom:20px;
}
#quickQuoteBtn{
	height:277px;
	width:288px;
}

/* Hose and Braid */

.ourHoseHolder{
	margin-top:20px;
	margin-bottom:5px;
	width:840px;
	height:310px;
	text-align:justify;
	line-height:20px;
}

#ourHoseMovie{
	width:500px;
	height:329px;
	padding:20px 0px 40px 150px;
}
#ourBraidMovie{
	width:500px;
	height:329px;
	padding:20px 0px 40px 150px;
}

.ourHoseContent{
	width:840px;
	padding:0 0 20px 0;
}
.ourHoseContentRight{
	width:336px;
	height:310px;
	float:right;
}
.ourHoseImage{
	margin-left:2px;
	margin-bottom:25px;
	width:333px;
	height:188px;
}
.ourHoseEnquireBtn{
	padding:0 0 10px 252px;
	width:336px;
	height:85px;
}
.ourBraidEnquireBtn{
	padding:0 0 0px 252px;
	width:336px;
	height:85px;
}
.ourBraidHolder{
	margin-top:20px;
	width:840px;
	height:310px;
	text-align:justify;
	line-height:20px;
}
.ourBraidContent{
	width:840px;
	padding:0 0 20px 0;
}
.ourBraidContentRight{
	width:336px;
	height:300px;
	float:right;
}
.ourBraidImage{
	margin-left:2px;
	margin-bottom:25px;
	width:333px;
	height:188px;
}
.ourHoseEnquire{
	width:336px;
	height:85px;
}
.spacer{
	height:1px;
	width:840px;
}

/* Hose Assembly */

.hoseAssemblyContent{
	margin-top:20px;
	margin-bottom:25px;
	width:840px;
	text-align:left;
	line-height:20px;
}
#hoseAssemblyMovie{
	width:500px;
	height:329px;
	margin-left:169px;
	margin-bottom:20px;
}
.orderACatalogue{
	width:335px;
	height:89px;
	margin-left:252px;
}

/* Products */

.productsContent1{
	margin-top:20px;
	margin-bottom:20px;
	width:840px;
	text-align:justify;
	line-height:20px;
}
.productsImages{
	width:840px;
	height:122px;;
	text-align:center;
}
.productsContent2{
	margin-top:10px;
	margin-bottom:10px;
	width:840px;
	text-align:justify;
	line-height:20px;
}
.technicalSupport{
	width:840px;
	height:24px;
	margin-top:20px;
}

/* Quality */

.commitmentToQuality{
	margin-top:20px;
	width:840px;
	height:24px;
}
.qualityContent1{
	margin-top:20px;
	margin-bottom:20px;
	width:840px;
	text-align:justify;
	line-height:20px;
}
.qualityImages{
	width:840px;
	height:140px;
	text-align:center;
	margin-bottom:20px;
}
.qualityBottomHolder{
	width:543px;
	height:175px;
}
.certification{
	margin-top:15px;
	width:840px;
	height:20px;
	margin-bottom:20px;
}
.certificationLeft{
	width:398px;
	height:175px;
	float:left;
}
.certificationRight{
	margin-left:20px;
	width:125px;
	height:175px;
	float:right;
}
.certificationTopLeft{
	height:56px;
	width:398px;
}
.certificationBottomLeft1{
	height:119px;
	width:176px;
	float:left;
	margin-right:20px;
}
.certificationBottomLeft2{
	height:119px;
	width:202px;
	float:left;
}

/* Quotation */

.quotationContentTop{
	margin-top:20px;
	margin-bottom:20px;
	width:840px;
	text-align:justify;
	line-height:20px;
}
.yourDetailsHolder{
	width:840px;
	height:275px;
}
.yourDetailsHolder1{
	width:208px;
	height:270px;
	float:left;
	margin-right:30px;
}
.yourDetailsHolder1 input {
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;	
}
.yourDetailsHolder2{
	width:208px;
	height:270px;
	float:left;
	margin-right:30px;
}
.yourDetailsHolder2 input {
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;	
}
.yourDetailsHolder2 textarea {
	width:197px;
	height:68px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;	
}
.yourDetailsHolder3{
	width:208px;
	height:200px;
	float:left;
}
.yourDetailsTitle{
	height:20px;
	margin-bottom:20px;
}
.productCertification{
	height:20px;
	margin-bottom:38px;
}
.requirements{
	width:500px;
	height:125px;
}
.requirementTitle{
	height:20px;
	margin-bottom:10px;
}
.requirementColumn{
	height:30px;
}
.requirementColumn2{
	height:20px;
	margin-top:10px;
}
.rC1{
	height:30px;
	width:50px;
	float:left;
}
.rC2{
	height:30px;
	width:160px;
	float:left;
}
.rC3{
	height:30px;
	width:40px;
	float:left;
}
.rC4{
	height:30px;
	width:208px;
	float:left;
}
.rC4 input{
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;	
}
.quotationHeaders{
	width:839px;
	height:107px;
	margin-top:5px;
}
.quotationHolder{
	width:839px;
	height:150px;
}
.qHolder{
	width:839px;
	height:23px;
	margin-bottom:15px;
}
.qH1{
	width:20px;
	height:23px;
	float:left;
	margin-right:5px;
}
.qH2{
	width:814px;
	height:23px;
	float:left;
	padding:0px;
}
.qH2 input{
	padding:0px;
	margin:0px;
	margin-right:8px;
}

/* hack for IE in quirks mode */
* html .qH2 select {
	height: 23px;
}

.setHeight{
	height:23px;
}

.qH3{
	width:70px;
	height:23px;
	float:left;
	margin-right:10px;
}
.qH3 input{
	padding:0px;
	margin:0px;
}
.qH4{
	width:60px;
	height:23px;
	float:left;
	margin-right:10px;
}

.qH5{
	width:115px;
	height:23px;
	float:left;
	margin-right:10px;
}

.qH6{
	margin-left:10px;
	width:115px;
	height:23px;
	float:left;
	margin-right:10px;
}
.qH6 select{
	width:107px;
	height:23px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px;
	padding:4px;
}
.quotationHolderBottom{
	margin-top:20px;
	width:759px;
	height:170px;
}
.quotationHolderBottomLeft{
	width:360px;
	height:170px;
	float:left;
	margin-right:30px;
}
.quotationHolderBottomRight{
	width:210px;
	height:170px;
	float:left;
}
.workingConditionstitle{
	height:20px;
	margin-bottom:10px;
}
.workingConditionsHolder{
	height:30px;
	margin-bottom:10px;
}
.workingConditionsHolderLeft{
	margin-top:7px;
	width:140px;
	height:15px;
	float:left;
}
.workingConditionsHolderRight{
	width:220px;
	height:30px;
	float:left;
}
.workingConditionsHolderRight input{
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
}
.PED_Information{
	font-size:10px;
}
.otherRequirementsTitle{
	height:20px;
	margin-bottom:10px;
}
.quotationHolderBottomRight textarea{
	width:210px;
	height:95px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
}
.unlessOtherwise{
	margin-bottom:10px;
	text-align:center;
	color:#26426A;
	font-weight:bold;
	line-height:20px;
}
.standardEndFittingsTitle{
	height:20px;
	margin-bottom:12px;
}
.fittingTypes{
	height:223px;
	width:693px;
	margin-bottom:20px;
}
.quotationButtons{
	height:30px;
	width:840px;
	text-align:center;
}

/* Catalogue */

.catalogueContent1{
	margin-top:20px;
	margin-bottom:20px;
	width:840px;
	text-align:justify;
	line-height:20px;
}
.catalogueContent1 li{
	margin-left:30px;
}
.viewOnline{
	width:840px;
	height:20px;
	margin-bottom:10px;
}
.pdfHolder{
	height:42px;
	width:600px;
	margin-bottom:20px;
}
.pdfHolderImage{
	width:39px;
	height:42px;
	float:left;
}
.pdfHolderText{
	margin-left:10px;
	width:530px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#264267;
	font-weight:bold;
	margin-top:13px;
}
.byPost{
	width:840px;
	height:20px;
	margin-bottom:10px;
}
.byPostHolder{
	width:840px;
	height:254px;
}
.byPostHolderLeftTop{
	width:638px;
	height:15px;
	float:left;
	margin-bottom:15px;
}
.byPostHolderLeft{
	width:638px;
	height:254px;
	float:left;
}
.byPostHolderRight{
	margin-left:10px;
	width:192px;
	height:254px;
	float:right;
}
.byPostFormColumn1{
	float:left;
	height:224px;
	width:208px;
	margin-right:20px;
}
.formLabel{
	margin-bottom:5px;
}
.byPostFormColumn1 input{
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;
}
.byPostFormColumn2{
	float:left;
	height:224px;
	width:208px;
	margin-right:20px;
}
.byPostFormColumn2 input{
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;
}
.byPostFormColumn2 textarea{
	width:197px;
	height:122px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;
}
.byPostFormColumn3{
	float:left;
	height:224px;
	width:140px;
}
.buttonPosition{
	height:24px;
	margin-top:182px;
}

/* About Us */

.aboutUsContentTop{
	margin-top:20px;
	margin-bottom:25px;
	width:840px;
	text-align:left;
	line-height:20px;
}
.aboutUsImageHolder{
	width:778px;
	height:292px;
	margin-bottom:20px;
	margin-left:31px;
}
.aboutUsImage1{
	width:383px;
	height:292px;
	float:left;
}
.aboutUsImage2{
	width:374px;
	height:292px;
	float:right;
}
.aboutUsContentBottom{
	width:840px;
	text-align:left;
	line-height:20px;
}

/* Contact Us */

.contactContent{
	margin-top:20px;
	margin-bottom:20px;
	width:840px;
	text-align:left;
	line-height:20px;
}
.contactHolder{
	width:840px;
	height:350px;
}
.contactHolder1{
	width:220px;
	height:340px;
	float:left;
	margin-right:40px;
}
.contactHolder2{
	width:208px;
	height:340px;
	float:left;
	margin-right:40px;
}
.contactHolder3{
	width:270px;
	height:340px;
	float:left;
}
.contactHolder4{
	width:478px;
	height:340px;
	float:left;
}
.contactTitles{
	height:20px;
	margin-bottom:10px;
}
.contactContentLarger{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:10px;
	line-height:20px;
}
.contactContentLarger a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4B6A96;
	margin-bottom:10px;
	line-height:20px;
}
.contactContentLarger a, a:visited, a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#26426A;
	margin-bottom:10px;
	line-height:20px;
}
.contactTitlesGeneral{
	height:20px;
	margin-bottom:20px;
}
.contactHolder form{
	padding:0px;
}
.contactHolder2 input{
	width:197px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;
}
.contactHolder3 textarea{
	width:240px;
	height:180px;
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px;
	margin-bottom:10px;
}
.contactButtons{
	text-align:right;
	margin-right:19px;
}
.contactBottomLinksHolder{
	position:absolute;
	top:640px;
	height:203px;
	width:416px;
	margin-left:197px;
}
.orderACatalogueContact{
	width:203px;
	height:203px;
	float:left;
	margin-right:10px;
}
.getAQuickQuoteContact{
	width:203px;
	height:203px;
	float:left;
}
.contactSpacer{
	height:130px;
	width:840px;
}

/* FOOTER */

.footer{
	width:900px;
	height:83px;
	margin-bottom:25px;
}
.footerTop{
	float:left;
	width:900px;
	height:42px;
}
.footerTelephone{
	float:left;
	width:193px;
	height:28px;
}
.footerEmail{
	float:left;
	width:198px;
	height:28px;
}
.footerFaxCopyright{
	float:left;
	width:434px;
	height:28px;
}
.footerPulse{
	float:left;
	width:55px;
	height:28px;
}
.footerRight{
	float:left;
	width:20px;
	height:28px;
}
.footerBottom{
	float:left;
	width:900px;
	height:13px;
}

/* END FOOTER*/

/* NAVIGATION MENU*/

.navHomeBtn{
	width:71px;
	height:47px;
	float:left;
}
.navHoseAndBraidBtn{
	width:132px;
	height:47px;
	float:left;
}
.navHoseAssemblyBtn{
	width:134px;
	height:47px;
	float:left;
}
.navProductsBtn{
	width:96px;
	height:47px;
	float:left;
}
.navQualityBtn{
	width:81px;
	height:47px;
	float:left;
}
.navQuotationBtn{
	width:100px;
	height:47px;
	float:left;
}
.navCatalogueBtn{
	width:103px;
	height:47px;
	float:left;
}
.navAboutUsBtn{
	width:93px;
	height:47px;
	float:left;
}
.navContactBtn{
	width:90px;
	height:47px;
	float:left;
}
#game {
	padding-left: 27px;
}