/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */
 
 /*	CREATED BY ROEL SCHIJF					*/
/*	DATA ACCESS EUROPE						*/
/*	DATE: 2010-06-08						*/

/* STANDARD HTML TAG DEFINITION				*/
/* -----------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Cuprum);

html {
	width:100%;
	height:100%;
}

body {
	background: #FFFFFF;
	font-family: Cuprum,Verdana,sans-serif;
	font-size:14px;
	color: #585858;
}

a:link, a:visited {color: #585858;}
a:hover {color: #585858; text-decoration: underline;}

h1 { font-size: 20px; color: #cd0011; line-height: 26px;}
h2 { font-size: 20px; color: #cd0011; line-height: normal;}
h3 { font-size: 15px; color: #cd0011; line-height: normal; font-weight:bold;}

#bghome { 
	background: url(../images/bghome.jpg) repeat-x center top #FFFFFF;
}
#bgpattern { 
	background: url(../images/BgTopPattern.jpg) no-repeat center top;
}
#bgsub {
	background: url(../images/bgsubpage.gif) repeat-x center top #FFFFFF;
}
#bgpatternsub {
	background: url(../images/BgTopPatternSub.jpg) no-repeat center top;
}

.clear { clear: both;}
.spacer {margin: 0px 0px 20px 0px;clear:both;}
.divider {border-top:1px dotted #E6E6E6;}

#wrapper {
	width: 980px;
	margin: auto;
}

#bauer_header {
	margin:auto;
	width:960px;
	height:130px;
	text-align:center;
	z-index:0;
}

#bauer_navi_top_container {
	height:40px;
	width:960px;
	margin:auto;
	position:relative;
	z-index:3;
	text-align:center;
}

#bauer_navi_top {
	height:40px;
	display:inline-block;
	z-index:4;
	box-shadow:2px 2px 4px 4px #9f9f9f;
}

#bauer_content_container {
	width:960px;
	margin:auto;
	margin-top:20px;
}

#bauer_content_container {
	width:960px;
	text-align:justify;
	margin-top:20px;
}

#bauer_content_top {
	text-align:justify;
	line-height:20px;
}

#bauer_content_bottom {
	text-align:justify;
	line-height:20px;
}

#bauer_content_boxes_container{
	width:960px;
	margin:auto;
	margin-top:10px;
}

.bauer_content_box {
	background:#f4f4f4;
	width:440px;
	text-align:justify;
	line-height:25px;
}

.bauer_content_box ul {
	padding-left:10px;
}


#bauer_fournisseurs {
	width:960px;
	margin:auto;
	text-align:center;
}

#bauer_footer_container {
	width:100%;
	background:#585858;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
}

#bauer_footer {
	color:#ffffff;
	width:960px;
	margin:auto;
	font-size:12px;
}

#bauer_footer_navigation {
	float:left;
	width:450px;
}

#bauer_footer_buttons {
	float:left;
	width:200px;
	text-align:center;
}

#bauer_footer_contact {
	float:right;
	width:350px;
	text-align:left;
}

#bauer_footer_copyright {
	margin-top:10px;
	float:right;
	width:960px;
}


#bauer_footer_contact  a:link, #bauer_footer_contact a:visited {color: #ffffff; text-decoration: underline; text-decoration-style: dotted;}
#bauer_footer_contact a:hover {color: #ffffff; text-decoration: underline; text-decoration-style: dotted;}

#bauer_footer_copyright  a:link, #bauer_footer_copyright a:visited {color: #ffffff; text-decoration: underline; text-decoration-style: dotted;}
#bauer_footer_copyright a:hover {color: #ffffff; text-decoration: underline; text-decoration-style: dotted;}

#bauer_content_container a:link, #bauer_content_container  a:visited {color: #cd0011; text-decoration: underline; text-decoration-style: solid; text-decoration-color: #cd0011 ;}
#bauer_content_container a:hover {color: #cd0011; text-decoration: underline; text-decoration-style: solid; text-decoration-color: #cd0011 ;}


#info_div{
	width: 30px;
	height: 30px;
	display:block;
	float:left;
	/*left: 90px;*/
	
	position: absolute;
	top:760px;
	background: url(../images/icon_info.jpg) no-repeat;
	z-index:1;
}


#layer
{
	/*float:left;*/
	height:340px;
	width:940px;
	margin:auto;
	margin-top:0px;
	/*margin-left:220px;*/
	position:relative;
	z-index:2;
}

.layer
{
	/*float:left;*/
	height:340px;
	width:940px;
	margin:auto;
	margin-top:0px;
	/*margin-left:220px;*/
	position:relative;
	z-index:3;
	box-shadow: 0 1px 4px #9f9f9f;
	border: 4px solid #ffffff;
	border-radius: 4px;
}

