/*-----------------------------------------------------------------------------
author:    I-iN-Studio
email:     info@i-in-studio.com
website:   http://www.i-in-studio.com/
-----------------------------------------------------------------------------*/

/* 
-----------------------------------------------------------------------------*/
* {
    margin: 0;
	padding: 0;
}

p, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote {
    margin: 0.8em 0;
}

img {
	border: 0;
	vertical-align: top;
}

/* [ Typography ]
-----------------------------------------------------------------------------*/
body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    line-height: 150%;
    color: #333;
}

/* [ Headings ]
-----------------------------------------------------------------------------*/

h1 { font-size: 1.4em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1,h2,h3,h4,h5,h6 {
    color: #000;	
}

/* [ Links ]
-----------------------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #2e93e5;
}

a:hover {
    text-decoration: underline;
}

/* [ Strongs ]
-----------------------------------------------------------------------------*/
strong { 
    color: #000;
}

/* [ Lists ]
-----------------------------------------------------------------------------*/
ol,ul { 
	list-style-position: inside;
	padding-left: 1.4em; 
}

/* [ Tables ]
-----------------------------------------------------------------------------*/
table { 
	border-collapse: collapse;
}

/* [ Clear ]
-----------------------------------------------------------------------------*/
.Clear {
    clear: both;	
}


/* => Wrapper
-----------------------------------------------------------------------------*/
#Wrapper {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}


/* => Info
-----------------------------------------------------------------------------*/
#Info {
    padding: 9px 15px;
	border: solid 1px #ddd;
	border-top: none;	
	background-color: #fafafa;
	margin-bottom: 5px;
	font-size: 0.85em;
	color: #bbb;
}

#Info .Navigation {
	font-size: 1.2em;
	font-weight: bold;
	color: #80cc3d;
}

#Info .Navigation strong {
	color: #000;
}

#Info .Navigation span {
	color: #bbb;
	font-size: 0.75em;
	font-weight: normal;
}

#Info .Notable {
	color: #c00;
}


/* => Header
-----------------------------------------------------------------------------*/
#Header {
    height: 210px;
    overflow: hidden;
    margin-bottom: 5px;
}

/* => Header ( Contacts )
-----------------------------------------------------------------------------*/
#Header .Contacts {
	float: left;
	width: 250px;
	overflow: hidden;
}

/* => Header ( Logo )
-----------------------------------------------------------------------------*/
#Header .Logo {
	margin: 25px 150px 0px 260px;
	border: solid #f5f5f5;
	border-width: 0px 3px;
	padding: 15px 0px 0px 55px;
}

#Header .Logo a {
	outline: none;
}

/* => Header ( Search )
-----------------------------------------------------------------------------*/
#Header .Search {
	margin: 0px 150px 0px 260px;
	border: solid #f5f5f5;
	border-width: 0px 3px;	
	padding: 5px 0px 22px 54px;
}

#Header .Search form {
	margin: 0px;
}

#Header .Search .text input {
	border: solid 1px #ccc;
	padding: 1px;
	width: 150px;
	color: #333;
}

#Header .Search .submit input {
    background-color: #f9eec6;
	border: solid 1px #ccc;
	padding: 3px;
	color: #333;
	cursor: pointer;
}

/* => Header ( Navigation )
-----------------------------------------------------------------------------*/
#Header .Navigation {
	float: right;
	padding: 16px 16px 16px 14px;;
}

#Header .Navigation a {
	display: block;
	font-size: 17px;
	line-height: 33px;
    color: #000;
}


/* => Basket
-----------------------------------------------------------------------------*/
#Basket .Box {
    border: solid 3px #80cc3d;	
    background-color: #d4f1ba;
    padding: 10px;
    margin-bottom: 20px;
}

#Basket .Box a {
	float: right;
	padding-left: 10px;
	font-weight: bold;
	color: #000;
}

#Basket .Box h2 {
	display: inline;
}


/* => Order
-----------------------------------------------------------------------------*/
#Order hr {
    height: 0px;
    overflow: hidden;
    border: none;
    border-top: dashed 1px #ccc;
	margin-bottom: 20px;
		
}

#Order .Listing {
	float: left;
	width: 210px;
	overflow: hidden;
	margin-bottom: 20px;
}

#Order .Listing a {
	display: block;
    padding: 10px 25px;
    color: #000;
    font-size: 18px;
}

#Order .Listing a.Selected {
    background-color: #c1e89d;
}

