/* CSS Document */

/* ALL PAGES */
html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #cfdde4;
	background-image: url(/layout/9/bodybg.png);
	background-repeat: repeat-y;
	font-family: Tahoma, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6em;
	color: #666;
	width: 100%;
	height: 100%;
}

h1 {
	display: none;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.6em;
}

h3 {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 1em;
}

h6 {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 1.6em;
}

img {
	border: none;
}

a.button {
	margin: 0px;
	padding: 0px;
	width: 159px;
	height: 45px;
	font-size: 10px;
	font-weight: 450;
	line-height: 45px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/buttonbg.jpg);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
}

a.button:hover {
	color: #ae2e2e;
}

input.button {
	margin: 0px;
	font-family: Tahoma, sans-serif;
	padding: 0px;
	width: 159px;
	height: 45px;
	font-size: 10px;
	font-weight: 450;
	line-height: 45px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/buttonbg.jpg);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	border: none;
	float: left;
}

input.button:hover {
	color: #ae2e2e;
}

a.buttonyel {
	margin: 0px;
	padding: 0px;
	width: 159px;
	height: 45px;
	font-size: 10px;
	font-weight: 450;
	line-height: 45px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/buttonbgyel.jpg);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
}

a.buttonyel:hover {
	color: #ae2e2e;
}

input.buttonyel {
	margin: 0px;
	font-family: Tahoma, sans-serif;
	padding: 0px;
	width: 159px;
	height: 45px;
	font-size: 10px;
	font-weight: 450;
	line-height: 45px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/buttonbgyel.jpg);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	border: none;
	float: left;
}

input.buttonyel:hover {
	color: #ae2e2e;
}

a.buttonsmall {
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 26px;
	font-size: 10px;
	font-weight: 450;
	line-height: 26px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/button-small.jpg);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
	cursor: pointer;
}

a.buttonsmall:hover {
	color: #ae2e2e;
	cursor: pointer;
}

input.buttontrolley {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 159px;
	height: 45px;
	font-size: 10px;
	font-weight: 450;
	line-height: 45px;
	color: #666;
	background: #ae2e2e;
	background-image: url(/layout/addbasket.jpg);
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
}

input.buttontrolley:hover {
	color: #ae2e2e;
}

/* GENERAL LAYOUT */
div.container {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 900px;
	background-image: url(/layout/9/bg.png);
	background-repeat: repeat-y;
}

	div.right {
		float: left;
		width: 700px;
	}
	
		div.header {
		margin: 5px 0 0 5px;
			width: 700px;
			height: 137px;
			background-image: url(/snickersdirectcomlogonice.jpg);
			background-repeat: no-repeat;
		}

		div.twocolumnleft {
			float: left;
			width: 330px;
			margin-left: 5px;
			
		}

		div.twocolumnright {
			float: left;
			width: 330px;	
		}
		
		div#newaddress {
			float: right;
			width: 330px;
			margin-right: 20px;	
		}
			
		div.content {
			padding: 0px 0px 10px 15px;
			margin: 0px;
			float: left;
			width: 685px;
			min-height: 750px;
		}
		
			div.productthumb {
				float: left;
				width: 175px;
				height: 250px;
				margin: 0px 5px 5px 0px;
				padding: 20px;					
				text-align: center;
				border: 1px solid #eee;
			}
			
				div.productthumb a {
					color: #2E496B;
					text-decoration: none;
					font-size: 10px;
				}
				
					div.productthumb a img {
						border: none;
					}
				
				div.productthumb a:hover {
					color: #336699;
				}
				
				div.productthumb div span.vat {
					font-size: 10px;
				}
				
				div.productthumb div span.incvat {
					color: #999;
					font-size: 14px;
					font-style: normal;
					font-weight: 400;
				}
				
div.narrowresults {
	float: left;
	width: 660px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;	
}

div.narrowresults:hover {
	background-color: #ecf1f9;
}

	div.narrowresults div.title {
		float: left;
		width: 660px;
	}

	div.narrowresults div.column {
		margin: 0px 5px 5px 0px;
		float: left;
		width: 215px;
		line-height: 160%;
	}
	
	div.narrowresults a {
		color: #bb8900;
		text-decoration: none;
	}
	
	div.narrowresults a:hover {
		color: #ebab00;
		text-decoration: underline;
	}
		
div.productlistingssort {
	float: left;
	width: 650px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
}

div.productlistingssort:hover {
	background-color: #ecf1f9;
}
	
	div.productlistingssort a {
		color: #bb8900;
		text-decoration: none;
	}
	
	div.productlistingssort a:hover {
		color: #ebab00;
		text-decoration: underline;
	}

	div.productlistingssort div.name {
		float: left;
		margin-left: 120px;
		width: 300px;
	}
	
	div.productlistingssort div.price {
		float: left;
		width: 100px;
	}
	

