/* ------------------------------------------------------
	(c) 2008 by Dihedrals Group Ltd. All rights reserved.
-------------------------------------------------------*/

html {
	overflow-y: scroll;
	height: 100%;
}
body {
	background: url(../images/backg-blue-blend.gif) repeat-x;
	font: 80% verdana, "sans serif" ;
	color: black;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%;
}

/* CSS Reset. */
* {
	padding: 0;
	margin: 0;
	border: 0 none;
	outline: 0;
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
}

img {
	border: none;
	vertical-align: bottom;
}
.hiddenText {
	display: none;
}
.clearit {
	clear: both;
}

a {
	color: rgb(76,76,153);			/* Base Color: Dark Violet */
	text-decoration: none;
	border-bottom: 1px dotted;
}
a:hover {
	color: rgb(230,64,0);			/* Base Color: Dark Orange */
	text-decoration: underline;
	border-bottom: none;
}

b,
.bold {
	font-weight: bold;
}
h1, h2, h3, h4 {
	font-weight: bold;
	color: rgb(76,76,153);			/* Base Color: Dark Violet */
}
h1 {
	font-size: 110%;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 104%;
	margin: 0 0 6px 0;
}
h3 {
	font-size: 95%;
	margin: 0 0 3px 0;
}
p {
	font-size: 83%;
	line-height: 1.4em;
	color: rgb(30%,30%,30%);		/* Text Gray */
	margin: 0 0 5px 0;
}
i {
	font-style: italic;
}

#products p,
#products h2,
#products h3 {
	margin: 0 auto;
	width: 500px;
	clear: both;
}
#products p {
	text-align: left;
	margin-top: 10px;
}
#products ul,
#products ol {
	margin: 0 0 5px 210px !important;
	width: 500px;
	clear: both;
}
/* --------------- Webascent Components --------------- */
.dwa-productHSpacer {
	float: left;
	display: inline;
	margin: 0;
	width: 26px;
	height: 40px;
}
.dwa-productVSpacer {
	float: left;
	display: inline;
	margin: 0;
	width: 100%;
	height: 40px;
	text-align: center;
}
.dwa-product {
	float: left;
	display: inline;
	margin: 0 0 20px 0;
	width: 299px;
	color: rgb(30%,30%,30%);		/* Text Gray */
	text-align: center;
}
	.dwa-product .imgBorder {
		margin: 0 auto 5px auto;
		position: relative;
		padding: 3px;
		height: 291px;
		width: 291px;
		border: 1px rgb(128,128,179) solid;
		background-color: rgb(97%,97%,97%);
	}
	.dwa-product h2 {
		text-align: center;
		margin: 0 !important;
		width: 100% !important;
	}
	.dwa-product .price {
		float: left;
		display: inline;
		clear: both;
		font-size: 105%;
		font-weight: bold;
		color: rgb(76,76,153);			/* Base Color: Dark Violet */
		width: 135px !important;
		text-align: right !important;
		margin: 0 !important;
	}
	.dwa-product .catNr {
		float: right;
		display: inline;
		color: rgb(30%,30%,30%);		/* Text Gray */
		line-height: 2em;
		text-transform: uppercase;
		width: 145px !important;
		font-size: 75%;
		margin: 0 !important;
		clear: none !important;
	}
	.dwa-product .description {
		text-align: justify;
		min-height: 20px;
		margin: 0 !important;
		width: 100% !important;
	}



.dwa-category {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	width: 170px;
	color: rgb(30%,30%,30%);		/* Text Gray */
	text-align: center;
}
	.dwa-category .imgBorder {
		margin: 0 auto;
		position: relative;
		width: 140px;
		height: 140px;
	}
	.dwa-category .imgBorder a {
		display: block;
		position: absolute;
		width: 140px;
		height: 140px;
		background: url(../images/invis-image.gif) repeat;
		text-decoration: none;
		border-bottom: none;
	}
	.dwa-category img {
		vertical-align: bottom;
	}
	.dwa-category h2 {
		margin: 5px 0 8px 0;
		color: rgb(76,76,153);			/* Base Color: Dark Violet */
		line-height: 1em;
		font-weight: bold;
		font-size: 110%;
	}
	.dwa-category p {
		line-height: 1.2em;
		font-size: 80%;
		text-align: justify;
	}
	

	.dwa-centeredImage,
	.dwa-multiProdImgBorder {
		margin: 10px auto 10px auto;
		clear: both;
		text-align: center;
	}


/* --------------- Header and Main Menus --------------- */
#mainHeaderBox {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 1px;
}
	#mainHeaderBox #logo {
		position: absolute;
		left: 10px;
		top: 45px;
	}
	#mainHeaderBox #logo a {
		text-decoration: none;
		border-bottom: none;
	}
	
