/* 
CSS Stylesheet - layout.css
domain: www.videoplanet.cz
 */

#web {
	width: 980px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#web #head {
	height: 171px; overflow: hidden; position: relative;
	background: transparent url("../img/layout/top-header-bg.png") top left no-repeat;
}
#web #head a#logo {
	position: absolute; top: 0; left: 0; height: 113px; width: 50%; z-index: 10;
	background: url('../img/layout/videoplanet.png') 30px 50% no-repeat;
}
#web #head img#shrek, #web #head img#verne, #web #head img#over-the-hedge, #web #head img#sharks-tale {
	position: absolute; top: 0;
}
#web #head img#shrek { left: 330px; z-index: 30; }
#web #head img#verne { left: 480px; z-index: 20; }
#web #head img#over-the-hedge { left: 565px; z-index: 10; }
#web #head img#sharks-tale { left: 742px; z-index: 20; }

#web #head .right-nav {
	width: 100px;
	position: absolute; top: 0; right: 0;
	background: transparent url('../img/layout/top_menu_bg.png') top right no-repeat;
	text-align: right;
}
#web #head .right-nav a {	margin: 12px 10px 14px; float: right; }
#web #head .right-nav a img { vertical-align: middle; }

#web #head .top-cart {
	height: 46px; line-height: 20px;
	position: absolute; bottom: 0; left: 20px; padding: 10px 0 0 50px;
	background: url('../img/icons/top-cart.png') center left no-repeat;
}
#web #head .top-cart p { margin: 0; padding: 0; color: white; }
#web #head .top-cart p a { font-weight: bold; }
#web #head .top-cart p span { margin: 0 10px 0; }

#web #navigation {
	height: 38px; margin: 1px 0 0 0;
	position: relative; z-index: 50;
}
#web #navigation .left-side { 
	height: 38px; width: 5px; overflow: hidden; float: left;
	background: url('../img/layout/topic-header-orange-left.png') top left no-repeat;
}
#web #navigation .right-side { 
	height: 38px; width: 5px; overflow: hidden; float: right;
	background: url('../img/layout/topic-header-orange-right.png') top right no-repeat;
}
#web #navigation .navigation { 
	width: 970px; float: left; 
	background: url('../img/layout/topic-header-orange-bg.png') top left repeat-x;
}
#web #navigation .navigation ul.menu { margin: 0; padding: 0; list-style: none; float: left; }
#web #navigation .navigation ul.menu li { display: block; float: left; position: relative; }
#web #navigation .navigation ul.menu li a { padding: 0 0 0 5px; display: block; float: left; margin: 0 5px; color: white; font-weight: bold; }
#web #navigation .navigation ul.menu li a span {
	padding: 0 10px 0 5px;
	float: left; display: block;
	line-height: 38px; 
}
#web #navigation .navigation ul.menu li a.selected, #web #navigation .navigation ul.menu li a:hover {
	background: url('../img/layout/black-sub-left.png') center left no-repeat;
	text-decoration: none;
}
#web #navigation .navigation ul.menu li a.selected span, #web #navigation .navigation ul.menu li a:hover span {
	background: url('../img/layout/black-sub-right.png') center right no-repeat;
}

#web #navigation .navigation ul.menu li ul { 
  display: none; position: absolute; top: 30px; left: 5px;
  background: #ca2009; margin: 0; padding: 5px 0; float: none;
  z-index: 40;
}
#web #navigation .navigation ul.menu li ul li { float: none; margin: 0; padding: 0; }
#web #navigation .navigation ul.menu li ul li a { display: block; float: none; }
#web #navigation .navigation ul.menu li ul li a span { float: none; line-height: 2em; white-space: nowrap; }

#web #navigation .navigation .downarrowclass { margin: 0 0 0 5px; }


/* navigation search form */
#search form {
	height: 38px; float: right;
  margin: 0; padding: 0;
	line-height: 38px;
	background: url('../img/icons/search.png') center left no-repeat;
}
#search form .text-field {
	width: 195px; height: 23px; padding: 4px 5px 0; margin: 0 0 0 10px;
	background: url('../img/layout/fields/search-input.png') top left no-repeat;
	border: 0; color: #666; font-size: 0.96em;
}
#search form .search-button {
	height: 26px; width: 25px; border: 0;
	background: url('../img/layout/fields/search-button.png') bottom left no-repeat;
}