div.productlistingspages {
	float: left;
	width: 660px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
	text-align: right;
}

div.productlistingspages:hover {
	background-color: #ecf1f9;
}

	div.productlistingspages div {
		float: left;
		text-align: left;
	}
	
	div.productlistingspages a {
		color: #bb8900;
		text-decoration: none;
	}
	
	div.productlistingspages a:hover {
		color: #ebab00;
		text-decoration: underline;
	}


div.productlistings {
	float: left;
	width: 660px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
}

	div.productlisting {
		float: left;
		width: 660px;
		padding: 5px 0px;
		border-bottom: 1px solid #999;
	}
	
	div.productlisting:hover {
		background-color: #ecf1f9;
		cursor: hand;
	}
	
		div.productlisting a.image {
			float: left;
			width: 100px;
			height: 100px;
			text-align: center;
			vertical-align: baseline;
		}
	
		div.productlisting a.image img {
			margin: auto;
		}
		
		div.productlisting div.text {
			width: 400px;
			padding: 0px 10px;
			margin: 0px 8px;
			float: left;
			font-size: 11px;
			line-height: 17px;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			min-height: 100px;
			text-align: left;
			display: inline;
		}
		
			div.productlisting div.text h3 {
				font-size: 14px;
			}
			
				div.productlisting div.text h3 a {
					font-size: 14px;
					color: #bb8900;
					text-decoration: none;
				}
				
				div.productlisting div.text h3 a:hover {
					font-size: 14px;
					color: #ebab00;
					text-decoration: underline;
				}
			
			div.productlisting div.text a {
				color: #bb8900;
				text-decoration: none;
			}
			
			div.productlisting div.text a:hover {
				color: #ebab00;
				text-decoration: underline;
			}
		
		div.productlisting div.price {
			float: left;
			width: 110px;
			padding: 15px 0px 0px 10px;
			text-align: left;
			font-size: 18px;
			font-weight: 400;
			color: #29568f;
		}
		
			div.productlisting div.price span.vat {
				font-size: 10px;
			}
			
			div.productlisting div.price span.incvat {
				color: #999;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
			}
			
	div.left {
		float: left;
		width: 200px; /* Width of left column */
		background: #29568f;
		height: 100%;
	}
	
		div.search {
			width: 190px;
			float: left;
			padding: 3px 5px;
			border-bottom: 1px solid #edf2f8;
		}
		
		div.search form {
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		div.search fieldset {
			float: left;
			width: 180px;
			border: none;
		}
		
		div.search input#keywords {
			border: 1px solid #edf2f8;
			background-color: #fff;
			width: 130px;
			height: 18px;
			float: left;
			margin-right: 5px;
		}
		
		div.search input#submit {
			float: left;
		}
	
		div.topmenu {
			height: 136px;
		}
	
		div.topmenu a {
			width: 190px;
			height: 16px;
			padding: 3px 5px;
			color: #4D6380;
			background-color: #b3c9e6;
			border-bottom: 1px solid #edf2f8;
			text-decoration: none;
			float: left;
			cursor: hand;
			display: block;
			display: inline;
		}
		
			div.topmenu a:hover {
				color: #4D6380;
				background-color: #cdf;					
				text-decoration: none;
			}
		
			div.topmenu a strong {
				width:180px;
				display: block;
				padding: 0px 0px 0px 10px;
				font-weight: 600;
			}
	
		div.mainmenu a {
			width: 190px;
			height: 16px;
			padding: 4px 5px;
			color: #edf2f8;
			background-color: #29568f;
			border-bottom: 1px solid #edf2f8;
			text-decoration: none;
			float: left;
			cursor: hand;
			display: block;
			display: inline;
			font-size: 16px;
		}
		
			div.mainmenu a:hover {
				color: #fff;
				background-color: #369;					
				text-decoration: none;
			}
			
			div.mainmenu a strong {
				width:180px;
				display: block;
				padding: 0px 0px 0px 10px;
				font-weight: 400;
			}
			
	div.footer {
		float: left;
		width: 900px;
		background-color: #fff;
		font-size: 10px;
		text-align: center;
	}
			
		div.footer div.footlinks {
			width: 630px;
			height: 20px;
			padding: 0px 135px;
			background-color: #29568f;
			font-size: 10px;
			font-weight: bold;
			color: #fff;
		}
			
			div.footer div.footlinks a {
				margin: 0px;
				width: 125px;
				height: 20px;
				color: #fff;
				background-color: #29568f;
				font-size: 10px;
				line-height: 18px;
				text-align: center;
				text-decoration: none;
				display: block;
			}
			
			div.footer div.footlinks a:hover {
				background-color: #0f2347;
				color: #fff;
				text-decoration: none;
			}
			
			div.footer div.footlinks ul {
				float: left;
				margin: 0px 0px 0px 0px; 
				padding: 0px;
				border: 0px;
				list-style: none;
				text-align: center;
			}
			
				div.footer div.footlinks ul li {
					float: left;
					margin: 0px;
					padding: 0px;
					text-align: center;
				}
				
		div.footer div.finalthought {
			float: left;
			width: 900px;
			margin: 5px 0px 0px 0px;
			padding: 5px 0px 0px 0px;
			background-color: #fff;
		}
		
			div.footer div.finalthought div {
				float: left;
				width: 300px;
			}
			