#mainMenuBox {
	position: relative;
	margin: 70px auto 40px auto;
	width: 950px;
	font-size: 110%;
	letter-spacing: 0.1em;
	color: rgb(80%,80%,80%);
	height: 1px;
}
	#mainMenuBox ul {
		height: 3em;
		position: absolute;
		left: 200px;
		background: url(../images/main-menu-line.gif) center bottom no-repeat;
	}
	#mainMenuBox li {
		float: left;
		display: inline;
		list-style-type: none;
	}
	#mainMenuBox li span {
		float: left;
		display: inline;
		width: 2em;
		cursor: default;
	}
	
	
	#mainMenuBox li a {
		float: left;
		display: inline;
		font-weight: bold;
		color: rgb(76,76,153);			/* Base Color: Dark Violet */
		text-decoration: none;
		border-bottom: none;
	}
	.selected {
		color: rgb(230,64,0) !important;			/* Base Color: Dark Orange */
	}
	#mainMenuBox .fabFakes {
		background: url(../images/menu-fabfakes.gif) center bottom no-repeat;
		height: 30px;
	}
	
	#mainMenuBox li a:hover {
		color: rgb(230,64,0);			/* Base Color: Dark Orange */
	}
	
	#mainMenuBox li .fabFakes {
		position: relative;
	}
	#mainMenuBox li .fabFakes img {
		position: relative;
	}
	
	/* Main Menu Sub - Contact and Basket */
	#mainMenuBox #sub {
		height: 3em;
		position: absolute;
		left: 388px;
		top: 49px;
		background: none;
		font-size: 80%;
	}
		#mainMenuBox #sub #basket {
			display: block;
			width: 39px;
			height: 17px;
			background: url(/images/sub-basket.gif) left top no-repeat;
		}
		#mainMenuBox #sub #basket:hover {
			background: url(/images/sub-basket.gif) left bottom no-repeat;
		}
		#mainMenuBox #sub #basketSel {
			display: block;
			width: 39px;
			height: 17px;
			background: url(/images/sub-basket.gif) left bottom no-repeat !important;
		}
		#mainMenuBox #sub #contact {
			display: block;
			width: 44px;
			height: 17px;
			background: url(/images/sub-contact.gif) left top no-repeat;
		}
		#mainMenuBox #sub #contact:hover {
			background: url(/images/sub-contact.gif) left bottom no-repeat;
		}
		#mainMenuBox #sub #contactSel {
			display: block;
			width: 44px;
			height: 17px;
			background: url(/images/sub-contact.gif) left bottom no-repeat !important;
		}
		
		
		
		#mainMenuBox #sub #testimonials {
			display: block;
			width: 75px;
			height: 17px;
			background: url(/images/sub-testimonials.gif) left top no-repeat;
		}
		#mainMenuBox #sub #testimonials:hover {
			background: url(/images/sub-testimonials.gif) left bottom no-repeat;
		}
		#mainMenuBox #sub #testimonialsSel {
			display: block;
			width: 75px;
			height: 17px;
			background: url(/images/sub-testimonials.gif) left bottom no-repeat !important;
		}
		
		#mainMenuBox #sub span {
			float: left;
			display: inline;
			width: 1em;
			line-height: 1.4em;
			cursor: default;
		}
	
	
/* --------------- Main Content Boxes --------------- */
#mainContentsBox {
	margin: 100px auto 0 auto;
	width: 950px;
	clear: both;
}
	#mainContentsBox #titleBox {
		margin: 0 auto;
		clear: both;
		width: 529px;
	}
	#mainContentsBox #categoryBox {
		min-height: 25px;
	}
	
	#mainContentsBox .newsBox {
		margin: 50px auto 0 auto;
		background: url(../images/newsbox-mid.gif) repeat-y;
		clear: both;
		width: 529px;
	}
	#mainContentsBox .newsBox .top {
		background: url(../images/newsbox-top.gif) no-repeat;
		width: 529px;
		height: 8px;
	}
	#mainContentsBox .newsBox .bottom {
		background: url(../images/newsbox-bottom.gif) no-repeat;
		width: 529px;
		height: 8px;
	}
	
	#mainContentsBox .newsBox p {
		margin: 0 20px 8px 20px;
		text-align: justify;
	}
	#mainContentsBox .newsBox h2 {
		margin: 0 20px 5px 20px;
	}
	#mainContentsBox .newsBox h3 {
		margin: 0 20px 5px 20px;
		font-weight: normal;
	}

	#mainContentsBox ul, 
	#mainContentsBox ol {
		font-size: 83%;
		line-height: 1.4em;
		color: rgb(30%,30%,30%);		/* Text Gray */
		margin: 5px 40px 5px 50px;
		text-align: left;
	}
		#mainContentsBox ul li, 
		#mainContentsBox ol li {
			margin: 0 0 4px 0;
		}

