/* CSS Document */
body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li { padding:0; margin:0; border:0; font-weight:normal; font-size:100%; }
table { border-collapse:collapse; }
a img{ border:0;}
a:active, a:focus { outline:none; }
.clr { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.left-align { text-align:left; }
.right-align { text-align:right; }
.mrg-btm{ margin-bottom:16px; }
img.left { float:left; margin:0px 15px 15px 0px; }
.hdn{ display:none; }
/* CSS Document */
body { padding:0; margin:0; border:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:#000; color:#606060; }
h1,h2,h3,h4,h5,h6,ul,ol,li,form,p { padding:0; margin:0; border:0; font-size:100%; font-weight:normal; }
#root { font-size:1.2em;background:#080808; }
.content-area { width:980px; text-align:left; margin:0 auto; }
.home #page .content-area { width:100%; text-align:center; margin:0 auto; }
#header { margin-top:10px; height:75px; background:url(public/images/site/logo.jpg) no-repeat center 2px #080808; }
#footer { height:220px; background:url(public/images/site/site_bg.jpg) no-repeat center -380px #000; }
#page-wrap { float:left; width:858px; padding:25px 61px 25px 60px; }
body.single #page-wrap { float:left; width:978px; padding:25px 1px 25px 0px; }
body.home #page-wrap { float:left; width:100%; padding:25px 1px 25px 0px; }
#page-height{ float:left; height:200px; width:1px; }
body.home #page-height{height:1px;}



p,ul{ margin-bottom:16px; line-height:16px; }
.clr{ clear:both;}


/*Naviagtion */
/* padding-left:194px; */
#nav{ padding:25px; padding-bottom:0px; text-align:center; text-transform:uppercase; padding-left:140px; }
#nav a{ color:#FFF; text-decoration:none; width:113px; height:24px; padding-top:7px; background:url(public/images/site/button-standard.gif) no-repeat left top; text-align:center;  margin-right:7px; display:block; float:left; font-weight:bold; }
#nav a:hover, #nav a.current{background:url(public/images/site/button-black.gif) no-repeat left -31px; color:#000;}

/* column */
#left-col{ float:left; width:454px; padding-top:10px; }
#right-col{ float:left; width:385px; }
.right-contents { }
.left-contents { padding-left:50px; }
.left-contents img{ margin-left:-25px; }

#page ul { padding-left:25px; }


a { color:#FFF; }
a:hover { text-decoration:none; }

#page ul.list-image { padding-left:10px; color:#FFF; }
ul.list-image li { list-style:none; background:url(public/images/site/bullet-tick.gif) no-repeat left top; padding:5px 0px 5px 25px; font-size:120%; font-weight:bold; }

h1 { font-size: 250%; margin-bottom:16px; color:#FFF; }
h2{ font-size:20px; margin-bottom:5px; color:#FFF; }
h3{ font-size:15px; line-height:16px; font-weight:bold; color:#FFF; }
.btm-space{ margin-bottom:16px; }

/* product catalogue */
#catalogue
{
	background-color:#FFF;
	color:#606060;
	width:978px;
	background:url(public/images/site/catalogue-border-left.gif) repeat-y #FFF 0px 182px;
	margin-bottom:16px;
}
#catalogue h2
{
	color:#606060;
}

.catalogue-border
{
	background:url(public/images/site/catalogue-border-right.gif) repeat-y right 182px;
}

.catalogue-item
{
	margin:15px;
	margin-left:40px;
	margin-right:40px;
	border-bottom:2px solid #b4b4b4;
}

.catalogue-image
{
	float:left;
	width:208px;
	padding:0px 10px;
}

.catalogue-desc
{
	float:left;
	width:365px;
	padding:0px 20px;
	border-right:1px solid #b4b4b4;
	line-height:16px;
}

.catalogue-desc ul
{
}

.catalogue-options
{
	float:left;
	width:230px;
	padding-left:25px;
}

.catalogue-footer
{
	margin-top:45px;
}

/* Story */

#stories
{
	width:978px;
	height:508px;
	overflow:hidden;
	position:relative;
	left:0;
	top:0;
}

#stories div.story
{
	position:absolute;
	left:0;
	top:0;
	height:508px;
	width:978px;
	overflow:hidden;
	display:none;
}

a.story-prev
{
	display:block;
	position:absolute;
	top:0px;
	left:10px;
	width:130px;
	height:500px;
	/*border:1px solid #000;*/
	text-decoration:none;
	background:url(public/images/1px.gif);
	z-index:800;
}

a.story-next
{
	display:block;
	position:absolute;
	top:0px;
	left:840px;
	width:130px;
	height:500px;
	text-decoration:none;
	background:url(public/images/1px.gif);
	z-index:800;
}

#testimonial
{
	color:#FFF;
	width:755px;
	text-align:left;
	font-size:15px;
	padding:15px 0px 25px;
	margin:0 auto;
}

#testimonial p
{
	line-height:18px;
	font-weight:bold;
	font-style:italic;
}

#testimonial p span
{
	font-size:12px;
	color:#606060;
	font-style:normal;
	font-weight:normal;
}

#testimonial p span a
{

}

#testimonial img
{
	padding-right:25px;
}


/* CSS Document */
.msg,.message { color: #606060; font-weight:bold; border:1px solid #eee; padding:15px; margin-bottom:16px; }
.err,.error { color: #E2001A; font-weight:bold; border:1px solid #eee; padding:15px; margin-bottom:16px; line-height:16px;}
body #root .err ul { margin-bottom:0px; margin-top:5px; padding-bottom:0px; }
.err ul li { list-style:disc; }
/* CSS Document */

table.grid tr td { border:1px solid #53aa27; padding:5px 8px; }
table.grid thead tr td { font-weight:normal; background-color:#53aa27; color:#FFF; }

div.entry-box
{
	 background-color:#F4F4F4;
	 padding:15px;
	 border:1px solid #DDD;
	 margin-bottom:16px;
}

div.entry
{
	margin-bottom:16px;
}

div.entry table { padding:0; border:0; margin:0; }
div.entry table tr td { padding:5px 8px; border:0px; }
div.entry table tr td i { color:#FF0000; padding-left:3px; }
div.entry table tr.cmd td { text-align:right; padding-top:10px; }

div.pager
	{
		margin-bottom:18px;
	}
	
	div.pager td.left
	{
		
	}
	
	div.pager td.right
	{
		text-align:right;
	}
	
	div.pager td.right a
	{
		/*text-decoration:none;*/
		padding:1px 5px 1px 5px;
		margin-right:5px;
	}
	
	div.pager table tr td.right a.current
	{
		text-decoration:none;
		color:#FFF;
		border:1px solid #836B47;
		background-color:#836B47;
		/*border-bottom:1px solid #333;*/
	}
/* CSS Document */
.input_error { border:1px dotted #FF0000; }
input, select, textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

a.btn-large
{
	display:block;
	width:200px;
	height:25px;
	padding-top:6px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color:#606060;
	background:url(public/images/site/btn-large.gif) no-repeat;
}

a.btn-large:hover
{
	color:#000;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example: */
  #page .sIFR-active h1 {
    visibility: hidden;
  }
  
  #header div.intro .sIFR-active h1
  {
    visibility: hidden;
  }
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}