/* rounded box corners */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em; width:560px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb5, .xb6, .xb8 {height:1px;}
.xb2, .xb3, .xb4 {background:#2867A6; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb5, .xb6, .xb7 {background:#fff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xb8 {margin:0 5px; background:#08c;}
.xb5 {margin:0 3px; border-width:0 2px;}
.xb6 {margin:0 2px;}
.xb7 {height:2px; margin:0 1px;}

.xboxheader {display:block; background:#2867A6; color:#fff; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; border:0 solid #08c; border-width:0 1px 2px 1px;}
.xboxcontent {display:block; background:#fff; border:0 solid #08c; border-width:0 1px;}

dl {margin: 0 12px; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
dt {margin:0; padding:0; text-align:left; font-size: 1em; font-weight:bold;}
dd {margin:0 0 0 20px; padding-bottom:0.5em; text-align:left; border-top:1px solid #fff;}

.breadcrumbs {
	background:#fff;
	padding:5px 0;
	height:25px;
	}
	
/* table layout */
table.InputForm
{
	color:#000;
	border:#000 1px solid;
}

td.Head	
{
	color:#fff;
	background-color:#2867A6;
	text-align:center;
}

td.ProductsHead	
{
	color:#fff;
	background-color:#2867A6;
	border:#000 1px solid;
	text-align:left;
}

td.Products	
{
	border:#000 1px solid;
	text-align:left;
}

.deezeeShout
{
	margin: 8px 0 0 0;
	padding: 5px 0 5px 10px;
}

.deezeeTopLinks
{
	clear: both;
	margin: 8px 0 0 0;
	padding: 5px 0 5px 10px;
	text-align:center;
	border: 1px dashed #ccc;
}

.deezeeTopLinks a
{
	font: 14px Arial, Helvetica, sans-serif;
}

.deezeeHead
{
	margin: 8px 0 0 0;
	padding: 5px 0 5px 10px;
	background-color: #e4e4e4;
	border: solid 1px #ccc;
}

.deezeeHead h2
{
	margin: 0;
	padding: 0;
	font: bold 15px Arial, Helvetica, sans-serif;
	display: inline;
}

.deezeeHead h2 a
{
	margin: 0;	
	padding: 0;
	color: #ae0000;
	font-weight: bold;
	text-decoration: underline;
}

.deezeeHead h2 a:hover
{
	text-decoration: none;
}

.deezeeHead div
{
	width: 200px;
	float: right;
	clear: right;
}

.deezeeHead p
{
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	color: #ae0000;
	text-transform: uppercase;
	float: left;
}

.deezeeHead img
{
	display: block; 
	float: right;
	padding: 0 4px 0 0;
}

.deezeeBody
{
	clear: both;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.deezeeBody .deezeeImage
{
	padding: 15px 25px 15px 10px;
	border: 0;
	float: left;
}

.deezeeBody .deezeeLgImage
{
	margin: 40px 25px 15px 10px;
	float: left;
}

.deezeeBody .deezeeDesc
{
	margin: 0;
	padding: 15px 12px 8px 12px;
	line-height: 12px;
}

.deezeeBody .deezeeFeatures
{
	clear: right;
	margin:	0;
	padding: 0;
}

.deezeeBody .deezeeFeatures a
{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

.deezeeBody .deezeeFeatures img
{
	border: 0;
	padding: 0 6px 0 2px;
}

.deezeeBody ul
{
	margin:0 5px 0 150px;
}

.deezeePlain
{
	clear: both;
	margin: 8px 0;
	position:relative;
	padding:10px;
	height: 300px;
	border: solid 1px #ccc;
}

.deezeeBox {
	height:300px;
	}
	
.deezeeLeftBox {
	position:absolute;
	width:45%;
	}
	
.deezeeRightBox {
	position:absolute;
	margin-left:49%;
	width:49%;
	}

/* image swap cargo carry alls */
div#swap {position: absolute; top: 0px; left: 10px; width: 400px; height: 0px; z-index: 100;}
div#swap a img {height: 0; width: 0; border-width: 0;}
div#swap a:hover img {position: absolute; top: -172px; left: 0px; height: 110px; width: 180px;}

a.spylink {
	color:#000;
	font-weight:bold;
	text-decoration: underline;
	background: url("http://www.carcoverworld.com/images/spyglass_icon.gif") center right no-repeat;
	padding-right: 15px;
}

a.spylink:hover {
	text-decoration:none;
}
