@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h4,h6,pre,form,fieldset,input,textarea,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h4,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;}table {font-size:inherit;font-size:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;font-size:100%;}body{line-height:1.22em;}

body { background: url(app/uploads/backgrounds/background.jpg) no-repeat scroll center top #000000!important; }
body{
    background: #fff;

    font-family:Arial,Helvetica,sans-serif;
    background-position:top center;
    background-repeat:repeat-y;    
background-attachment:fixed;    
}
a{
color: #ff0000;
}
p{
font-family: calibri, arial;
font-size: 14px;
line-height: 20px;
}
.frontpage_small_text, .p{
font-family: calibri, arial;
font-size: 12px;
line-height: 17px;
}
.textitle{
font-family: calibri, arial;
/*font-weight: bold;    */
font-size: 16px; line-height:18px;
}
.main_title{
font-family: calibri, arial;
font-weight: bold;    
font-size: 24px; line-height:11px;
margin-top: 30px;
margin-bottom: 30px;
}
h1 {
margin-bottom: 15px;
}

/***********************************************************************************
 ******************   Structure ****************************************************/
#main_container{
margin-top: 16px;
margin-left: auto;
margin-right: auto;
    width: 960px;
    height: 696px;
font-family: calibri, arial;
}
#header{
    background: transparent;
    background-image: url(app/uploads/backgrounds/mainheader_trans3.png);
    font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
    width: 960px;
    height: 169px;
}
.header_trans_logo{
position: absolute;

}
.header_trans_logoholder{
    position: absolute;  
    margin-left: 390px;
}
.menu_element{
float: left;    
}
.top_menu_left_side{
width: 301px;
height: 19px;
margin-left: 25px;
margin-top: 25px;
float: left; position: absolute;
}
.top_menu_left_side_home,
.top_menu_left_side_homehover, .hoverMenu{
width: 46px;
height: 19px;
/*background-image: url(http://www.camodels.co.uk/uploads/left_menu_rollover.png);  */
background-repeat: no-repeat;    
background-position: 0px 0px;
display:block; float: left; color: transparent;cursor:pointer;
}
.top_menu_left_side_services,
.top_menu_left_side_serviceshover{
width: 70px;
height: 19px;
/*background-image: url(http://www.camodels.co.uk/uploads/left_menu_rollover.png);   */
background-repeat: no-repeat;    
background-position: -46px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_materials,
.top_menu_left_side_materialshover{
width: 85px;
height: 19px;
/*background-image: url(http://www.camodels.co.uk/uploads/left_menu_rollover.png);*/
background-repeat: no-repeat;    
background-position: -116px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_casestudies,
.top_menu_left_side_casestudieshover{
width: 91px;
height: 19px;
/*background-image: url(http://www.camodels.co.uk/uploads/left_menu_rollover.png);*/
background-repeat: no-repeat;    
background-position: -205px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_homehover{    background-position: 0px -19px !important;}
.top_menu_left_side_serviceshover{    background-position: -46px -19px !important;}
.top_menu_left_side_materialshover{    background-position: -116px -19px !important;}
.top_menu_left_side_casestudieshover{    background-position: -205px -19px !important;}

.top_menu_left_side_home nobr,
.top_menu_left_side_homehover nobr,
.top_menu_left_side_services nobr,
.top_menu_left_side_serviceshover nobr,
.top_menu_left_side_materials nobr,
.top_menu_left_side_materialshover nobr,
.top_menu_left_side_casestudies nobr,
.top_menu_left_side_casestudieshover nobr,
.top_menu_right_side_partnershipshover nobr,
.top_menu_right_side_partnerships nobr,
.top_menu_right_side_newshover nobr,
.top_menu_right_side_news nobr,
.top_menu_right_side_contactushover nobr,
.top_menu_right_side_contactus nobr,
.top_menu_right_side_bloghover nobr,
.top_menu_right_side_blog nobr,            {
    display: none;
}
.searchbar{
margin-top: 30px;    
width: 295px;
}
.mysearchbar{
width: 198px;    padding-left: 10px;
height: 16px;
background-color: #9a9898;
border: 1px solid #000;
color: #000; font-size: 12px; padding-top: 2px;
}
.search_button{
    width: 64px;
    height: 20px;    border: 0px;
    color: #fff;  background-color: #000;
    font-family: calibri, arial; cursor:pointer;
}
.searchbar_element{
    float:left;
}


.top_menu_right_side{
width: 285px;
height: 20px;
margin-right: 25px;
margin-top: 25px;
float: right; position: absolute; margin-left: 655px;
}
.top_menu_right_side_partnerships,
.top_menu_right_side_partnershipshover{
width: 94px;
height: 20px;
/*background-image: url(http://www.camodels.co.uk/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: 0px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_news,
.top_menu_right_side_newshover{
width: 57px;
height: 20px;
/*background-image: url(http://www.camodels.co.uk/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -94px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
#pageViwer_fa_homepage_lefttext1_ctl00_newsPageList{
visibility: hidden;
}
.top_menu_right_side_contactus,
.top_menu_right_side_contactushover{
width: 87px;
height: 20px;
/*background-image: url(http://www.camodels.co.uk/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -151px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_blog,
.top_menu_right_side_bloghover{
width: 41px;
height: 20px;
/* background-image: url(http://www.camodels.co.uk/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -238px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_partnershipshover,
.top_menu_right_side_partnerships .selected    {    background-position: 0px -20px !important;}
.top_menu_right_side_newshover,
.top_menu_right_side_news .selected            {    background-position: -94px -20px !important;}
.top_menu_right_side_contactushover,
.top_menu_right_side_contactus .selected    {    background-position: -151px -20px !important;}
.top_menu_right_side_bloghover,
.top_menu_right_side_blog .selected            {    background-position: -238px -20px !important;}









#transparent_homepage_content {
    width: 960px;
    height:  699px;
    background-image: url(http://www.camodels.co.uk/uploads/home_background_dec22.png);
font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
}







#transparent_left_group{
width: 481px;
height: 430px;
float: left;
}
#transparent_left_text {
    float: left;
    margin-top: 40px;
}
#transparent_left_1{
width: 138px;
height: 226px;
color: #fff;
padding: 0px 12px 10px 10px;   
overflow: auto; 
}
#transparent_left_2{
padding: 10px; padding-top: 12px;
height: 270px;
width: 140px;
margin-top: 10px;
color: #fff;    
background: url(http://www.camodels.co.uk/uploads/homepage_quotes3.png);
    background-position:top center;
    background-repeat: no-repeat;    
} .transparent_left_2_title{ font-size: 14px!important;}
.whatsayaboutus{     margin-left: 30px; margin-right: 10px; margin-top: 15px;
                    font-size: 11px; line-height: 12px;}
.whatsayaboutus_sig{  font-size: 13px; line-height: 13px; padding-top: 10px;}
#transparent_left_image {
float: left;    
margin-top: 20px;
}







#transparent_right_group{
width: 479px;
height: 619px;
float: left;
}


#transparent_right_1{
margin-top: 25px;
color: #fff;
width: 275px;
height: 225px;
float: left;
padding: 20px;
}
#transparent_right_2 {
    margin-top: 40px;
padding: 10px;
width: 140px;
height: 230px;
color: #fff;
float: left;
padding-left: 14px;
}
#transparent_right_lower {
width: 440px;
height: 145px;
float: left;
color: #fff;    
padding: 20px;
}
#transparent_right_lower_mainrow{
width: 440px; height: 0px; float :left;
}
#transparent_right_lower_text{
float: left;
width: 195px; margin-left: 10px;
}
#transparent_right_lower_mainpic {
float: left;    
width: 213px;
height: 105px;
} .transparent_right_lower_video{ float:left;}
#transparent_right_lower_subrow{ width: 450px; height: 46px; }
.video_sub_row_element{ border: 1px solid #c0a1a1;  margin-right: 14px;}
.video_sub_row_elementend{ border: 1px solid #c0a1a1; }
#transparent_footer{
width: 860px;
height: 38px;
margin-top: 20px;
padding-top: 22px;
padding-left: 50px;
padding-right: 50px;
float: left;
color: #ffffff;
}
.transparent_footer_text{
float: left;
padding-right: 15px;
font-weight: bold;
}
.transparent_footer_email{
float: left;
font-weight: bold;
}
.transparent_footer_phone{
float: right;    
font-weight: bold;
}





/*****************************************************************************
********************************  CONTENT  **********************************/
#transparent_content {
    width: 960px;
    height:  669px;
    background-image: url(http://www.camodels.co.uk/uploads/content-background.png);
    font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
}

#transparent_left_group_content{
    width: 210px;
    height: 590px;        margin-top: 50px;
    float: left;
    color: #fff;
    padding: 15px;
}     
#transparent_right_group_content{
    width: 670px;
    height: 585px;        margin-top: 50px;
    float: left;
    color: #fff; padding: 20px; padding-top: 15px !important; padding-left: 30px;
}



#transparent_seperate_footer {
    background-image: url(http://www.camodels.co.uk/uploads/footer-background.png);
    background-position:top center;
    background-repeat: no-repeat;
    width: 860px;
    height: 38px;
    margin-top: 0px;
    padding-top: 37px;
    padding-left: 50px;
    padding-right: 50px;
    float: left;    
}

 
 /********************************************************
**************services link section ****************************/
 .servicesmenu{
cursor: pointer;
padding: 10px;
}
 .servicesmenuhover{
cursor: pointer;
padding: 10px;
color: #f00;
}
 
 .service_image{
margin-left: 20px;
margin-bottom: 20px;
padding: 2px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-clolor: #fff;
float: right;
background-color: #999;
}
.service_image div img{
margin: 0 auto 0px auto;
border 1px solid #ccc;
border-bottom-color: #eee;
border-left-color: #ddd;
border-top-color: #bbb
}

.services_img_new {
border:1px solid #ccc;
border-bottom-color:#eee;
border-left-color:#ddd;
border-top-color:#bbb;
}
 
 
 
 /*************************************************
************** CONTACT US styles ******************/
 
 .brochure_request_input{
width: 200px;
border: 1px solid #000;
}
 .brochure_request_select{
width: 200px;
border: 1px solid #000;
}
 
 textarea{
width: 200px;
border: 1px solid #000;
}
 
 .mytranssub{
background: transparent;
border: 0;
color: #fff;
border: 1px solid #fff;
}
 
 
 
 
 /************* tertimonials page **************************/
 .tertimonials{
overflow: auto;
height: 500px;
}


#case_study_img_holder{
margin-left: 20px; 
margin-bototm: 20px;
width: 300px; background: transparent;    
position:relative; float: right;
}
#case_study_temp img{
width: 300px;    
height: 200px;
}
.case_study_img_bar{
width: 300px; margin-top: 5px;
}
.case_study_img_bar_thumb{
width: 75px;    float: left;
cursor: pointer;
} 
 
 /*************************************************
**********  handling jquery overlays used to view videos *****/
 
