/*
 * Colours
 */

body,
#content_frame,
.product_photo,
.image_box .product_preview img{
    background-color: #000000;
    color: #7f7f7f;
}

.image_box .product_preview {
    background-color: #ffffff;
}

#content {
    background-color: #fff7e5;
}

#content, 
#content a{
    color: #191613;
}

#content a:hover{
    color: #322c26
}


h1, h2, h3 {
    color: #89b431;
}

.header_bar,
#main_menu a,
.caption {
    
    color: #000000;
}

#main_menu a:hover {
    color: #333333;
}

#main_menu a.active {
    color: #ffffff;
}

#main_menu a.active:hover {
    color: #dddddd;
}

p.summary {
    color: #00a551;
}

p.prize {
    color: #355741;
}

.image_box .content {
    background-color: #85c325;
}

.image_box.yellow .content {
    background-color: #ffcb05;
}

.green_gradient {
    background-color: #b8d76f;
}

/*
 * Syling
 */

body {
    font-family: Helvetica, FreeSans, Arial, sans;
    font-size: 12px;
}

h2, h3, h4 {
    font-weight: bold;    
}

.direct_headers h2,
.direct_headers h3,
.direct_headers h4 {
    margin-bottom: 0px;
}

.direct_headers p {
    margin-top: 0px;
}

h2, h3 {
    margin: 20px 8px 8px 8px;
}

h3 {
    font-size: 14px;
}

h4 {
    margin: 0px 8px 0px 8px;
}

p {
    margin: 8px;    
    text-align: justify;
}

p.signature {
    font-style: italic;
    text-align: right;
}

p.summary {
    font-size: 13px;
    font-weight: bold;
}

p.prize {
    font-size: 15px;
    font-weight: bold;
    font-family: serif;
	 text-align: left;
}

em {
    font-style: italic;
    font-weight: bold;
}

td {
    vertical-align: top;
}

img {
    border: 0px;
}

.header_bar {
    position: relative;
    display: block;
    height: 27px;
    width: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    padding-left: 5px;
    margin-left: 8px;
    padding-right: 5px;
    margin-right: 8px;
    background-image: url('../images/hbar_space.gif');
}

.header_bar .left,
.header_bar .right {
    display: block;
    width: 8px;
    height: 27px;
    position: absolute;
    top: 0px;
}

.header_bar .left {
    left: -8px;
    background-image: url('../images/hbar_left.gif');    
}

.header_bar .right {
    right: -8px;
    background-image: url('../images/hbar_right.gif');    
}

.header_bar.centered {
    width: 40%;
    text-align: center;
}

.button {
    position: relative;
    display: inline-block;
    height: 31px;
    width: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding-left: 5px;
    margin-left: 9px;
    padding-right: 5px;
    margin-right: 9px;
    background-image: url('../images/button_yellow_space.png');
    text-decoration: none;
}

.button .left,
.button .right {
    display: block;
    width: 9px;
    height: 31px;
    position: absolute;
    top: 0px;
}

.button .left {
    left: -9px;
    background-image: url('../images/button_yellow_left.png');
}

.button .right {
    right: -9px;
    background-image: url('../images/button_yellow_right.png');
}

.image_box {
    position: relative;
    width: 328px;
    height: 229px;
}

.image_box.horizontal {
    width: 680px;
    height: 330px;
}

.image_box.large{
    width: 416px;
    /*height: 292px;*/
	height: 392px;
}

.image_box.xlarge{
    width: 700px;
    height: 520px;
}

.image_box.small{
    width: 222px;
    height: 156px;
}

.image_box.stojaki_left{
    width: 382px;
    height: 334px;
}

.image_box.stojaki_right{
    width: 292px;
    height: 334px;
}

.image_box.stojaki_rect,
.image_box.stojaki_vert {
    height: 260px;
}

.image_box.stojaki_rect {
    width: 290px;
}

.image_box.stojaki_vert {
    width: 183px;
}

.image_box .tl,
.image_box .t,
.image_box .tr,
.image_box .l,
.image_box .r,
.image_box .bl,
.image_box .b,
.image_box .br,
.image_box .content {
    position: absolute;
}

.image_box .tl,
.image_box .t,
.image_box .tr {
    height: 6px;
    top: 0px;
}

.image_box .bl,
.image_box .b,
.image_box .br {
    height: 6px;
    bottom: 0px;
}

.image_box .tl,
.image_box .l,
.image_box .bl {
    width: 6px;
    left: 0px;
}

.image_box .tr,
.image_box .r,
.image_box .br {
    width: 6px;
    right: 0px;
}

.image_box .t,
.image_box .content,
.image_box .b {
    width: 316px;
    left: 6px;
}

.image_box.horizontal .t,
.image_box.horizontal .content,
.image_box.horizontal .b {
    width: 668px;
}

.image_box.large .t,
.image_box.large .content,
.image_box.large .b {
    width: 404px;
}

.image_box.xlarge .t,
.image_box.xlarge .content,
.image_box.xlarge .b {
    width: 688px;
}

.image_box.small .t,
.image_box.small .content,
.image_box.small .b {
    width: 210px;
}

.image_box.stojaki_left .t,
.image_box.stojaki_left .content,
.image_box.stojaki_left .b {
    width: 370px;
}

.image_box.stojaki_right .t,
.image_box.stojaki_right .content,
.image_box.stojaki_right .b {
    width: 280px;
}

.image_box.stojaki_rect .t,
.image_box.stojaki_rect .content,
.image_box.stojaki_rect .b {
    width: 278px;
}