#mainContentsBox h1,
#products h1,
#mainContentsBox blockquote,
#products blockquote {
	font-size: 150%;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	margin: 0 0 25px 0;
}
blockquote {
	background: url(../images/quote.gif) top left no-repeat;
	color: rgb(76,76,153);			/* Base Color: Dark Violet */
	margin: 5px 30px 20px 40px !important;
	text-align: left;
	line-height: 1.4em;
	text-indent: 35px;
	clear: both;
}
#products blockquote {
	margin: 5px 60px 20px 40px !important;
}
#mainContentsBox blockquote {
	margin: 0 auto 15px auto !important;
	width: 500px;
}	

/* --------------- Webascent Extended base elements --------------- */
.indent {
	margin: 0 20px 10px 50px !important;
}



/* --------------- Footer --------------- */
#mainFooterBox {
	margin: 40px auto 0 auto;
	width: 950px;
	overflow: hidden;
	padding-bottom: 25px;
	clear: both;
	font-size: 80%;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: rgb(80%,80%,80%);			/* Base Color: Light Gray */
}
	#mainFooterBox #copyright {
		color: rgb(60%,60%,60%);
	}
	#mainFooterBox #copyright a {
		text-decoration: none;
		border-bottom: none;
	}
	#mainFooterBox ul {
		margin: 10px 0;
		font-weight: bold;
	}
	#mainFooterBox li {
		display: inline;
		list-style-type: none;
	}
	#mainFooterBox li a {
		color: rgb(11,39,102);			/* Base Color: Blue */
		text-decoration: none;
	}
	#mainFooterBox li a:hover {
		color: rgb(230,64,0);			/* Base Color: Dark Orange */
		text-decoration: underline;
		border-bottom: 1px white solid;
	}

#mainFooterBox #submenu {
	font-weight: normal !important;
	letter-spacing: normal !important;
}
	#mainFooterBox #submenu li a {
		text-decoration: none;
		border-bottom: none;
	}
	#mainFooterBox #submenu li a:hover {
		text-decoration: none;
		border-bottom: none;
	}
	
	
#mainFooterBox #pageBottomSpacer,
#introContentsBox #pageBottomSpacer {
	height: 20px;
}
	
	
	
	
	
	
	
	

/* --------------- Intro Page --------------- */
#introBod {
	background: none;
}
#introContentsBox {
	position: absolute;
	height: 600px;
	width: 100%;
	top: 50%;
	left: 0;
	margin: -320px 0 0 0;
	text-align: center;
	z-index: 10;
}
	#centerBox {
		margin: 0 auto;
		width: 950px;
	}
		/* Slide Show - Left */
		#slideShowBox {
			float: left;
			display: inline;
			width: 474px;
		}
		#slideShowBox .dwa-introImage {
			float: left;
			display: inline;
			position: relative;
			width: 475px;
			height: 584px;
			margin: 0 0 25px 0;
		}
		#slideShowBox .dwa-introImage a {
			position: absolute;
			top: 0; left: 0;
			display: block; 
			width: 100%; 
			height: 100%;
			background: url(../images/invis-image.gif) repeat;
			text-decoration: none;
			border-bottom: none;
		}

		/* Logo and Intro Box - Right */
		#introBox {
			float: left;
			display: inline;
			width: 400px;
			margin: 0 0 0 50px;
		}
		#introBox .dwa-introLogo {
			margin: 0 auto;
		}
		#introBox .introLink {
			font-size: 115%;
			font-style: normal;
			font-variant: small-caps;
			text-align: center;
			margin: 15px 0;
		}
		#introBox h1 {
			text-align: left;
			font-size: 110%;
		}
		
		#introBox p {
			margin: 8px 0 0 0;
			text-align: justify;
			line-height: 1.5em;
			letter-spacing: 0.01em;
			color: rgb(30%,30%,30%);		/* Text Gray */
		}
		
#introContentsBox #copyright {
	color: rgb(60%,60%,60%);
	font-size: 80%;
	width: 100%;
	clear: both;
}
#introContentsBox #copyright a {
	text-decoration: none;
	border-bottom: none;
	cursor: default;
}
		

		
#mainContentsBox .newsBox #terms h3 {
	margin: 15px 20px 5px 20px;
	font-size: 85% !important;
	font-weight: bold;
	text-align: left;
}
#mainContentsBox .newsBox #terms li {
	
}



#centerBox #globalcontact {
	position: relative;
	top: -30px;
}
#mainHeaderBox #globalcontact {
	position: absolute;
	text-align: right;
	font-size: 11px;
	top: 8px; right: 0;
}


/* Testimonials */
#mainContentsBox .newsBox #testimonials h2 {
	margin: 15px 20px 5px 20px;
	font-size: 95% !important;
	font-weight: bold;
	text-align: left;
}


/* Sitemap */
#mainContentsBox .newsBox #sitemap h2 {
	margin: 15px 20px 5px 40px;
	font-size: 95% !important;
	font-weight: bold;
	text-align: left;
}
.dwa-vSpacer25 {
	clear: both;
	height: 25px;
}