/* -------------------------------------------------------
   SCREEN.CSS
   * Filename	screen.css
   * Updated	2009-11-04
   * Author     Dariusz Pobożniak
   * Website	http://pobozniak.pl
   ----------------------------------------------------- */

/* CSS Document main default file */

@import url("reset.css");       /* reset browser defaults */
@import url("grid.css");        /* main layout structure */
@import url("lightbox.css");    /* lightbox gallery css */

a { color: #98565f; text-decoration: none; }
a:hover { text-decoration: underline; }

body { 
	background: #e2dfd5 url(../gfx/bgBody.gif) 50% 0 no-repeat; 
	color: #615b53;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
}
p { margin: 1em 0; }
h2, h3, #basket-box span, #logged p, #sidebar ul, #mainnav, #productlist p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1;
}
h2 { 
    color: #98565f; 
    font-size: 1.6em; 
    font-weight: bold; 
    margin: 1em 0 1em 20px; 
}
h5 { font-size: 110%; font-weight: bold; margin: 0 0 .2em; }
address { margin: .5em 0 2em; }
#header, #container { font-size: 1.2em; }
#sidebar ul, #sidebar form, .breadcrumb, .text-wrapper, #product-box { 
    background: url(../gfx/dot.gif) 0 100% repeat-x; 
}    

/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
    display: inline;
	float: left;
	height: 61px;
	margin: 53px 0 0 10px;
	width: 450px;
}
h1 a {
	background: url(../gfx/logo.gif) 0 0 no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -99999px;
	width: 100%;
}
.input, textarea, select {
	background: #fff;
	border: 0 none;
	float: left;
	font: 1em Verdana;
	padding: 2px;
}

/* --- =USER-PANEL --- */
#user-panel {
	background: url(../gfx/bgUserPanel.gif) 0 0 no-repeat;
	float: right;
	height: 150px;
	padding: 0 8px 8px 18px;
	width: 401px;
}
#user-panel form, #logged { 
	color: #7b0029;
	float: left;
	height: 78px; 
	width: 401px;
}
#basket-box { color: #faf4ef; height: 72px; }
#user-panel h3 { float: left; font-size: 1.7em; margin: 12px .8em 0 0; }
#basket-box span { float: left; font-size: 2.6em; margin-top: .3em; }
#logged p { font-size: 1.1em; margin: 12px 0 .6em 0;}
#logged p span { font-size: 1.2em; }
#user-panel .input {
    margin: 12px 4px 0 0;
    width: 131px;
}

a.submit, input.submit, .more, .order, .reserved, .sold {
	background: #7b0029;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	margin-left: 4px;
	padding: 2px .6em;
	float: right;
}
input.submit { padding: 1px .6em 2px; }
* html input.submit { padding: 1px .6em 0; }
.submit:hover { text-decoration: none; }

#basket-box .submit { color: #fff; margin-top: 40px; }
#user-panel form .submit, #user-panel .forgot { margin-top: 10px; }
#user-panel .forgot { color: #7b0029; float: right; }


/* SIDEBAR
 ---------------------------------------------------------------------------- */
#sidebar ul, #sidebar form { 
	padding: 1em 15px;
}
#sidebar li {
	border-top: 1px solid #b1a89b;
	padding: .5em 0;
}
#sidebar ul li a, #sidebar ul li span {
	color: #7b0029;
	font-size: 2em;
}
#sidebar li ul { background: none; padding: .3em 0; }
#sidebar li li {
	background: url(../gfx/raquo.gif) 0 50% no-repeat;
	border: 0 none;
	padding: 0 0 0 11px;
}
#sidebar li li a, #sidebar li li span {
	color: #615b53;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#sidebar li li span { font-weight: bold; }
#sidebar form h3 { color: #7b0029; font-size: 1.8em; margin-bottom: .3em; }
#sidebar form .input { width: 155px; }


/* CONTENT
 ---------------------------------------------------------------------------- */
#intro { background: url(../gfx/bgIntro.png) 0 100% no-repeat; }
#intro-in { 
    background: url(../gfx/dot_ver.gif) 7px 0 repeat-y; 
    padding: 20px 30px; 
}
#intro h2 {
    background: url(../gfx/bgIntroH2.png) 0 50% no-repeat;
    height: 60px;
    margin: 0 0 1em 0;
    overflow: hidden;
    text-indent: -9999px;
}
#intro img { float: left; }
#intro p, #intro h4 { margin-left: 200px; }
#box-in {
	background: url(../gfx/bgBoxIn.png) 0 0 repeat-y;
	float: left;
	padding: 0 8px 2em;
	width: 707px; 
}
#mainnav {
	background: url(../gfx/bgMainnav.gif) 0 0 repeat-x;
	height: 47px;
	margin-left: 8px;
	width: 699px;
}
#mainnav li { 
	display: inline; 
	height: 47px; 
	line-height: 47px;
	padding: 0 1em;
}
#mainnav a { color: #f8f3e7; font-size: 1.6em; }