.bauer_promo {
	width:960px;
	margin:auto;
	border-top:1px dashed #afafaf;
	padding-top:10px;
}


.bauer_promo_file {
	width:300px;
	float:left;
	vertical-align:middle;
	padding-left:10px;
}

.bauer_promo_text {
	width:600px;
	float:right;
	text-align:justify;
}

#tabelle {
  display: table;   
  
  border-spacing: 8px;
}
.zelle {
  border: 2px solid grey;
  display: table-cell;
  width: 300px;
} 

.bauer_promo_button {
	background:#ff675b;
	color:#ffffff;
	padding:4px;
	border: 4px solid #ff675b;
	border-radius: 4px;
	display:inline-block;
}


.bauer_promo_button:hover {
	background:#ff4f42;
	color:#ffffff;
	border: 4px solid #ff4f42;
} 


.bauer_footer_button {
	background:#aeaeae;
	color:#000000;
	padding:4px;
	border: 1px solid #000000;
	border-radius: 4px;
	display:inline-block;
}


.bauer_footer_button:hover {
	background:#bbbbbb;
	color:#000000;
	border: 1px solid #000000;
	text-decoration: none;
} 
	


/* HEADER          					     	*/
/* -----------------------------------------*/
/*#header {
	height: 75px;
}*/
#logo {
	float: left;
	padding: 1px 0px 0px 0px;
	height:72px;
	min-width: 300px;
}
#logo #icon {
	width:50px;
	height:72px;
	float: left;
	padding: 15px 10px 0px 5px;
}
#logo #companyName {
	color:#FFFFFF;
	font-size: 18px;
	padding: 15px 0px 0px 0px;
}
#logo #companySlogan {
	color:#FFFFFF;
	font-size: 11px;
	padding: 2px 0px 0px 0px;
}

/* LOGIN					                */
/* -----------------------------------------*/
#login {
	float: right;
	color:#DCDFE4;
	font-size: 11px;
	height: 15px;
}
#login #loggedinmessage {
	float: left;
	padding: 5px 10px 0px 0px;
	color: #FFFFFF;
}
#login #loggedinmessage span{
	font-weight: bold;
}
#login a{
	text-decoration: none;
}

/*#content .warning, #contentLarge .warning, .CouponErrorText {
	color: #E00026;
	padding: 10px 10px 10px 40px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url(../images/warning.png) no-repeat 5px center #F4F4F4;
}*/
/* SEARCH					                */
/* -----------------------------------------*/
#searchbutton {
	float: right;
	color:#DCDFE4;
	font-size: 11px;
	height: 15px;
}
#searchbutton a{
	text-decoration: none;
}
#searchform  {
	margin: 0px 0px 20px 0px;
}
#searchform  input{
	height: 30px;
	line-height: 30px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #E6E6E6;
	font-size: 11px;
	width: 300px;
	float: left;
	margin: 0px 10px 0px 0px;
	color: #5D6679;
}

/* FEATURE PANEL			                */
/* -----------------------------------------*/
#featurepanel {
	height: 250px;
}

#featurepanel #intro {
	float: left;
	width: 732px;
	padding: 15px 0px 0px 5px;
}

#featurepanel h1 {
	color:#FFFFFF;
	font-size: 38px;
}
#featurepanel p {
	color:#FFFFFF;
	line-height: 18px;
	font-size: 13px;
	padding: 25px 0px 0px 0px;
	font-style: italic;
}

/* BREADCRUMB					    		*/
/* -----------------------------------------*/
#breadcrumb{
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	padding:0px 5px 0px 5px;
	z-index: 1;
}
#breadcrumb ul{
	margin: 0;
	padding: 0;
	display: block;
}
#breadcrumb ul li{
	display: block;
	float: left;
	position: relative;
	height: 20px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 11px;
	background: url(../images/Chevron.png) no-repeat 100% 5px;
}

#breadcrumb ul li a{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumb ul li .first{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	overflow: hidden;
	background:url(../images/IconHome.gif) no-repeat left 2px;
}
#breadcrumb ul li .first:hover{
	background-position: 0 -14px;
}
#breadcrumb  ul li.last{
	background: none;
	margin-right: 0;
	padding-right: 0;
}

#breadcrumb ul li a:hover{
	text-decoration: underline;
}

/* GLOBAL CONTENT				    		*/
/* -----------------------------------------*/
/*#contentContainer {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	clear:both;
	color: #4B5152;
}*/

/* HOME CONTAINER				    		*/
/* -----------------------------------------*/
.collumnblock {
	float: left;
	width: 225px;
	margin: 0px;
	padding: 5px 10px 0px 10px;
}
.collumnblock  .icon img, .collumnblock2  .icon img{
	float: left;
	padding: 0px 15px 0px 0px;
	margin: 0;
}

