/* --~---~-- RESET --~---~-- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
input, select {font-family: Arial, Tahoma, sans-serif; font-size:11px;padding:2px;}
fieldset {border:0;}
img {border:none;}

/* --~---~-- LAYOUT --~---~-- */
html{background:url(/img/store/videoangielski/bg2.png) repeat-x #549AC0}
body{font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; line-height: 1.5em;}
html, body {margin:0; padding:0;}
#wrapper{width:960px; margin: 0 auto;}
#header {height:75px;}
#footer {overflow: hidden;}

/* --~---~-- GENERIC STYLES --~---~-- */

/* --~---~-- GENERIC FORM --~---~- */
form {overflow:hidden;display:block;}
form fieldset {display: none;}
form fieldset legend {font-style:italic;}
input, form select {margin: 0}
input {padding: 3px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
textarea {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;font-family:Arial;font-size:12px;}
form label {clear:left; float:left; display:block; font-weight:bold; width: 150px;}
form label input,
form label textarea,
form label select {float: right;}
select {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
fieldset select optgroup{ font-style: normal; font-weight: bold	}
form ul {list-style-type: none; margin: 0; padding: 0; }

/* --~---~-- HEADER --~---~-- */
#header img{float:left;}
#top-nav {float:right;}
#top-nav a{font-size:13px; color:#fff; background:#95BDD0; padding:6px 15px; text-decoration:none }
#top-nav a:hover{ color:#FFC}

/* --~---~-- BODY TOP --~---~-- */
#body-top {overflow: hidden;}
#body-top h2 {color:#324D64; font-size:24px; font-weight: normal; margin: 20px 0;}

.player-blog ul {list-style-type:none; margin:0; padding:0;}
.player-blog ul li {margin-bottom:5px;}
.player-blog ul li.comment {margin:20px 0 0; width:250px;}
.player-blog ul li.comment i{display:block; margin:0 0 10px;}
.player-blog ul li a {font-weight:bold; color:#000;}

.player-blog .details2{float: right; width:430px; height:264px; overflow:auto; border: 1px solid #fff; background: url(/img/store/videoangielski/details.jpg) #fff; font-size:12px; line-height:160%; padding:10px;}
.player-blog .details2 p{color:#37536D;}

.player{ background: url(/img/store/videoangielski/player.jpg) no-repeat; width:429px; height:267px; padding:10px; float:left}

/* --~---~-- BODY CONTENT --~---~-- */
#body-content {overflow: hidden;}

#pasek {padding-top:8px; overflow: hidden;}
#pasek div {float:left; padding-right:26px}
#pasek div#tekst {color:#FFF; font-size:12px; line-height:140%; padding:5px 0 0 0;  width:369px}

#content{clear:both; float:right; width:723px; padding:20px; background:#D9ECF3;margin-top:20px; border:1px solid #fff;}
#content p, #content li{color:#333; line-height:160%; font-size:13px;}
#content h2 {border-bottom:1px solid #6B400E; line-height:1.8em; margin:0 0 12px 0;}
#content li{margin-left:15px}
h2.titlel {float:left;}
h2.titler {float:right;}
h2{color:#6B400E; font-size:18px;}
table.product-thumb{width:360px; float:left}
table.product-related{width:700px}
table.product-thumb td, table.product-related td {padding-bottom:10px}
a.preview {float:left; margin-right:10px}
a.preview img{border:#D84A0C solid 4px; }
p.title {padding-bottom:4px;}
p.title a{font-size:18px;  text-decoration:none; color:#D84A0C}
.descr {font-size:12px; color:#666}

.cart .h3 {background:#D9ECF3; border:1px solid #fff; text-indent:0; width: 247px; font-size:14px; font-weight:bold; color:#3B5971;padding:10px 0 0 15px;}
.cart .details {background:#D9ECF3; border: 1px solid #fff;}
.cart .details div {border-bottom: 1px solid #fff;}
.cart .details strong {padding: 0 0 5px 0;}
.summary .contact {background: #3B5971; border: 1px solid #fff; border-top: none; color:#fff;}
.summary .contact .phone {color: #fff;}
.summary .contact .mail a{color:#FFFFFF;}
.summary h3 {background:#3B5971; padding: 10px; margin: 15px 0 0; color:#fff; border: 1px solid #fff; border-bottom:0;} 


/* --~---~-- REGISTER FORM, LOGIN FORM --~---~-- */
form ul {list-style-type:none;margin:0;padding:0;}
.lform-inner ul li {margin-bottom:10px;}
.lform-inner ul li fieldset legend {padding:0 5px;}
	.lform-inner ul li fieldset ul {margin-top:15px;}
form#registerForm label.full {display:inline;float:none;}
.lform-inner input#register, .lform-inner input#login {background:url("/img/store/videoangielski/user-blue-short.png") no-repeat scroll 0 0 transparent;font-family:Tahoma, Verdana, Arial; font-weight:bold; font-size:12px; color:#fff;border:0 none;cursor:pointer;height:31px;margin:0 0 0 150px;width:135px;}

form#loginForm ul.errors, form#registerForm ul.errors {list-style-type:none;margin:5px 0 10px;}
form#loginForm ul.errors li, form#registerForm ul.errors li {color:#FF0000;margin:0;}

.lform p.info {border-top: 1px solid #aeaeae;}

/* --~---~-- PURCHASE FORM --~---~-- */
.purchaseForm {background: #fff; border:1px solid #D9ECF3;}
.purchaseForm .purchaseForm-inner {background: #fff; padding:0 40px 35px;position:relative;}

.payment .channels {margin-top:15px;}

#nav {float:left; width:160px; margin-top:20px; background: #3b5971; border: 1px solid #fff; padding:20px 10px;}
#nav .title{font-size:19px; font-weight:bold; color:#FFF; padding-bottom:6px; border-bottom: 1px solid #fff;}
#nav ul {list-style:none; padding:0;}
#nav ul li {margin:0 0 5px 0;}
#nav ul a{font-size:14px; color:#FFF; text-decoration:none;}
#nav ul a.s {font-weight:bold; text-decoration:underline; background: url(/img/store/videoangielski/arrows.png) no-repeat center right; padding-right:20px;}
#nav ul a:hover{color:#CFF; text-decoration:underline; background: url(/img/store/videoangielski/arrows.png) no-repeat center right; padding-right:20px;}

/* --~---~-- FOOTER --~---~-- */
#footer ul.nav {list-style:none; padding:0;}
#footer ul.nav li {float:left; padding:15px 25px 15px 0}
#footer ul.nav a {font-size:12px; color:#305285; text-decoration:none; }
#footer ul.nav a:hover {color:#CFF; text-decoration:underline}
#footer p.copy {float:right; margin:10px 0 0; font-size:13px; font-weight:bold; text-align:right; color:#305285;}
#footer p.copy a {color:#D9ECF3; text-decoration:none; font-weight:normal;}

div.message.error {background:url("/img/author/icons/cross_circle.png") repeat scroll 0 0;}
div.message.information {background:url("/img/author/icons/information.png") repeat scroll 0 0;color:#585B66;}
div.message {background-position:10px 11px !important;background-repeat:no-repeat !important;font-size:13px;margin:0 0 15px;padding:0;position:relative;width:99.8%;}
div.message div {display:block;font-style:normal;line-height:1.5em;padding:10px 10px 10px 36px;}