/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

*{
	padding:0px;
	margin:0px;	
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#908e8e;
	background-color: #1C1B1B;
	line-height:16px;
	background-position:left top;
	background-image:url(images/header.gif);
	background-repeat: no-repeat;
}

img{
	border:none;
}



label{
	font: bold 100% Arial,sans-serif;
	color: #ccc;
	display: block;
}

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #666;
	width: 350px;
}
 legend{
 	font-weight: bold;
	color: #666;
 }
 
 @media screen {
	* html legend {
	margin: -20px 0 0 0;
	position: fixed;
	line-height: 1.4;
	}
}


#webshop{
	background-image:url(images/header_shop.gif);
}
#webshop h1{
	color:#e8068b;
}
#datamanager{
	background-image:url(images/header_data.gif);
}
#datamanager h1{
	color:#b9b694;
}
#extranet{
	background-image:url(images/header_voucher.gif);
}


#extranet h1{
	color:#7677ab;
}
#webmarketing{
	background-image:url(images/header_web.gif);
}
#webmarketing h1{
	color:#00aeef;
}
#email{
	background-image:url(images/header_email.gif);
}
#email h1{
	color:#f9a329;
}
#imagem{
	background-image:url(images/header_image.gif);
}
#imagem h1{
	color:#80a3b7;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 0px 10px 0px;	
	font-weight: bold;
}

h1{	
	font-size: 140%;
	color: #c7db45;	
	font-weight: bold;
}

h2{
	font-size: 120%;
	color: #c7db45;	
	font-weight: bold;	
}

h3{
 font-size: 110%;
 color: #666666;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color:  #666666;
 font-weight: bold;	
}

h5{
 font-size: 110%;
 color: #6b6b6b;
}

h6{
 font-size: 70%;
 color: #6b6b6b;
 padding:25px 22px;
 
}

p{
	margin-bottom: 15px;
}

ul{ 
 list-style-type: none; 
}

ul li {
	padding-bottom: 10px;
	
}

/***********  layout styles ***********/

#wrapper{
	width:960px;
	padding-bottom:20px;
}

.clear {
	clear:both;
}

#header{
	width:960px;

}

#flashHolder {
	width: 699px;
	height: 341px;
	margin-top:20px;
	margin-left:230px;

}


#footer {
	width:1024px;
	padding-top: 10px;
	font-size:10px;
	margin-left:35px;
}


#textContainer {
	float:left;
	margin-top:35px;
	margin-left:2px;
	padding-left:35px;
	padding-right:22px;
	padding-bottom:30px;
	width: 450px;
	background-image:url(images/main_back.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height: 300px;
	font-size:12px;

}
#leftFlash{
	
	height:300px;
	width:180px;
	
	margin-left:-20px;
}


#news {
	float:left;
	width:180px;
	margin-top:35px;
	margin-left:10px;
		
	
}


/***********  Sub Page layout styles ***********/


#moreContainer {
	float:left;
	width:168px;
	height:219px;
	margin-top:35px;
	padding-left:35px;
	margin-right:22px;
	padding-bottom:20px;
			
}

#textContainer2 {
	float:left;
	margin-top:35px;
	margin-left:2px;
	padding-left:35px;
	padding-right:22px;
	padding-bottom:30px;
	width: 650px;
	background-image:url(images/dash_sub.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-size:12px;

}

#flashHolderSub {
	width: 696px;
	height: 261px;
	margin-top:70px;
	margin-left:230px;

}

#header2{
	width:1024px;
	height:569px;
	background-image:url(images/header_email.gif);
}


/***********************************************/
/* Nav styles*/
/***********************************************/

#navContainer{
	width:716px;
	height:116px;
	margin-left:230px;
}

#navtext{
	background-image: url(images/vert_line.gif);
	background-position:left;
	background-repeat: no-repeat;
	height: 78px;
}

#navtext ul li{
	float:left;
}

#navtext ul li{
	color:#fff;
	list-style-type: none;
	font-size:12px;
	background-image: url(images/vert_line.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

ul{ 
 list-style-type: none; 
}


#navtext ul a:link, #navtext ul a:visited{
	color: #fff;
	/*padding-left: 2px;*/
	font-weight: normal;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	display:block;
	height:38px;
	width:108px;
	padding:30px 16px 10px 16px;
	text-align:center;

}

#navtext ul a:hover{
	color: #c7db45;
	text-decoration: none;
	background-image: url(images/tab.gif);
	background-repeat:no-repeat;	
	text-decoration: none;	


}

#navtext ul .dwn a:link, #navtext ul .dwn a:visited{
	color: #c7db45;
	background-image: url(images/tab.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	text-decoration: none;

	
}
#subNav{
	margin-top:10px;
	height:20px;
	margin-left:55px;
}

#subNav li{
float:left;
}

#navContainer #subNav ul  a:link, #navContainer #subNav ul  a:visited{
	color: #c7db45;
	height:15px;
	padding:5px;
	display:block;
	font-size:110%;
	float:left;
}
#navContainer #subNav ul .dwn a{
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

#datamanager #navContainer #subNav ul  a:link, #datamanager #navContainer #subNav ul  a:visited,  #datamanager #navtext ul .dwn a:link, #datamanager #navtext ul .dwn a:visited{
	color: #b9b694;
}

