/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #000;
		line-height: normal;
		background:url(../images/background.jpg) #000 repeat-x top left;
	}
	
	body {
		margin: 0;
		padding:0;
		text-align: center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
		line-height:150%;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #bd007b;
		text-decoration: none;
	}
	a:hover {
		color: #bd007b;
		text-decoration: underline;
	}
	
	a.grey{
		color:#868689;
	}
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.pinktext{
		color: #bd007b;
	}
	
	.white{
		color:#fff!important;
	}
	
	.hideText{
		text-indent:-3000em;
		overflow:hidden;
	}
	
	h1{
		font-size:24px;
	}
	
	h2{
		font-size:24px;
	}
	
		h2.smaller{
			font-size:18px!important;
		}
	
	h3{
		font-size:14px
	}

	.floatLeft{
		float:left;
		width:100%;
		padding:0;
		border-bottom:1px solid #ccc;
		margin:0 0 20px 0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:965px;
		margin:0 auto;
		text-align:left;
		padding:0;
	}

	#msg_response{
		float:left;
		width:90%;
		margin:10px 0;
		padding:10px;
		background:#ffd5d5;
		border:1px solid #f00;
	}

	#contact #msg_response{
		float:left;
		width:45%;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#header{
			margin:0;
			width:965px;
			float:left;
			position:relative;
		}
		
			#head_wrapper{
				float:left;
				width:100%;
			}

			#logo{
				margin:30px 0 20px 0;
			}
			
				#logo a{
					display:block;
					width:188px;
					height:43px;
					background:url(../images/amg_logo.png) top left no-repeat;
				}
		
		#mininav{
			position:absolute;
			right:0;
			top:60px;
			margin:0;
			padding:0;
			list-style:none;
		}

			#mininav li{
				float:left;
				color:#fff;
				text-transform:uppercase;
				font-size:14px;
				margin:0 20px 0 0;
			}
			
				#mininav li a{
					color:#fff;
					font-weight:normal;
				}
					
					#mininav li a:hover{
						text-decoration:none;
					}

				#mininav li span{
					color:#68cbc3;
				}

		#nav{
			list-style:none;
			margin:0;
			padding:0;
			float:left;
		}
		
			#nav li{
				float:left;
			}
			
				#nav a{height:44px;}
			
				.home a{ background:url(../images/nav_home.gif) top left no-repeat; display:block; width:103px;}
				.products a{ background:url(../images/nav_products.gif) top left no-repeat; display:block; width:137px;}
				.about_us a{ background:url(../images/nav_aboutus.gif) top left no-repeat; display:block; width:133px;}
				.our_team a{ background:url(../images/nav_ourteam.gif) top left no-repeat; display:block; width:135px;}
				.support_service a{ background:url(../images/nav_supportservice.gif) top left no-repeat; display:block; width:189px;}
				.finance a{ background:url(../images/nav_finance.gif) top left no-repeat; display:block; width:124px;}
				.contact_us a{ background:url(../images/nav_contactus.gif) top left no-repeat; display:block; width:144px;}

				#nav a:hover, #nav a.selected{ background-position:bottom left;}

		#banner{
			float:left;
		}
		
			#banner ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			
				#banner ul li a{
					margin:0;
					padding:0;
					display:block;
					width:965px;
					height:368px;
				}
		
		#manufacturers{
			display:block;
			width:965px;
			height:80px;
			float:left;
			background:#444;
		}

		#image_rotate li{display:none;}

		#ctas{
			background:url(../images/home_info.jpg) no-repeat top left;
			height:552px;
			width:965px;
			float:left;
			position:relative;
		}

			#ctas h1, #ctas h2{
				text-transform:uppercase;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOME ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#information{
		width:450px;
		position:absolute;
		top:20px;
		left:20px;
	}
	
	#search_our_stock{
		width:220px;
		position:absolute;
		top:20px;
		left:510px;
	}
	
		#search_our_stock select{
			width:200px;
			padding:2px;
			font-size:10pt;
			margin:0 0 5px 0;
		}
	
	#live_updates{
		width:220px;
		height:156px;
		position:absolute;
		top:22px;
		left:740px;
		background:url(../images/live_updates.jpg) top right no-repeat;
	}
	
		#live_updates h2{
			margin:0 0 0 2px;
		}
	
		#live_updates p{
			margin:0;
			padding:0;
		}
		
			#live_updates p a{
				background:url(../images/search_now.jpg) top left no-repeat;
				display:block;
				width:119px;
				height:32px;
				text-indent:-3000em;
				margin:7px 0 0 2px;
				overflow:hidden;
			}

	#vat_freeze{
		width:220px;
		position:absolute;
		top:220px;
		left:20px;
	}
	
		#vat_freeze p{
			width:170px;
		}
	
	#event_exhibtions{
		width:220px;
		position:absolute;
		top:220px;
		left:260px;
	}
	
		#event_exhibtions p{
			width:140px;
		}
	
	#new_in_stock{
		width:220px;
		position:absolute;
		top:220px;
		left:500px;
		background:url(../images/new_stock.png) top right no-repeat;
	}
	
		#new_in_stock p{
			width:140px;
		}

	#bag_a_bargain{
		width:220px;
		position:absolute;
		top:220px;
		left:740px;
		background:url(../images/bag_a_bargain.png) top right no-repeat;
	}

		#bag_a_bargain p{
			width:140px;
		}
	
	#latest_news{
		width:462px;
		position:absolute;
		top:400px;
		left:20px;
		height:130px;
	}
	
		#latest_news ul{
			margin:10px 0 0 20px;
			padding:0;
			width:400px;
		}

			#latest_news ul li a{
				color:#000;
			}
			
			#latest_news p{
				width:280px;
				float:left;
			}
			
			#latest_news img{
				float:right;
				}
	
	#win_an_iphone{
		width:220px;
		position:absolute;
		top:400px;
		left:500px;
	}
	
		#win_an_iphone p{
			width:140px;
		}
	
	#join_mailinglist{
		width:220px;
		position:absolute;
		top:400px;
		left:740px;
		background:url(../images/join_mailing_list.png) top right no-repeat;
	}
	
		#join_mailinglist p{
			width:140px;
		}

	a.more{color:#f4369a; font-weight:bold; font-size:12px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INNER ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#container{
		background:url(../images/inner_bg.jpg) #e1e5e6 top left no-repeat;
		width:965px;
		float:left;
	}

	#breadcrumb{
		float:left;
		width:905px;
		padding:20px 0 20px 0;
		margin:0 0 10px 30px;
		background:url(../images/breadcrumb_divider.gif) bottom left repeat-x;
	}

	#breadcrumb ul{
		list-style:none;
	}
	
		#breadcrumb ul li{
			float:left;
			margin:0 5px 0 0;
		}



	#leftcolumn{
		float:left;
		width:245px;
	}

	.sideNav{
		list-style:none;
		margin:0 0 20px 30px;
		padding:0;
	}
	
		.sideNav li{
			background:url(../images/submenu_divider.gif) bottom left repeat-x;
			font-size:14px;
			padding:10px 15px 10px 5px;
		}
		
			.sideNav li.first{
				padding:0 15px 10px 15px;
			}
		
			.sideNav li a{
				color:#000;
				background:url(../images/arrow_bullet.gif) 0 4px no-repeat;
				padding:0 0 0 15px;
			}
			
				.sideNav li a:hover, .sideNav li a.selected{
					text-decoration:none;
					color:#f4369a;
				}


	#contentcolumn{
		float:left;
		margin:20px 0 0 20px;
		width:690px;
	}

		.theteam{
			list-style:none;
			margin:0;
			padding:0;
			float:left;
			width:100%;
		}
		
			.theteam li{
				float:left;
				width:100%;
				background:url(../images/horizontal_divide.gif) bottom left repeat-x;
				padding:0 0 20px 0;
				margin:0 0 20px 0;
			}
			
			.theteam .image{
				float:left;
				width:200px;
				margin:0;
			}
			
			.theteam .product_info{
				float:left;
				width:470px;
				margin:0 0 0 20px;
			}


		#category{
			list-style:none;
			margin:0;
			padding:0;
			float:left;
		}
		
			#category li{
				float:left;
				width:100%;
				background:url(../images/horizontal_divide.gif) bottom left repeat-x;
				padding:0 0 20px 0;
				margin:0 0 20px 0;
			}
			
			.status{
				color:#f4369a;
				float:left;
				padding:0 0 0 10px;
			}
		
				#category .image{
					float:left;
					width:100px;
					margin:0 0 0 30px;
				}
				
				#category .product_info{
					float:left;
					width:470px;
					margin:0 0 0 20px;
				}

		#enter{
			background:url(../images/enter.gif) top left no-repeat;
			width:119px!important;
			height:32px;
			border:none;
			text-indent:-3000em;
			font-size:0px;
			line-height:0px;
		}

		#joinnow{
			background:url(../images/join_now.gif) top left no-repeat;
			width:119px!important;
			height:32px;
			border:none;
			text-indent:-3000em;
			font-size:0px;
			line-height:0px;
			cursor:pointer;
		}

		#request{
			background:url(../images/request.gif) top left no-repeat;
			width:119px!important;
			height:32px;
			border:none;
			text-indent:-3000em;
			font-size:0px;
			line-height:0px;
			cursor:pointer;
		}

		#contactus{
			background:url(../images/contactus.gif) top left no-repeat;
			width:119px!important;
			height:32px;
			border:none;
			text-indent:-3000em;
			font-size:0px;
			line-height:0px;
			cursor:pointer;
		}

		#searchnow{
			background:url(../images/search_now.jpg) top left no-repeat;
			width:119px!important;
			height:32px;
			border:none;
			text-indent:-3000em;
			font-size:0px;
			line-height:0px;
			cursor:pointer;
		}

	#centercolumn{
		margin:0 0 0 20px;
		float:left;
		width:450px;
	}
	
		#centercolumn h2{
			font-size:14px;
			color:#747474;
		}
	
		#imagearea{
			float:left;
			width:450px;
			height:450px;
			background:#fff;
			margin:20px 0;
			position:relative;
		}
		
			#imagearea #enlarge{
				position:absolute;
				bottom:10px;
				right:10px;
			}
			
				#imagearea #enlarge span{
					color:#747474;
				}
				
				#imagearea #enlarge a:hover{
					text-decoration:none;
				}

	#rightcolumn{
		float:left;
		width:200px;
		margin:5px 0 0 20px;
	}
	
		#rightcolumn p{
			line-height:1.1em;
		}
	
		#rightcolumn p a{
			font-weight:bold;
			color:#f4369a;
			font-size:14px;
		}
		
			#rightcolumn .price{
				font-size:24px;
			}
			
			#rightcolumn .inc_vat{
				font-size:14px;
				color:#747474;
			}
			
			#rightcolumn .pink{
				color:#000;
				font-weight:bold;
				font-size:14px;
			}
			
			.pinkit{
				color:#F4369A;
				font-weight:bold;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTACT ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#contact{
		margin:50px 0 50px 30px;
		width:900px;
		position:relative;
	}
	
		#contact form ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		
			#contact form ul li{
				float:left;
				margin:0 0 5px 0;
				width:100%;
			}

				#contact form ul li label{
					float:left;
					width:200px;
				}
				
					#contact form ul li input{
						float:left;
						width:200px;
						padding:2px;
					}

						#contact form ul li input.check{
							width:20px!important;
							margin:0 20px 0 0;
						}

				#contact form ul li input.radio{
					width:30px;
				}



	#generic{
		margin:50px 0 50px 30px;
		width:900px;
	}

	.links{
		margin:0 0 0 30px;
		list-style:square;
	}

		.links li{
			margin:0 0 5px 0;
		}

		.links li a{
			color:#000;
		}
		
			.links li ul li, .links li ul li ul li{
				margin:0 0 5px 20px;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer{
	background:url(../images/footer.jpg) top left no-repeat;
	width:965px;
	height:94px;
	float:left;
}

	#footer ul{
		color:#a9acad;
		list-style:none;
		float:left;
		margin:50px 0 0 20px;
	}
	
		#footer ul li{float:left; margin:0 10px 0 0; padding:0;}
		
			#footer ul li a{color:#2d2d2d;}


#outerfooter{
	margin:30px 0 0 20px;
	color:#fff;
	float:left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* liScroll ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*		#manufacturers{
			display:block;
			width:965px;
			height:80px;
			float:left;
			background:#444;
		}*/

.tickercontainer { /* the outer div with the black border */
	border: none;
	background:url(../images/manufacturer_ul.jpg) top left repeat-x #444; 
	width:965px;
	height:80px;
	margin: 0; 
	padding: 0
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 965px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}