/* the overlayed element */
div.overlay {   
    /* growing background image */
    background-image:url(http://www.camodels.co.uk/uploads/white.png);
    /* dimensions after the growing animation finishes  */
    width:600px;
    height:470px;        
    /* initially overlay is hidden */
    display:none;
    /* some padding to layout nested elements nicely  */
    padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(http://www.camodels.co.uk/uploads/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/* black */
div.overlay.black {
    background:url(http://www.camodels.co.uk/uploads/transparent.png) no-repeat !important;
    color:#fff;
}
/* petrol */
div.overlay.petrol {
    background:url(http://www.camodels.co.uk/uploads/petrol.png) no-repeat !important;
    color:#fff;
}
div.black h2, div.petrol h2 {
    color:#ddd;        
}
/* use a semi-transparent image for the overlay */
#overlay {
    background-image:url(http://www.camodels.co.uk/uploads/transparent.png);
    color:#efefef;
    height:auto;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:auto;
    overflow-y:auto;
}

 
 
 /**************************************************************/
/*********************  SCROLLBOX REALTED *******************/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 300px;
    height:205px;

    /* custom decorations */
    background-color:#999999;
    border-color:#EEEEEE #DDDDDD #BBBBBB #CCCCCC;
    border-style:solid;
    border-width:2px;
    float:right;
    margin-bottom:20px;
    margin-left:20px;
    /*padding:2px; */    
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin-left:0px; margin-right: 5px;
    background-color:#666666;
    padding:0px;
    cursor:pointer;
    width:300px;
    height:205px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}


/* temp to sold comment code apend onto newslist */
 #pageViwer_fa_content_left1_div .newslist-pager{
display: none;
}
 
.newslist-pager{
	display: none;
} 
 
.newslist-image-div{
text-align: center;
padding-top: 5px;
} 
#transparent_left_group_content  .newslist-image-div{
	padding-bottom: 20px;
}
.singlenews_title{
    font-family: calibri,arial;
    font-size: 16px;
    line-height: 18px;
	font-weight: bold;
} 
 
 
 
 
 
 
 
 
 
 /****************************************************************************
 ************************** news page updated  *******************************/
 
 
 #transparent_right_group_content span.textitle{
	font-family:calibri,arial;
	font-size:24px;
	font-weight:bold;
	line-height:11px;
	padding-bottom:30px;
	padding-top:30px;
	display: block;
	text-align: left !important;
 }

 #transparent_right_group_content  .newslist,
 #transparent_right_group_content  .newslist tr,
 #transparent_right_group_content  .newslist tr td{
 vertical-align: top;
 }
 
 #transparent_right_group_content  .newslist tr td{
  padding-top: 10px;
  padding-bottom: 10px;
 }
 
  #transparent_right_group_content .newslist-txt{
  /* padding-top: 40px; */
  width: 450px;
  float: left;
  vertical-align: top;
  }
  
  #transparent_right_group_content  .newslist-image-div{
  float: left;
  width: 150px;
  }
   #transparent_right_group_content .newslist-separator{
   height: 1px;
   width: 1px;
   clear: both;
   }
   
 #transparent_right_group_content .newslist-pager{
   visibility: hidden;
   }

   
   /************************
   *********** footer update
   ************************/
    #extended_footer{
	/* background: url(http://www.camodels.co.uk"/uploads/extended-footer-background2.png") no-repeat scroll 0 0 transparent;  */
    color: #999;
    height: 88px;
    /* margin-left: -50px; */
    /* margin-top: 39px; */
    padding-left: 30px;
    padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
    /* position: absolute; */
    width: 900px;
	text-align: center;
	clear: both;
	    font-size: 10px;
   }

   .firstColumn,
   .fifthColumn,
   .forthColumn,
   .secondColumn,
   .thirdColumn	{
	float: left;
	width: 145px;
   }