#Order .Box {
	position: relative;
	float: left;
	width: 500px;
    border: solid 5px #c1e89d;
    background-color: #fff;
	padding: 10px 15px 15px 15px;
	margin-bottom: 20px;
}

#Order .Box p.error {
	background-color: #f2d5d5;
	border: solid 2px #f00;
	padding: 10px;
	color: #000;
}

#Order .Box table {
	width: 99%;
}

#Order .Box th,
#Order .Box td {
	padding: 5px 10px;
	border-bottom: solid 1px #ddd;
	text-align: center;
}

#Order .Box th {
	color: #000;
}

#Order .Box th.name, 
#Order .Box td.name  {
	text-align: left;
}

#Order .Box fieldset {
	border: none;
	margin: 0px;
}

#Order .Box fieldset p {
	margin-top: 0px;
}

#Order .Box span.text input {
	width: 40px;
	border: solid 2px #c1e89d;
	text-align: center;
}

#Order .Box p label {
	display: block;
}

#Order .Box p.text input,
#Order .Box p.textarea textarea {
	width: 488px;
	padding: 3px;
	border: solid 2px #c1e89d;
}

#Order .Box .submit input {
	width: 498px;
	margin-top: 10px;
    background-color: #eaf6df;
	border: solid 3px #c1e89d;
	padding: 5px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	outline: none;
}

#Order .Box .submit input:hover {
    background-color: #f9eec6;
	border: solid 3px #eec42a;
}


/* => Mainbar
-----------------------------------------------------------------------------*/
#Mainbar {
	float: right;
	width: 539px;
	overflow: hidden;
	border-left: dashed 1px #ccc;
	min-height: 1025px;
}


/* => Content
-----------------------------------------------------------------------------*/
#Content {
	position: relative;
}

#Content .Heading {
	height: 40px;
	overflow: hidden;
	padding: 0px 15px; 
	border-bottom: dashed 1px #ccc;
}

#Content .Heading h1 {
    float: left;
    margin: 0px;
    padding: 0px 2px 0px 0px;
    line-height: 35px;
	color: #000;
}

#Content .Heading a {
    float: left;
	outline: none;
}

#Content .Navigation {
    position: absolute;
    top: 24px;
    left: 16px;
    font-size: 11px;
    color: #bbb;		
}

#Content .Navigation a {
    color: #80cc3d;
}

/* => Content :: List
-----------------------------------------------------------------------------*/
#Content .List .Sorting {
	display: none;
    position: absolute;
    right: 0px;	
    top: 5px;
}

#Content .List .Sorting a {
	outline: none;
    color: #d4d4d4;
    font-size: 25px;
    padding-left: 5px;
}

#Content .List .Sorting a.ASC,
#Content .List .Sorting a.DESC,
#Content .List .Sorting a:hover {
	text-decoration: none;
	border-bottom: dashed 1px #ccc;
	color: #eac439;
}

#Content .List .Sorting div {
	color: #80cc3d;
	font-size: 11px;
	text-align: right;
	padding-top: 15px;
	padding-right: 7px;
}

#Content .List .Box {
	padding: 25px 0px 0px 25px; 	
	border: dashed #ccc;
	border-width: 0px 1px 1px 0px;
    margin-bottom: 25px;
}

#Content .List .Box .Listing {
    overflow: hidden; /* Sorting bug fix */	
}

#Content .List .Box .Listing .Element {
	position: relative;
    float: left;
    height: 175px;
    width: 225px;
    margin-right: 25px;
    margin-bottom: 30px;
    border: solid 1px #ccc;
    text-align: center;
    outline: none;
}

#Content .List .Box .Listing .Element .Photo {
    display: block;	
    height: 100px;
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
    cursor: pointer; /* IE bug */
}

#Content .List .Box .Listing .Element .Title {
    position: absolute;
    bottom: 33px;
	left: 0px;
    width: 215px;
    margin: 0px 5px;
    background-color: #fff;
    line-height: 17px;
    font-size: 17px;
    font-weight: bold;
    color: #000; 
    cursor: pointer; /* IE bug */
}

#Content .List .Box .Listing .Element .Price {
	position: absolute;
	display: block;
	bottom: -12px;
	left: 30px;
	width: 160px;
    padding: 5px 0px;
    border: solid 3px #f4b259;	
    background-color: #fcf2e3;
    color: #fcf2e3;
    cursor: pointer; /* IE bug */
}