.collumnblock  p {
	clear: both;
	padding: 7px 0px 20px 0px;
	*padding: 3px 0px 20px 0px;
	line-height: 18px;
}

.collumnblock2 {
	float: right;
	width: 210px;
	margin: 0px;
	padding: 5px 12px 10px 12px;
}
.collumnblock2 p{
	line-height: 18px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.collumnblock a, .collumnblock2 a{
	text-decoration: none;
	color: #5B6373;
}

/* NORMALPAGE CONTAINER			    		*/
/* -----------------------------------------*/
#subheader {
	margin: 20px 0px 0px 5px;
	height: 43px;
}
/*#content {
	float: left;
	width: 700px;
	padding: 10px 30px 10px 5px;
	line-height: 18px;
}*/
#contentLarge {
	float: left;
	width: 960px;
	padding: 10px 20px 10px 5px;
	line-height: 18px;
}

/*#content h2, #contentLarge h2{
	padding: 10px 0px 0px 0px;
}
#content p, #contentLarge p{
	padding: 5px 0px 10px 0px;
}

#content ul , #contentLarge ul{
	padding: 5px 0px 5px 0px;
}
#content ul li, #contentLarge ul li{
	padding: 1px 0px 1px 20px;
	margin: 0px 0px 0px 5px;
	background: url(../images/iconArrows.png) no-repeat left 6px;
}*/

/* SIDEBAR						    		*/
/* -----------------------------------------*/
#sidebar {
	float: right;
	width: 210px;
	min-height:205px;
	padding: 10px 10px 0px 20px;
	line-height: 18px;
	font-size: 11px;
	background: url(../images/dividerVertical.png) no-repeat left top;
}

#sidebar .widget {
	margin: 0px 0px 20px 0px;
	clear:both;
}
#sidebar .widget h2{
	padding: 0px 0px 3px 0px;
	font-size: 20px;
}
#sidebar .widget a{
	font-weight: normal;
	text-decoration: none;
}
#sidebar .widget .subnavigation{
	padding: 5px 0px 10px 10px;
}
#sidebar .widget .subnavigation li .normal{
	padding: 0px 0px 0px 20px;
	background: url(../images/iconArrows.png) no-repeat left 4px;
	line-height: normal;
}

#sidebar .widget .subnavigation li .current{
	font-weight: bold;
	background: url(../images/iconArrows.png) no-repeat left 4px;
	padding: 0px 0px 0px 16px;
}
#sidebar .widget .subnavigation li a:hover{
	font-weight: bold;
	background: url(../images/iconArrows.png) no-repeat left 4px;
	padding: 0px 0px 0px 16px;
}

#sidebar .widget .subnavigation li ul{
    margin: 0px 0px 0px 10px;
}

/* MADE IN ELECTOS				    		*/
/* -----------------------------------------*/
#bgmadeinContainer {
	background: #5D6679;
	color: #FFFFFF;
}
#madeinContainer {
	margin: auto;
	width: 985px;
	padding: 0px 0px 0px 0px;
	clear:both;
	color: #4B5152;
}
#madeinContainer #description {
	width: 235px;
	float: left;
	padding: 0px 0px 15px 0px;
}
#madeinContainer #description .button{
	text-decoration: none;
}
#madeinContainer #showcase {
	width: 740px;
	float: right;
	margin: 10px 0px 0px 0px;
}

#madeinContainer  #description h2{
	color: #FFFFFF;
	padding: 15px 0px 0px 12px;
}
#madeinContainer  #description p{
	color: #FFFFFF;
	padding: 10px 0px 0px 12px;
	line-height: 18px;
}

