a
{
	color: #1b47fe;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1.page_title
{
	color: #1b47fe;
	margin-top: 0;
	font-size: 1.6em;
}


.productHeader
{
	font-size: 1.8em;
	color: #1b47fe;
	font-weight: bold;
	border: 10px solid black;
}

/*** top styles ******************************************/
#subjectBackground
{
	width: 680px;
	height: 85px;
}

/*** content styles **************************************/

/**** main content ****/
#mainContentWrapper
{
	float: left;
	width: 447px;
	border-top: 1px solid #1b47fe;
	padding-top: 10px;
}

#mainContentProducts
{
	float: left;
	width: 447px;
	border-top: 1px solid #1b47fe;
}

/*** styles for page with blocks ***/
#clusterBlocksContainer{
	float: left;
	width: 447px;
}

.clusterBlock{
	border-bottom: 1px solid #283bc5; 
	border-top: 1px solid #1b47fe; 
	float: left;
	margin: 0 26px 22px 0;
	width: 210px;
}

.clusterBlock img{
	float: left;
}

.transparentHeader{
	background-color: #1b47fe;
	float: left;
	height: 45px;
	margin-top: -45px;
	width: 210px;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

.clusterBlock h2{
	position: relative;
	color: #fff;
	float: left;
	font-size: 15px;
	margin: -45px 0 0 0;
	padding: 0 0 0 11px;
	width: 199px;
}

.clusterBlockContent{
	background: #fff url('../images/clusterBlockContentBg.png') 0 top repeat-x;
	float: left;
	min-height: 61px;
	height:auto !important;
	height:61px;

	padding-bottom: 10px;
	width: 210px;
}


.clusterBlockContent ul{
	float: left;
	line-height: 160%;
	margin: 10px 0 0 25px;
	padding: 0;
}

*html #mainContentWrapper{width: 425px;}
*html #mainContentProducts{width: 425px;}
*html #clusterBlocksContainer{width: 425px;}
*html .clusterBlock{margin-right: 0; width: 200px; height: 280px;}
*html .clusterBlock img.clusterImage{width: 200px;}
*html .clusterBlock img.clusterExampleImage{height: 179px; width: 200px;}
*html .transparentHeader{width: 200px;}
*html .clusterBlock h2{width: 200px;}
*html .clusterBlockContent{width: 200px;}
*html .clusterBlockContent ul{margin-left: 15px; width: 150px;}

.clusterBlockContent ul li{
	list-style-image: url('../images/bluearrow.gif');
	font-size: 11px;
}

.clusterBlockContent ul li a{
	color: #000;
	text-decoration: none;
}

.clusterBlockContent ul li a:hover{
	color: #1b47fe;
	text-decoration: underline;
}



/**** sidebar styles ****/

/* for Products Page */
.sideBarBoxWrapper
{
	float: left;
	margin-bottom: 25px;
	background-color: #dee3ff;
}

.sideBarBoxWrapper a
{
	color: #1e48ff;
	text-decoration: none;
}

.sideBarBoxHeader
{
	background: transparent url('../images/sidebarbox_products_header.gif') repeat-x;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	height: 21px;
	padding: 7px 0 0 10px;
	width: 200px;
}

.sideBarBoxContent, .sideBarBoxContentActions
{	
	float: left;
	padding: 5px 20px 10px 5px;
	width: 180px;
}

.sideBarBoxContentActions{
	padding: 5px 12px 10px 13px;	
}

*html .sideBarBoxContent{width: 150px;}
*html .sideBarBoxContentActions{width: 150px; padding: 5px 20px 10px 5px;}

.sideBarBoxContent ul
{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
}

.sideBarBoxContent ul li
{
	list-style-type: none;
}

.sideBarPictureBox
{
	float: left;
	width: 208px;
	height:133px;
	border: 1px solid #1b47fe;
	background-color: #fff;
}

a.sidebarLink
{
	
}

a.directContactLink
{
	background: transparent url('../images/bluearrow.gif') left 3px no-repeat;
	float: left;
	font-size: 11px;
	padding-left: 12px;
	width: 150px;
	
}

*html a.directContactLink{width: 150px; float: left;}

#toTopDiv a
{
	color: #1b47fe;
}

#backToTop
{
	float: left;
	height: 15px;
	padding-right: 10px;
	background: #fff url('../images/backToTopProducts.gif') no-repeat;
	background-position: right;
}

.formButtonContainer 
{
    float: right;
    width:90px;
	height:19px;
    padding:0 0 4px 0;
	margin-top: 10px;
	background-color: #1b47fe;
}

.formButton 
{
    font-size: 1em;
    background-color: #1b47fe;
    color:#fff;
    font-weight:bold;
    border:0;
    cursor:pointer;
}

.faqItemCounter
{
	color: #1b47fe;
}


/**** Products page ******/
#productOverviewTop
{
	width: 444px;
	height: 28px;
	margin-top: 5px;
	background-color: #c7d2ff;
}

#productOverviewTop ul
{
	padding: 0;
	margin: 0;
}

#productOverviewTop li
{
	list-style-type: none;
	float: left;	
	font-weight: bold;
}


/** 4 Tabs Menu for productpage **/
.product_tab_1_style, .product_tab_2_style, .product_tab_3_style, .product_tab_4_style,
.product_tab_1_style_active, .product_tab_1_style_active:hover,
.product_tab_2_style_active, .product_tab_2_style_active:hover,
.product_tab_3_style_active, .product_tab_3_style_active:hover
{
		background-image: none;
		background-color: #c7d2ff;
		border-bottom: 7px solid fff;
		border-right: 1px solid #fff;
		color: #000;
		display: block;
		font-size: 1.2em;
		height: 19px;
		outline: none;
		padding: 9px 0 0 7px;
		text-decoration: none;
		width: 103px;
}

.product_tab_1_style_active:hover,
.product_tab_2_style_active:hover,
.product_tab_3_style_active:hover{
	border-right: 1px solid #fff;
}

.product_tab_1_style{ width: 104px;}
.product_tab_4_style{border: none; border-bottom: 7px solid #fff;}

.product_tab_1_style_active, .product_tab_1_style_active:hover
{
	background: #1b47fe url('../images/product_tab_active_bg.gif') repeat-x;
	border-right:1px solid #fff;
	color: #fff;
	height: 26px;
	width: 104px;
}

.product_tab_1_style:hover, .product_tab_2_style:hover, .product_tab_3_style:hover, .product_tab_4_style:hover
{
	background: #1b47fe url('../images/product_tab_active_bg.gif') repeat-x;
	border-right:1px solid #fff;
	color: #fff;
	height: 26px;
	outline: none;
	text-decoration: none;
}

.product_tab_4_style:hover{border: none;}

.product_tab_2_style_active, .product_tab_2_style_active:hover,
.product_tab_3_style_active, .product_tab_3_style_active:hover
{
	background: #1b47fe url('../images/product_tab_active_bg.gif') repeat-x;
	border-right:1px solid #fff;
	height: 26px;
	color: #fff;
}

.product_tab_4_style_active, .product_tab_4_style_active:hover
{
	background: #1b47fe url('../images/product_tab_active_bg.gif') repeat-x;
	color: #fff;
	display: block;
	height: 26px;
	font-size: 1.2em;
	outline: none;
	padding: 9px 0 0 7px;
	text-decoration: none;
	width: 103px;
}

/*** add and remove product from cart buttons ***/
#product_content
{
	clear: both;
}

.addToCart, .removeFromCart, .printButton
{
	background: #1b47fe url('/images/add_to_cart_button.gif') no-repeat right;
	cursor: pointer;
	clear: both;
	color: #fff;
	float: left;
	font-weight: bold;
	height: 16px;
	margin-top: 10px;
	overflow: hidden;
	padding: 4px 23px 0 4px;
	width: 158px
}

/* IE6 */ 
*html .addToCart{width: 158px; padding-right: 13px;}
*html .removeFromCart{width: 158px; padding-right: 13px;}
*html .printButton{width: 158px; padding-right: 13px;}

.removeFromCart
{
	background: #1b47fe url('/images/remove_from_cart_button.gif') no-repeat right;
}

/**** print button ****/
.printButton{
	background: #1b47fe url('/images/print_button.gif') no-repeat right;
}

.printButton a{
	color: #fff;
}

.printButton a:hover{
	text-decoration: none;
}


/*** feedback div ***/
#feedback_container
{
	background-color:#c7d2ff;
	float: left;
	margin: 25px 0;
	padding: 5px 10px;
	width: 426px;
}

.feedbackButtons input
{
	background-color: #1b47fe;
	color: #fff;
	font-weight: bold;
	border: none;	
}

#wmoLogo
{
	display: inline;
	float: right;
	margin-top: -1px;
	width: 68px;
	height: 75px;
}
#productInformation
{
	padding-top: 7px;
}

#productInformation table tbody tr td
{
	vertical-align: top;
}

#productInformation table tbody tr td p, #productInformation table *
{
	font-size: 1em;
}



a.productGuideLink
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/*** BESLISBOOM STYLES ***/
.newClass
{
	float: left;
	width: 700px;
}

#formContainer
{
	display: block;
}

.questionsContainer
{
	display: block;
	float: left; 
	width: 445px;
}

.chapterContainer
{
	clear: both;
	border-top: 1px solid #1b47fe;
	margin-top: 5px;
}

.clearAnswers
{
	clear: both;
	cursor: pointer;
	color: #1b47fe;
	text-decoration: none;
	font-size: 1.1em;
	background: #fff url('../images/clearAnswersButtonProducts.gif') no-repeat;
	background-position: right;
	padding-right: 10px;
}

.next_Button
{
	font-family: verdana, arial;
	position: relative;
	left: 322px;
	display: block;
	width: 125px;
	padding: 5px 0 5px 0;
	background-color: #1b47fe;	
	border: none;
	text-align: center;
}

#nextButton
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}	

.progressContainer
{
	position: relative;
	float: left;
	width: 198px;
	min-height: 133px;
	margin-left: 458px;
	margin-top: -300px;
	padding: 0 0 0 10px;
}

.progressTitle
{
	font-size: 1.2em; 
	font-weight: bold; 
	color: #1b47fe;
}

.progressContainer ul 
{
	list-style: none outside;
    margin:0;
    padding:0;
}

.progressBarContainer
{
	width: 180px;
	height: 13px;
	background-color: #fff;
	border: 1px solid #1b47fe;
    margin-bottom:3px;
	margin-top: 3px;
}

.progressBar
{
	width: 0;
	height: 13px;
	background-color: #1b47fe;
}

.progressBarList
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.progressContainer li
{
	margin-top: 5px;
	padding: 0;
}

.resumeLink, .saveLink
{
	color: #1b47fe;
	background: #fff url('../images/saveButtonProducts.gif') no-repeat top right;	
}


/**** TEMP FIX FOR TEXTPROBLEMS 'BESLISBOOM' *****/
#saveOptions {	
	display: none;
	width: 444px;
}

