/*
======================================================
==================== all page ====================
======================================================
*/
body
{
    margin: 0px;
    background-color: #cccccc;
    font: 12px Arial, Helvetica, Verdana, sans-serif;
    color: #060606;
}


a {text-decoration: none; outline: none;}

a:hover {text-decoration: underline;}


form,
fieldset
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    
/*     clear: both; */
/*     float: left; */
}

img
{
    border: 0px;
}

.clear {clear: both;}
/*
==============================================================
==================== main sections ====================
==============================================================
*/

#Page
{
    width: 780px;
    margin: auto;
    background-color: inherit;
    color: inherit;
}

#Header
{
    width: 780px;
    height: 110px;
    background-image: url('../images/header_background.gif');
    background-repeat: repeat-x;
}

#MainContent
{
    clear: both;
    float: left;
    width: 780px;
    background-image: url('../images/content_background.gif');
    background-repeat: repeat-y;
}

#LeftColumn
{
    clear: both;
    float: left;
    width: 170px;
    min-height: 400px;
    background-color: #fdf4f5;
}

#Content
{
    float: left;
    width: 570px;
    min-height: 400px;
    background-color: #fff;
    padding: 20px;
}

#Footer
{
    clear: both;
    float: left;
    width: 780px;
    height: 14px;
    background-color: #419cb2;
}





/* ========================= Header =============================== */
#Header a.Logo
{
    float: left;
    width: 170px;
    height: 110px;
    background-image: url('../images/logo.gif');
    text-indent: -9000px;
}


#Header ul.Menu
{
    float: right;
    list-style-type: none;
    margin: 68px 50px 0px 50px;
    padding: 0px;
}

#Header ul.Menu li
{
    float: left;
}

#Header ul.Menu li a
{
    display: block;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #fff;
}

#Header ul.Menu li a.Selected
{
/*     color: #a7cadb; */
}

#Header ul.Menu li a:hover
{
    color: #a7cadb;
}

#Header ul.Menu li a.First
{
    padding: 0px 10px 0px 0px;
    border-left: none;
}

#Header ul.Menu li a.Last
{
    padding: 0px 0px 0px 10px;
}




/* ========================= LeftColumn =============================== */

/* -------------------------- Menu --------------------------- */
#LeftColumn ul.MenuCategories
{
    display: block;
    width: 170px;
    list-style-type: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    background-color: #008688;
    margin-bottom: 20px
}

#LeftColumn ul.MenuCategories li a
{
    display: block;
    width: 140px;
    margin: 0px;
    padding: 5px 15px 9px 15px;
    text-transform: uppercase;
    background-color: #cce7e7;
    color: #060606;
    border-bottom: 1px solid #fdf4f5;
}

#LeftColumn ul.MenuCategories li a:hover
{
    color: #098a8c;
    text-decoration: none;
}

#LeftColumn ul.MenuCategories li a.First
{
    border-top: 1px solid #fdf4f5;
}

#LeftColumn ul.MenuCategories li a.Selected
{
    color: #060606;
    background-color: #ffe8b5;
    border-bottom: none;
}


#LeftColumn ul.MenuSubCategories
{
    display: block;
    width: 170px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #e6e8ce;
}

#LeftColumn ul.MenuSubCategories li a
{
    width: 120px;
    height: 9px;
    font-size: 10px;
    margin: 0px;
    padding: 5px 15px 9px 15px;
    margin-left: 20px;
    text-transform: none;
    background-color: #e6e8ce;
    border-bottom: none;
}

#LeftColumn ul.MenuSubCategories li a.Selected
{
    background-color: #fff3da;
}


/* -------------------------- Boxes --------------------------- */

#LeftColumn div.Box
{
    width: 170px;
}

#LeftColumn div.Box h3
{
    width: 140px;
    margin: 0;
    padding: 8px 15px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #ecb53a;
}

#LeftColumn div.Box div
{
    padding: 10px;
}

#LeftColumn div.BoxSearch h3 {background: #c273a1;}
#LeftColumn div.BoxSearch div {background: #fdf7eb; padding: 5px;}
#LeftColumn div.BoxSearch div form input.searchfield {border: 1px #5f9fbd solid; width: 85px; height: 20px; padding: 2px 0 0 0;}
#LeftColumn div.BoxSearch div form input.submit {border: 1px #5f9fbd solid; width: 50px; height: 24px; margin: 0 5px 0px 5px;}


/* =================================== Content =================================== */
/* ============================= style dla tresci sklepu zgodnie z nazywn ===================== */

#Content h1 {font-size: 1.6em;}

#Content h2 {font-size: 1.2em;}

#Content h3,
#Content h4,
#Content h5,
#Content h6 {font-size: 12px;}

/* ------------------ page path ----------------------- */
#Content div.PagePath {padding: 5px; background: #f9f9f9; font-weight: bold;}
#Content div.PagePath a {color: #333; font-weight: normal; padding: 0 10px 0 0; margin: 0; background: url('../images/arrow-bcrumb.gif') 100% 50% no-repeat;}


/* ------------------ lista produktów ----------------------- */
#productPerPage {margin: 15px 0; color: #333;}
#productPerPage a {color: #333;}