#web #subnavigation {
	padding: 10px 15px 5px;
	position: relative; top: -5px;
	border: 1px solid #ca2009;
	background: #e14517;
	font-size: 11px; color: white;
} 

/* login */
#login form { margin: 0; }
#login form, #newsletters form {
	line-height: 18px;
	margin: 0;
	text-align: right;
	color: #fff;
}
#login form label, #newsletters form label { display: block; font-weight: bold; margin: 0 10px 0 0; }
#login form .input, #newsletters form .input { background: url('../img/layout/fields/box-input.png') top right no-repeat; height: 23px; }
#login form .text_field, #newsletters form .text_field {
	width: 118px; height: 19px; padding: 4px 10px 0 25px;
	border: 0; color: #333; font-size: 0.9em;
	background: transparent; text-align: right;
}
#login form .text_field#username { background: url('../img/icons/input-user.png') 5px 2px no-repeat; }
#login form .text_field#password { background: url('../img/icons/input-password.png') 5px 2px no-repeat; }
#newsletters form .text_field#newsletter_inp { background: url('../img/icons/input-email.png') 5px 2px no-repeat; }
#login form a { color: #333; margin: 0 5px; }

#login form .right, #newsletters form .right { 
	background: url('../img/layout/fields/login-button.png') top left no-repeat;
	border: 0px; height: 19px; width: 65px; margin: 5px 0 0; color: white; font-weight: bold;
} 
#login form label.left { margin: 6px 0 0; }
#login form .links { 
	height: 19px; line-height: 19px; clear: both; margin: 10px 0 0; padding: 5px 5px 0; overflow: hidden;
	background: url('../img/layout/login-links.png') bottom left no-repeat;
}
#login form .links span { margin: 0 5px; }
#login form .links strong { color: #e14517; }
#newsletters p { clear: both; text-align: justify; font-size: 11px; padding: 10px 0 0; margin: 0; }

#login #profil {
	position: relative;
	margin: 5px 0;
}
#login #profil .user span { color: #FF7700; }
#login #profil .user strong { color: #FF7700; }
#login #profil .user .indent { height: 10px; overflow: hidden; }
#login #profil .carts { border-top: 1px solid white; border-bottom: 1px solid white; margin: 10px 0; padding: 10px 0; }
#login #profil .carts a { color: white; }
#login #profil .carts a strong { color: #FF7700; }
#login #profil .options a { font-weight: bold; color: #FF7700; }
#login #profil .options img { vertical-align: bottom; }
#login #profil .notverified { float: right; margin: 8px 0 0 0; color: #FF7700; }
/* end of login */

#top10 ul { margin: 10px 0 10px 10px; padding: 0 5px; list-style: decimal; font-weight: bold; color: #ef2a31; }
#top10 ul li {  padding: 3px 0; }
#top10 ul li a { color: #333; }
#top10 ul li a  span { font-weight: normal; }


#web #head .subtop #search {
	width: 290px; height: 40px;
	position: absolute; top: 99px; left: 13px;
	background: url('../img/layout/search_bg.jpg') top right no-repeat;
}

/* WEB POSITION */
#web #position {
	height: 40px; line-height: 50px; overflow: hidden;
	margin: 0 10px 10px;	padding: 0 40px;
	background: url('../img/icons/home.png') center left no-repeat;
	color: #999;
}
#web #position a {
	color: #ed1c24;
}
#web #position a, #web #position span { padding: 0 5px; }


/* CONTENT*/
#web #content { width: 600px; float: left; margin: 0 5px; }
/* SIDEPANEL */
#web #left, #web #right { width: 185px; float: left; }
#web #right { float: right; }


/* BOX */
.box {
	clear: both;
	position: relative;
	margin: 5px 0 8px;
}

.box .content {
	position: relative; z-index: 10; top: -5px;
	padding: 10px 15px 5px;
	border: 1px solid #d0d0d0; 
	background: #efefef;
}
.box .content.orange { 
	border: 1px solid #ca2009;
	background: #e14517;
	color: white;
}
.box .content.black { 
	border: 1px solid #000;
	background: #222;
	color: white;
}