.removeAfterFirstQuestion {
	display: none;
}

.allreadyStarted {
	display: none;
}
/**************************************************/

#progressContainer
{
	display: none;
}

.help_text
{
	overflow: none;
	position: absolute;
	z-index: 3;
	background-color: #c7d2ff;
	padding: 5px;
	margin-top: -10px;
	margin-left: -250px;
	width: 250px;
	height: 250px;
	border: 1px solid #1b47fe;
}

/* IE6 hacks */
* html .newClass 
{
	position: relative;
	float: left;
	margin-top: -20px;
	width: 300px;
	padding-top: 17px;
}

* html .questionsContainer
{
	width: 400px;
}


/** IE7 Only **/
*:first-child+html .help_text{
	margin-top: 10px;
	margin-left: -275px;
}


/*** Productguide styles ***/
.guideCategoryIntro
{
	float: left;
	clear: both;
	margin-top: 0;
	width: 444px;
}

#progressBarsContainer
{
	display: none;
	float: left;
}

/*** Nummeration module ***/
.nummerationModule{float: left;}	

.nummerationModule ol{

	list-style-type: none;
	list-style-position: inside;
}

.nummerationModule ol li{
	font-size: 11px;
	line-height: 150%;
	margin-bottom: 10px;
}

.number_background{
	background-color: #1b47fe;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	margin-left: -40px;
	padding: 6px 8px;
	text-align: center;
}

.nummerationModule ol li ul li{margin-bottom: 0px;}


*html .nummerationModule ol{margin: 0;}
*html .number_background{margin-left: 0;}



*:first-child+html .nummerationModule ol li{float: left; width: 100%;}
*:first-child+html .nummerationModule ol li ul {float: left; clear: both; width: 100%;}
*:first-child+html .nummerationModule ol li ul li{float: left; clear: both; width: 100%;}
*:first-child+html .number_background{width: 16px;}