/*-----------------------------------------------------------------------------
Web Site:                       <BID - SiteBuilder (Default template)>
-----------------------------------------------------------------------------*/

@import url(../../../css/generic/helper.css);
@import url(../../../css/generic/styleOverriders.css);

@import url(branding/header.css);
@import url(branding/footer.css);

@import url(navigation/primary.css);



/* =Typography
-----------------------------------------------------------------------------*/
body{
        color: #818080;
        background: #403F3F url(../images/bg.gif) repeat-x 0 155px;
        text-align: center;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 62.5%;
        }
.hidden{display: none;}
a, a:visited, a:link{color: #818080; text-decoration: underline;}
a:hover 		{color: #818080; text-decoration: none;}

/* =Main container boxes
-----------------------------------------------------------------------------*/
#container{
        width: 810px;
        overflow:hidden;
        margin: 0 auto;
        text-align: left;       
        background:url(../images/content-bg.png) repeat-y center top;
        }
    #container-inner{float:left;}        
    #content{
            font-size: 1.1em;
            margin:0 10px;
            width:716px;
            overflow:hidden;
            float:left;
            padding:0 37px 20px 37px;
            background:#fff;
            }
     body.products #content {
            width:760px;
            padding:0 15px 20px; 
            }                  
     body.home #content{
     	border-top:1px solid #EBEBEB;
     	background:#F9F9F9 url(../images/text-bg.gif) repeat-x bottom;
     	}
        #content br{
	        clear: none;
            }
        #content br.clearall{clear:both;}  
        .HomePage{font-size:1.2em;}  



/* =Main image
---------------------------------------- */
.MainImageContent-Image {
    background:url(../images/image-shadow-top.gif) no-repeat 50% 0;
	text-align:center;
    padding:10px 0 0;
    line-height:0;
    }
    .flash-container {
		background:url(../images/image-shadow-bottom.gif) no-repeat 50% 100%;
		padding-bottom:10px;
    	}
    .MainImageContent-Image img {
    	 background:url(../images/image-shadow-bottom.gif) no-repeat 50% 100%;
    	 padding:0 15px 10px;
    	}


/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#EEB302;
	margin:0;
	padding:0 0 7px;
	}
h1 {
	padding:5px 0 15px;
	}
	form h1 {
		padding:35px 0 15px;
		}
h2 {
	font-size:2em;
	}
h3 {
	font-size:1.8em;
	}
h4 {
	font-size:1.6em;
	}
h5 {
	font-size:1.4em;
	}
h6 {
	font-size:1.2em;
	}
	

/* =Form elements
-----------------------------------------------------------------------------*/
textarea,
input.text {
	border:1px solid #CCC;
	padding:2px;
	width:175px;
	}
textarea {
	overflow:hidden;
	overflow-y:auto;
	}
button {
	border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	background:#f5f5f5;
	border:1px solid #828282;
	overflow:visible;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	padding:2px 6px;
	}
	button:hover {
		background:#888;
		color:#fff;
		}


/* secondary image */
.SecondaryImage{
	float: right;
	padding: 0 0 0 40px;
	margin: -35px -10px 30px 0;
	background:url(../images/small-shadow.png) repeat-y 100% 0;
    }
    .SecondaryImage-inner {
    	background:url(../images/small-shadow-top.png) no-repeat 100% 0;
    	margin: -15px 0;
    	padding: 10px 0 0;
    	}
    	.SecondaryImage-inner img {
	    	background:url(../images/small-shadow-bottom.png) no-repeat 100% 100%;	    	
	    	padding: 0 10px 10px;
	    	}
    	
    .SecondaryImage img.shadow{
	    display: none;
        }
 /* download link */       
.download-brochure{
	float: right;
	padding: 0 0 15px 50px;
	clear: right;
    }
    .download-brochure a{
	    display: block;
	    width: 184px;
	    height: 70px;
	    text-indent: -9999px;
        }



/* =Contact us page (old version)
-----------------------------------------------------------------------------*/
.company-address {
	padding:0 0 1.8em;
	width: 182px;
	float: left;
	margin-right: 30px;
	}