#Content DIV.ProductBoxSet {clear: both; width: 590px; float: left;}
#Content DIV.ProductBoxSet DIV.ProductBox {display: block; padding: 0; border: 1px solid #eee; float: left; margin: 2px 2px 0 0; width: 190px; height: 260px; overflow: hidden; text-align: center;}
#Content DIV.ProductBoxSet DIV.ProductBox h3 {color: #5f9fbd; margin: 0; padding: 0;}
#Content DIV.ProductBoxSet DIV.ProductBox h3 a {display: block; margin: 15px 0 0 0; padding: 5px; width: 180px; height: 20px; text-align: center; font-size: 1.2em; color: #333; text-decoration: none;}
#Content DIV.ProductBoxSet DIV.ProductBox h3 a:HOVER {color: #5f9fbd;}

#Content DIV.ProductBoxSet DIV.ProductBox div.imgHolder {width: 190px; height: 150px; margin: 5px 0 20px 0; display: block; overflow: hidden;}
#Content DIV.ProductBoxSet DIV.ProductBox div.imgHolder img {clear: both; margin: 10px 0; background: #fff;}
#Content DIV.ProductBoxSet DIV.ProductBox div.Price {display: block; float: left; width: 90px; height: 16px; padding: 7px 0; font-weight: bold; color: #fff; background: #008688;}
#Content DIV.ProductBoxSet DIV.ProductBox div.ProductDetails {display: block; float: right; width: 90px; height: 30px;}



/* ------------------ produkt info ----------------------- */
#productMainImage {float: right; text-align: center; margin: 0 0 0 5px;}
#productMainImage img {background: #fff; padding: 2px; border: #5f9fbd solid; border-width: 1px;}

#productDescription
{
    float: left;
}

#Content div.additionalImgHolder {float: left; margin: 5px;}
#Content div.additionalImgHolder img {padding: 2px; border: #5f9fbd solid; border-width: 1px;}

#cartAdd,
#productDetailsList,
#productDateAdded
{
    margin-top: 20px;
}

.optionName {margin: 0 10px 0 0;}



/* ----------------------- shopping cart ----------------------- */
#cartContentsDisplay
{
    margin-top: 20px;
}

#cartContentsDisplay thead tr th
{
    color: #060606;
    background-color: #ffe8b5;
    border-bottom: 1px dotted #000;
    padding: 5px;
}

#cartContentsDisplay tbody tr.rowEven td
{
    padding: 5px;
    border-bottom: 1px dotted #000;
}

#cartContentsDisplay tbody tr.rowOdd td
{
    padding: 5px;
    background-color: #eee;
}

#cartContentsDisplay tbody tr.rowTotal td
{
    padding: 5px;
    border-top: 1px solid #000;
}



div.buttonRow {margin: 2px;}
/*div.buttonRow
{
    clear: both;
    float: left;
    margin: 2px;
}*/

.forward {float: right;}
.back {float: left;}

.cartAttribsList ul {list-style: none;}
.cartAttribsList ul li {font-size: 0.9em; padding: 0 0 0 30px; background: url('../images/arrow-bcrumb.gif') 20px 50% no-repeat;}

#cartSubTotal {float: right; font-weight: bold; margin: 10px 50px 10px 0;}


/* ----------------------- formularze ----------------------- */
#Content div.centerColumn form
{
    margin-bottom: 25px;
}

#Content div.centerColumn fieldset
{
    padding: 10px;
    margin: 15px 0;
    background-color: #fff;
	border: 1px solid #eee;
}

#Content div.centerColumn fieldset legend
{
	padding: 5px;
	background: #f9f9f9;
	border: solid #eee;
	border-width: 0 1px;
    font-weight: bold;
    font-size: 1.2em;
	margin: 0 0 5px 0;
}

#Content div.centerColumn fieldset fieldset
{
    border: 0px;
    padding: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#Content div.centerColumn fieldset fieldset legend
{
    margin: 0px;
    padding-bottom: 20px;
    font-size: 1em;
	border: none;
	background: none;
}

#Content div.centerColumn fieldset div
{
    width: 546px;
    padding: 5px 0;
    margin: 0 0 5px 0;
}

#Content div.centerColumn fieldset label
{
    clear: both;
    display: block;
    float: left;
    width: 180px;
    margin-bottom: 5px;
    padding-top: 5px;
    
}

#Content div.centerColumn fieldset input
{
/*     display: block; */
/*     float: left; */
    width: 230px;
    margin-bottom: 5px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #f2bbf1;
}

#Content div.centerColumn fieldset input.Radio,
#Content div.centerColumn fieldset input.Checkbox
{
    border: 0px;
    width: 20px;
}

.radioButtonLabel, .checkboxLabel {float: left;}

#Content div.centerColumn input.Button
{
    padding: 5px 15px 5px 15px;
    background-color: #f2bbf1;
    font-weight: bold;
    border: 1px solid #bfc3c7;
    font-size: 12px;
}













/* ---------------------------- inne ------------------------------ */
#Content div.centerColumn a.ButtonSmall
{
    padding: 2px 6px 2px 6px;
    margin: 5px;
    background-color: #f2bbf1;
    font-size: 10px;
    border: 1px solid #bfc3c7;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#Content div.centerColumn a.Button
{
    padding: 5px 15px 5px 15px;
    margin: 5px;
    background-color: #f2bbf1;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #bfc3c7;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}