#showcase .boxgrid{ 
	float: left;
	margin: 20px 10px 0px 15px;
	background: url(../images/thumbBg.png) no-repeat left top;
	height:183px;
	width: 219px;
	overflow: hidden; 
	position: relative; 
}
#showcase .boxgrid img{ 
	position: absolute; 
	top: 4px; 
	left: 4px; 
	border: 0; 
}
#showcase .boxgrid h3{
	color: #FFFFFF;
	padding: 4px 0px 0px 6px;
	font-size: 20px;
}
#showcase .boxgrid p{
	color: #FFFFFF;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
}
#showcase .boxgrid a{ 
	color: #FFFFFF;
	padding: 8px 0px 5px 30px;
	margin: 5px 0px 0px 10px;
	font-weight:bold; 
	text-decoration: none;
	display: block;
}
#showcase .boxgrid .zoom{ 
	background: url(../images/iconZoom.png) no-repeat left 4px;
}
#showcase .boxgrid .visit{ 
	background: url(../images/iconVisit.png) no-repeat left 4px;
}
#showcase .boxgrid a:hover{ 
	background-position: left -31px;
}
#showcase .boxcaption{ 
	float: left; 
	position: absolute; 
	background: #3A3F4A; 
	margin: 0px 0px 0px 4px;
	height: 120px; 
	width: 211px; 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#showcase .captionfull .boxcaption {
	top: -120px;
	left: 0;
}
/* FOOTER NAVIGATION			    		*/
/* -----------------------------------------*/
/*#footer {
	margin: auto;
	width: 985px;
	clear: both;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
}
#footer  a{
	color: #FFFFFF;
}*/
#advertisement {
	float: left;
	padding: 0px 0px 15px 0px;
	background: url(../images/advert_DAEGraphics.png) no-repeat left top;
	height: 92px;
	width:633px;
}
#advertisement:hover{
	background-position: left -107px;
}
#navigateto {
	float: left;
	padding: 10px 10px 20px 10px;
}
#navigateto h2{
	color: #414141;
	padding: 0px 0px 5px 0px;
}
#navigateto li {
	background: url(../images/bullet.png) no-repeat left 5px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#navigateto li a{
	color: #FFFFFF;
	line-height: 18px;
	text-decoration: none;
}
#navigateto li a:hover{
	color: #414141;
	text-decoration: underline;
}

#navigateto .listbox{
	float: left;
	padding: 0px 20px 0px 3px;
}

#credits {
	clear: both;
	padding: 2px 0px 20px 12px;
	border-top: 1px solid #CACACA;
	font-size: 11px;
}
#copyright {
	float: left;
}
#shortcuts {
	float: right;
}
#shortcuts li{
	padding: 0px 12px 0px 0px;
	float: left;
}
#shortcuts li a{
	font-weight: normal;
	text-decoration: none;
}
#shortcuts li a:hover{
	color:#414141;
	text-decoration: underline;
}

/* SPECIAL BUTTON STYLE			    		*/
/* -----------------------------------------*/
.buttonSpecial {
	height:24px;
	background: url(../images/toptabLeft.png) no-repeat left top;
	border:none;
    display:block;
    float:left;
    padding:0px 0px 0px 0px;
    margin: 0px 5px 0px 0px;
}

.buttonSpecial span {
	height: 19px;
	background: url('../images/toptabRight.png') no-repeat right top;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 5px 15px 0px 15px;
	font-weight: bold;
	text-decoration: none;
}

.buttonSpecial:hover  {
	background-position: left -31px;
}
.buttonSpecial span:hover  {
	background-position: right -31px;
}

.buttonSpecial span:hover{
	text-decoration: none;
	color:#414141;
}

/* DISABLE BUTTON STYLE			    		*/
/* -----------------------------------------*/
.buttonDisable {
	height:38px;
	background: url(../images/buttonLeft.png) no-repeat left top;
	border:none;
    display:block;
    float:left;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.buttonDisable span {
	height: 26px;
	line-height: normal;
	background: url('../images/buttonRight.png') no-repeat right top;
	cursor:default;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 12px 15px 0px 15px;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.buttonDisable, a.buttonDisable:link, .buttonDisable:hover, .buttonDisable:visited {
	color: #C0C0C0;
	text-decoration: none;
}

/* WEBSHOP REMOVE BUTTON STYLE				*/
/* -----------------------------------------*/
.buttonRemove {
	height:17px;
	background: url(../images/buttonLeft.png) no-repeat left top;
	border:none;
    display:block;
    float:left;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.buttonRemove span {
	height: 12px;
	line-height: normal;
	background: url('../images/buttonRight.png') no-repeat right top;
	cursor:pointer;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 2px 7px;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.buttonRemove {
	text-decoration: none;
}

.buttonRemove:hover  {
	background-position: left -38px;
}
.buttonRemove span:hover  {
	background-position: right -38px;
}

.buttonRemove span:hover{
	text-decoration: none;
}

/* IMAGE GALLERY				    		*/
/* -----------------------------------------*/
#photoAlbum .album  {
	margin: 0px 20px 10px 0px;
	border-bottom: 1px dotted #DCDFE4;
}
#photoAlbum .album  a{
	font-weight: normal;
	text-decoration: none;
}
#photoAlbum .album .coverArt{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 4px 0px 0px 4px;
	height:183px;
	width: 219px;
	background: url(../images/thumbBg.png) no-repeat left top;
}
#photoAlbum .album .overflow{
	overflow: hidden;
	height:165px;
	width:211px;
}
#photoAlbum .album .coverTitle{
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}
#photoAlbum .album .coverYear{
	padding: 5px 0px 10px 0px;
}
#photoAlbum .album .coverEnter{
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 250px;
	background: url(../images/iconArrows.png) no-repeat left 5px;
}