/* content error */
.box .content.error {
	padding: 20px 20px 20px;
}
.box .content.error a, .box .content.error strong {
	color: #dc4018;
}
.box .content.error ul {
	list-style: none;
	padding: 20px; margin: 20px 0;
	border: 1px dashed #dc4018; 
}
.box .content.error ul.info { border: 1px dashed #FF9900; } 
.box .content.error form {
	margin: 10px 0;
}


.box .header {
	width: 100%; height: 38px;
	position: relative; z-index: 20;
}
.box .header h2 {	margin: 0; text-transform: uppercase; }
.box .header h2 span {
	margin: 0 5px; padding: 0 5px; line-height: 38px;
	font-weight: bold; color: white; display: block;
}

.box .header.orange { background: url('../img/layout/topic-header-orange-left.png') top left no-repeat; }
.box .header.orange h2 { background: url('../img/layout/topic-header-orange-right.png') top right no-repeat; }
.box .header.orange h2 span { background: url('../img/layout/topic-header-orange-bg.png') top left repeat-x; }

.box .header.black { background: url('../img/layout/topic-header-black-left.png') top left no-repeat; }
.box .header.black h2 { background: url('../img/layout/topic-header-black-right.png') top right no-repeat; }
.box .header.black h2 span { background: url('../img/layout/topic-header-black-bg.png') top left repeat-x; }

.box .content.orange.menu ul { list-style: none; margin: 0; padding: 0; position: relative; left: -10px; }
.box .content.orange.menu ul li { padding: 0; }
.box .content.orange.menu ul li a { padding: 0 0 0 5px; display: block; margin: 0 5px; color: white; font-weight: bold; }
.box .content.orange.menu ul li a span {
	padding: 0 5px 0 5px;
	display: block; line-height: 17px;
}
.box .content.orange.menu ul li a.selected, .box .content.orange.menu ul li a:hover {
	background: url('../img/layout/black-sub-small-left.png') center left no-repeat;
	text-decoration: none;
}
.box .content.orange.menu ul li a.selected span, .box .content.orange.menu ul li a:hover span {
	background: url('../img/layout/black-sub-small-right.png') center right no-repeat;
}

.box .content.list { height: 90px; }
.box .content.list a { color: #333; display: block; float: left; width: 21px; line-height: 20px; height: 20px; }
.box .content.list a:hover { font-weight: bold; }

.box .content div.price-li { line-height: 20px; font-weight: bold; }
.box .content div.price-li a {
	padding: 3px 5px; margin: 0 0 0 10px; color: white;
	background: url('../img/layout/black-sub-small-left.png') center left no-repeat;
	text-decoration: none;
}
.box .content div.price-li a span {	padding: 3px 10px 3px 5px; background: url('../img/layout/black-sub-small-right.png') center right no-repeat; }

/* FOOTER */
#footer {
	border-top: 1px solid #efefef;
	padding: 10px 0;
	color: #555;
}
#footer .links { float: right; text-align: right; }
#footer .links a { font-weight: bold; }
#footer .copy {	float: left; }

/* Bar Graphs */
#sidepanel .box .pool { margin: 10px; }
#sidepanel .box .pool .question { margin: 10px 0; color: #ed1c24; font-weight: bold; }
#sidepanel .box .pool .graph {
  position: relative;
}
#sidepanel .box .pool a { display: block; padding: 2px 0; }
#sidepanel .box .pool a:hover { background: #ed1c24; color: white; padding: 2px 5px; }
#sidepanel .box .pool .bar-title {
  display: block; line-height: 20px; margin-right: 17px;
  text-align: left;
}
#sidepanel .box .pool .bar-container {
  position: relative;
  width: 120px; height: 10px;
  margin: 0 0 5px;
}
#sidepanel .box .pool .bar-container div {
  background: url('../img/layout/voting-bar-left.png') center left no-repeat;
  height: 14px; line-height: 14px;
	min-width: 5px;
	text-align: right;
	font-size: 0.8em;
}
#sidepanel .box .pool .bar-container div p {
  background: url('../img/layout/voting-bar-right.png') center right no-repeat;
  height: 14px;
	margin: 0; padding: 0;
}
#sidepanel .box .pool .bar-container span {
  position: absolute;
  right: -60px;
  top: 0px;
  overflow: hidden;
}