form.product {
	background-color: transparent;
	border: 1px solid #ccc;
	float: left;
	width: 660px;
	padding: 5px;
	margin: 5px;
}

form.product div.title {
	float: left;
	width: 696px;
	margin: 0px 0px 15px 0px;
	display: inline;
}

form.product div.title span {
	font-size: 10px;
	margin-bottom: 10px;
}

form.product div.productdesc {
	float: left;
	width: 330px;
}

form.product div.productdesc p {
	float: left;
	width: 330px;
	margin-bottom: 12px;
	font-size: 12px;
}

form.product div.productdesc ul {
	list-style-type: square;
	clear: both;
}

form.product div.productdesc ul li{
	margin-bottom: 5px;
	font-size: 12px;
}

form.product div.details {
	float: right;
	width: 300px;
	text-align: center;
}

form.product div.details img {
	margin: 0px auto 15px auto;
}

form.product div.details div#productvideo {
	margin: 10px auto auto auto;
	border: 1px solid #999;
	width: 280px;
}

form.product div.details div.text {
	background-color: #ffb;
	float: left;
	width: 278px;
	border: 1px solid #456;
	padding: 10px;
	text-align:	left;
	font-size: 1.2em;
	color: #333;
}

form.product div.details div.text span {
	float: left;
	width: 90px;
	height: 24px;
}

form.product div.details div.text span#snickerssizeinfo {
	float: left;
	width: 278px;
	height: 24px;
	font-size: 0.8em;
	line-height: 1.1em;
	display: none;
}


form.product div.details div.text strong {
	float: left;
	width: 188px;
	height: 24px;
}

	form.product div.details div.text strong select {
		float: left;
		width: 160px;
		border: 1px solid #789;
		font-size: 11px;
		color: #456;
	}

		form.product div.details div.text strong option {
			margin-bottom: 2px;
		}

form.product div.details div.text strong span {
	float: none; display: inline; font-size: 9px; font-weight: 400;
}

div.review {
	float: left;
	background-color: transparent;
	border: 1px solid #ccc;
	float: left;
	width: 696px;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}

div.review div {
	float: left;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	padding-bottom: 3px;
	width: 100%;
}

div.related {
	float: left;
	background-color: transparent;
	border: 1px solid #ccc;
	float: left;
	width: 696px;
	height: 140px;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}

div.related h3 {
	font-size: 1.2em;
} 

div.related div {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	text-align:center;
	font-size: 8px;
	font-weight: 600;
}

div.related div span {
	float: left;
	text-align: center;
	clear: both;
	margin-bottom: 3px;
	width: 100px;
	height: 100px;
}

div.related div span img {
	margin: auto;
}

