/***************************************************************************/
/************************      From Cake PHP     ***************************/
/***************************************************************************/

* {
	margin:0;
	padding:0;
}

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block; /* was block */
	font-size: 110%;
	line-height: 19px; /*by DZ*/
	padding-right: 20px;
	width: 80%
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
/*
div.radio label 
{
	margin: 0 0 6px 20px
; display: inline
}
*/
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #4B7FB3;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #4B7FB3;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #373296;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}


/***************************************************************************/
/************************      App Specific      ***************************/
/***************************************************************************/

/**   Important Widths
 *      wrap 1000
 *      anim  670
 *      main  720
 *      sbar  280
 */

body, html
{    
     background-image: url( '../img/body-bg.gif' ) /* body-bg.png' ) url( '../img/bg.gif' ) */
; background-position: center top
;   background-repeat: repeat-x
;    background-color: #ccedff /* was #CFD6E9 */
;               color: #414141
;         font-family: arial, verdana, sans
;           font-size: 12px
;         line-height: 116%
;              margin: 0px
;             padding: 10px 0px 0px 0px
}


h1
{ margin: 15px 0 15px /* was 0 */
}

h2
{ margin: 14px 0 14px /* 0 0 1em; */
}

h3
{ margin: 14px 0 0
}

h4
{ font-weight: normal
; margin: 14px 0 0
}

ol, ul
{ margin: 12px 0 12px
; padding-left: 20px
}

p
{  margin-bottom: 10px
;  line-height: 16px
}

#wrap
{  background: white
  /* background-image: url( '../img/main-bg.gif' ) */
/*;      border: 3px solid #bdbdbd */
;      margin: 0 auto
;       width: 1000px
}

#header
{
/*
     background-image: url( '../img/header-bg.png' )
; background-position: right top
;   background-repeat: repeat-y 
*/
;    background-color: white
;              height: 100px /* was 111px */


; background-position: right top
;   background-repeat: repeat-y
;    background-color: white
}

#header h1
{  display: none
}

#first
{ background-image: url( '../img/first-step.png' )
; height: 54px
; line-height: 54px
; width: 298px;
}

/* old
#nav
{ /* background-color: #06294a 
        background: transparent url('../img/menu.gif') repeat scroll 0 0
/* #233d54
; background-image: url( '../img/nav-bg.gif' )
;       font-style: italic 

;           height: 35px  
;            color: white
;        font-size: 12px
;      line-height: 35px
;           margin: 0px 0px 0px 0px /* t r b l 
;   vertical-align: middle
}
*/
#nav 
{ background:transparent url(../img/menu.gif) repeat scroll 0 0
; color:white
; font-size:12px
; height:35px
; line-height:35px
; margin:0
; vertical-align:middle
}

#main
{    /*background-color: white
;    background-image: url( '../img/main-bg.gif' )
; background-position: center top
;   background-repeat: repeat-x */
;               color: #777 /* #303f53 */
;               float: right
;           font-size: 12px
;         line-height: 116%
;             padding: 20px 25px 0px 25px
;              margin: 0px
;               width: 670px /* anim. banner is 670 + 50 = 720  */
}

#noside
{ padding: 20px
}

#sbform
{  background-image: url( '../img/sb-form-bg.gif' ); /* form2-bg.gif' ) ' */
; background-repeat: no-repeat
;         font-size: 14px
;            height: 328px
;             width: 220px
;            margin: 0px 0px 0px 0px /* t r b l */
;      padding-left: 20px
;       padding-top: 1px
/* ; border: 1px dashed red */
}

#sbform a
{ color: #c97536 /* DE6B18 /* #c97536 */
; font-weight: bold
; line-height: 16px
; text-decoration: none
}

#sidebar /* 300 */
{   background: white
   /*   background-image: url( '../img/sidebar-bg.png' ) 
   */
;   float: left
; padding: 20px 0px 0px 15px
;   width: 240px /* was 245 */
}

#footer
{  background: #06294A /*233d54*/
;       clear: both
;       color: white
;   font-size: 11px
; line-height: 14px
;     padding: 5px 10px
;  text-align: center
}

#footer a
{ color: white
; text-decoration: none
}

#footer a:hover
{ color: white
; text-decoration: underline
}

#footer li
{ display: inline
;  margin: 0
; padding: 0
; padding-right: 10px
}

#footer p
{ /* margin: 0 */
}

#footer ul
{ list-style: none
;     margin: 0
;    padding: 0
}

/* IE6 fix */
* html #footer
{ height: 1px
}

.b
{  font-weight: bold
}

/* older version
.checkmark li
{        font-size: 16px
;       font-style: normal
; list-style-image: url('../img/checkmark.gif')
;      line-height: 16px
;     padding-left: 10px 
;      padding-top: 1px
;      margin-left: 0px;
}
*/

.checkmark li 
{    background-image: url(../img/checkmark.gif)
; background-position: 0 -2px
;   background-repeat: no-repeat
;           font-size: 16px
;          font-style: normal
;         line-height: 23px
;    list-style-image: none
;     list-style-type: none
;         margin-left: 0
;        padding-left: 23px
;         padding-top: 1px
;      vertical-align: middle
}

