* {
margin: 0px;
padding: 0px;
}
img,table {
border: none;
}
body {
width: 100%;
height: 100%;
color: #171313;
background: #fff url("../img/bg_body_int.png") repeat-x top center;
font-family: Arial, Sans Serif, Verdana;
font-size: 100.1%;
}
body#index {
background: #fff url("../img/bg_body.png") repeat-x top center;
}
#page {
position: relative;
width: 960px;
min-height: 497px;
margin: 0px auto;
color: #a9a8ad;
}
#index #page {
background: url("../img/bg_page.jpg") no-repeat 40px 50px;
}
#header {
height: 193px;
overflow: hidden;
background: url("../img/bg_header.jpg") no-repeat left 50px;
}
#mainmenu {
height: 50px;
line-height: 50px;
color: #39354f;
}
#index #mainmenu {
/*margin: 0px 100px;*/
border-bottom: solid 1px #39354f;
}
#mainmenu span {
float: right;
}
#mainmenu a {
font-size: 12px;
font-weight: bold;
padding: 5px;
text-decoration: none;
}
#mainmenu span a {
font-weight: normal;
color: #b6b6b6;
}
#mainmenu a:hover, #mainmenu a#jshover{
color: #fff;
text-decoration: underline;
}
.stay_in_touch {color: #00b4f0;}
.have_fun {color: #b5d237;}
.work_smart {color: #fecb09;}
.get_personal {color: #f58323;}
.go_places {color: #ed1163;}
.watch_tv {color: #a8a7a8;}

#selectLang {
display: block;
position: relative;
width: 210px;
height: 23px;
float: right;
margin-left:25px;
top: 17px;
/*margin-top: 0px;*/
background: url("../img/bg_selectlang.png") no-repeat left top;
}
#selectLang select {
position: absolute;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
width: 210px;
cursor: pointer;
font-size: 11px;
}
#selectLang span {
display: block;
width: 160px;
height: 20px;
line-height: 20px;
float: none;
position: absolute;
top: 0px;
color: #8982a2;
font-size: 11px;
padding-left: 30px;
}
#selectLang option {
font-size: 11px;
padding: 2px;
}

#logo {
display: block;
width: 339px;
height: 81px;
background: url("../img/ipaq_appstore_logo.png") no-repeat center;
overflow: hidden;
text-indent: -9000px;

margin-top: 25px;
}
#index #logo {
/*margin-left: 100px;*/
margin-top: 50px;
}
#changedBlock {
width: 450px;
/*margin-left: 100px;*/
margin-top: 50px;
}
#changedBlock p {
font-size: 14px;
line-height: 145%;
margin: 10px 0px;
}
#changedBlock p b {
color: #fff;
}

#promoCode {
display: block;
margin-top: 43px;
margin-left: 380px;
}
#index #promoCode {
margin-top: 30px;
margin-left: 0px;
}
#promoCode input.button {
background: none;
border: none;
color: #5e5678;
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding-left: 0px;
}
#index  #promoCode input.button {
font-size: 20px;
}
#promoCode input.button:hover {
color: #fff;
}
#promoCode input.text {
width: 170px;
height: 19px;
background: url("../img/bg_input_int.png") no-repeat left top;
border: none;
color: #727272;
font-family: Tahoma;
font-size: 15px;
padding: 4px 10px;
font-weight: bold;
}
#index #promoCode input.text {
width: 250px;
height: 26px;
background: url("../img/bg_input.png") no-repeat left top;
font-size: 20px;
padding: 5px 10px;
font-weight: normal;
}



#title {
position: relative;
top: -40px;
height: 44px;
overflow: hidden;
background-image: url("../img/bg_tmm.png");
background-repeat: no-repeat;
background-position: left top;
}
#stay_in_touch #title {
background-position: left top;
}
#have_fun #title {
background-position: left -44px;
}
#work_smart #title {
background-position: left -88px;
}
#get_personal #title {
background-position: left -132px;
}
#go_places #title {
background-position: left -176px;
}
#watch_tv #title {
background-position: left -220px;
}
#breadcrumbs {
position: relative;
left: 225px;
top: 13px;
font-size: 10px;
font-weight: bold;
}

#current_user
{
	position: absolute;
	right: 0;
	margin-top: 3px;

	font-size: 12px;
}

#current_user a
{
	color: #ccc;
}

