/*  -------------------------------------------------------------------------------------------
	LAYOUT STRONKI ---------------------------------------------------------------------------- */
body { margin: 5px; padding: 0px; background-color: #ccc; font-family: sans-serif, Verdana; font-size: 12px; color: #000; text-align: center; line-height: 100%; }

/* glowny element */
.content { border: 1px solid #888; width: 1010px; background-color: #fff; margin: 0px auto; padding: 4px 0px; }

/* gorne logo */
.top { width: 1000px; height: 200px; margin: 0px auto; background-image: url('../gfx/new_style/top_endorse.jpg'); }

/* random endorser (w top barze) */
.random_endorser { width: 320px; height: 200px; float: right; overflow: hidden; }

/* element obejmujacy kolumny */
.interior { margin: 0px auto 0px auto; width: 1000px; }

/* element obejmujacy kolumny w rtybie ajax-product */
.product_module_interior { padding: 0px 30px 0px 30px; text-align: left;}

/* klasy kolumn */
.left_column { width: 160px; margin-right: 1px; margin-top: 1px; float: left; overflow: hidden; text-align: justify;}
.middle_column { margin-top: 1px; float: left; overflow: hidden; width: 678px; text-align: left; }
.right_column { margin-left: 1px; margin-top: 1px; width: 160px; float: right;  text-align: justify; }
.footer { font-size: 10px; margin: 4px 10px; text-align: center; border-top: 1px solid #888; padding: 5px 10px; font-weight: bold; clear: both; background-color: #fff; }

/* div obejmujacy strone w trybie MODUL F (calostronny) */
.flash_page { margin-top: 1px; }

/* kolumna zawartosci (sa 2 takie) */
.middle_column_td { padding: 2px 10px; }

/* Podstawowe elementy -------------------------------------------- */
hr { border: none; border-bottom: 1px solid #888; margin: 2px; padding: 2px; }
.paragraph { color: #000; text-align: justify; font-size: 12px; clear: both; margin: 5px 5px; line-height: 136%; }
.higher_line, #higher_line { line-height: 140%; }
h1 { font-size: 16px; font-weight: bold;  padding: 0px; margin: 0px; margin-bottom: 12px; margin-top: 24px;  
line-height: 120%;}
h2 { font-size: 12px; font-weight: bold; margin: 18px 0px 12px 0px; line-height: 140%; }
h3 { font-size: 13px; font-weight: bold; margin: 5px 0px; padding: 0px 0px 3px 0px; font-weight: normal; border-bottom: 1px solid #ccc; }
table, tr { border-spacing: 0px; padding: 0px; font-size: 12px; text-align: left;}
td { padding: 0px; }
ul,ol { margin: 10px 0px 15px 0px; padding: 0px 5px 0px 25px; line-height: 130%; }
li { margin: 3px 0px; padding: 0px 2px; text-align: justify;}
ol li { margin: 7px 0px; padding: 0px 2px; text-align: justify; }
th { border-bottom: 1px solid #888; padding: 2px 8px 2px 8px; text-align: center;}
img { border: none; margin: 0px; }
img.icon { vertical-align: middle; margin: 0px 2px 2px 2px; }
img.button { margin-top: 2px; }
img.intext { padding: 6px; }
img.video { border: 1px solid #888; padding: 1px; line-height: 0px; }
h4 { font-size: 12px; font-weight: normal; margin: 0px 0px 10px 0px; border-bottom: 1px solid #aaa; color : #400; padding: 4px; font-style: italic; }
h5 { font-size: 13px; font-weight: normal; margin: 0px 0px 10px 0px; color : #400; padding: 2px; padding-left: 5px; border-left: 8px solid #eee;}
a { font-weight: bold; text-decoration: none; color: #621; }
a:hover { color: #222; text-decoration: underline;}
pre, code { font-family: Lucida Console, courier; font-size: 11px; background-color: #ccc; padding: 3px; }
#console { font-family: "Courier New", monospace; font-size: 12px; font-weight: bold; }
.center, #center { text-align: center; }
table.center { margin-left: auto; margin-right: auto; }
#clear { clear: both; }
.font12, #font12 {font-size: 12px;}
#clear_left {clear:  left; }
#clear_right {clear: right; }
#float_right { float: right; }
#float_left { float: left; }
.red, #red { color: #f00; }
#no_line_height { line-height: 0px;}
#right { text-align: right; }
#left { text-align: left; }
#small_font { font-size: 11px; }
#bigger_font { font-size: 14px;}
#block { display: block; margin-left: auto; margin-right: auto; }
#top { vertical-align: top; }
#middle { vertical-align: middle; }
#void { color: #888; text-decoration: line-through; }
#justify { text-align: justify; }
#hidden { display: none;}
.border_bottom { border-bottom: 1px solid #888; }
.border_top { border-top: 1px solid #888; }
object { z-index: 10;}

/* ---------------------------------------------------------------- */

/* glowne menu ------------------------------------------ */
ul.main_menu { list-style-type: none; margin: 0px; padding: 0px; height: 25px; font-size: 12px; line-height: 120%; overflow: hidden; background-color: #000; box-shadow: inset 0px 10px 10px #333, inset 0px 10px 0px #666, inset 0px -10px 10px #300; -webkit-box-shadow: inset 0px 10px 10px #333, inset 0px 10px 0px #666, inset 0px -10px 10px #300; -moz-box-shadow: inset 0px 10px 10px #333, inset 0px 10px 0px #666, inset 0px -10px 10px #300; } 
li.main_menu { padding: 5px 14px 6px 14px; margin: 0px; float: left; border-right: 1px solid #000; -moz-transition: background-color linear 0.2s; -webkit-transition: background-color linear 0.2s; -o-transition: background-color linear 0.2s; transition: background-color linear 0.2s; }
li.main_menu:Hover {  background-color: #522; box-shadow: inset 0px 10px 6px #666, inset 0px 10px 0px rgba(200,200,200,0.7), inset 0px -5px 5px #a11; -webkit-box-shadow: inset 0px 10px 6px #666, inset 0px 10px 0px rgba(200,200,200,0.7), inset 0px -5px 5px #a11; -moz-box-shadow: inset 0px 10px 6px #666, inset 0px 10px 0px rgba(200,200,200,0.7), inset 0px -5px 5px #a11; }
a.main_menu { margin: 0px; padding: 0px; color: #fff; text-shadow: 1px 1px 1px #000;}
a.main_menu:Hover { text-decoration: none; }
/* ------------------------------------------------------ */

/* sciezka ------------------------------------------ */
ul.path { list-style-type: none; padding: 0px; margin: 0px; background-image: url('../gfx/new_style/path.png'); height: 18px; padding: 4px 3px; background-color: #a86; font-size: 11px; line-height: 100%; }
li.path { padding: 0px; margin: 0px; padding-top: 3px; background-repeat: no-repeat; background-position: right 4px; float: left; background-image: url('../gfx/tiny_icons/yellow_arrow.png'); padding-left: 5px; padding-right: 12px; }
li.path a { color: #fff;}

/* ------------------------------------------------------ */

/* menu w kolumnie ------------------------------------------ */
ul.column_menu { background-image:  url('../gfx/new_style/column_menu.png'); padding: 0px; margin: 0px; list-style: none; background-repeat: no-repeat; background-color: #c9c9c9; }	
li.column_menu { margin: 0px; padding: 4px 11px; text-align: left; font-size: 11px; margin-bottom: 0px; border-bottom: 1px solid #eee; vertical-align: middle; }
.column_menu a { color: #000; }
/* ------------------------------------------------------ */

/* naglowek w kolumnie -----------------------------------*/
.column_header { color: #fff; height: 19px; font-weight: bold; padding: 7px 10px 0px 10px; padding-left: 10px; background-image: url('../gfx/new_style/column_header.png'); background-repeat: no-repeat; background-position: left top; text-align: right; font-size: 11px; background-color: #2c0000; }
.column_header a { color: #fff; }

/* podnaglowek w kolumnie --------------------------------*/
.column_subheader { font-weight: bold; padding: 6px 10px 4px 10px; background-image: url('../gfx/new_style/column_subheader.png');  background-color: #eaeaea; background-repeat: no-repeat; background-position: left top; text-align: left; font-size: 11px; }
.column_subheader a { color: #000; }
.column_small { border: 1px solid #eaeaea; font-size: 11px; margin-bottom: 1px; line-height: 120%; padding: 4px; text-align: left;}

/* opis obrazkow -------------------------------------- */
.picture_description { font-size: 11px; font-weight: bold; text-align: center; padding-top: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; line-height: 120%;}

/* nagrody ----------------------------------------- */
.award { float: left; width: 100px; margin: 3px; }

/* w opisie produktu maly thumb video ---------------- */
.movie_box { float: left; width: 130px;  text-align: center; margin: 0px 12px 0px 12px; line-height: 80%; }

/* lista produktow na stronie glownej, pojedynczy element ------------------------------- */
h1.product_header { font-size: 19px; padding: 5px 15px 5px 15px; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.product_list_item { width: 160px; float: left; margin: 1px; overflow: hidden; height: 160px; -moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;}
.product_list_item:hover { opacity: 0.7; }
.product_global { background-image: url('../gfx/new_style/products_bg.png'); margin: 5px 0px;padding: 10px 0px; }
.product_list_frame2 { width: 980px;  margin-left: auto; margin-right: auto; }

/* opis produktu -------------------- */
.product_code_name { font-size: 14px; font-style: italic; margin: 0px 10px 5px 10px; }
.product_buttons { margin-top: 4px; text-align: center; line-height: 0%; }

/* requirements ----------------------------------------- */
.requirements_field { padding: 2px; vertical-align: text-top; width: 55px; text-align: right; line-height: 140%; font-size: 11px;}
.requirements_value { padding: 2px; font-weight: bold; line-height: 140%; font-size: 11px;}

/* Reviews  ---------------------------------------------------------- */
.reviews {  font-family: "Times New Roman", Times, serif; font-size: 13px; background-color: #eee;  margin-top: 2px; padding: 0px; border : 1px solid #500; margin-bottom: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.3); }
.review_content { padding: 4px 10px; color: #000; text-align: justify; margin: 5px 0px; line-height: 120%;}
.review_title { font-weight : bold; color : #fff; background-color : #511; padding: 3px 6px; margin: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.testimonial { font-size: 11px; line-height: 130%; margin: 5px; padding: 5px 8px; background-color: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);}


/* Newsy ------------------------------------------- */
.news_box { margin: 2px 10px; }

/* Ramka z zapowiedzia ze dopiero preorder lub cos tam */
div.promo { font-family: "Times New Roman", Times, serif; font-size : 13px; background-color:#fec; margin-top:8px; padding: 5px; border : 1px solid #f80; line-height: 130%;}

/* endorserzey ------------------ */
#endorser_height { height: 35px; }
#endorser_text { height: 120px; }
.endorser_item { width: 160px; padding: 1px; }
.endorser_signature { text-align: right; font-style: italic; }
.endorser_image {  vertical-align: top; float: left; margin: 0px 12px; }
.endorser_item_unfolded { line-height: 130%; width: 500px; padding: 7px; background-color: #eee; }

/* Forms -------------------------------------------------------------- */
form { margin: 0px; }
input { font-size: 11px; font-weight: bold; font-family: sans-serif; vertical-align: middle; }
input.text { width: 150px; border: 1px solid #888; font-size: 11px;  padding: 1px 5px; margin: 1px 2px;  background-color: #fff; box-shadow: inset 2px 7px 1px #eee; border-radius: 2px; border: 1px solid #888; -webkit-box-shadow: inset 2px 7px 1px #eee; -webkit-border-radius: 2px; border: 1px solid #888; -moz-box-shadow: inset 2px 7px 1px #eee; -moz-border-radius: 2px; border: 1px solid #888;}
input.text_longer:focus, input.text:focus, input.text_count:focus {box-shadow: inset 2px 7px 1px #eee, 0px 0px 2px #000; -moz-box-shadow: inset 2px 7px 1px #eee, 0px 0px 2px #000; -webkit-box-shadow: inset 2px 7px 1px #eee, 0px 0px 2px #000;}
input.text_longer { width: 250px; font-size: 11px; padding: 1px 5px; margin: 1px 2px; background-color: #fff; box-shadow: inset 2px 7px 1px #eee; border-radius: 2px; border: 1px solid #888; -webkit-box-shadow: inset 2px 7px 1px #eee; -webkit-border-radius: 2px; border: 1px solid #888; -moz-box-shadow: inset 2px 7px 1px #eee; -moz-border-radius: 2px; border: 1px solid #888;}
input.button { border: 1px solid #888; margin: 1px 5px; font-size: 11px; color: #333; vertical-align: middle; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd; -moz-box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd; -webkit-box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd; }
input.button:Hover { box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd, 0px 0px 2px #000; -moz-box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd, 0px 0px 2px #000; -webkit-box-shadow: inset 1px 6px 1px #fff, inset 0px 11px 8px #edd, 0px 0px 2px #000;}
input.button:Active { background-color: #fff; box-shadow: inset 1px 6px 1px #fff, inset 0px 13px 9px #edd; -moz-box-shadow: inset 1px 6px 1px #fff, inset 0px 13px 9px #edd; -webkit-box-shadow: inset 1px 6px 1px #fff, inset 0px 13px 9px #edd; }

input.checkbox { border: 1px solid #666; margin: 5px 8px;}
select { font-family: sans-serif; border: 1px solid #aaa; width: 250px; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 4px; margin: 1px 2px; vertical-align: middle;}

/* online shop ---------------------------------------------------- */
h1.shop_header, h2.shop_header  { padding: 5px 15px 5px 15px; text-align: center; border-bottom: 1px solid #ccc; vertical-align: text-bottom; font-size: 15px;}
h1.shop_bundle_header, h2.shop_bundle_header { padding: 5px 15px 5px 15px; text-align: center; border-bottom: 1px solid #ccc; vertical-align: text-bottom; font-size: 15px; height: 35px;}
 
.shop_product {  float: left; width: 200px; height: 250px; margin: 0px 9px 10px 9px; text-align: center;}
.shop_product_inner { font-size: 11px; margin-top: 5px; }
.shop_price { color: #f00; font-size: 16px; font-weight: bold; padding: 3px 0px 3px 0px;}
.shop_stroke { color: #000; font-size: 13px; font-weight: bold; text-decoration: line-through;}
#shop_highligh { background-color: #f0f0f0; padding: 8px;}
.shop_wide_cart { border: 1px solid #888;  width: 400px; margin: 0 auto 0 auto; background-color: #f0f0f0; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: url('../gfx/new_style/background_cart.png'); background-repeat: repeat-x; }
.wide_cart_line { line-height: 20px; padding: 2px 10px; text-align: right;}
#cart_background {  background-image: url('../gfx/new_style/background_cart.png'); line-height: 140%; background-repeat: repeat-x; background-color: #f0f0f0; }
input.text_count {  width: 18px; border: 1px solid #888; font-size: 11px;  padding: 1px 5px; margin: 1px 2px;  background-color: #fff; box-shadow: inset 2px 7px 1px #eee; border-radius: 2px; border: 1px solid #888; -webkit-box-shadow: inset 2px 7px 1px #eee; -webkit-border-radius: 2px; border: 1px solid #888; -moz-box-shadow: inset 2px 7px 1px #eee; -moz-border-radius: 2px; border: 1px solid #888;}

/* ############################################################################################################# */
/* DEDYKOWANE STYLE --------------------------------------------------- */

/* SHIOITOR ------------------------------------------------------------------------ */

/* shioitor strona tytulowa*/
#shioitor_box { height: 284px; width: 299px; padding: 35px 10px 0px 10px; margin: 3px; cursor: hand; font-family: sans-serif; font-size: 11px; float: left; }

/* tla strony tytulowaej */
.shioitor_overview { background-image: url('../images/shioitor/front_page/overview.jpg'); }
.shioitor_performance { background-image: url('../images/shioitor/front_page/performance.jpg'); }
.shioitor_sound { background-image: url('../images/shioitor/front_page/sound.jpg'); }
.shioitor_technical { background-image: url('../images/shioitor/front_page/technical.jpg'); }

/* lista full featuresow */
.shioitor_features { width: 180px; color: #444; border-bottom: 1px solid #aaa; font-weight: bold; padding-bottom: 2px; font-size: 12px; }
.shioitor_features_background { background-image: url('../images/shioitor/shioitorAngle_wb.jpg'); height: 420px; background-repeat: no-repeat; background-position: right; }