#extranet #navContainer #subNav ul  a:link, #extranet #navContainer #subNav ul  a:visited, #extranet #navtext ul .dwn a:link, #extranet #navtext ul .dwn a:visited{
	color: #7677ab;
}
#webmarketing #navContainer #subNav ul  a:link, #webmarketing #navContainer #subNav ul  a:visited,  #webmarketing #navtext ul .dwn a:link, #webmarketing #navtext ul .dwn a:visited{
	color: #00aeef;
}
#email #navContainer #subNav ul  a:link, #email #navContainer #subNav ul  a:visited,  #email #navtext ul .dwn a:link, #email #navtext ul .dwn a:visited{
	color: #f9a329;
}
#imagem #navContainer #subNav ul  a:link, #imagem #navContainer #subNav ul  a:visited,  #imagem #navtext ul .dwn a:link, #imagem #navtext ul .dwn a:visited{
	color: #80a3b7;
}
#webshop #navContainer #subNav ul  a:link, #webshop #navContainer #subNav ul  a:visited,  #webshop #navtext ul .dwn a:link, #webshop #navtext ul .dwn a:visited{
	color: #e8068b;
}




a:link {
	color:  #908e8e;
	text-decoration: none;
}

a:visited {
	color:  #908e8e;
	text-decoration: none;
}

a:hover {
	color: #c7db45;
	text-decoration: underline;	
}

#footer a:link {
	color:  #666;
	text-decoration: none;
}

#footer a:visited {
	color:  #666;
	text-decoration: none;
}

#footer a:hover {
	color: #eb1838;
	text-decoration: underline;	
}


a.linkOpacity:hover img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	
}


.tick li{
	padding-left:35px;
	background-image: url(images/tick.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
	clear:right;
	height:25px;
	padding-top:5px;
	
}

.priceContainer{
	background-color:#000;
	height:287px;
	width:108px;
	float:left;
	border:solid 1px #7c7c7c;
	padding:20px 20px 10px 20px;
	margin-right:10px;
	text-align: center;
	color: #7c7c7c;
}

.priceContainer .title{
	color:#e59c1f;
	font-size:24px;
}
.priceContainer .content{
	padding:10px 0px;
	height:200px;
}

/***********************************************/
/* Sub-Sub Nav styles*/
/***********************************************/
#subSubNav {
	float:left;
	width:175px;
	height:219px;
	margin-top:35px;
	padding-left:30px;
	padding-bottom:20px;
	margin-right:20px;			
}

#subSubNav li{
	float: none;
	padding-left: 0px;	
}

#subSubNav li a:link, #subSubNav li a:visited{
	font-size:12px;
	color:#908e8e;
}

#email #subSubNav li{
	height:35px;
	width:179px;
	
}

#subSubNav li a:link,#subSubNav li a:visited{
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	height:35px;
	width:179px;
	margin:0;
	padding:0;
	overflow: hidden;	
	line-height:20em;
}

#subSubNav li a:hover,#subSubNav .dwn a{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

#email #subSubNav li #link1:link, #email #subSubNav li #link1:visited{
		background-image:url(images/ssnav/email1.gif);
}
#email #subSubNav li #link2:link, #email #subSubNav li #link2:visited{
		background-image:url(images/ssnav/email2.gif);
}
#email #subSubNav li #link3:link, #email #subSubNav li #link3:visited{
		background-image:url(images/ssnav/email3.gif);
}
#email #subSubNav li #link4:link, #email #subSubNav li #link4:visited{
		background-image:url(images/ssnav/email4.gif);
}

#webmarketing #subSubNav li #link1:link, #webmarketing #subSubNav li #link1:visited{
		background-image:url(images/ssnav/webmarketing1.gif);
}
#webmarketing #subSubNav li #link2:link, #webmarketing #subSubNav li #link2:visited{
		background-image:url(images/ssnav/webmarketing2.gif);
}
#webmarketing #subSubNav li #link3:link, #webmarketing #subSubNav li #link3:visited{
		background-image:url(images/ssnav/webmarketing3.gif);
}

#datamanager #subSubNav li #link1:link, #datamanager #subSubNav li #link1:visited{
		background-image:url(images/ssnav/datamanager1.gif);
}
#datamanager #subSubNav li #link2:link, #datamanager #subSubNav li #link2:visited{
		background-image:url(images/ssnav/datamanager2.gif);
}

#webshop #subSubNav li #link1:link, #webshop #subSubNav li #link1:visited{
		background-image:url(images/ssnav/webshop1.gif);
}
#webshop #subSubNav li #link2:link, #webshop #subSubNav li #link2:visited{
		background-image:url(images/ssnav/webshop2.gif);
}
#webshop #subSubNav li #link3:link, #webshop #subSubNav li #link3:visited{
		background-image:url(images/ssnav/webshop3.gif);
}

#extranet #subSubNav li #link1:link, #extranet #subSubNav li #link1:visited{
		background-image:url(images/ssnav/extranet1.gif);
}
#extranet #subSubNav li #link2:link, #extranet #subSubNav li #link2:visited{
		background-image:url(images/ssnav/extranet2.gif);
}

#imagem #subSubNav li #link1:link, #imagem #subSubNav li #link1:visited{
		background-image:url(images/ssnav/imagem1.gif);
}
#imagem #subSubNav li #link2:link, #imagem #subSubNav li #link2:visited{
		background-image:url(images/ssnav/imagem2.gif);
}