/*-----------------------------------------------------------------------------
Web Site:                       <BID - SiteBuilder (Template 1)>
-----------------------------------------------------------------------------*/

@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: #000;
	background: #fafafa;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}
.hidden{display: none;}

/* =Headings
-----------------------------------------------------------------------------*/


/* =Main container boxes
-----------------------------------------------------------------------------*/
#container
{
	width: 100%;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
}
#container-inner
{
	width: 100%;
}

#content
{
	position: relative;
	width: 760px;
	padding: 0 0 40px 0;
	margin: 0 auto;
    text-align: left;
    font-size: 1.1em;
    overflow: hidden; 
	height: auto !important; 
	he\ight: 1%;
	display: inline-block;
}
#content br
{
	clear: none;
}

h1{
	color: #00c0be;
	width: 570px;
	padding: 23px 190px 15px 0;
	margin: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

.SecondaryImage{
	float: right;
	margin:0;
	padding: 9px 0 17px 26px;
	}

.SecondaryImage img.img{
	display: block;
	}
.download-brochure{
	position: absolute;
	top: 23px;
	right: 0;
	}
.download-brochure a{
	display: block;
	width: 184px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/download.gif) no-repeat;
	}
.MainImageContent-Image {
	padding:0;
	}


/* =Contact us page
-----------------------------------------------------------------------------*/
.company-address {
	padding:0 0 15px;
	background:#f5f5f5 url('../images/grey-bg-bot-w200.png') no-repeat 0 100%;
	width: 200px;
	float: left;
	margin:10px 56px 20px 0;
	}
	.company-address-inner {
		padding:15px 15px 0;
		background:#f5f5f5 url('../images/grey-bg-top-w200.png') no-repeat 0 0;
		width: 170px;
		float: left;		
		}

.company-address .contacts1{
	padding-bottom: 10px;
	}
.open-time {
	padding:0 0 14px;
	background:#f5f5f5 url('../images/grey-bg-bot-w200.png') no-repeat 0 100%;
	width: 200px;
	overflow:hidden;
	margin:10px 56px 20px 0;	
	}	
	ul.opening-time{
		overflow:hidden;
		clear: left;
		width: 170px;
		padding: 10px 15px;
		list-style-type: none;
		margin:0;
		background:#f5f5f5 url('../images/grey-bg-top-w200.png') no-repeat 0 0;
		}
		ul.opening-time li		{
			margin: 0;
			padding: 0 0 2px 0;
			list-style-type: none;
			display:block;
			width:100%;
			}
		ul.opening-time li label{
			display: block;
			float:left;
			width: 85px;
			}
	ul.opening-time li strong {
		display:block;
		float:left;
		}		
		ul.opening-time li strong.open-time-title {
			float:none;
			}
	.open-hours {
		text-align:right;
		display:block;
		}
	.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 styling
---------------------------------------- */
.contact-form {
	float:left;
	clear:left;
	background:url(../images/google-map-bg.gif) no-repeat 0 0;
	display:block;
	margin:10px 12px 20px 0;
	padding:20px 25px;
	width:454px;
	}
	.contact-form label {
		display:block;
		float:left;
		clear: left;
		width:150px;
		padding:0 10px 0 0;
		margin-bottom:10px;
		}
	.contact-form input.text,
	.contact-form textarea.text {
		border:1px solid #aaa9a9;
		width:250px;
		padding:2px;
		}	
	#content .contact-form br {
		clear:both;
		}
	.contact-form button.submit {
		background:#666;
		color:#fff;
		border:0;
		float:right;
		font-weight:bold;
		margin:15px 38px;
		padding:4px 10px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
		-opera-border-radius:3px;
		-moz-border-radius:3px;
		cursor:pointer;
		}	
/* = 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;
        background:url(../images/footer-line.gif) no-repeat 50% top;
        }   
     .team-list .team-list-box    {
    	float:left; 
        width:100%;
        background:url(../images/footer-line.gif) no-repeat 50% top;
    	}
    .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;          
            } 
/* = List view
---------------------------------------- */
ul.team-list		 {
	overflow:hidden;
	width:760px;	
	margin:26px 0 0;
	padding:0;
	list-style-type:none;	
	}
	ul.team-list li {
		border-top:1px solid #717171;
		margin-top: -1px;
		padding:30px 20px;
		float:left;
		width:720px;
		}
			ul.team-list li img {
				margin:0;
				float:left;
				}
				.item-description {
					overflow:hidden;
					width:560px;
					padding:0;
					float:right;
					}
					.products-list .item-description {
						width:505px;
						}
					.item-description .item-name {
						font-size:1.3em;
						display:block;
						font-weight:bold;
						}
						.item-extra-info {
							font-weight:bold;
							}
							.item-summary {
								padding:10px 0;
								} 
/* = google product
---------------------------------------- */
.google-button {
	position:relative;
	}
	.products-tile .google-button {
		margin-left:-7px;
		}
	.google-button table {
		margin-left:7px;
		}
/* = Tile view 
---------------------------------------- */
.team-tile-around {
	overflow:hidden;
	width:760px;	
	margin:26px 0 0;
	}
.team-tile {
	padding:0;
	width:795px;
	overflow:hidden;
	}	
.team-member{
	border-bottom:1px solid #999;
	float:left;
	display:block;
	width:230px;
	padding:25px 0 12px;
	margin:0 35px 0 0;
	}
	.team-tile .team-member {
		border:1px solid #999;
		margin:0 32px 20px 0;
		padding:20px 12px 12px;
		width: 206px;
		}
	.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;
			}	
/* = Prev and Next buttons
---------------------------------------- */
.products-list .jcarousel-container-horizontal {
	margin:0;
	}
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
	background:url('../images/prev-next.png') no-repeat;
	}
body#js .product-image-gallery{
	visibility:hidden;
	width:206px;
	}
body#js .product-image-gallery.show{
	visibility:visible;
	}	
body#js .team-list .product-image-gallery.show {
	float:left;
	}				
	.products-tile .product-image-gallery,
	.products-tile .jcarousel-container-horizontal,
	.products-tile .jcarousel-clip-horizontal ul li table {
		margin:0 auto;
		float:none;
		}