#current_user a.logout
{
	color: #d8bcbc;
}



#breadcrumbs a {
padding: 0px 3px;
color: #b6b6b6;
}
#breadcrumbs a:hover,
#breadcrumbs a.current {
color: #fff;
text-decoration: none;
}
#title_stay_in_touch a.current {
color: #fff !important;
text-decoration: none;
cursor: default;
}
#content {
position: relative;
top: -40px;
margin-top: 0px;
background: #ededed url("../img/bg_content.gif") no-repeat center bottom;
width: 960px;
overflow: hidden;
min-height: 400px;
border-top: solid 1px #fff;
color: #333333;
font-size: 14px;
}

#leftCol {
float: left;
width: 208px;
}
#rainbow {
display: block;
width: 208px;
list-style-type: none;
background: url("../img/bg_rainbow.gif") no-repeat left bottom;
}
#rainbow li {
list-style-type: none;;
}
#rainbow li a.stay_in_touch,
#rainbow li a.have_fun,
#rainbow li a.work_smart,
#rainbow li a.get_personal,
#rainbow li a.go_places,
#rainbow li a.watch_tv {
display: block;
width: 208px;
height: 38px;
line-height: 38px;
overflow: hidden;
text-indent: -9000px;
background-image: url("../img/bg_menu.png");
background-repeat: no-repeat;
border-bottom: solid 1px #fff;
}
#rainbow li a.stay_in_touch {
background-position: left top;
}
#rainbow li a.have_fun {
background-position: left -38px;
}
#rainbow li a.work_smart {
background-position: left -76px;
}
#rainbow li a.get_personal {
background-position: left -114px;
}
#rainbow li a.go_places {
background-position: left -152px;
}
#rainbow li a.watch_tv {
background-position: left -190px;
}
#rainbow li a.stay_in_touch:hover,
#rainbow li a.have_fun:hover,
#rainbow li a.work_smart:hover,
#rainbow li a.get_personal:hover,
#rainbow li a.go_places:hover,
#rainbow li a.watch_tv:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
#rainbow li.current {
font-size: 1px;
}
#rainbow li.current a.stay_in_touch,
#rainbow li.current a.have_fun,
#rainbow li.current a.work_smart,
#rainbow li.current a.get_personal,
#rainbow li.current a.go_places,
#rainbow li.current a.watch_tv {
display: none;
}
#rainbow li ul {
padding: 10px 0px 20px 0px;
padding: 0;
overflow: hidden;
}
#rainbow li li {
width: 208px;
vertical-align: bottom
}

#rainbow li li:first-child {
margin-top: 10px;
}

#rainbow li li:last-child {
margin-bottom: 20px;
}

#rainbow li li a {
display: block;
margin: 0px 15px;
padding: 4px 0px 4px 10px;
font-size: 12px;
color: #3a3a3a;
/*border-bottom: dotted 1px #fff;*/
text-decoration: none;
background: url("../img/ico_arrow.png") no-repeat left 9px;;
}
#stay_in_touch #rainbow li li a {
color: #00628f;
}
#have_fun #rainbow li li a {
color: #526400;
}
#work_smart #rainbow li li a {
color: #958137;
}
#get_personal #rainbow li li a {
color: #833c02;
}
#go_places #rainbow li li a {
color: #7a002e;
}
#watch_tv #rainbow li li a {
color: #545454;
}
#rainbow li li a:hover {
color: #000 !important;
text-decoration: underline;
}
#rainbow li li.current a {
font-weight: bold;
color: #000 !important;
text-decoration: none !important;
cursor: default;
}
#rainbow li li:hover {
background: #EDEDED;
}
#rainbow li li.current:hover {
background: none;
}

#rainbow li ul {

}
#rainbow li.current ul {
display:block;
}

#searchForm {
display: block;
padding: 10px;
background: #cecece;
border-bottom: solid 1px #fff;
}
#searchForm input {
width: 155px;
padding: 2px;
font-size: 12px;
color: #666666;
}
#searchForm input.button {
width: 20px;
background: #cecece url("../img/search_but.png") no-repeat right center;
border: none;
cursor: pointer;
}