.breadcrumb { color: #615b53; margin: 0; padding: 1.3em 15px; }
.breadcrumb a { color: #615b53; }
.breadcrumb span { 
    color: #98565f;
    display: block;
    font-size: 1.6em;
}
.pagination { 
    color: #98565f; 
    float: left; 
    font-size: 1.2em;
    margin: 2em 0 1em; 
    text-align: center;
    width: 100%;
}
.pagination span { font-weight: bold; }
.text-wrapper { clear: left; padding: 1.3em 25px; }

/* ---- =PRODUCT LIST ---- */
#productlist { 
    background: url(../gfx/bgProductList.gif) 50% 0 repeat-y;
    float: left;
}
#productlist li {
    background: url(../gfx/dot.gif) 0 100% repeat-x;
    float: left;
    min-height: 335px;
    padding: 10px 0 10px 10px;
    width: 225px;
}
* html #productlist li { height: 335px; }
#productlist li .img {
	height: 220px;
	line-height: 220px;
	text-align: center;
	width: 216px;
}
#productlist li a img, #image-box a img { 
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    margin-bottom: .3em;
    padding: 6px;
	vertical-align: middle;
}
#productlist p { margin: 0 8px; }
#productlist .desc { height: 45px; overflow: hidden; }
#productlist .desc span {
    color: #98565f;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
#productlist .more {
    background: #eceae3;
    color: #730227;
    margin-top: 1.6em;
}
.order, .reserved, .sold 
{ clear: right; color: #fff; margin-top: .3em;}
.reserved { background: #8a6f6e; }
.sold { background: #b6a89c; }
span.reserved, span.sold { cursor: default; }
.price { 
    color: #7b0029; 
    display: block;
    float: left;
    font-size: 1.2em;
    margin-top: 1.6em;    
}
.price span { display: block; font-size: 1.2em; }

/* ---- =PRODUCT ----- */
#product-box { 
    float: left; 
    padding-bottom: 1em; 
    width: 706px; 
}
#image-box { 
    float: left; 
    padding-left: 16px; 
    width: 442px; 
}
#image-box a img { float: left; margin: 3px; }
#image-box a img.big { 
    /*background: url(../gfx/bgImageBorderBig.gif) 50% 50% no-repeat;*/
    margin: 0 0 3px;
}
#product-desc { float: right; width: 237px; }
#product-desc .desc, .price-box { 
    background: url(../gfx/dot.gif) 0 100% repeat-x; 
    margin-right: 1px;
}
#product-desc .desc { padding: 0 10px 1em 0; }
.price-box { float: left; padding: 1em 0; width: 236px; }
.price-box .price { margin: 0; }
.price-box .order, .price-box .sold, .price-box .reserved {
    padding: .7em 10px;
    text-align: left;
    width: 110px;
}
.positive, .alert, .hint {
    border: 1px solid;
    margin-bottom: 2em;
    padding: 1.3em;
    text-align: center;
}
.hint { border-color: #AFAFAF; }
.alert { border-color: #DF0D29; }
.positive { border-color: #158F00; }
#content form .hint { float: none; margin: 0 0 2em; width: auto; }

/* ----- FORMS ----- */
#content .input, #content textarea, #content select, .volume {
    border: 1px solid #E2DFD5;
    float: left;
    width: 505px;
}
textarea { overflow: auto; }
.volume { float: none; width: 30px; }
#content .input:focus, #content textarea:focus {
    border: 1px solid #96847F;
}
#content fieldset {
    border-bottom: 1px solid #615B53;
    padding: 1.3em 0;
}
#content label {
    float: left;
    margin-right: 20px;
    width: 125px;
}
#content form p {
    float: left;
    margin: .3em 0 ;
    width: 100%;
}
#content fieldset.send, #content .prodform fieldset { border-bottom: 0 none; }

/* ----- TABLE ----- */
table { 
    border: 1px solid #afafaf;
    border-collapse: collapse; 
    margin: 0 0 1.3em;
    width: 100%; 
}
table th, table td {
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    padding: .2em;
}
table th { 
    background-color: #afafaf; 
    font-size: 90%; 
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
}
table .remove { display: block; font-size: 90%; }
.b3, .b5 { text-align: center; }
.b5 { width: 50px; }

/* FOOTER
 ---------------------------------------------------------------------------- */
#footer span { float: left; }
#footer a { color: #730227; }