#thumbs .boxgrid{ 
	float: left;
	margin: 10px 5px 0px 0px;
	background: url(../images/thumbSmallBg.png) no-repeat left top;
	height:136px;
	width: 162px;
	overflow: hidden; 
	position: relative; 
}
#thumbs .boxgrid img{ 
	position: absolute; 
	top: 4px; 
	left: 4px; 
	border: 0; 
}
#thumbs .overflow{
	overflow: hidden;
	height:126px;
	width:162px;
	position: absolute; 
}
#thumbs .boxgrid h3{
	color: #FFFFFF;
	padding: 4px 0px 0px 6px;
	font-size: 12px;
	height: 45px;
	line-height: normal;
	font-weight: normal;
}

#thumbs .boxgrid a{ 
	color: #FFFFFF;
	padding: 8px 0px 5px 30px;
	margin: 2px 0px 0px 10px;
	font-weight:bold; 
	text-decoration: none;
	display: block;
}
#thumbs .boxgrid .zoom{ 
	background: url(../images/iconZoom.png) no-repeat left 4px;
}
#thumbs .boxgrid .visit{ 
	background: url(../images/iconDownload.png) no-repeat left 4px;
}
#thumbs .boxgrid a:hover{ 
	background-position: left -31px;
}
#thumbs .boxcaption{ 
	float: left; 
	position: absolute; 
	background: #3A3F4A; 
	margin: 0px 0px 0px 4px;
	height: 120px; 
	width: 160px; 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#thumbs .captionfull .boxcaption {
	top: -120px;
	left: 0;
}

/* NEWS ITEMS					    		*/
/* -----------------------------------------*/
#newstopic {
	padding:15px 12px 0px 0px;
	width:223px;
	float: right;
}

#newstopic .newsitem {
	margin: 0px 0px 3px 0px;
	padding: 5px 8px 5px 8px;
	display: block;
	text-decoration:none;
	background: #F0F0F0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#newstopic .newsitemAll {
	margin: 0px 0px 5px 0px;
	padding: 3px 8px 3px 8px;
	display: block;
	text-decoration:none;
	background: #5D6679;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#newstopic a.newsitem:hover{
	background: #CBCBCB;
}
#newstopic .newsitemAll:hover {
	background: #4D5463;
}
#newstopic .date {
	font-size: 11px;
	font-weight: normal;
	display: block;
	padding: 2px 0px 0px 0px;
	color: ##5D6679;
}
#newstopic .subject {
	color: #4D5463;
	display: block;
	font-size: 12px;
	font-weight: bold;
}
#newstopic  .story{
	font-size: 11px;
	display: block;
	font-weight: normal;
	line-height: normal;
}
#newstopic .readall{
	text-align: right;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0px 5px 0px 0px;
}

#newsContainer {
	padding: 0px 0px 0px 0px;
}
#newsContainer .newsItem {
	/*border-bottom: 1px dotted #DCDFE4;
	padding: 0px 0px 15px 0px;*/
	margin: 10px 0px 5px 0px;
}
#newsContainer .newsItem a{
	font-weight: normal;
	text-decoration: none;
}
#newsContainer .newsItem .date {
    background:transparent url(../images/iconDate.jpg) no-repeat scroll 0 0;
    color:#FFFFFF;
    font-size: 10px;
    height:54px;
    width: 57px;
    margin: 0px 0px 0px -60px;
    padding: 0px 0px 5px 0px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
}
#newsContainer .newsItem .date span{
    display: block;
    line-height: 11px;
}
#newsContainer .newsItem .date .year{
	padding: 6px 0px 0px 0px;
}
#newsContainer .newsItem .date .month{
	padding: 9px 2px 0px 4px;
	float: left;
	color: #61697B;
}
#newsContainer .newsItem .date .day{
	padding: 12px 2px 0px 4px;
	font-size: 18px;
	color: #61697B;
}
#newsContainer .newsItem .title{
	font-size: 14px;
	padding: 0px 0px 5px 10px;
}
#newsContainer .newsItem .story{
	padding: 0px 0px 0px 10px;
}
#newsContainer .newsItem .more{
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 0px 10px;
	background: url(../images/iconArrows.png) no-repeat left 5px;
	text-decoration: none;
	font-weight: normal;
	display: block;
}
#newsContainer #PreviousItem a, #newsContainer #NextItem a{
	text-decoration: none;
	border-top: 1px dotted #CDCDCD;
	padding: 3px 0px 0px 0px;
}

#newsContainer #PreviousItem {
	background: url(../images/iconArrows.png) no-repeat left -68px;
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 0px -60px;
	float: left;
}
#newsContainer #NextItem {
	background: url(../images/iconArrows.png) no-repeat right 5px;
	padding: 0px 20px 0px 0px;
	margin: 5px 0px 0px 0px;
	float: right;
}

.news_content
{
	background-color:#f4f4f4;
	padding:5px;
	text-align:justify;
}


