body { font: 0.72em arial, helvetica, sans-serif; background-color: #eee; color: #666 }
input, select, textarea { font: 0.72em arial, helvetica, sans-serif; font-size: 1em; color: #666 }
a { color: #666 }
a.none { text-decoration: none }
a:hover { color: #e20074 }

a.arr, a.arr_noarrow {
	padding-left: 10px;
	background: transparent url("images/square-arr.gif") -793px 50% no-repeat;
	text-decoration: none;
	font-weight: bold;
}
a.arr_noarrow {
	background: none;
}

a.out {
	padding-right: 10px;
	background: transparent url("images/sprites/square-arr.gif") 100% 55% no-repeat;
}

em { font-style: normal; color: #e20074 }
small { font-size: 95% }
span.invert { color: #fff; background-color: #999 }
img.right { float: right }
big { font-size: 150% }

#body { width: 977px }

/* --- Top tabs ---  */
/* --- Top banner with company logo --- */
#top-banner {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 12px 0 0 12px;
	background-color: #fff;
}

#top-banner a {
	display: block;
	width: 956px;
	height: 60px;
	background: transparent url("images/sprites/logo.gif") no-repeat;
}

#top-tabs li.fst {
    left: 2px;
}

#top-tabs li.subsel a {
    color: #E20074;
    padding: 0.65em 1em 0.85em;
}

#top-tabs li.subsel {
    background-color: #FFFFFF;
    margin-top: 0;
    z-index: 14;
}

/* --- Main menu and quick search form --- */
#main-menu li.sel li a { color: #333333; }

#main-menu li.subsel a { color: #E20074; }

#main-menu li.sel li a:hover { color: #e20074 }

#menu-search {
	background: #fff url("images/menu-bg-1.gif") bottom left repeat-x;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
}

#menu-search a { text-decoration: none }

/* --- Main menu --- */
#menu {
/*    float: left; */
/*    padding-top: 5px; */
/*    padding-bottom: 5px */
}

/* --- Quick search form--- */
#search {
	float: right;
	position: relative;
	top: 0.6em;
	padding: 0 10px 0 25px;
}

#search img {
	vertical-align: middle;
	margin-right: 0.5em;
}

#search a.sitemap {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 17px;
	height: 17px;
	background: transparent url("images/sprites/logo.gif") -956px 0 no-repeat;
}

#search a.lng {
	position: relative;
	vertical-align: middle;
	top: 1px;
}

#search input.text {
	vertical-align: middle;
	margin: 0;
}

#search input.submit {
	border: 1px solid #84004b;
	border-top-color: #ffadd9;
	border-left-color: #ffadd9;
	padding-top: 1px;
	margin: 0 0.5em 0 0;
	background-color: #e20074;
	color: #fff;
	width: 4em;
	vertical-align: middle;
	cursor: pointer;
}

html > body #search input.submit { padding: 1px }

/* --- Main frame for columns --- */
#main {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}

/* --- 3 columns layout - left, middle and right --- */
#col-left,
#col-right {
	float: left;
	width: 200px;
}
#col-right {
	width: 190px;
}
#col-right .text-box, #col-right #cart , #col-right .compare_phones_panel{
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

/* Disable elet's css modification of cart */
#col-right #cart {
/*     background-color: #fff; */
}
#cart div.unset h3, #cart div.set h3 {
    background: none;
}

#col-middle .content {
    padding: 0px;
}
    
#col-lmid .content {
    padding: 0px;
    margin-top: 0px;
}
    
#col-middle {
	float: left;
	width: 576px;
}

/* --- 2 columns layout - left+middle and middle+right --- */
#col-lmid,
#col-midr {
	float: left;
	width: 774px;
}

/* --- 1 column layout - left+middle+right --- */
#col-lmidr {
/*	float: left; */
	width: 976px;
}

/* --- Footer --- */
#footer {
	font-size: 0.9em;
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding: 0.75em 0.75em 0.75em 20px;
	word-spacing: 0.25em;
}

#footer a {
	text-decoration: none;
	word-spacing: normal;
}

/* --- Dropdown menus --- */
html > body ul.dropdown { position: relative }

ul.dropdown li {
/*	float: left; */
/*	font-weight: bold; */
/*	padding: 1px 1px 0 0; */
/*	font-size: 11px; */
}

ul.dropdown li a {
	display: block;
	padding: 0.4em 1em;
	color: #666;
}

ul.dropdown li a:hover { color: #666 }

ul.dropdown li.hover {
/*	border-top: 1px solid #ccc; */
/*	border-right: 1px solid #ccc; */
/*	padding: 0; */
/*	background: #fff url("images/menu-bg-2.gif") repeat-y !important; */
}

ul.dropdown li.sel {
/*	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
	background: #fff url("images/dot.gif") repeat-y; */
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	width: 16em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 0.5em;
	background: #fff url("images/menu-bg-2.gif") repeat-y;
	-moz-box-shadow: 0.25em 0.25em 0.25em rgba(192, 192, 192, 0.25);
	-webkit-box-shadow: 0.25em 0.25em 0.25em rgba(192, 192, 192, 0.25);
	box-shadow: 0.25em 0.25em 0.25em rgba(192, 192, 192, 0.25);
	z-index: 100;
}

ul.dropdown ul li {
	font-weight: normal;
	border-width: 0 !important;
	padding: 0;
}

ul.dropdown ul li a {
	width: 16em;
	padding: 0.25em 1em;
}

html > body ul.dropdown ul li a { width: 14.1em }

/* --- Left menu --- */
/* #left-menu { margin: 10px; border-bottom: 1px solid #999 } */
/* #left-menu { border-bottom: 1px solid #999 } */

#left-menu li a {
	display: block;
	text-decoration: none;
	padding: 2px 2px 2px 10px;
	width: 168px;
/*	border-top: 1px solid #999; */
}

