/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/*ul,ol { list-style: none; }*/
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size	: 1px; }
.none { display:none; }
.prel { position: relative; }
.pabs { position: absolute; }
.pad8 { padding:8px; }

/* TYPE */
strong { font-weight: bold }
body 
{ 
	font: 11px Verdana; 
    color: #333333; 
    margin: 0px;
    padding: 0px;
    line-height: 14px;
       
}

/* Links */

a { color: #663399; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }  

/* Headers and Paragraphs */

p {line-height: 20px;}
li { line-height: 17px;}

h1 { font-weight: bold; font-size: 14px; color: #663399; padding-bottom:10px; }
h2 { font-size: 11px; line-height: 14px;}
h3 { font-weight: bold; font-size: 12px; }
h4 { font-weight: bold; font-size: 12px; color: #663399; }

li { list-style-position:inside;}

.note {margin-left: 10px; font-size: 9px;}

/* Input Controls */

input, textarea, select { font-size: 11px; font-family: Verdana, Arial;
	height: 21px;
}


.searchBox { width: 160px; height: 18px; margin-top: 2px; font: 11px Verdana; color: #333333; border-width: 0px;}
.tbAuth { width: 122px; height: 16px; padding: 2px; border: solid 0px #fff; color: #666; }
.newreg { font-weight: bold; font-size: 12px; padding: 8px 12px 12px 12px; margin-left: 270px; color: White; text-decoration: none;}
a.fbbutton {text-decoration: none; margin: auto; line-height: 22px; padding-top: 6px; display:block; margin-top: 2px;  width: 180px; font: 12px Verdana; color: #fff; background: #666666;  border-width: 0px; height:18px; cursor:pointer}
a.fbbutton:hover { background: #663399; }
.largebutton { width: 180px; font: 12px Verdana; color: #fff; background: #666666; margin-top: 9px; border-width: 0px; }
.checkbox {width: 10px;}
.error { color: #CF4444; }
.errorover { color: #CF4444; background: #fff; position: absolute; left: 0;	top:0 }
.gvPrice {width: 180px; color: #6F6D56; border: solid 0px #fff}

.iframeBtnBuy { width: 150px; height: 50px; border: solid 0px #fff}
.iframeLogin { width: 180px; height: 150px; border: solid 0px #fff}

.upper
{
	text-transform: uppercase;
}


.msg 
{
	padding-left: 15px;
	margin: 10px 0;
	background: #fff url(/images/tick.gif) no-repeat;
}

.msg.error 
{
	background: #fff url(/images/error.gif) no-repeat;
}

.disabled 
{
	color:#aaa;
}

#headercontainer
{
	width: 700px;
	height: 61px;
	padding-top: 30px;
	position: relative;
}

#logocontainer
{
	position: relative;
	float: left;
	height: 60px;
	padding: 0;
}

.logocontainer{
    position: absolute;
	height: 90px;
	padding: 0;
	bottom: 2px;
}

    .logocontainer a.right{
        bottom: -90px;
        position: absolute;
        right: 0px;
    }
    
    .logocontainer a.left{
        bottom: -90px;
        position: absolute;
        left: 0px;
    }
    
.spanAssotiationWith{
    position: absolute; 
    bottom: 2px; 
    left:290px; 
    font-size: 13px; 
    font-weight: bold;  
    text-transform: lowercase; 
}

#adobecontainer
{
	position: relative;
	float: right;
	height: 60px;
}


#barcontainer
{
	float:left;
	width: 700px;
	height: 8px;
	background:	#663399;	
	margin-bottom: 20px;
}


#menubar
{
	
	float:left; 
	height: 34px;
	margin-bottom: 19px;
	background: #9C063A;
}

#linkscontainer
{
	width: 700px;
	margin: 0 auto; padding: 0;  cursor: default; 
}

#authcontainer
{
	margin-left: 10px;
	height: 20px;
	width: 940px;
	padding: 7px 0 7px 0;
	color: #fff;
}

#centrecontainer
{
	left: 0px;
	width: 700px;
	margin: 0 auto;
}


#container    
{
	position: relative;
	width: 700px;
}


#maincont
{
	width: 700px;	
}

#leftcontainer
{
	float: left;
	width: 130px;
	display: none;
}

#contentcontainer
{
	float: left;
	width: 668px; /*700 - 2*15 - 2*1 */
	border: solid 1px #666; 
	padding: 15px;
	position: relative;
}

#loading{
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#loading .bg{
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
    
    background-color: #fff;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#loading .lCnt{
	background-color: #fff;
    border: 1px solid #ccc;
    height: 80px;
    left: 50%;
    margin: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80px;
    z-index: 3;
}

#loading .lCnt img{
	margin-top: 24px;
}


#contentmenucontainer
{
	
	float: left;
	width: 700px;
	height: 25px;
	
}

.menublocks
{
	text-align: center;
	margin-left: 5px;
	float: left;
	width: 230px;
	display: block;
	background: #CCC;
	height: 20px;
	line-height: 20px;
	color: White;
	text-decoration: none;
}

.menublocks:hover{
    text-decoration: none;
}

.menublocks.first{
    margin-left: 0px;
}

.menublocks.selected
{
	background: #8C66B3;	
}




#rightcontainer
{
	width: 180px;
	float: right;

}

#search
{
	width: 180px;
	background: #CCCCCC;
	height: 100px;
	margin-bottom: 1px;
}

#cart
{
	width: 180px;
	background: #CCCCCC;
	height: 400px;
	margin-bottom: 1px;
}

.iframeCart
{
	width: 168px;
	background: #CCCCCC;
	height: 385px;
	margin: 5px 0 0 5px;
	border: solid 1px black;
}

#menuContent
{
	width: 180px;
	background: #BD0844;
	margin-bottom: 1px;
}

#contactMARKA
{
	width: 178px;
	border: solid 1px #999999;
	height: 80px;
	margin-top: 8px;
}

#rss
{
	margin-top: 3px;
	width: 180px;
	background: #666666;
	height: 20px;
	text-indent: 8px;
	color: #fff;
	font-size: 12px;
	display: block;
}

#rss img 
{
	background: url(/images/rss-btn_out.gif);
	width: 46px;
	height: 16px;
	margin-top: 2px;
}

#faqs
{
	margin-top: 3px;
	width: 180px;
	background: #666666;
	height: 20px;
	text-indent: 8px;
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 20px;
	
}

#faqs:hover
{
	background: #8C66B3;
	text-decoration: none;
}

#manuais
{
	margin-top: 3px;
	width: 180px;
	background: #666666;
	height: 20px;
	text-indent: 8px;
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 20px;
}

#manuais:hover
{
	background: #8C66B3;
	text-decoration: none;
}

#manuais:selected
{
	background: #663399;	
}


.sectionTitleBar
{
	width: 180px;
	background: #663399;
	height: 24px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 1px;
}

.menuTitleBar 
{
	width: 180px;
	background: #4F0024;
	height: 24px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 1px;
	line-height: 24px;
	text-indent: 6px;
}

.menuTitleBar a
{
	color: #fff;
	text-decoration: none;
}

.menuSubTitleBar
{
	width: 180px;
	background: #70022E;
	height: 18px;
	font-size: 11px;
	text-indent: 9px;
	border-bottom: solid 1px #9C063A;
	line-height: 18px;
}

.menuSubTitleBar a
{
	color: #fff;
	text-decoration: none;
}

.menuSubSubTitleBar
{
	width: 180px;
	background: #9C063A;
	height: 16px;
	font-size: 11px;
	text-indent: 12px;
	line-height: 16px;
	border-bottom: solid 1px #9C063A;
}

.menuSubSubTitleBar a
{
	color: #fff;
	text-decoration: none;
}

.menuSubSubTitleBar:hover
{
	background: #70022E;
}

	

.contentTitleBar
{
	width: 570px;
	background: #BD0844;
	height: 24px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
}

.titlebar
{
	color: #fff;
	width: 725px;
	height: 24px;
	background: #999999;
	
}

#footercontainer
{	
	float: left;
	margin-top: 10px;
	border-top: solid 1px #aaa;
	width: 700px;
	height: 39px;
	font-size: 9px;
	text-align: right;
	
}


.userLoggedIn
{
	font-weight:bold;
}

.cbSub 
{
}

.valtit 
{
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana;
}

.valmsg 
{
	font-size: 12px;
	text-align: center;
	font-family: Verdana;	
}


table
{ 
	margin-left:auto; 
	margin-right:auto;
}


.buyButton
{
	
	width: 112px;
	height: 21px;
	display: block;
	border: solid 0px #fff;
	color: #fff;
	background-color: #8C66B3;
	
}

/**************/
.vAddedArea{
    width: 130px;
	height: 21px;
	display: block;
	color: Green;
	position: relative;
	overflow:visible;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
}

.delDiv{
    position: absolute;
    left : 130px;
    top : 0px;
    width: 20px;
	height: 21px;
	display: block;
	color: #fff;
	overflow: hidden;
}

.delDiv:hover {
    width: 148px;
    left: 0px;
    background-color: White;
    text-align: right;
}

.delText{
    color: Red; 
    text-align:left; 
    float: right; 
    width: 127px; 
    float:right;
}

.delBtn{
    float: right; 
    width: 20px; 
}

/*****************/

.checkoutButton
{
	
	width: 125px;
	height: 30px;
	text-align: center;
	display: block;
	border: solid 0px #fff;
	color: #fff;
	background-color: #8C66B3;
}

.remButton
{
	background-image: url(../images/remove_button.png);
	width: 16px;
	height: 17px;
	background-repeat:no-repeat;
	border: solid 0px #fff;
	background-color: #fff;
}

.backNextButton
{
	width: 130px;
	height: 21px;
	display: block;
	text-align: center;
	line-height: 21px;
	text-decoration: none;
	border: solid 0px #fff;
	color: #fff;
	background-color: #8C66B3;
}

.paymentButton
{
	width: 250px;
	height: 21px;
	display: block;
	text-align: center;
	line-height: 21px;
	text-decoration: none;
	border: solid 0px #fff;
	color: #fff;
	background-color: #8C66B3;
}


.termButton
{
	background-image: url(../images/term_button.png);
	width: 132px;
	height: 18px;
	background-repeat:no-repeat;
	border: solid 0px #fff;
	background-color: #CCC;	
	display: block;
}

.remButtonCart
{
	background-image: url(../images/remove_button.png);
	width: 16px;
	height: 17px;
	background-repeat:no-repeat;
	border: solid 0px #fff;
	background-color: #CCC;
}

.searchButton 
{	width: 102px; 
	background-color: #CCCCCC; 
	background-image: url(../images/search_button.png);
	margin-top: 9px; 
	border: solid 0px #fff; 
	height:18px; 
}


/* Items */
.item
{
	float: left;
	width: 182px;
	height: 250px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	
}


.img 
{
	position: relative;
	margin-top: 5px;
	width: 99px;
	height: 132px;
}

.tit
{
	margin-top: 3px;
	text-decoration: underline;
	color: #666;
}


.desc
{
	color: #666;
}

.prices
{
	margin-top: 10px;
}

.button_buy
{
	margin-top: 10px;
}

#microDemo{
    width: 170px; 
    height: 50px;
    background-color: #663399;
    color: White;
    padding: 5px;
}


.engLang{
    color:#666;
}

/***** Logins ******/

#loginbar
{
	width: 224px;
	background: #8C66B3;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 12px;
	text-align: center; 
	vertical-align: middle;
}

#loginbarMin
{
	width: 180px;
	background: #8C66B3;
	height: 24px;
	color: #fff;
	font-size: 12px;
}

#auth
{
    position:relative;
	width: 200px;
	background: #CCCCCC;
	/*height: 86px;*/
	margin-top: 1px;
	padding: 12px;
}

    #auth input, #authLogged input{
        margin: 4px 0 0 0;
    }

#authMin
{
	width: 180px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 1px;
}

#authLogged
{
	width: 200px;
	background: #CCCCCC;
	/*height: 100px;*/
	/*margin-top: 25px;  24 of login bar + 1px from top */
	text-align:left;
	padding: 12px;
}

#authLoggedMin
{
	width: 180px;
	background: #CCCCCC;
	height: 100px;
	margin-top: 25px; /* 24 of login bar + 1px from top */
	text-align:left;
}

#authLogged id, #authLogged span
{
	text-transform:uppercase;
}

#authLogged a 
{
	line-height: 25px;
}

.authbox { width: 200px; height: 18px; padding-top: 2px; font: 11px Verdana; color: #333333; border-width: 0px;}
.authboxMin { width: 130px; height: 18px; padding-top: 2px; font: 11px Verdana; color: #333333; border-width: 0px;}
a.button { padding: 5px 10px; text-decoration:none; text-transform:uppercase; line-height:22px; text-align:center; color: #fff; background: #666666;  }
a.button:hover { background: #663399 }
.loginbutton { width: 80px; font: 12px Verdana; color: #fff; background: #666666; margin-top: 9px; border-width: 0px; height:22px; cursor:pointer}
.loginbutton:hover { width: 80px; font: 12px Verdana; color: #fff; background: #663399; margin-top: 9px; border-width: 0px; height:22px; }


/* Billing
*********************************************/
#personalData, #paymentMethod{
    float: left; 
    width: 300px;   
}

#paymentMethod input[type=radio], #paymentMethod label{
    vertical-align:middle;   
}

.highlightPanel{
    margin: 10px 0; 
    padding: 10px; 
    background-color: #FFFFE0; 
    border: solid 1px #F0E68C;
}

.errorPanel{
    margin: 10px 0; 
    padding: 10px; 
    background-color: #FFEDED; 
    border: solid 1px #CF4444;
    color: #000;
}

.validationSummary{
    margin-top:0px;
}

.validationSummary li{
    list-style-type:none;
    background: url(/images/error.png) 0% 50% no-repeat;
    padding-left: 20px;	
}

#accountInfo p{
    margin-bottom: 10px;
}


.menublocks.iLeio
{
    width:171px;
}

.menublocks.active
{
    color: rgb(255, 255, 255); 
    background-color: rgb(119, 119, 119);
}

.menublocks.active:hover
{
    cursor: pointer; 
}

#readerSelecterDiv label,#readerSelecterDiv input[type=radio]
{
    vertical-align: middle;
}

#readerSelecterDiv input[type=radio]
{
    margin-right:5px;
}

.purpleText
{
    color: #8C66B3;
    font-size: 13px;
    font-weight:bold;
}


.msgDiscount
{
    color:#22B14C;
}

.itsInfo
{
    position:absolute;
    top: -34px;
    right: 0;
}

.promoCodeLabel
{
    float:left;
    margin-right:10px;
}