/* SEARCH STYLE					    		*/
/* -----------------------------------------*/
/* Note: The following predefined styles are used to present the search result. You may change these to reflect your
 design for the search result table. Changing these style will not affcet the search result table in Electos Studio */

.SearchTable {
	width: 100%;	
	text-indent: 10px;	
	margin: 10px 0px 10px 0px;
}
.SearchTable a{
	color: #08426B;
}

.SearchTable th{
	padding: 0px 0px 4px 0px;
}
.SearchTable td {
	padding: 5px 0px 5px 0px;
}
.SearchRowOdd {
	background: #FFFFFF;
	height: 14px;
}
.SearchRowEven {
	background: #F4F4F4;
	height: 14px;
}
.SearchRowEven:hover, .SearchRowOdd:hover {
	background: #A8A8A8;
}

.SearchBox {
	border: #000000 1px solid;
}
.SearchButton {
	border: #000000 1px solid;
}
.sortimagecontainer{
	position: relative;
}
.sortimage{
	position: absolute; 
	top: -10px; 
	left: 5px; 
	border: 0 none; 
	vertical-align:top;
}
#searchbox .button {
	text-decoration: none;
}

/* WEBSHOP STYLES				    		*/
/* -----------------------------------------*/
#webshop .productContainer {
	float: left;
	margin: 10px 5px 10px 0px;
	font-size: 11px;
}

#webshop .bottomBg {
	background: url(../images/shop/productBottom.jpg) no-repeat left bottom;
	height: 11px;
	width: 169px;
}

#webshop .productItem {
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	width: 167px;
	height: 220px;
	padding: 0px 0px 20px 0px;
	display: block;
}
#webshop a.productItem {
	text-decoration: none;
}
#webshop .productTitle {
	line-height: normal;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	display: block;
}
#webshop .productDescription {
	padding: 2px 8px 0px 10px;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	display: block;
    height: 33px;
    overflow: hidden;
}
#webshop .productPrice {
	padding: 20px 10px 0px 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #5F687A;
	display: block;
}
#webshop .productDetails {
	padding: 20px 10px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #5F687A;
	display: block;
}
#webshop .productDetails:hover {
	text-decoration: underline;
	color: #0697C8;
}
#paymentmethods ul{
	margin:0;
	padding:0;
}
#paymentmethods li{
	float: left;
	padding: 2px 0px 2px 0px;
	margin:0;
}
#paymentmethods li img {
	margin: auto;
	vertical-align: middle;
}

#shoppingcart {
	width: 100%;
	margin: 5px 0px 0px 0px;
}

#shoppingcart td{
	border: 1px solid #E6E6E6;
}
#shoppingcart .item {
	padding: 2px 5px 2px 5px;
	background: #F2F2F2;
	width: 120px;
}
#shoppingcart .amount {
	padding: 2px 0px 2px 0px;
	background: #F2F2F2;
	text-align: center;
}
#shoppingcart .price{
	padding: 2px 5px 2px 5px;
	background: #F2F2F2;
	text-align: right;
	width: 50px;
}
#shoppingcart .empty{
	background: none;
	border:none;
}
#shoppingcart .total {
	padding: 2px 3px 2px 3px;
	background: none;
	border:none;
}
#shoppingcart .totalamount {
	background: none;
	border:none;
	text-align: right;
}
#shoppingcart .totalamount a, #shoppingcart .total{
	font-weight: bold;
}
#shoppingcart .item a:hover, #shoppingcart .amount a:hover, #shoppingcart .price a:hover, #shoppingcart .total a:hover, #shoppingcart .totalamount a:hover{
	text-decoration: underline;
}
#checkout {
	text-align: right;
	font-weight: bold;
	border-top: 1px dotted #E6E6E6;
	background: url(../images/iconArrows.png) no-repeat right 5px;
	padding: 0px 15px 0px 0px;
}
#sidebar .widget #checkout a {
	font-weight: bold;
}
#sidebar .widget #checkout a:hover {
	text-decoration: underline;
}

#productDetails {
	font-size: 11px;
}

#productDetails  .image{
	float: left;
	margin: 10px 20px 10px 0px;
	height:200px;
	width:160px;
	overflow:hidden;
	text-align: center;
}

#productDetails  .productnumber {
	margin: 0px 0px 0px 0px;
	clear:right;
}
#productDetails  .productnumber span{
	font-weight: bold;
}

#productDetails .price {
	padding: 20px 20px 0px 0px;
	font-size: 20px;
	font-weight: bold;
	color: #5F687A;
	float: left;
}
#productDetails .price  span{
	font-size: 11px;
}

#productDetails .description{
	float: right;
	width: 520px;
}
#productDetails .quantityprice{
	float: left;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