.company-address .contacts1
{
	padding-bottom: 10px;
}
ul.opening-time
{
	background: url(../images/time-sheet-bg.gif) no-repeat 0 0;
	float: left;
	clear: left;
	width: 152px;
	margin: 0 30px 18px 0;
	padding: 10px 15px;
	list-style-type: none;
}
ul.opening-time li
{
	margin: 0;
	padding: 0 0 2px 0;
	list-style-type: none;
}
ul.opening-time li label
{
	display: block;
	float:left;
	width: 85px;
	text-align: left;
	font-weight: normal;
	margin: 0;
}

fieldset {
	width: 502px;
	}

/* =Contact us page
-----------------------------------------------------------------------------*/
form .company-address,
form .open-time,
form .contact-form {
	background:#f3f3f3 url(../images/b-block-bottom.gif) no-repeat 0 100%;
	padding-bottom:12px;
	margin:10px 0;
	float:left;
	}
	form .company-address,
	form .open-time {
		margin-top:10px;
		width:328px;
		}
		form .company-address-inner,
		form .open-time .opening-time {
			background:url(../images/b-block-top.gif) no-repeat 0 0;
			width:298px;
			padding:0 15px;
			margin: 0;
			}

/* =Company address
---------------------------------------- */
form .company-address {
	margin-right:20px;
	clear:both;
	}
	form .company-address br {
		display:none;
		}
	form .company-address p {
		padding:0 0 0.8em;
		}
	form .company-address a {
		color:#5E5D5D !important;
		}
	form .company-address .contacts1 {
		padding-bottom:8px;
		}
		form .company-address .contacts1 span {
			display:block;
			}
/* =Opening time
---------------------------------------- */
form .open-time-title,
form .contact-section-title {
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
	font-weight: normal;
	color:#8E8E8E;
	padding:6px 0 0;
	display:block;
	}
	form .contact-section-title {
		padding-bottom:6px;
		}
	form ul.opening-time li {
		list-style-type:none;
		padding:0 0 6px;
		clear:both;
		overflow:hidden;
		}
		form .open-time br {
			display:none;
			}
		form .open-time strong {
			float:left;
			width:115px;
			}
			form .open-time .open-time-title {
				width:auto;
				}
		form .open-time .open-hours {
			float:left;
			text-align:left;
			line-height:1.2em;
			}
	.open-time ul.opening-time-short {
		font-weight:bold;
		padding:10px 15px 0;
		min-height:0 !important;
		height:auto !important;
		}
		.open-time ul.opening-time-short li {
			padding:0;
			}


/* =Contact form
---------------------------------------- */
.contact-form {
	padding:0 15px 15px;
	margin-right:10px;
	width:298px !important;
	}
	.contact-form h2 {
		background:url(../images/b-block-top.gif) no-repeat 0 0;
		width:298px;
		margin:0 -15px 0;
		padding:8px 15px 10px;
		}
	#content .contact-form br {
		clear:both;
		}
	.contact-form button {
		float:right;
		margin:12px 2px 0 0;
		}
	.contact-form label {
		float:left;
		margin:0 0 10px;
		padding:0 10px 0 0;
		width:105px;
		}


/* = Meet the team & procuts list
--------------------------------------------------------------------*/
.TeamPage {margin:0 0 20px;}
.team-list{
    font-size:1.2em;
    padding:0;
    color:#717171;
    line-height:1.3;
     }
    .team-list .team {
        float:left; 
        width:100%;
        padding:21px 0 14px;
        }   
     .team-list .team-list-box    {
    	float:left; 
        width:100%;
    }
    .team-list .team:first-child,
    .team-list .team-list-box:first-child{background: none;}       
    .team-info{
        float:left;
        width:240px;
        w\idth:200px;
        padding:0 40px 0 0;
        }
    .team-name {
        font-size:1.2em;
        color:#F2C027;
        font-weight:bold;
        }
    .team-summary{
        float:left;
        width:520px; 
        padding:0;  
        }    
        /* span styles*/
        .team-info span.email,
        .team-info span.tel,
        .team-info span.price
         {
            display:block; 
            float:left;
            color:#000;
            font-weight:bold;
            }
        .team-list .summary,
        .team-list .product-summary{
            color:#000;
            font-weight:bold; 
            display:block; 
            padding:4px 0 0;
            line-height:1.4;          
            } 