#Content .List .Box .Listing .Element .SpecialPrice {
    border: solid 3px #80cc3d;	
    background-color: #d4f1ba;
    color: #d4f1ba;
}

#Content .List .Box .Listing .Element .Price strong {
    color: #000;
}

#Content .List .Box .Listing .Element:hover {
    border: dashed 1px #000;  
    text-decoration: none;
}

#Content .List .Box .Listing .Element:hover .Price {
    background-color: #fddcaf;
    color: #000;
}

#Content .List .Box .Listing .Element:hover .SpecialPrice {
    background-color: #c7ff96;	
}

/* => Content :: Item
-----------------------------------------------------------------------------*/
#Content .Item .Price {
    position: absolute;
    right: 0px;	
    top: 0px;
    height: 33px;
    line-height: 35px;
    overflow: hidden;
    padding: 0px 10px;
    border: solid 4px #f4b259;	
    background-color: #fcf2e3;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#Content .Item .SpecialPrice {
    border-color: #80cc3d;	
    background-color: #d4f1ba;
}

#Content .Item .Basket {
    position: absolute;
    right: 0px;	
    top: 41px;
}

#Content .Item .Basket form {
    margin: 0px;	
}

#Content .Item .Basket input {
    cursor: pointer;	
    padding: 5px;
    border: dashed #ccc;
    border-width: 0px 1px 1px 1px;
    outline: none;
}

#Content .Item .Basket input:hover {
    border-color: #80cc3d; 
    border-style: solid; 	
}

#Content .Item .Photo {
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
    padding: 25px;
    border-right: dashed 1px #ccc; 
}

#Content .Item .Photo img.Ready {
    cursor: url(../images/loupe.png) 22 22, pointer; 
}

#Content .Item .Param {
    float: left;  
    padding: 10px 0px 0px 15px;   
}

#Content .Item .Box {
	clear: both;
	border-top: dashed 1px #ccc;
	padding: 5px 25px 0px 25px;
}

#Content .Item .Box .Gallery h3 {
	padding-bottom: 10px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 5px;
}

#Content .Item .Box .Gallery .Note {
	color: #bbb;
}	

#Content .Item .Box .Gallery .Photos {
    overflow: hidden;
}	

#Content .Item .Box .Gallery .Photos a {
    display: block;
    float: left;
    outline: none;
    border: dashed 1px #ccc;
    padding: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

/* => Content :: Section
-----------------------------------------------------------------------------*/
#Content .Section .Box {
	padding: 0px 15px;
    margin-bottom: 25px;
}

#Content .Section .Box h3 a {
	text-decoration: none;
	font-size: 1em;	
}

#Content .Section .Box .Date {
	font-size: 0.85em;
	color: #aaa;
}

#Content .Section .Box a {
	color: #000;
	font-weight: bold;	
	font-size: 0.85em;	
}

/* => Content :: Article
-----------------------------------------------------------------------------*/
#Content .Article .Box {
	padding: 0px 15px;
    margin-bottom: 25px;
}

#Content .Article .Box .Date {
	font-size: 0.85em;
	color: #aaa;
}

/* => Content :: Pricelist
-----------------------------------------------------------------------------*/
#Content .Pricelist .Box {
	border: solid #b5ef81;	
	border-width: 7px 5px 5px 5px;
	margin: 2px 0px 2px 2px;
}

/* => Content :: Pricelist [ Tables ]
-----------------------------------------------------------------------------*/
#Content .Pricelist table {
	width: 526px;
}

#Content .Pricelist td {
	padding: 5px 10px;
}

#Content .Pricelist td.price {
	text-align: center;
}

#Content .Pricelist tr.category td {
	padding: 10px;
	background-color: #80cc3d;	
	font-weight: bold;
	font-size: 15px;
	color: #000;
}

#Content .Pricelist tr.item td {	
	background-color: #d2f0b8;
}

#Content .Pricelist tr.item:nth-child(odd) td {
	background-color: #e4fad1;	
}

#Content .Pricelist tr.group td {
	border: dashed #ccc;
	border-width: 1px 0px;
	background-color: #fafafa;
	font-size: 11px;
	color: #c00;	
}

#Content .Pricelist tr.option td {
	color: #aaa;
}

/* => Content :: Order
-----------------------------------------------------------------------------*/
#Content .Order .Box {
	padding: 0px 15px;	
    margin-bottom: 25px;
}

/* => Content :: Error404
-----------------------------------------------------------------------------*/
#Content .Error404 .Box {
	padding: 0px 15px;	
    margin-bottom: 25px;
}