.orangecheckmark li 
{    background-image: url(../img/orange-check.png)
; background-position: 0 2px
;   background-repeat: no-repeat
;           font-size: 16px
;          font-style: italic
;         line-height: 23px
;    list-style-image: none
;     list-style-type: none
;         margin-left: 0
;        padding-left: 26px
;         padding-top: 1px
;      vertical-align: middle
}

.greencheckmark li 
{    background-image: url(../img/green-check.png)
; background-position: 0 2px
;   background-repeat: no-repeat
;           font-size: 16px
;          font-style: italic
;         line-height: 23px
;    list-style-image: none
;     list-style-type: none
;         margin-left: 0
;        padding-left: 26px
;         padding-top: 1px
;      vertical-align: middle
}

.f
{  line-height: 20px
}

ol.morepsace li, ul.morespace li
{ margin-bottom: 5px
}

form.qqbig
{ width: 40%
}

.ic
{ color: #4B7FB3
; border:1px solid #A9BEDA
}
/*
.idbox
{ float: left
} 
*/

.nmnp
{ margin: 0
; padding: 0
}

.orng
{  color: #de6b18 /* #d99f31 #e49257 #c97536 #ca7537 #303f53 */
}

.white
{  color: #fff
}

.s
{ /* ie top spacer */
  margin: 20px 0px 0px 0px
}

/* Setup */

ul.cssmenu
{ list-style: none
; padding: 0px
; margin: 0
; padding-left: 0
; background: transparent url(../img/menu.gif) repeat scroll 0 0
/* ; background-color: #06294a */
}

.displace 
{ position: absolute
; left: -5000px
}

ul.cssmenu
{ margin: 0
; padding-left: 0
}

ul.cssmenu li 
{ float: left
}

ul.cssmenu li.supplier
{ float: right
}

ul.cssmenu li a 
{ display: block
/* ; width: 150px */
; height: 35px
; background: url( '../img/menu.gif' )
}



/* Normal Links */

ul.cssmenu li.home a
{ background-position: 0 0
; width: 64px
}

ul.cssmenu li.choose a
{ background-position: -64px 0
; width: 145px
}

ul.cssmenu li.reasons a 
{ background-position: -209px 0
; width:  142px
}

ul.cssmenu li.faq a 
{ background-position: -351px 0
; width:  139px
}

ul.cssmenu li.press a 
{ background-position: -490px 0
; width:  68px
}

ul.cssmenu li.about a 
{ background-position: -558px 0
; width:  86px
}

ul.cssmenu li.contact a 
{ background-position: -644px 0
; width:  102px
}

ul.cssmenu li.supplier a
{ background-position: -752px 0
; width: 200px
}



/* Hover Links */

ul.cssmenu li.home a:hover 
{ background-position: 0 -35px
}

ul.cssmenu li.choose a:hover
{ background-position: -64px -35px
}

ul.cssmenu li.reasons a:hover
{ background-position: -209px -35px
}

ul.cssmenu li.faq a:hover
{ background-position: -351px -35px
}

ul.cssmenu li.press a:hover
{ background-position: -490px -35px
}

ul.cssmenu li.about a:hover
{ background-position: -558px -35px
}

ul.cssmenu li.contact a:hover
{ background-position: -644px -35px
}

ul.cssmenu li.supplier a:hover
{ background-position: -752px -35px
}



/* Clicked Links */

ul.cssmenu li.home a:active 
{ background-position: 0 -35px
}

ul.cssmenu li.choose a:active
{ background-position: -64px -35px
}

ul.cssmenu li.reasons a:active 
{ background-position: -209px -35px
}

ul.cssmenu li.faq a:active 
{ background-position: -351px -35px
}

ul.cssmenu li.press a:active 
{ background-position: -490px -35px
}

ul.cssmenu li.about a:active 
{ background-position: -558px -35px
}

ul.cssmenu li.contact a:active 
{ background-position: -644px -35px
}

ul.cssmenu li.supplier a:active
{ background-position: -752px -35px
}


/* Selected/Active Links 
   .selected isn't used but leave it in here
*/

ul.cssmenu li.home a.selected 
{ background-position: 0 -35px
}

ul.cssmenu li.choose a.selected 
{ background-position: -64px -35px
}

ul.cssmenu li.reasons a.selected 
{ background-position: -209px -35px
}

ul.cssmenu li.faq a.selected 
{ background-position: -351px -35px
}

ul.cssmenu li.press a.selected 
{ background-position: -490px -35px
}

ul.cssmenu li.about a.selected 
{ background-position: -558px -35px
}

ul.cssmenu li.contact a.selected 
{ background-position: -644px -35px
}

ul.cssmenu li.supplier a:active
{ background-position: -752px -35px
}

h1 { font-size: 23px; line-height: 120%  }
h2 { font-size: 17px; line-height: 120%   }
h3 { font-size: 14px; line-height: 120%   }
p, td { font-size: 12px; line-height: 120%   }



p.footer-text
{  color: #aaa
;  margin: auto
;  width: 75%
}

a img {
 border:medium none;
}
/* ul.cssmenu li.choose a 
{ background-position: -64px -35px
} */