/* Guy Whammond */
/* Main Style Sheet 2009 */

	body{
		margin:0px;
		padding:0px;	
	}
	a:focus{
		outline:none;
	}
	form{
		padding:0px;
		margin:0px;
	}
	
	.clear {clear:both; height: 1px; display: block; line-height: 0; font-size: 0;}
	
	/* container */
	.container {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		width:960px;
		margin:0px auto;
		background-color:#ffffff;
	}
	
	/* banner */
	.banner{
		width:960px;
		height:104px;
	}
		.logo_area{
			float:left;
			width:220px;
			height:104px;
		}
		.basket_area{
			float:right;
		}
		.basket_img{
			float:left;
		}
		.basket_text{
			float:left;
			padding-top:50px;
			padding-left:5px;
			padding-right:5px;
			font-size:11px;
		}
			.basket_text a{
				color:#333333;
				text-decoration:none;
			}
			.basket_text a:hover{
				color:#000000;
				text-decoration:none;
			}
			.basket_text span{
				color:#51818b;
			}

	/* top navigation */
	.navigation{
		width:960px;
		height:38px;
		background-image:url(../images/layout/navigation_bg.png);
		background-repeat:repeat-y;
		margin-bottom:15px;
	}
		.navigation_link{
			padding-top:12px;
			padding-left:20px;
			padding-right:20px;
			font-size:14px;
			color:#ffffff;
			float:left;
			border-right:1px solid #149cc4;
			height:25px;
		}
			.navigation_link a{
				color:#ffffff;
				text-decoration:none;
			}
			.navigation_link a:hover{
				color:#ebebeb;
				text-decoration:none;
			}
		.search_box{
			padding-top:5px;
			padding-left:20px;
			padding-right:20px;
			font-size:14px;
			color:#ffffff;
			float:right;
			height:25px;
		}
		.search_input{
			padding:3px;
			border:1px solid #7197a2;
			float:left;
			padding-top:5px;
			padding-bottom:5px;
			margin-right:10px;
			width:160px;
		}
		
		.textfield_input{
			padding:3px;
			border:1px solid #7197a2;
			float:left;
			padding-top:5px;
			padding-bottom:5px;
			margin-right:10px;
			width:240px;
			margin-bottom:5px;
		}
	
	/* main content */
	.content{
		width:960px;
	}
	
	/* side navigation */
	.sidenavigation{
		width:205px;
		float:left;
		margin-right:15px;
	}
		.sidenavigation_heading{
			width:205px;
			height:25px;
			background-image:url(../images/layout/sidenavigation_heading.png);
			background-repeat:no-repeat;
		}
			.sidenavigation_heading h1{
				font-size:9px;
				color:#606166;	
				padding-left:15px;
				padding-top:7px;
			}
			
		.sidenavigation_link{
			padding-left:10px;
			padding-top:6px;
			padding-bottom:7px;
			color:#333333;
			border-bottom:1px solid #e3e3e3;
			font-size:11px;
		}
			.sidenavigation_link a{
				color:#000000;
				text-decoration:none;
			}
			.sidenavigation_link a:hover{
				color:#333333;
				text-decoration:none;
			}
			.sidenavigation_link span{
				padding-right:5px;
				color:#51818b;
				font-size:11px;
			}
			.link_selected{
				font-weight:bold;
			}
		.end_nav{
			margin-bottom:15px;
		}
		
		.advert_box{
			margin-bottom:10px;
		}
	
	/* main content */
	
	.maincontent{
		width:740px;
		float:left;
	}
	
	/* slideshow */
	.slideshow{
		width:702px;
		height:320px;
		background-color:#000000;
		padding:10px;
	}
		.slideshow_inner{
			width:702px;
			height:320px;
		}
		
	/* brand scroller */
	.brand_scroller{
		width:740px;
		height:74px;
	}
	.brand_arrow_left{
		float:left;
	}
	.brand_arrow_right{
		float:right;
	}
	.brand_img{
		float:left;
	}
	
	/* main heading */
	.main_heading{
		width:740px;
		height:38px;
		background-image:url(../images/layout/main_heading.png);
		background-repeat:repeat-y;
	}
			.main_heading h1{
				font-size:12px;
				color:#FFFFFF;	
				padding-left:10px;
				padding-top:12px;
			}
		
	.content_text{
		width:740px;
		padding-top:10px;
	}
	.content_text p{
		line-height:19px;
		margin-bottom:10px;
	}
		.content_text p a{
			color:#009fc6;
			text-decoration:none;
		}
		.content_text p a:hover{
			color:#51818B;
			text-decoration:none;
		}
	
	.content_heading {
		background-color:#ddeef2;
		height:115px;
		margin-bottom:25px;
		width:740px;
	}
	.content_heading h1 {
		color:#009fc5;
		font-size:24px;
		margin:0;
		padding:78px 0 0 10px;
	}
	
	/* contact us */
	.contact_container{
		margin-bottom:15px;
	}
		.contact_left{
			float:left;
			width:400px;
		}
		.contact_right{
			float:right;
			width:300px;
			
		}

	/*CONTACT STYLING*/

	.success_box{
		background-color:#00a0c4;
		color:#333333;
		padding:5px;
		margin-bottom:15px;
		border:1px solid #1bb5d8;
	}

	.success_box ul{
		padding-top:5px;
		padding-bottom:5px;
	}

	.success_box li{
		padding:4px;
		color:#ffffff;
	}

	.error_box{
		background-color:#00a0c4;
		color:#333333;
		padding:5px;
		margin-bottom:15px;
		border:1px solid #1bb5d8;
	}

	.error_box ul{
		padding-top:5px;
		padding-bottom:5px;
	}

	.error_box li{
		padding:4px;
		color:#ffffff;
	}

	.highlight_red{
		background-color:#e1f4fb;
	}

	/* FORM */

	.contact_field{
		width:260px;
		margin-bottom:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #0472a7;
		border:1px solid #c7edf6;
	}

	.contact_area{
		width:260px;
		height:100px;
		margin-bottom:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #0472a7;
		border:1px solid #c7edf6;
	}

	.contact_button{
		width:100px;
		margin-bottom:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		border:1px solid #c7edf6;
		padding:3px;
	}
				
	/* shop items */
	.shop_items{
		width:740px;
		margin-bottom:10px;
	}
	.item_holder{
		width:144px;
		height:245px;
		float:left;
		margin-right:5px;
		margin-bottom:10px;
		display: inline;
		background: #FFF;		
	}
	.item_end{
		margin:0px;
	}
	.item_new{
		margin:-54px 0 0 86px;
		position:absolute;
		z-index:10000;
	}
	.item_title{
		color:#000000;
		padding-bottom:5px;
	}
		.item_title a{
			color:#000000;
			text-decoration:none;
		}
		.item_title a:hover{
			color:#666666;
			text-decoration:none;
		}
	.item_id{
		color:#000000;
		padding-bottom:10px;
	}
	.item_price{
		color:#666666;
	}
	/* footer */
	.footer{
		border-top:10px solid #cccccc;
		padding-top:10px;
		padding-bottom:15px;
	}
		.footer_left{
			float:left;
			font-size:10px;
			color:#707070;
			line-height:19px;
		}
			.footer_left a{
				color:#a0a0a0;
				text-decoration:none;
			}
		.footer_right{
			float:right;
			color:#A0A0A0;
			font-size:11px;
			text-align:right;
			line-height:19px;
		}
			.footer_right a{
				color:#4a9fb4;
				text-decoration:none;
			}
			.footer_right a:hover{
				color:#3e8698;
				text-decoration:none;
			}
	/* viewing product */
	
	.item_container {
		margin-bottom:15px;
	}
	.item_img {
		border:3px solid #ECEBE9;
		margin-bottom:10px;
	}
	.item_option {
		margin-bottom:15px;
		margin-top:15px;
	}
	.item_button {
		margin-bottom:15px;
	}
	.item_container h1 {
		color:#333333;
		font-size:24px;
		font-weight:normal;
		margin:0;
		padding:10px 0 15px;
	}
	.item_container p {
		line-height:19px;
		margin-bottom:10px;
	}
	.item_left {
		float:left;
		width:360px;
	}
	.item_right {
		float:right;
		width:340px;
	}
	.item_container ul {
		margin:0;
		padding:0 0 0 15px;
		list-style-type:circle;
	}
	.item_container li {
		padding-bottom:2px;
		padding-top:2px;
	}
	.item_category {
		color:#B0B0B0;
		padding-bottom:10px;
	}
		.item_category a{
			color:#B0B0B0;
			text-decoration:none;
		}
		.item_category a:hover {
			color:#39748B;
			text-decoration:none;
		}
		
		
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 640px; 
    height:90px; 
    float: left;
} 
 
/* 
    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 width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.nextPage, .prevPage {
	cursor: pointer;
}

.googlemap{
	width:740px;
	height:180px;
}