.image_box.stojaki_vert .t,
.image_box.stojaki_vert .content,
.image_box.stojaki_vert .b {
    width: 171px;
}

.image_box .l,
.image_box .content,
.image_box .r {
    height: 217px;
    top: 6px;
}

.image_box.horizontal .l,
.image_box.horizontal .content,
.image_box.horizontal .r {
    height: 318px;
}


.image_box.large .l,
.image_box.large .content,
.image_box.large .r {
    height: 380px;
}

.image_box.xlarge .l,
.image_box.xlarge .content,
.image_box.xlarge .r {
    height: 508px;
}

.image_box.small .l,
.image_box.small .content,
.image_box.small .r {
    height: 144px;
}

.image_box.stojaki_left .l,
.image_box.stojaki_left .content,
.image_box.stojaki_left .r,
.image_box.stojaki_right .l,
.image_box.stojaki_right .content,
.image_box.stojaki_right .r {
    height: 322px;
}

.image_box.stojaki_rect .l,
.image_box.stojaki_rect .content,
.image_box.stojaki_rect .r,
.image_box.stojaki_vert .l,
.image_box.stojaki_vert .content,
.image_box.stojaki_vert .r {
    height: 248px;
}

.image_box .tl {
    background-image: url('../images/frame_green_tl.gif');   
}

.image_box .t {
    background-image: url('../images/frame_green_t.gif');   
}

.image_box .tr {
    background-image: url('../images/frame_green_tr.gif');   
}

.image_box .l {
    background-image: url('../images/frame_green_l.gif');   
}

.image_box .r {
    background-image: url('../images/frame_green_r.gif');
}

.image_box .bl {
    background-image: url('../images/frame_green_bl.gif');   
}

.image_box .b {
    background-image: url('../images/frame_green_b.gif');   
}

.image_box .br {
    background-image: url('../images/frame_green_br.gif');
}

.image_box.yellow .tl {
    background-image: url('../images/frame_yellow_tl.gif');   
}

.image_box.yellow .t {
    background-image: url('../images/frame_yellow_t.gif');   
}

.image_box.yellow .tr {
    background-image: url('../images/frame_yellow_tr.gif');   
}

.image_box.yellow .l {
    background-image: url('../images/frame_yellow_l.gif');   
}

.image_box.yellow .r {
    background-image: url('../images/frame_yellow_r.gif');
}

.image_box.yellow .bl {
    background-image: url('../images/frame_yellow_bl.gif');   
}

.image_box.yellow .b {
    background-image: url('../images/frame_yellow_b.gif');   
}

.image_box.yellow .br {
    background-image: url('../images/frame_yellow_br.gif');
}

.image_box .product_preview {
    width: 100%;
    height: 100%;
}

.image_box .product_preview img{
    display: block;
    text-align: center;
    line-height: 150px;
}

.image_box .product_preview a:hover img{
    opacity: 0.8;
}

.stojaki_box {
    display: inline-block;
    margin: 1px;
}

.green_gradient {
    background-image: url('../images/green_gradient.png');
    background-repeat: repeat-x;
}

#gallery_frame {
    overflow: auto;
}

#gallery_photos img{
    float: left;
    padding: 0px 2px 0px 2px;
}

.popup {
    width: 700px;
    height: 520px;
    margin: 40px auto 10px auto;
}

.product_photo {
    width: 670px;
    height: 460px;
    margin: 9px;
}

.caption {
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    height: 21px;
    margin: 0px 9px 9px 9px;
}
   
.button_x {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 21px;
    height: 21px;
}

.text_footer {
    text-align: center;
}

/*
 * Layout
 */
body {
    margin: 0px;
    padding: 0px;
    background-image: url('../images/background_gradient.jpg');
    background-repeat: repeat-x;
}

#header,
#content_frame,
#footer {
    position: relative;
    width: 700px;
    margin: 0px auto 0px auto;
}

#header {
    height: 166px;
}
   
#main_menu {
    display: block;
    position: absolute;
    left: 6px;
    top: 112px;
    width: 352px;
    height: 31px;
    margin: 0px;
    padding: 0px;
}

#main_menu li {
    display: block;
    float: left;
    list-style: none;
}

#main_menu a {
    display: block;
    width: 86px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background-image: url('../images/menu_button_off.png');
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

#main_menu a.active {
    background-image: url('../images/menu_button_on.png');
}

#header_ruler {
    height: 5px;
    background-image: url('../images/ruller_yellow_space.gif');
}

#header_ruler .left,
#header_ruler .right {
    height: 5px;
    width: 6px;
    position: absolute;
}

#header_ruler .left {
    left: 0px;
    background-image: url('../images/ruller_yellow_left.gif');
}

#header_ruler .right {
    right: 0px;
    background-image: url('../images/ruller_yellow_right.gif');
}


#content {
    margin-top: 2px;
    margin-bottom: 2px;
}

#padded_content {
    padding: 2px 8px 2px 8px;
}

#footer {
    margin-bottom: 5px;
}

#footer_ruler {
    height: 5px;
    background-image: url('../images/ruller_green_space.gif');
}

#footer_ruler .left,
#footer_ruler .right {
    height: 5px;
    width: 6px;
    position: absolute;
}

#footer_ruler .left {
    left: 0px;
    background-image: url('../images/ruller_green_left.gif');
}

#footer_ruler .right {
    right: 0px;
    background-image: url('../images/ruller_green_right.gif');
}