/************************************************************/
/* =Global                                                  */
/************************************************************/

body {
	/*
	 * Font stacks
	 * http://www.sitepoint.com/article/eight-definitive-font-stacks/
	 * 
	 * Times New Roman-based serif
	 * font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	 * 
	 * Georgia-based serif
	 * font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	 * 
	 * Garamond-based serif
	 * font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	 * 
	 * Helvetica/Arial-based sans-serif
	 * font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 * 
	 * Verdana-based sans-serif
	 * font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	 * 
	 * Trebuchet-based sans-serif
	 * font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	 * 
	 * Impact sans-serif
	 * font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
	 * 
	 * Monospace
	 * font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	 */
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	background:#000000;
	color:#ffffff;
}

h1 {
	font-size:24px;
	margin-bottom:1em;
}

h2 {
	font-size:18px;
	margin-bottom:1em;
}

h3 {
	font-size:14px;
	margin-bottom:1em;
}

p {
	margin-bottom:1em;
}

ul {
	list-style-type:disc;
	margin-left:2em;
	margin-bottom:1em;
}

ol {
	list-style-type:decimal;
	margin-left:2em;
	margin-bottom:1em;
}

table {
	margin-bottom:1em;
}

a {
	color:#666;
}

a:hover {
	color:#000;
}

/************************************************************/
/* =Containers                                              */
/************************************************************/


#container {
	width:960px;
	margin:0 auto;
}

#masthead {
	width:960px;
	height:140px;
}

#navigation {
	float:left;
	width:150px;
	padding:0px 0px 10px 10px;
}

#content {
	float:left;
	width:780px;
	padding:10px;
	background-color:white;
	color:black;
}

#footer {
	clear:both;
	padding:10px;
}

/************************************************************/
/* =Header                                                  */
/************************************************************/

#masthead a#logo {
	float:left;
}

#headertext {
	float:right;
	width:360px;
	height:140px;
	overflow:hidden;
}

.contactformmsg {
	background-color:#9f9;
	color:black;
	border:1px solid #0f0;
	padding:10px;
	margin-bottom:10px;
}

/************************************************************/
/* =Navigation                                              */
/************************************************************/

#navigation ul {
	list-style-type:none;
	margin:0em;
	padding:0em;
}

#navigation li a {
	display:block;
	font-size:22px;
	color:white;
	text-decoration:none;
	text-align:right;
	padding:5px 10px 5px 0px;
}

#navigation li a.expand {
	
}

#navigation li a:hover {
	background-color:#333333;
}

#navigation .subnav a {
	font-size:14px;
}

/************************************************************/
/* =Content                                                 */
/************************************************************/

.product {
	margin:10px;
	padding:10px;
	border:1px solid #999;
}

.product .picture {
	float:left;
	width:200px;
}

.product .info {
	float:right;
	width:480px;
}

.product .info td {
	border:1px solid #ddd;
	padding:4px;
}

/************************************************************/
/* =Left column                                             */
/************************************************************/

/************************************************************/
/* =Right column                                            */
/************************************************************/

/************************************************************/
/* =Sidebar                                                 */
/************************************************************/

/************************************************************/
/* =Tables                                                  */
/************************************************************/

table.fullwidth {
	width:100%;
}

table.zebra td, th {
	padding:10px;
}

table.zebra th {
	text-align:left;
	font-weight:bold;
	background-color:#ccc;
}

table.zebra .odd {
	background-color:#eee;
}

/************************************************************/
/* =Boxes                                                   */
/************************************************************/

h3.showhideHeader {
	height:16px;
	padding-top:2px;
	margin-bottom:0px;
}

.showhideHeader:hover {
	cursor:pointer;
}

.showhideContent {
	border:1px solid #ddd;
}



/************************************************************/
/* =Footer                                                  */
/************************************************************/

/************************************************************/
/* =Forms                                                   */
/************************************************************/

form.form1 fieldset {
  margin-bottom: 10px;
}
form.form1 legend {
  padding: 0 2px;
  font-weight: bold;
}
form.form1 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.form1 fieldset ol {
  margin: 0;
  padding: 0;
}
form.form1 fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  position:relative;
 
}
form.form1 fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.form1 fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.form1 fieldset fieldset label {
  display: block;
  width: auto;
}
form.form1 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.form1 label {
  width: 120px; /* Width of labels */
}
form.form1 fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.form1 fieldset textarea {
	width:300px;
	height:500px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

form.form1 input.submit {
	margin-left:200px;

}

form.form1 input.date-pick {
	width:100px;
}

form.form1 input.halfnarrow {
	width:100px;
}

form.form1 input.narrow {
	width:70px;
}

form.form1 input.verynarrow {
	width:43px;
}

form.form1 .split {
	margin-bottom:5px;
}

form.form1 .split label {
	width:30px;
	margin-left:200px;
}

form.form1 input.checkbox {
	width:auto;
	margin-right:10px;
}



form.form2 fieldset {
  margin-bottom: 10px;
  background-color:#eee;
  border:1px solid #888;
  padding:10px;
}
form.form2 legend {
  padding: 0 2px;
  font-weight: bold;
  font-size:18px;
}
form.form2 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.form2 fieldset ol {
  margin: 0;
  padding: 0;
}
form.form2 fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  position:relative;
 
}
form.form2 fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.form2 fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.form2 fieldset fieldset label {
  display: block;
  width: auto;
}
form.form2 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.form2 label {
  width: 120px; /* Width of labels */
}
form.form2 fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.form2 fieldset textarea {
	width:300px;
	height:200px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

form.form2 input.submit {
	margin-left:200px;

}

form.form2 input.date-pick {
	width:100px;
}

form.form2 input.halfnarrow {
	width:100px;
}

form.form2 input.narrow {
	width:70px;
}

form.form2 input.verynarrow {
	width:43px;
}

form.form2 input[type="text"] {
	width:300px;
}

form.form2 .split {
	margin-bottom:5px;
}

form.form2 .split label {
	width:30px;
	margin-left:200px;
}

form.form2 input.checkbox {
	width:auto;
	margin-right:10px;
}

a.buttonstyle, a.buttonstyle:link, a.buttonstyle:active, a.buttonstyle:visited { 
	cursor:default; 
	padding:2px 9px; 
	color:black; 
	background:url('/images/elements/buttonstyle_bg.gif') top left repeat-x;
	background-color: #d6d3ce; 
	text-decoration:none; 
	font-size:1em; 
	font-family:sans-serif; 
	border:1px solid #707070;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.buttonstyle:hover {
	background-color:#a7d9f5;
	background:url('/images/elements/buttonstyle_bg_hover.gif') top left repeat-x;
}
  
a.buttonstyle:active { 
	cursor:default; 
	padding-top:1px; 
	padding-bottom:2px; 
	padding-left:9px; 
	padding-right:8px; 
	color:black; 
	background-color:#a7d9f5;
	background:url('/images/elements/buttonstyle_bg_hover.gif') top left repeat-x;
	text-decoration:none; 
	font-size:1em; 
	font-family:sans-serif; 
	border-bottom: solid #ffffff 1px; 
	border-left: solid #414241 2px; 
	border-top: solid #414241 2px; 
	border-right: solid #ffffff 1px; 
}

/************************************************************/
/* =jCrop                                                   */
/************************************************************/

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../../images/elements/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	width: 9px;
	height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}