#productDetails .add{
	float: right;
	width: 520px;
}
#productDetails .add .quantity, #productDetails .quantityprice .quantityheader{
	font-weight: bold;
}
#productDetails .add input{
	width:20px;
	border: 1px solid #E6E6E6;
	text-align:right;
	margin: 0px 5px 0px 5px;
}
#productDetails .placeOrder{
	text-align: right;
	font-weight: bold;
	border-top: 1px dotted #E6E6E6;
	background: url(../images/iconArrows.png) no-repeat right 8px;
	padding: 0px 15px 0px 0px;
	line-height: normal;
	margin: 0;
}

#productDetails .description h3{
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#webshop #steps {
	border-bottom: 1px dotted #E6E6E6;
}
#webshop #steps a{
	text-decoration: none;
	font-weight: bold;
}

#webshop #steps li {
	float: left;
	background: none;
	margin:0px 60px 5px 0px;
	padding:10px 8px 4px 8px;
	font-weight: normal;
	display: block;
	font-weight: bold;
}
#webshop #steps li span{
	font-size: 30px;
	font-weight: bold;
}

#webshop #steps .current {
	background: #5F687A;
	color:#FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#webshop #steps .current a{
	color:#FFFFFF;
	text-decoration: none;
}

#webshop #checkoutOverview, #webshop #couponOverview , #webshop #CartCouponDetails, #webshop #billingoverview, #webshop #shippingoverview, #webshop #comments{
	width: 100%;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}
#webshop #checkoutOverview th, #webshop #couponOverview th, #webshop #CartCouponDetails th{
	background: #5F687A;
	padding: 3px 20px 3px 10px;
	text-align: left;
	color: #FFFFFF;
}

#webshop #checkoutOverview .even{
	background: #FFFFFF;
}
#webshop #checkoutOverview .uneven{
	background: #F2F2F2;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	border-left: none;
}
#webshop #couponOverview .even , #webshop #CartCouponDetails .even{
	background: #FFFFFF;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	border-left: none;
}
#webshop #couponOverview .uneven , #webshop #CartCouponDetails .uneven {
	background: #F2F2F2;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	border-left: none;
}
#webshop #checkoutOverview td, #webshop #totalOverview td, #webshop #couponOverview td, #webshop #CartCouponDetails td, #webshop #finaltotalOverview td{
	padding: 3px 20px 3px 10px;
	text-align: left;
}

#webshop #checkoutOverview .last , #webshop #totalOverview .last , #webshop #couponOverview .last, #webshop #CartCouponDetails .last, #webshop #finaltotalOverview .last {
	text-align: right;
	width: 100px;
}

#webshop #checkoutOverview th.quantity, #webshop #couponOverview th.couponcode, #webshop #CartCouponDetails th.couponcode{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
}
#webshop #checkoutOverview .quantity, #webshop #couponOverview .couponcode, #webshop #CartCouponDetails .couponcode{
	font-weight: bold;
	font-size: 16px;
	color: #5F687A;
	text-align: right;
}
#webshop #checkoutOverview .quantity a{
	text-decoration: none;
	padding: 3px;
}
#webshop #checkoutOverview .quantity input{
	width: 20px;
	text-align: right;
	font-size: 11px;
	border: 1px solid #5F687A;
}
#webshop #couponOverview .couponcode input, #webshop #CartCouponDetails .couponcode input{	
	text-align: right;
	font-size: 11px;
	border: 1px solid #5F687A;
}
#webshop #totalOverview .coupon input, #webshop #finaltotalOverview .coupon input{
	width: 120px;
	height: 20px;
	text-align: left;
	font-size: 11px;
	border: 1px solid #E6E6E6;
	padding: 0px 2px 0px 2px;
}

#webshop #checkoutOverview .subtotal, #webshop #totalOverview .subtotal, #webshop #finaltotalOverview .subtotal{
	background: #FFFFFF;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
}
#webshop #totalOverview .discounttotal, #webshop #finaltotalOverview .discounttotal{
	background: #FFFFFF;
	border: none;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
}
#webshop #totalOverview .payment, #webshop #totalOverview .shipping, #webshop #totalOverview .coupon{
	font-weight: normal;
	font-size: 12px;
}

#webshop #totalOverview .payment select, #webshop #totalOverview .shipping select{
	font-size: 11px;
	border: 1px solid #E6E6E6;
	height: 20px;
	padding: 2px 0px 0px 0px;
}
#webshop #finaltotalOverview .payment, #webshop #finaltotalOverview .shipping, #webshop #finaltotalOverview .coupon{
	font-weight: normal;
	font-size: 12px;
}