#mainCol {
float: right;
width: 710px;
padding: 20px 20px 30px 0px;
}
#mainCol p {
line-height: 145%;
margin: 7px 0px;
font-size: 12px;
}
#mainCol p.large {
font-size: 14px;
}
#mainCol ul, #mainCol ol{
font-size: 12px;
margin: 7px 35px;
}
#mainCol ul li {
margin: 3px 0px;
}
a {
color: #5E5678;
}
a:hover {
color: #000;
text-decoration: none;
}
h1 {
color: #010008;
font-family: sans-serif;
font-size: 22px;
letter-spacing: -1px;
display: block;
clear: both;
border-bottom: solid 1px #DFDEDE;
padding-bottom: 10px;
margin-bottom: 10px;
width:80%;
}
h1 span {
display: block;
font-weight: normal;
font-size: 12px;
letter-spacing: 0px;
}
h1 i {
padding: 0px 5px;
color: #c0c0c0;
}
h2 {
font-family: sans-serif;
font-size: 16px;
margin-top: 20px;
}
.item,.productImg {
vertical-align: top;
display: inline-block;
width: 320px;
font-size: 11px;
margin: 10px 20px 10px 0px;
background: url("../img/bg_item.png") no-repeat center top;
padding-top: 10px;
text-decoration: none;
color: #333333;
cursor: pointer;
}
.productImg {
cursor: default;
float: right;
margin: 0px 0px 20px 20px;
}
.item b {
	min-height: 80px;
	overflow:hidden;
}
.item b,.productImg b {
display: inline-block;
width: 300px;
padding: 0px 10px 10px 10px;
background: url("../img/bg_item.png") no-repeat center bottom;
font-weight: normal;
}
.productImg b {
text-align: center;
}
.item h3 {
font-size: 12px;
font-weight: bold;
padding-left: 70px;
}
.item p {
padding-left: 70px;
}
#mainCol .item p {
font-size: 11px;
}
.item img {
width: 60px;
float: left;
}
#stay_in_touch .item:hover h3 {
color: #00628f;
}
#have_fun .item:hover h3 {
color: #526400;
}
#work_smart .item:hover h3 {
color: #958137;
}
#get_personal .item:hover h3 {
color: #833c02;
}
#go_places .item:hover h3 {
color: #7a002e;
}
#watch_tv .item:hover h3 {
color: #545454;
}

.screen {
display: block;
float: right;
width: 170px;
font-size: 11px;
margin: 0px 0px 10px 10px;
background: url("../img/bg_item1.png") no-repeat center top;
padding-top: 10px;
overflow: hidden;
position: relative;
}
.screen .screen-internal {
display: block;

width: 150px;
padding: 0px 10px 10px 10px;
background: url("../img/bg_item1.png") no-repeat left bottom;
font-weight: normal;
}

.screen .slide-wrapper
{
	width: 150px;
	height: 200px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.screen table
{
	margin: 0;
	padding:0;
	border: none;
	border-collapse: collapse;
	position: relative;
}

.screen table td
{
	margin: 0;
	padding: 0;
}


.screen .nav {
display: block;
margin-top: 10px;
text-align: center;
line-height: 1px;
}
.screen .nav a {
display: inline-block;
width: 4px;
height: 4px;
border: solid 2px #DFDEDE;
margin: 0px 3px 2px;
text-decoration: none;
vertical-align: middle;
}
.screen .nav a.current {
background: #af0000;
}
.button {
display: inline-block;
display: -moz-inline-box;
height: 21px;
line-height: 21px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
background: url("../img/bg_button.png") no-repeat left center;
padding-left: 14px;
margin-right: 5px;
zoom: 1;
cursor: pointer;
}
.button b {
display: inline-block;
display: -moz-inline-box;
height: 21px;
line-height: 21px;
background: url("../img/bg_button.png") no-repeat right center;
padding-right: 15px;
text-align: center;
white-space: nowrap;
margin-right:-2px;
zoom: 1;
}

.button input {
border: none;
background: none;
color: #fff;
overflow: visible;
font-weight: bold;
cursor: pointer;
}

.button:hover b {
color: #EDEDED;
}

.download {
display: block;
width: 158px;
height: 40px;
text-decoration: none;
background: url("../img/download.png") no-repeat left top;
cursor: pointer;
overflow: hidden;
text-indent: -9000px;
}
.download:hover {
background: url("../img/download.png") no-repeat left bottom;
}
.novirus {
position: absolute;
top: 10px;
right: 45px;
}
#footer {
position: relative;
color: #171313;
font-size: 11px;
padding-bottom: 30px;
}
#index #footer {
/*margin-left: 100px;*/
margin-top: 110px;
}
#footer a {
color: #a8a7a8;
}
#footer a:hover {
text-decoration: none;
}
#movie{
left:475px;
top: 114px;
position:absolute;
}
div.medium img{
display: inline-block;
}
div.medium{
font-size:12px;
}