/* = google product
---------------------------------------- */
.google-button {
	position:relative;
	}
	.products-tile .google-button {
		margin-left:-7px;
		}
	.google-button table {
		margin-left:7px;
		}            
/* = List view
---------------------------------------- */
ul.team-list		 {
	overflow:hidden;
	width:716px;	
	margin:26px 0 0;
	padding:0;
	clear:both;
	}
	ul.team-list li {
		border-top:1px solid #EFEDED;
		list-style-type:none;
		padding:30px 20px;
		float:left;
		width:676px;
		}
			ul.team-list li img {
				margin:0 30px 0 0;
				float:left;
				}
				.item-description {
					overflow:hidden;
					width:520px;
					float:right;
					}
					.item-description .item-name {
						font-size:1.3em;
						display:block;
						font-weight:bold;
						}
						.item-extra-info {
							font-weight:bold;
							}
							.item-summary {
								padding:10px 0;
								}
.products-list .item-description {
	width:463px;
	padding:0;
	}
	.product-image-gallery .jcarousel-container-horizontal  {
		margin:0;
		}

/* = Tile view 
---------------------------------------- */
.team-tile-around {
	overflow:hidden;
	clear:both;
	width:716px;	
	margin:26px 0 0;
	}
.team-tile {
	padding:0;
	width:732px;
	overflow:hidden;
	}	
.team-member{
	border-bottom:1px solid #EFEDED;
	float:left;
	display:block;
	width:230px;
	padding:25px 0 12px;
	margin:0 35px 0 0;
	}
	.team-tile .team-member {
		border:1px solid #EFEDED;
		margin:0 18px 20px 0;
		padding:20px 12px 12px;
		width: 200px;
		}
	.team-member img {
		margin:0 8px 8px 0;
		}
	.item-title {
		font-weight:bold;
		font-size:1.3em;
		display:block;
		padding:0 0 5px;
		}
	.item-info {
		font-weight:bold;
		}	
	.thickbox-container {
		display:none;
		}
	.thickbox-item-summary {
		padding:25px 0 10px;
		}	
		.thickbox-item-summary p {
			padding:0;
			}	
		.item-details {
			font-family:Arial, Helvetica, sans-serif;
			}	
		.item-details img {
			margin: 0 20px 0 0;
			}

	
/* = Prev and Next buttons
---------------------------------------- */
.team-list .product-image-gallery {
	float: left;
	}
body#js .product-image-gallery{
	visibility:hidden;
	}								
body#js .product-image-gallery.show{
	visibility:visible;
	}				
.jcarousel-clip-horizontal ul li{
	text-align:center;
	}
	.products-tile .product-image-gallery,
	.products-tile .jcarousel-container-horizontal,
	.products-tile .jcarousel-clip-horizontal ul li table {
		margin:0 auto;
		float:none;
		}


/* =Carousel
--------------------------------------------------------------------*/
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal {
	width:25px !important;
	height:26px !important;
	}
	.jcarousel-next-horizontal {
		background-position:0 -26px !important;
		}
		.jcarousel-prev-horizontal:hover {
			background-position:0 -52px !important;
			}
		.jcarousel-next-horizontal:hover {
			background-position:0 -78px !important;
			}
		.jcarousel-prev-disabled-horizontal,
		.jcarousel-prev-disabled-horizontal:hover {
			background-position:0 0 !important;
			}
		.jcarousel-next-disabled-horizontal,
		.jcarousel-next-disabled-horizontal:hover {
			background-position:0 -26px !important;
			}

span.register-no {
	display:block;
	text-align:right;
	}