#webshop #finaltotalOverview .payment select, #webshop #finaltotalOverview .shipping select{
	font-size: 11px;
	border: 1px solid #E6E6E6;
	height: 20px;
	padding: 2px 0px 0px 0px;
}
#webshop #totalOverview .total, #webshop #finaltotalOverview .total{
	font-weight: bold;
	font-size: 16px;
	background: #FFFFFF;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#webshop #checkoutOverview .subtotal td, #webshop #totalOverview .subtotal td, #webshop #totalOverview .discounttotal td, #webshop #totalOverview .shipping td, #webshop #totalOverview .total td, #webshop #totalOverview .payment td, #webshop #totalOverview .coupon td{
	text-align: right;
}
#webshop #finaltotalOverview .subtotal td, #webshop #finaltotalOverview .discounttotal td, #webshop #finaltotalOverview .shipping td, #webshop #finaltotalOverview .total td, #webshop #finaltotalOverview .payment td, #webshop #finaltotalOverview .coupon td{
	text-align: right;
}
#webshop #totalOverview, #webshop #finaltotalOverview {
	width: 100%;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}
#webshop #totalOverview th, #webshop #finaltotalOverview th{
	padding: 0px 20px 1px 10px;
	text-align: left;
	color: #FFFFFF;
}
/*#webshop #billingoverview .header, #webshop #shippingoverview .header, #webshop #comments .header{	
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:0;
	text-align:left;
	width:140px;
}*/
#webshop #billingoverview .name, #webshop #shippingoverview .name, #webshop #comments .name{	
	font-size:12px;
	font-weight:bold;
	display:block;
	float: left;
	line-height:20px;
	margin:2px 0 10px 0px;
	padding:0;
	text-align:left;
	width:140px;
}
#webshop #billingoverview .value, #webshop #shippingoverview .value, #webshop #comments .value{
	background:none repeat scroll 0 0 #FFFFFF;	
	color:#908E81;
	font-size:11px;
	padding:4px 2px;
	width:400px;
	vertical-align:top;
}
#webshop #buttons{
	width: 100%;	
}
#termsandconditions{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B2B8C4;
	color: #908E81;
	display: block;
	float: left;
	font-size: 11px;
	margin: 2px 0 20px 10px;
	padding: 4px 2px;
	width: 400px;
	height: 100px; 
	overflow: auto;
}

/* CHECKOUT WAIT SCREEN STYLES		    	*/
/* -----------------------------------------*/
#waitscreen {
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 20px 0px;
	clear: both;
	color: #4B5152;
}
#waitscreenContainer{
	float: left;
	width: 980px;
	padding: 10px 30px 10px 5px;
	line-height: 18px;
}
#waitscreenContainer #waitscreenContent{
	height: 150px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#waitscreenContainer #waitscreenContent .waitscreenimage{
	background: url("../images/lightbox-ico-loading.gif") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;	
	height: 32px;
	width: 32px;
	margin:0 0 0 -42px;
	padding: 0 0 5px;
	position: absolute;
	text-align: center;
}
#waitscreenContainer #waitscreenContent .waitscreentext{
	font-size: 14px;
	padding: 0 0 5px 10px;
	color: #5D6679;
	vertical-align: bottom;
	text-align: left;
}
#waitscreenContainer #waitscreenContent .waitscreenmessage{
	padding: 0 0 0 10px;
	color: #5D6679;
}

/* WEBSHOP PRODUCT TYPE STYLES		    	*/
/* -----------------------------------------*/
#ProductType {
	width: 100%;
	margin: 10px 0px 0px 0px;
	font-size: 11px;   
}
#ProductType th{
	background: #5F687A;	
	color: #FFFFFF;    
}
#ProductType .even{
	background: #FFFFFF;
}
#ProductType .uneven{
	background: #F2F2F2;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	border-left: none;
}
.ProductTypeValueName {	
	width: 120px;
    padding: 3px 20px 3px 3px;
    text-align: left;
}	
.ProductTypeValue {
	width: 250px;
    padding: 3px 0px;
    text-align: left;
}
.ProductTypeValueNumber {
	width: 100px;
    padding: 3px 0px;
    text-align: left;
}
.ProductTypeValueCost {
	width: 50px;
    padding: 3px 3px 3px 0px;
    text-align: right;
}
.ProductTypeValue select, .ProductTypeValue input {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #B2B8C4;
    color:#908E81;       
    font-size:11px;    
}

/* PRODUCT ATTRIBUTE TOOLTIP STYLES		   	*/
/* -----------------------------------------*/

.AttributeNameHeader {
	padding-right: 7px;
	text-align: left;
}
.AttributeValueHeader {
	padding-right: 7px;
	text-align: left;
}
.AttributeCostHeader {
	text-align: left;
}
.AttributeNameText {
	padding-right: 7px;
	text-align: left;
}
.AttributeValueText {
	padding-right: 7px;
	text-align: left;
}
.AttributeCostText {
	text-align: right;
}