/* => Text
-----------------------------------------------------------------------------*/
#Text {
    padding: 0px 0px 0px 25px;
    margin-bottom: 30px;
}


/* => Sidebar
-----------------------------------------------------------------------------*/
#Sidebar {
	float: right;
	width: 210px;
	overflow: hidden;
}


/* => Menu
-----------------------------------------------------------------------------*/


/* => Menu ( Heading )
-----------------------------------------------------------------------------*/
#Menu .Heading {
	height: 35px;
	overflow: hidden;
	padding-left: 20px;
	margin: 0px 7px 5px 0px;
	background-color: #fafafa;
    line-height: 35px;
	font-weight: bold;
	font-size: 14px;
	color: #000;

}

/* => Menu ( Listing )
-----------------------------------------------------------------------------*/
#Menu .Listing {
	padding: 3px 5px 10px 20px; 
}

#Menu .Listing a {
    display: block;
    line-height: 200%;	
}

#Menu .Listing a.Selected {
    font-weight: bold;
    color: #80cc3d;	
}

#Menu .Listing a img.Contacts {
    padding: 5px;
    border: solid 1px #ddd;	
}

#Menu .Listing a:hover img.Contacts {
    border-style: dashed;
    border-color: #ccc;   	
}


/* => Footer
-----------------------------------------------------------------------------*/
#Footer {
	clear: both;
	border-top: dashed 1px #ccc;
	margin-left: 20px;
}

/* => Footer ( Description )
-----------------------------------------------------------------------------*/
#Footer .Description {
    float: left;
    width: 578px;
    font-size: 11px;
	text-align: justify;
    color: #bbb;
}

/* => Footer ( Counters )
-----------------------------------------------------------------------------*/
#Footer .Counters {
    margin-left: 590px;
    padding: 12px 0px 12px 12px;
    border-left: dashed 1px #ccc;
}

#Footer .Counters img {
	opacity:0.5;   
    filter:alpha(opacity=50);
}	

/* => Support
-----------------------------------------------------------------------------*/
#Support {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 500;
    background-color: #fff;
}

#Support a {
    outline: none;	
}

#Support a img {
    border: solid #ddd;
    border-width: 0px 0px 1px 1px;
}

#Support a:hover img {
	border-style: dashed;
    border-color: #ccc;
}


/* => Toplink
-----------------------------------------------------------------------------*/
#Toplink {
	display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 500;
    background-color: #fff;
}

#Toplink a {
    outline: none;	
}

#Toplink a img {
    border: solid #ddd;
    border-width: 1px 0px 0px 1px;
    padding: 10px;	
}

#Toplink a:hover img {
	border-style: dashed;
    border-color: #ccc;
}


/* => Gallery
-----------------------------------------------------------------------------*/
#Gallery {
    position: fixed;
    display: none;
    top: 42px;
    left: 200px;
    width: 550px;
    z-index: 100;
    overflow: hidden;
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 3px;
}

#Gallery .Heading {
	float: left;
	height: 20px;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
}

#Gallery .Display {
	clear: both;
	height: 430px;
    border: solid #eee;
    padding: 15px;
    border-width: 5px 5px 5px 5px;
	background-color: #fff;
    overflow: hidden;
    text-align: center;
}

#Gallery .Text {
   color: #555;
   position: absolute;
   bottom: 120px;
   height: 40px;
   width: 500px;
   padding: 10px;
   margin: 0px 10px;
   background-color: #fff;
   opacity:0.5; -khtml-opacity: 0.5; -moz-opacity:0.5; filter: alpha(Opacity=50); 
}

#Gallery .Navigation {
   position: absolute;
   bottom: 3px;
   height: 95px;
   width: 510px;
   padding: 15px;
   background-color: #f4f4f4;    
   border: solid #e8e8e8;
   border-width: 5px 5px 5px 5px
}

#Gallery .Navigation a {
   display: block;
   float: left;
   outline: none;
   margin-right: 7px;
   border: dashed 1px #ccc;
   padding: 10px;
   background-color: #fff;
}

#Gallery .Navigation a:hover {
   border: solid 1px #ccc;
}

#Gallery .Close {
   position: absolute;
   top: 6px;
   right: 5px;
   width: 30px;
   height: 30px;   
   background: url(../images/close.gif) no-repeat left top;
}

#Gallery .Close:hover {
   background-position: right top;
}