#login-form-container
{
	width: 500px;
}


form.base
{
	margin: 10px 0;
}


form.base table
{
	border: none;
	border-collapse: collapse;
}

form.base table td
{
	padding: 2px 5px;
	vertical-align: top;
}

form.base label
{
	display: block;
	padding-right: 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #333333;
}

form.base tr.req label:after
{
	content: '*';
	color: #cc0000;
}

form.base label *
{
	vertical-align: middle;
}

form.base input, form.base select
{
	border: solid 1px #AFAFAF;
	font-size: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
	font-size: 100%;

	width: 190px;
}

form.base .button input {
width: auto;
border: none;
}

form.base input.checkbox
{
	width: auto;
	border: none;

	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

form.base button
{
	background: #e3e3e3 url('../img/bg_button.gif') repeat-x;
	border: 1px solid #AFAFAF;
	overflow: hidden;

	font-size: 12px;
	font-family: Arial;
	font-weight: lighter;
	padding: 1px 8px;


	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form.base button:hover
{
	border-color: #777;
}


.errors
{
	list-style: none;
	color: #cc0000;
}






.roverlay
{
	background: #000;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;


    opacity: 0.5;
    filter: alpha(opacity=50)
}

.loading-overlay
{
	opacity: 0;
    filter: alpha(opacity=0);
}

span.loading-text
{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px 10px;

	font-size: 12px;
	font-family: Arial;
	text-align: left;
	background: #770000;
	color: #ffffff;

	z-index:55;

	border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;


}


.popup
{
	background: #eee;
	border: 1px solid #333;
	border-left: none;
	border-top: none;
	padding: 20px;
	position:absolute;
	z-index:50;
	overflow: hidden;
	font-size: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.popup .popup-title
{
	display: none;
}

.popup form
{
    padding: 0;
    font-size: 14px;
}

.popup .p_header
{
    margin-bottom: 5px;
    border-bottom: solid 2px #DFDEDE;
    overflow: hidden;
    zoom: 1;
	padding-bottom:13px;
}

.popup .p_header .p_title
{

    min-width: 100px;
	font-family: sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #010008;
    margin-right: 15px;
	letter-spacing: -1px;


}

.popup .p_header a.p_close
{

	background:transparent url(/img/lbox/close.png) no-repeat scroll right center;
	color:#808080;
	display:block;
	float:right;
	font-size:small;
	font-weight:bold;
	height:22px;
	margin: 5px 2px 1px;
	padding-right:20px;
	text-decoration:none;
	line-height:21px;
}


.popup .p_body
{
    padding-top: 3px;
}


table.order_detail {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 0;
	width:648px;
}

table.order_detail thead th {
	background:#201442  none repeat scroll 0 50%;
	border-top:4px solid #EDEDED;
	color:#FFFFFF;
	font-size:85%;
	padding:5px 15px;
}
table.order_detail th, table.order_detail td {
	text-align: left;
}

table.order_detail td {
	padding:5px;
	border-bottom: 1px solid #DFDEDE;
}

#stay_in_touch table.order_detail thead th {
	border-color:#01A1D6;
}
#have_fun table.order_detail thead th {
	border-color:#BCD74B;
}
#work_smart table.order_detail thead th {
	border-color:#FED32C;
}
#get_personal table.order_detail thead th {
	border-color:#F68D34;
}
#go_places table.order_detail thead th {
	border-color:#EE226E;
}

div.instructions {
	margin-bottom:10px;
}

/*404 Page*/
#not_found #leftCol{
	display: none;
}
#not_found #mainCol{
	width: auto;
	padding: 20px;
	float: none;
}

#not_found #title,
#my_account #title
{
	background: none;
}

#not_found #breadcrumbs,
#my_account #breadcrumbs
{
	left: 20px;
}






.virus-free-software
{
	display: none;
	overflow: hidden;
}

.popup .virus-free-software
{
	display: block;
	width: 600px;
}