#left-menu li.sel li a {
    background: url("images/bg-left-menu-sub.png") repeat-x scroll left bottom #CCCCCC;
/*    padding-left: 25px; */
/*	color: #666; */
	color: #333333;
	background-color: #eee;
/*	width: 153px; */
}

#left-menu li.sel a,
#left-menu li a:hover,
#left-menu li.sel li a:hover {
/*	color: #fff; */
/*	background-color: #999; */
}

#left-menu li.sel a {
    background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x;
    color: #fff
}

#left-menu li.subsel > a {
    background: #8A8A8A url("images/bg-left-menu-subsel.png") bottom left repeat-x;
    color: #fff
}

#left-menu ul ul li.sel a {
/*	background-image: url("images/sprites/square-arr.gif"); */
/*	background-position: 10px 50%; */
/*	background-repeat: no-repeat; */
    background: url("images/bg-left-menu-sub2.png") repeat-x scroll left bottom #EAEAEA;
}

#left-menu ul ul li.sel > a {
    background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x;
    color: #fff
}

/* --- Textbox for right column --- */
.text-box {
	margin: 10px;
	border: 1px solid #ddd;
	background: #fff url("images/sprites/box-bg.gif") -200px 100% no-repeat;
}

.text-box h2 {
	font-size: 1em !important;
	padding: 3px 5px 3px 35px;
	background: #eee url("images/sprites/right-box.gif") 0 50% no-repeat;
}

.text-box fieldset {
	margin: 10px 10px 0 10px
}

.text-box fieldset.in-row label {
	display: block;
	float: left;
	width: 50px;
	margin-top: 0.3em;
	margin-right: -3px;
	clear: left;
}

html > body .text-box fieldset.in-row label { margin-right: 0 }

.text-box fieldset input { width: 100px; margin: 0 0 2px 0 }

.text-box form p { margin: 0 10px 10px 60px }
.text-box form.normal p { margin: 10px }
.text-box p, .text-box h3, .text-box dl, .text-box ul { margin: 10px }
.text-box h3 { color: #e20074 }

.text-box input.btn {
	border: 1px solid #666;
	border-top-color: #eee;
	border-left-color: #eee;
	color: #000;
	background: #f5f5f5 url("images/sprites/box-bg.gif") -400px 100% no-repeat;
	padding: 1px 0.5em 0 0.5em;
	margin: 2px 0 4px 0;
	cursor: pointer;
}

html > body .text-box input.btn { padding: 1px 0.5em }

.text-box dt {
	float: left;
	width: 70px;
}

.text-box dd { margin-left: 70px }

.text-box li {
	padding-left: 10px;
	background: transparent url("images/sprites/square-arr.gif") 0 0.4em no-repeat;
}

/* --- Main content --- */
.content { margin: 10px; color: #666666 }
.content h1 { font-size: 150%; color: #e20074 }
.content h2 { font-size: 125%; color: #000 }
.content p { margin: 10px 0 }
.content .para { margin-top: 10px }

.content table {
	margin: 10px 0;
	width: 100%;
}

.content table.bordered { border: 1px solid #999 }

.content th {
	background-color: #999;
	color: #fff;
	text-align: left;
	padding: 3px 6px;
}

.content td, .content th.row-head {
	background-color: #fff;
	color: #666;
	border-bottom: 1px solid #999;
	padding: 3px 6px;
	font-weight: normal;
}

.content td.light, .content th.light { border-color: #eee }
.content th.center, .content td.center { text-align: center }
.content th.right, .content td.right { text-align: right }

.content table.info { border-top: 3px solid #e20074 }
.content table.info th {
	background-color: #eee;
	color: #666;
	border-bottom: 1px solid #999;
}

/* --- Popups --- */
.popup {
	position: absolute;
	top: 300px;
	left: 288px;
	width: 400px;
	border: 1px solid #888;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0.25em 0.25em 1.5em rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0.25em 0.25em 1.5em rgba(0, 0, 0, 0.5);
	box-shadow: 0.25em 0.25em 1.5em rgba(0, 0, 0, 0.5);
}

.popup h2 {
	margin: 0;
	padding: 5px 10px;
	background-color: #d0e0ef;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.popup h2 span.popup-hide {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 70%;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #666;
	padding: 1px 3px;
}

.popup div {
	padding: 0 10px 10px 10px;
	margin: 0;
	background-color: #d7edf8;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.popup div p { padding: 10px 0 0 0; margin: 0 }

#producer, #operating_system, #order {
	display:none;
}

/* Social networks */


.icon-twitter-eshop {
	background: url(/esstatic/css/images/social.png) no-repeat -32px 0px;
}

.icon-twitter-eshop:hover {
	background-position: -32px -16px;
}

.icon-facebook-eshop {
	background: url(/esstatic/css/images/social.png) no-repeat -16px 0px;
}

.icon-facebook-eshop:hover {
	background-position: -16px -16px;
}

.icon-youtube-eshop {
	background: url(/esstatic/css/images/social.png) no-repeat 0 0;
}

.icon-youtube-eshop:hover {
	background-position: 0px -16px;
}