/*   
   .firstColumn,
   .fifthColumn{
	float: left;
	width: 220px;
   }
   .forthColumn{
	float: left;
	width: 180px;
   }
   .secondColumn,
   .thirdColumn{
	float: left;
	width: 130px;
   }
*/  

  
   .extended_footer a{
		display: block;
	text-decoration: none;
	color: #999;
   }
	.extended_footer a:hover{
	color: #fff;
	}
	
	#transparent_right_lower_subrow .textitle{
	 padding-bottom: 5px;
	}
	
	
	
	/******************************* update 13-03-12 ********************/
	#transparent_homepage_content_ftp {
    background-image: url(app/uploads/backgrounds/maintransparentbackground.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-family: calibri,arial;
    height: 699px;
    width: 960px;
	}
	#transparent_homepage_content_13_03_12 #transparent_right_1 {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    height: 125px;
    margin-top: 25px;
    padding: 50px 20px 20px;
    width: 420px;
	}
	#transparent_homepage_content_13_03_12 .frontpage_small_text, #transparent_homepage_content_13_03_12 .p {
    font-family: calibri,arial;
    font-size: 14px;
    line-height: 17px;
	}
	
	/*************************** update 22/04/13 *********************/
	
.machineList {border-spacing: 2px; text-align:left; width: 100%; margin-left:0;}
.machineList td {text-align:left;font-size:14px;}
.machineList td a {display:block; text-decoration:underline; padding: 4px; padding-left:0;font-weight:bold;}
/*.machineList td a:hover {display:block; background-color:#fff;color:#000;}*/
.floatr {float: right;}
.justified {text-align:justify;}	
.tableHeader {font-size: 120%;}	
	
	/*************************** update 13/05/13 *********************/
	