form.shoppingcart {
	background-color: transparent;
	border: none;
	float: left;
	width: 660px;
	padding: 5px;
	margin: 0px;
}

	form.shoppingcart div.carthead {
		padding: 0px;
		margin: 0px;
		float: left;
		width: 660px;
		border-bottom: 1px solid #ccc;
	}
	
		form.shoppingcart div.carthead div.shoppingcartremove {
			float: left;
			width: 30px;
			height: 20px;
		}
		
		form.shoppingcart div.carthead div.shoppingcartproduct {
			width: 430px;
			float: left;
			height: 20px;
		}
		
		form.shoppingcart div.carthead div.shoppingcartqty {
			width: 45px;
			float: left;
			height: 20px;
		}
		
		form.shoppingcart div.carthead div.shoppingcartprice {
			width: 150px;
			float: right;
			height: 20px;
		}

	form.shoppingcart div.cartitem {
		padding: 0px;
		margin: 5px 0px 5px 0px;
		float: left;
		width: 660px;
		border-bottom: 1px solid #ccc;
	}
	
		form.shoppingcart div.cartitem div.shoppingcartremove {
			float: left;
			width: 30px;
			height: 40px;
			padding: 3px 0px 0px 0px;
		}
		
		form.shoppingcart div.cartitem div.shoppingcartproduct {
			width: 425px;
			float: left;
			line-height: 20px;
		}
		
		form.shoppingcart div.cartitem div.shoppingcartproduct ul {
			float: left;
			margin: 0px 0px 5px 30px;
			padding: 0px;
		}
				
		form.shoppingcart div.cartitem div.shoppingcartqty {
			width: 50px;
			float: left;
			height: 40px;
			line-height: 20px;
		}
		
			form.shoppingcart div.cartitem div.shoppingcartqty input {
				width: 35px;
			}
		
		form.shoppingcart div.cartitem div.shoppingcartprice {
			width: 150px;
			float: right;
			height: 40px;
			line-height: 20px;
			font-size: 1.2em;
		}
		
			form.shoppingcart div.cartitem div.shoppingcartprice span.vat {
				font-weight: 400;
				font-size: 0.6em;
			}
			
	form.shoppingcart div.cartfoot {
		padding: 0px;
		margin: 5px 0px 5px 0px;
		float: left;
		width: 660px;
		border-bottom: 1px dotted #666;
	}
		
		form.shoppingcart div.cartfoot div.shoppingcartremove {
			float: left;
			width: 30px;
			height: 30px;
			padding: 3px 0px 0px 0px;
		}
		
		form.shoppingcart div.cartfoot div.shoppingcartproduct {
			width: 425px;
			float: left;
			line-height: 20px;
			font-size: 1.2em;
		}
	
		form.shoppingcart div.cartfoot div.shoppingcartprice {
			width: 150px;
			float: right;
			height: 30px;
			line-height: 20px;
			font-size: 1.8em;
		}
			
	form.shoppingcart div.cartbuttons {
		padding: 0px;
		float: left;
		width: 660px;
	}

form.general {
	background-color: #ffb;
	border: 1px solid #456;
	padding: 5px;
	float: left;
}

form.general fieldset {
	border: none;
	text-align: left;
	margin-bottom: 20px;
	padding: 0px;
}
	
	form.general fieldset legend {
		font-weight: 600;
		padding: 0px 0px; 
		margin-left: 0px;
		float: left;
		width: 300px;
	}
		
	form.general fieldset div {
		float: left;
		width: 300px;
		height: 20px;
		margin-bottom: 5px;
		line-height: 20px;
		clear: both;
	}
	
		form.general fieldset div label {
			display: block;
			float: left;
			width: 130px;
		}
			
			form.general fieldset div input.general {
				float: left;
				width: 150px;
				height: 15px;
				color: #456;
				padding: 3px 5px;
				font-size: 11px;
				z-index: 100;
				border: 1px solid #789;
			}
			
			form.general fieldset div select {
				float: left;
				width: 140px;
				border: 1px solid #789;
				font-size: 11px;
				color: #456;
			}
			
			form.general fieldset div select option {
				margin-bottom: 2px;
			}
				
			form.general fieldset div input.checkbox {
				border: 1px solid #ffb;
				background-image: url(/layout/bg-checkbox.png);
				float: left;
				width: 17px;
				height: 17px;
				margin-left: -1px;
			}
			
div.progress {
	float: left;
	margin-top: 20px;
	margin-left: 210px;
	font-size: 11px;
	display: inline;
}

	div.progress div {
		float: left;
		text-align: center;
		width: 50px;
		display: inline;
	}
	
		div.progress div img {
			margin: 0px auto 2px auto;
			float: left;
			display: inline;
		}
	
		div.progress div div {
			background-color: #cbd4dd;
			width: 50px;
			height: 3px;
			display: inline;
			font-size: 2px;
		}
		
		div.progress div div.active {
			background-color: #0d4f95;
			width: 50px;
			height: 3px;
			display: inline;
		}
						
	div.progress div.space {
		width: 20px;
		float: left;
		height: 3px;
		margin-top: 34px;
		background-color: #cbd4dd;
		display: inline;
		font-size: 2px;
	}
	
div.accounthistoryheader {
	width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 3px 0px 3px 0px; margin-top: 10px; background-color: #eee;
}

div.accounthistoryrow {
	width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 0px
}

div.accounthistory {
	width: 95px;
	float: left;
}

div.accounthistorytitle {
	width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 3px 0px 3px 5px; margin-top: 10px; background-color: #eee;
}


ul.addressbook {
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	border: 0px;
	
}

ul.addressbook li {
	float: left;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
	width: 100%;
	
}

ul.addressbook li span {
	float: left;
	height: 40px;
	width: 20px;
}