/***************************************************************
Style Sheet for Detto.com

Copyright 2006 by Sebo Marketing, All Rights Reserved
***************************************************************/

body {
	padding-bottom:40px;
}

#container {
	position:relative;
	top:20px;
}

#content {
	position:relative;
	margin-top:93px;
}




#header {
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	
	width:100%;
	height:94px;
		
	background: url('images-layout/header-bg.gif') top left no-repeat #999;
}
#header a {
	color:#fff;
}

#headerWrapper {
	height:94px;
}

#header .headerLogo {
	z-index:100;
	position:absolute;
	top:19px;
	left:12px;
}

#header .tagline1 {
	position:absolute;
	top:45px;
	left:149px;
	padding:3px 5px;
	
	font-size:110%;
	color:#fff;
	
	border:1px solid #666;
	background-color:#000;
}
#header .tagline1 sup {
	font-size:50%;
}
#header .tagline2 {
	position:absolute;
	bottom:22px;
	right:18px;
	
	padding-top:4px;
	padding-left:6px;
	
	font-size:100%;
	color:#b51c30;
	border-top:1px solid #ccc;
	z-index:102;
}


#headerLinks {
	position:absolute;
	top:23px;
	right:10px;
	width:230px;
	height:60px;
	
	padding:0 0 0 5px;
	background: url('images-layout/header-links-bg.gif') top left no-repeat;
}
#headerLinks ul {
	float:right;
	height:54px;
	
	margin:0;
	padding:6px 6px 0 0;
	
	background: url('images-layout/header-links-right.gif') top right no-repeat;
}
#headerLinks ul li {
	display:inline;
	padding:0 8px;
	font-size:89%;
}
#headerLinks ul li a:link, #headerLinks ul li a:visited {
	padding:0;
	text-decoration:none;
	color:#1c509b;
	background-color:#fff;
}
#headerLinks ul li a:hover, #headerLinks ul li a:active {
	text-decoration:underline;
}

#headerLinks ul li #tinyCart {
	padding-right:23px;
	background: url('images-layout/tiny-cart.gif') 100% 50% no-repeat #fff;
}

.special {
	position: absolute;
	display:block;
	width:150px;
	height:300px;
	top:20px;
	right:-157px;
	font-family:arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background:transparent url('images-layout/special-bg-2.gif') top left no-repeat;
}
	.special .header {
		color:#ff0000;
		font-size:121%;
		position:absolute;
		text-align:center;
		top:23px;
		width:150px;
	}
	.special  .middleText{
		width:150px;
		top:45px;
		color:#000000;

		position:absolute;
		text-align:center;
	}
	.special  .clickHere{
		position:absolute;
		width:150px;
		bottom:25px;
		color:#ff0000;
		text-align:center;
		text-decoration:underline;
		font-size:150%;
	}
	.special .specialImg {
		display:block;
		position:absolute;
		height:63px;
		width:120px;
		top:130px;
		right:16px;
	
	}
	.special .oldValue {
		display:block;
		position:absolute;
		top:109px;
		width:150px;
		text-align:center;
		font-size:85%;
		color:#000000;
	}
	.special .priceOld {
		display:block;
		position:absolute;
		top:82px;
		width:150px;
		font-size:150%;
		text-align:center;
		color:#ff0000;
	}
	.special .newValue {
		display:block;
		position:absolute;
		width:150px;
		text-align:center;
		color:#000000;

		bottom:51px;
	}
	.special .priceNew {
		color:#ff0000;
		font-size:150%
	}
	.special .quantities {
		display:block;
		position:absolute;
		width:150px;
		bottom:10px;

		text-align:center;
		font-size:10px;
		color:#000000;
	}