.machines_submenu_test {text-align:left;font-size:14px;display:block; text-decoration:underline; padding: 4px; padding-left:0;font-weight:bold;}
.machines_submenu_hover_test {cursor:pointer;text-align:left;font-size:14px;display:block; text-decoration:underline; padding: 4px; padding-left:0;font-weight:bold;}	


/* font replacement for main menu */
@font-face {
    font-family: 'engschrift_capsregular';
    src: url(http://www.camodels.co.uk'engcaps-webfont.eot');
    src: url(http://www.camodels.co.uk'engcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url(http://www.camodels.co.uk'engcaps-webfont.woff') format('woff'),
         url(http://www.camodels.co.uk'engcaps-webfont.ttf') format('truetype'),
         url(http://www.camodels.co.uk'engcaps-webfont.svg#engschrift_capsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* main menu */
#pageViwer_fa_header_right_menu_ctl00_menu nobr , #pageViwer_fa_header_left_menu_ctl00_menu nobr {
	font-family: 'engschrift_capsregular';
	font-size:18px;
	color: #E8E7E7;
	font-weight:200;
	text-transform:uppercase;
	padding-right:20px;
}

##pageViwer_fa_header_right_menu_ctl00_menu nobr:hover , #pageViwer_fa_header_left_menu_ctl00_menu nobr:hover {
	color:#FF0000;
	cursor: pointer;
}	

/* Slide tab demo */

.slide-out-div {
          padding: 10px 20px;
          width: 250px;
          background: #000;
          border: 1px solid #999898;
		  min-height: 200px;
		  color:#fff !important;
		  display:none;
		  }     

.slide_request_description {
	font-size:14pt;
	padding:5px;
}	  

.slide_request_table td {
	vertical-align:top;
	font-size: 13pt;
}

.slide_request_input {
	width: 150px;
}

.handle {
	top: 15px !important;
}
.subButtonSlideNew {
	cursor:pointer;
}


/* ftp stuff */
#transparent_left_1 {
  color: #FFFFFF;
  height: 566px;
  overflow: auto;
  padding: 0 12px 10px 10px;
  width: 936px;
}
.ftplogindiv, .ftpfiletransferdiv {
  margin: 42px auto;
  width: 496px;
}
.ftplogindiv h2, .ftpfiletransferdiv h2 {
  color: #ffffff;
  font-size: 34px;
  font-weight: bold;
}
.ftplogindiv > p, .ftpfiletransferdiv > p {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 15px;
}
.ftplogindiv h3, .ftpfiletransferdiv h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px;
  padding: 0;
}
.ftplogindiv h3, .ftpfiletransferdiv h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.ftploginholder input[type="text"], .ftploginholder input[type="password"],
.ftpfiletransferdiv input[type="text"], .ftpfiletransferdiv input[type="password"] {
  margin-bottom: 14px;
  padding: 4px;
  width: 90%;
}
.ftploginholder input[type="submit"], .ftpfiletransferdiv input[type="submit"] {
  background: #e70d2f;
  border: #e70d2f;
  color: #ffffff;
  font-weight: bold;
  margin-right: 24px;
  padding: 10px;
  width: 93px;
}
.ftploginholder {
  background: none repeat scroll 0 0 #EEEEEE;
  color: #000000;
  padding: 10px;
  height: 245px;
  overflow: auto;
}
.ftploginholder input[type=file] {
  margin-bottom: 16px;
}
.ftpfiletransferdiv select { padding: 3px; display: inline; width: 25%; }

.header_trans_logoholder img { display: none; }
.ftperror, .ftpsuccess { font-weight: bold; font-size: 18px; padding: 10px 0px 20px 0px; }
.ftperror { color: #ff0000; }
.ftpsuccess { color: #007e00; }
.information { margin-top: 20px; }
#tblFileUploadControls th { font-size: 14px; font-weight: bold; padding: 4px; text-align: center; }
#tblFileUploadControls td { padding 4px; vertical-align: top; }
td.centred { text-align: center; font-weight: bold; }
th.left { text-align: left!important; }
#transparent_footer a { color: #ffffff!important; }