/* ARTICLES */
.articlesIndex { margin: 10px; color: #555; }
.articlesIndex h3 {
	margin: 0 0 5px; color: #ef2a31;
}
.articlesIndex h3 span { font-weight: normal; color: #555; }
.articlesIndex .ratings { float: left; margin: 0 10px; }
.articlesIndex .ratings span { color: #555; margin: 0 10px 0 0; }
.articlesIndex .comments { float: left; height: 20px; line-height: 23px; }


/* pager */

.pager { padding: 10px 0; text-align: center; clear: both; }
.pager a, .pager span {
	padding: 2px 5px;
	background: url('../img/layout/topic-header-orange-bg.png') center center repeat-x;
	border: 1px solid #efefef;
	color: white;
}
.pager a { color: white; text-decoration: none; }
.pager a:hover { border: 1px solid #ca2009; }
.pager .current { 
	background: url('../img/layout/topic-header-black-bg.png') center center repeat-x;
	color: white;
	border: 1px solid black;
}
/*#pager-top { border-bottom: 1px dashed #ccc; margin: 0 0 20px 0; }
#pager-bottom { border-top: 1px dashed #ccc; margin: 20px 0 0 0; } */

/* end of pager */

/* filter */
#filter { margin: 10px 0 0; height: 20px; line-height: 20px; color: white; position: absolute; top: 0; right: 10px; z-index: 100; }
#filter img { vertical-align: text-bottom; margin: 0 0 0 5px; }
#filter select { background: transparent; border: 0; color: white; margin: 0 10px 0 0; vertical-align: text-bottom; }
#filter select option { background: #ca2009; color: white; }
/* end of filter */

/* registration */
.registration .cleaner { height: 22px; }
.registration .error { border: 1px dashed #ca2009; line-height: 16px; color: #ca2009; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }
.registration .ok { margin: 10px 0 20px 0; padding: 10px; border: 1px solid #fcefa1; background: #fbf9ee; color: black; font-weight: bold; }
.registration .section-title { border-bottom: 1px solid white; height: 24px; line-height: 24px; background: url('../img/layout/topic-header-black-bg.png') center center repeat-x; color: white; font-weight: bold; }
.registration .section-title a, .registration .section-title span { 
	padding: 0 10px; color: white; font-weight: bold; display: block; float: left;
	background: url('../img/layout/topic-header-black-bg.png.png') center center repeat-x;
}
.registration .section-title a { margin: 0 1px 0 0; }
.registration .section { clear: both; padding: 10px; margin: 0 0 15px 0; border: 1px solid #ca2009; background: #e14517; color: white; }
.registration .info { text-align: right; float: right; height: 20px; margin: 0px; overflow: hidden; }
.registration .info span { padding: 0 5px; }
.registration .lab, .registration .inp { float: left; width: 120px; line-height: 25px; }
.registration .lab.small { width: 50px; }
.registration .inp { width: 180px; font-weight: bold; }
.registration .inp.small { width: 90px;}
.registration .inp.small input { width: 40px; }
.registration .inp input { vertical-align: middle; margin: 0 10px 0 0; border: 1px solid #ca2009; padding: 2px 5px; }
.registration .lab span { color: white; font-size: 12px; }
.registration .info span { color: red; }
.registration .info span { float: left; margin: 0 0 0 10px;}
.registration .lab label { float: left; }
.registration .inp img { margin: 0 5px 0 0; vertical-align: middle; }
.registration .msg { width: 200px; padding: 0 5px 0 0; line-height: 20px; color: white; float: right; text-align: right; font-size: 10px; background: white; display: none; }
.registration .licence { background: white; border: 0px solid black; padding: 5px; margin: 0 0 10px 0; font-size: 10px; color: #333; }
.registration .licence ul { line-height: 1.2em; list-style-type: decimal; list-style-image: none; }
.registration .licence div { padding: 10px 0 10px 40px; }
.registration .licence ul li { padding: 0 0 5px 0; }
.registration #captcha { width: 300px; height: 30px; font-size: 20px; border: 1px solid #ca2009; text-align: center; padding: 5px 10px 0 10px; color: #555; margin: 0 0 10px 0; letter-spacing: 0.1em; }
.registration #imgcap { border: 1px solid #ca2009; }

.registration #personSection, .registration #contactSection, .registration #otherSection { display: none; }


/* news-prew */
#news-prew { position: relative; margin: 5px 0 0; }
#news-prew .title { position: absolute; top: 20px; padding: 5px 0 0; color: white; font-weight: bold; }

#news-prew .left { background: url('../img/layout/news-prew-left-top.png') top right no-repeat; left: 0; }
#news-prew .left div { background: url('../img/layout/news-prew-left-bottom.png') bottom right no-repeat; }
#news-prew .right { background: url('../img/layout/news-prew-right-top.png') top left no-repeat; right: 0; }
#news-prew .right div { background: url('../img/layout/news-prew-right-bottom.png') bottom left no-repeat; }

#news-prew .title div { padding: 5px 15px 10px; }
#news-prew .title h3 { margin: 0; font-size: 1.3em; color: #e24517; }

#news-prew .text div { padding: 5px 15px 10px; }
#news-prew .text { color: white; position: absolute; bottom: 20px; max-width: 350px; padding: 5px 0 0; }
#news-prew .text strong { color: #e24517; }


/* product */
.product { position: relative; }
.product #prew-image { padding: 5px; margin: 10px 0; border: 1px solid #ca2009; background: #e24517; float: left; position: relative; }
.product #prew-image .discount { position: absolute; left: -10px; top: -10px; }
.product .info { width: 410px; float: left; margin: 10px 0 0 20px; position: relative; }
.product .info .absolute { position: absolute; top: 0; right: 0; }
.product .info h2 a { font-size: 1.3em; color: #e24517; margin: 0; }
.product .info h2 span { display: block; font-weight: normal; font-style: italic; }
.product .info h4 { float: left; display: block; width: 100px; margin: 0; padding: 0; font-size: 1em; }
.product .info .price { line-height: 38px; height: 38px; margin: 10px 0; }
.product .info .price .pr { line-height: 38px; display: block; float: left; background: url('../img/layout/topic-header-orange-left.png') top left no-repeat; padding: 0 0 0 5px; }
.product .info .price .pr span { height: 38px; display: block; background: url('../img/layout/topic-header-orange-right.png') top right no-repeat; padding: 0 5px 0 0; }
.product .info .price .pr span strong { display: block; background: url('../img/layout/topic-header-orange-bg.png') top right repeat-x; padding: 0 10px; width: auto; font-size: 1.4em; color: white; }
.product .info .price .discount { line-height: 19px; display: block; float: left; margin: 0 0 0 15px; }
.product .info .price .discount .oldPrice { font-size: 1.5em; text-decoration: line-through; color: #e24517; }
.product .info .price .discount .dis { font-size: 1.4em; }
.product .info .price .discount .dis strong { color: #e24517; } 

.product .cart, .products .cart, .product .saveProduct { float: left; margin: 10px 0 0; color: #555; }
.product span.saveProduct { 
  line-height: 20px;
  width: 115px; padding: 0 0 0 5px; height: 20px; border: 0; text-align: center;
	background: url('../img/layout/fields/save-button.png') bottom left no-repeat;
	text-align: left; color: white; font-size: 0.9em;
}
.product .cart .num, .products .cart .num { 
	width: 23px; padding: 2px; height: 19px; border: 0; text-align: center; color: #555;
	background: url('../img/layout/fields/cart-input.png') top left no-repeat;
}
.product .cart .submit, .products .cart .submit { 
	width: 90px; padding: 0 0 0 5px; height: 20px; border: 0; text-align: center;
	background: url('../img/layout/fields/cart-button.png') bottom left no-repeat;
	text-align: left; color: white; font-size: 0.9em;
}
.product .saveProduct .submit { 
	width: 115px; padding: 0 0 0 5px; height: 20px; border: 0; text-align: center;
	background: url('../img/layout/fields/save-button.png') bottom left no-repeat;
	text-align: left; color: white; font-size: 0.9em;
}

.product .section-title { margin: 10px 0 0; border-bottom: 1px solid white; height: 24px; line-height: 24px; background: url('../img/layout/topic-header-black-bg.png') center center repeat-x; color: white; font-weight: bold; }
.product .section-title a, .product .section-title span { 
	padding: 0 10px; color: white; font-weight: bold; display: block; float: left;
	background: url('../img/layout/topic-header-black-bg.png.png') center center repeat-x;
}
.product .section-title a { margin: 0 1px 0 0; }
.product .section { clear: both; padding: 10px; margin: 0 0 15px 0; color: #333; }
.product .section h4 { display: inline; margin: 0 5px 5px 0; color: black; }
.product .section .data { margin: 0 0 10px 0; }



/** KONTAKTY **/
.editable {}
.editable h3 {
  margin: 5px 0; padding: 5px 20px;
  background: url('../img/icons/rounder.png') left center no-repeat;
  border-bottom: 1px dotted #ca2009; color: #e24517;
}

.editable h4 { font-size: 1em; text-decoration: underline; color: #e24517; }

.editable .data { clear: both; line-height: 20px; }
.editable .data h5 { display: block; float: left; width: 120px; margin: 0; font-size: 1em; }
.editable .data span { float: left; }

.editable ul { margin: 10px; }



/* nakupni kosik */
#cart {}

#cart table { width: 100%; border-collapse: collapse; }
#cart table caption { 
  margin: 10px 0 0; border-bottom: 1px solid white; height: 24px; line-height: 24px; padding: 0 10px; 
  background: url('../img/layout/topic-header-black-bg.png') center center repeat-x;
  color: white; font-weight: bold; text-align: left;
}
#cart table caption span { float: right; font-size: 0.8em; font-weight: normal; }


#cart .product td { border: 1px solid #ddd; padding: 5px; vertical-align: top; }
#cart .product .image { width: 80px; text-align: center; }
#cart .product .image span { color: #dc4018; display: block; margin: 2px 0; }
#cart .product .title { width: 230px; }
#cart .product .title h2 { margin: 0; }
#cart .product .title p { margin: 4px 0; }
#cart .product .title p a { color: #555; text-decoration: none; font-size: 0.9em;}
#cart .product .base { width: 90px; text-align: center; }
#cart .product .base form { margin: 0 0 10px; }
#cart .product .price { color: #444; text-align: right; }
#cart .product .price span { color: black; display: block; font-weight: bold; margin: 0 0 5px 0; }
#cart .product .price span strong { color: #dc4018; font-size: 1.2em; }
#cart .product td form { margin: 0; }

#cart .product .action { width: 16px; }

#cart .product .delcart { margin: 0; padding: 0; }
#cart .product .delcart input { width: 16px; height: 16px; background: url('../img/icons/actions/delete.png') top left no-repeat; border: 0; }

#cart .assuming td, #savedTitles .assuming td { border: 1px solid #ddd; padding: 5px; vertical-align: top; }
#cart .assuming .info, #savedTitles .assuming .info { width: 400px; color: #444; }
#cart .assuming .info h4, #savedTitles .assuming .info h4 { margin: 0; color: black; }
#cart .assuming .price, #savedTitles .assuming .price { text-align: right; }
#cart .assuming .info span, #savedTitles .assuming .info span { color: #dc4018; }
#cart .assuming .price strong, #savedTitles .assuming .price strong { display: block; color: #dc4018; }
#cart .assuming .price span strong, #savedTitles .assuming .price span strong { font-size: 1.4em; }

#cart .buttons { text-align: center; margin: 10px 0; }
#cart .buttons form { display: inline; margin: 0 0 0 10px; }
#cart .buttons input { width: 130px; height: 19px; background: url('../img/layout/fields/cart-submit.png'); border: 0; color: white; }

#cart h3 { 
  margin: 10px 0 0; border-bottom: 1px solid white; height: 24px; line-height: 24px; padding: 0 10px; 
  background: url('../img/layout/topic-header-black-bg.png') center center repeat-x;
  color: white; font-weight: bold; text-align: left;
}
#cart h3.orange {
  background-image: url('../img/layout/topic-header-orange-bg.png');
}

#cart form .delivery { margin: 20px 20px 20px 50px; }
#cart form .delivery label { float: left; margin: 5px; display: block; width: 120px; }
#cart form .delivery select { float: left; margin: 5px; border: 0px solid #ca2009; color: #e24517; }

#cart .about { margin: 20px 0; }
#cart .about h4 { color: #dc4018; padding-left: 20px; }
#cart .about p { margin: 5px 20px; }

#cart .line { clear: both; line-height: 20px; }
#cart .line label { float: left; width: 120px; display: block; margin: 2px 20px 2px 20px; }
#cart .line label span { color: #dc4018; font-weight: bold; }
#cart .line input { float: left; padding: 2px; width: 150px; border: 1px solid #ddd; color: #e24517;  }
#cart .line input.short { width: 50px; }
#cart .line input.long { width: 250px; }

#cart .attacker { margin: 20px 0; }
#cart .attacker p { margin: 20px 40px; }
#cart .attacker textarea { border: 1px solid #ddd; width: 520px; height: 80px; margin: 0 20px; padding: 5px; }
#cart .important { color: #dc4018; }

#cart .error { border: 1px dashed #ca2009; line-height: 16px; color: #ca2009; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }


 

#savedTitles ul { margin: 10px 0 0; list-style: none; padding: 0; }
#savedTitles ul li { margin: 0; }
#savedTitles ul li a.remove { margin: 0 0 0 10px; color: #333; }
#savedTitles .add { border-top: 1px solid #ddd; margin: 10px 0; padding: 10px 0; }

#savedTitles table { width: 100%; margin: 0 0 10px; border-collapse: collapse; }
#savedTitles table caption { 
  margin: 10px 0 0; border-bottom: 1px solid white; height: 24px; line-height: 24px; padding: 0 10px; 
  background: url('../img/layout/topic-header-black-bg.png') center center repeat-x;
  color: white; font-weight: bold; text-align: left;
}
#savedTitles table caption span { float: right; font-size: 0.9em; }

#savedTitles table th, #savedTitles table td { padding: 2px 5px; text-align: left; border-bottom: 1px solid #efefef; }
#savedTitles table .actions, #savedTitles table .results { width: 140px; text-align: right; }

#savedTitles table .waiting { background: #ffc; }
#savedTitles table .accepted { background: #fc9; }
#savedTitles table .sended { background: #9c9; }
#savedTitles table .canceled { background: #f33; color: white; }

#savedTitles table a { color: black; }
#savedTitles table .canceled a { color: white; }

#savedTitles .product td { border: 1px solid #ddd; padding: 5px; vertical-align: top; }
#savedTitles .product .image { width: 80px; text-align: center; }
#savedTitles .product .image span { color: #dc4018; display: block; margin: 2px 0; }
#savedTitles .product .title { width: 230px; }
#savedTitles .product .title h2 { margin: 0; }
#savedTitles .product .title p { margin: 4px 0; }
#savedTitles .product .title p a { color: #555; text-decoration: none; font-size: 0.9em;}
#savedTitles .product .base { width: 90px; text-align: center; }
#savedTitles .product .base form { margin: 0 0 10px; }
#savedTitles .product .price { color: #444; text-align: right; }
#savedTitles .product .price span { color: black; display: block; font-weight: bold; margin: 0 0 5px 0; }
#savedTitles .product .price span strong { color: #dc4018; font-size: 1.2em; }

#savedTitles .important { color: #dc4018; font-weight: bold; } 

#map_canvas { width: 100%; height: 240px; border: 1px solid #ddd; }





.itemList .item3 { width: 30%; padding: 9px; float: left; text-align: center; overflow: hidden; }
.itemList .image { position: relative; }
.itemList .image img { border: 5px solid #333; background: #e24517; }
.itemList .image .discount { position: absolute; background: transparent; border: 0; top: -10px; left: 20px; }

.itemList .price { line-height: 24px; height: 24px; margin: 10px auto; }
.itemList .price .pr { line-height: 24px; display: inline; background: url('/img/layout/topic-header-orange-left.png') center left repeat-x; padding: 0 10px; width: auto; font-size: 1.4em; color: white; }
.itemList .price .discount { line-height: 24px; display: inline; margin: 0 0 0 15px; }
.itemList .price .discount .oldPrice { font-size: 1.5em; text-decoration: line-through; color: #444; }
.itemList .price .discount .dis { font-size: 1.4em; }
.itemList .price .discount .dis strong { color: #e24517; } 

.itemList .item3 .cart { margin: 10px auto 0; color: #555; }
.itemList .cart .num { 
	width: 23px; padding: 2px; height: 19px; border: 0; text-align: center; color: #555;
	background: url('../img/layout/fields/cart-input.png') top left no-repeat;
}
.itemList .cart .submit { 
	width: 90px; padding: 0 0 0 5px; height: 20px; border: 0; text-align: center;
	background: url('../img/layout/fields/cart-button.png') bottom left no-repeat;
	text-align: left; color: white; font-size: 0.9em;
}


.itemList .item2 { width: 46%; padding: 9px; float: left; text-align: left; }
.itemList .item2 .image { float: left; margin: 0 10px 0 0; }
.itemList .item2 .image .discount { top: -10px; left: -15px; }
.itemList .item2 h2 { margin: 0; min-height: 2.3em; }
.itemList .item2 h2 span { font-size: 0.9em; color: #444; }
.itemList .item2 p { min-height: 6em; }
.itemList .item2 p a { font-size: 0.9em; color: #444; }
.itemList .item2 .cart { float: right; line-height: 24px; }
.itemList .item2 .price { float: left; margin: 0; }
.itemList .item2 .price .pr { padding: 0 2px; }
.itemList .item2 .price .discount { line-height: 24px; font-size: 0.8em; display: inline; margin: 0 0 0 5px; }

.itemList .iList { display: block; clear: both;  position: relative; padding: 0 0 0 100px; min-height: 100px; }
.itemList .iList h2 { margin: 5px 0 0; }
.itemList .iList p { margin: 5px 0; }
.itemList .iList p a { color: #444; }
.itemList .iList .image { width: 80px; float: left; margin: 0 10px 0 0; text-align: center; position: absolute; left: 0; top: 0; }
.itemList .iList .image img { border: 2px solid #333; background: #e24517; }
.itemList .iList .image .discount { position: absolute; background: transparent; border: 0; top: -10px; left: 0px; }
.itemList .iList .cart { position: absolute; right: 0; bottom: 10px; margin: 10px 0 0; color: #555; }



.map {}
.map ul { margin: 10px 0 10px 30px; padding: 0; list-style: none; }
.map ul li a, .map ul li { color: #ca2009; text-transform: uppercase; margin: 2px 0; padding: 5px; background: #eaeaea; }
.map ul li ul li a, .map ul li ul li { text-transform: none; padding: 2px; }


#help { color: #333; }
#help ul { margin: 10px 20px 20px; padding: 0; list-style: none; }
#help ul li { padding: 2px 0; margin: 0; color: #444; } 
#help ul li a { display: block; font-weight: bold; padding: 0 0 0 15px; background: url('/img/icons/actions/small/01.png') left center no-repeat; }
#help ul li span { margin: 0 0 0 15px; }

#help ul ul { margin: 5px 20px; }
#help ul ul li a { font-weight: normal; background: url('/img/icons/actions/small/09.png') left center no-repeat; }
#help ul ul ul li a { font-weight: normal; background: url('/img/icons/actions/small/10.png') left center no-repeat; }

#help .cnt { margin: 40px 0 0 0; }
#help .cnt .cnt { margin: 20px 0 0; }
#help .cnt h2 { 
  line-height: 24px; background: url('/img/layout/topic-header-orange-bg.png') center left repeat-x;
  padding: 0 10px; color: white; font-size: 1em; margin: 0 0 20px 0;
}

#help .cnt li img { vertical-align: text-bottom; margin: 0 5px 0 0; }

#help .cnt h3, #help .cnt h4, #help .cnt p { margin: 10px; }
#help .cnt h3 { font-size: 1em; color: #ca2009; border-bottom: 1px dotted #ca2009; }
#help .cnt h4 { font-size: 1em; color: #000; border-bottom: 1px dotted #000; }

#help .cnt h2, #help .cnt h3, #help .cnt h4 { position: relative; }
#help .cnt h2 a, #help .cnt h3 a, #help .cnt h4 a { position: absolute; top: 0; right: 0; }
#help .cnt h2 a { color: white; right: 10px; }
#help .cnt h2 a img, #help .cnt h3 a img, #help .cnt h4 a img { vertical-align: middle; margin: 0 5px 0 0; }