.popup .virus-free-software ol
{
	list-style: decimal inside;
}

.popup .virus-free-software ol,
.popup .virus-free-software p
{
	margin: 10px 0 10px 0;
	padding-right: 140px;
}

.popup .virus-free-software ol li
{
	margin-bottom: 10px;
}


.popup .virus-free-software img
{
	float: right;
	clear: right;
	margin: 0 10px 40px 0;
}



/*=========== mobile version ==============*/
body.mobile #page{
	width: auto;
}
body.mobile #mainmenu a{
	clear:right;
	display:block;
	float:left;
	height:29px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:16%;
	border-left: solid 1px #010007;
	text-align: center;

}
body.mobile #mainmenu a.stay_in_touch{ 	background: url("../img/bg_m_stay_in_touch.png");}
body.mobile #mainmenu a.have_fun{ 		background: url("../img/bg_m_have_fun.png");}
body.mobile #mainmenu a.work_smart{ 	background: url("../img/bg_m_work_smart.png");}
body.mobile #mainmenu a.get_personal{ 	background: url("../img/bg_m_get_personal.png");}
body.mobile #mainmenu a.go_places{ 		background: url("../img/bg_m_go_places.png");}
body.mobile #mainmenu a.watch_tv{ 		background: url("../img/bg_m_watch_tv.png");}
body#index.mobile {
	background: none;
}

body#index.mobile  #logo{
	background:transparent url(../img/ipaq_appstore_logo_mobile.jpg) no-repeat left center; 
	display:block;
	height:44px;
	line-height:44px;
	margin:0px;
	padding-top:0px;
	width:235px;
}
body#index.mobile  #page{
	background: #05001a;
	min-height: 1%;
	padding-bottom: 30px;		
}

body#index.mobile  #footer {
margin:10px;
padding-bottom: 0px;
}
body#index.mobile #changedBlock input.text {
width: 70%;
}
body.mobile #changedBlock{
	padding:10px;
	width: auto;
	margin-top: 0;
	
}
body.mobile #changedBlock p{
	line-height:120%;
	margin: 5px;
}
body#index.mobile #changedBlock input.text{
	background:white none repeat scroll 0 0;
	border:medium none;
	display:inline;
	font-size:10px;
	font-weight:bold;
	height:auto;
	padding:3px;	
    width:70%;
}

body#index.mobile #changedBlock input.button{
	width: 40px;
}

body.mobile #header {
    height:78px;
    background: none;
}

body#index.mobile #mainmenu,
body.mobile #mainmenu {
	border-bottom: none;
	height: 29px;
	line-height: 29px;
	}


/* internal */

body.mobile #title {
    height:20px;
    margin: 0;
    padding: 0;
    position: static;
    top: 0;
    display: none;
}


body#stay_in_touch.mobile #title {
background-position: 0 -11px;
display: block;
clear: both;
width: 100%;
}
body#have_fun.mobile #title {
background-position: 0 -55px;
display: block;
}
body#work_smart.mobile #title {
bodybackground-position: 0 -99px;
display: block;
}
body#get_personal.mobile #title {
background-position: 0 -143px;
display: block;
}
body#go_places.mobile #title {
background-position: 0 -187px;
display: block;
}
body#watch_tv.mobile #title {
background-position: 0 -231px;
display: block;
}


body.mobile #mainCol {
    width: 100%;
    float: none;
    padding: 0;
}

body.mobile #content {
    width: 100%;
    position: static;
}

body.mobile #content a.item{
    margin: 2px 0 0 0;
    background: transparent url(../img/bg_item.png) no-repeat scroll center bottom;
    /*width: 100%;*/
    padding:0;
    display: block;
}

body.mobile #content a.item b{
    background: transparent url(../img/bg_item.png) no-repeat scroll left bottom;
    width: 100%;
    display: block;
    padding: 0;
}

body.mobile #content a.item img{
float: none;
width: auto;

}

body.mobile #content a.item p{
    line-height: 110%;
}

body.mobile h1 {
font-size: 14px;
}


body.mobile input,body.mobile select   {
width: 100px
}

body.mobile form.base label {
padding-right: 2px;
font-size: 8px;
font-weight: normal;
line-height: 10px;
}

body.mobile span.button, body.mobile span.button b,  body.mobile span.button b input{
background: none;
background-color: #2F2350;
}