body { background:url("../img/bg_body.gif") repeat-x scroll 0 0 white; }

* { margin: 0px; padding: 0px; }



#header { float:left; height:155px; width:100%; }

#header .wrap { height:155px; position:relative; }

#header h1 { background:url("../img/logo.gif") no-repeat scroll 0 0 transparent; float:left; height:121px; margin:14px 0 0; padding:0; width:279px; }

#header h1 a { display:block; height:121px; text-indent:-5000px; width:100%; }

#header h2 { color:#151515; font-size:11px; font-weight:normal; left:0; margin:0; padding:0; position:absolute; text-align:center; top:135px; width:279px; }

#header .ad { float:right; font-size:11px; margin:20px 0 0; padding:0; width:500px; }

#header .ad img { margin:2px 0; }

    .tc { text-align: center; }

    #Update { bottom: 3px; font-size: 11px; position: absolute; right: 10px; }

        .addthis_toolbox.addthis_pill_combo a { float: left; }

        .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet { margin-top: -2px; }

        .addthis_button_compact .at15t_compact { margin-right: 4px; float: left; }



#hero { clear: both; margin-bottom: 10px; }

    #cover { width: 300px; height: 300px; }

    #prices { width: 350px; }

    #prices h3 { text-indent: -6000px; border-bottom: none;}



.clear { clear: both; height: 5px;}

ul, ol, dl, li, dt, dd { list-style: none; }

p, ul {margin: 0 0 18px;}

ul { line-height: 1.4em; }

p { line-height: 1.5em; }

ul.table li {

    background-position:7px 9px;

    display:block;

    padding:4px 3px 6px 20px;

}

li {

    padding:0 0 3px 15px;

    background-image: url('../img/bullet_dots.gif');

    background-repeat: no-repeat;

    background-position: 1px 6px;

}

li.altrow { background-color: #f5f5f5; }

.inlinelist li{ font-size: 11px; float: left; width:180px; }



.wrap { width: 944px; margin: 0px auto; }

#page { float: left; padding: 0 0 50px; width:100%; background: url("../img/bg_content.gif") repeat-y scroll 239px 0 transparent;}

#main { float: right; width: 660px; background: url('../img/bg_main.gif') no-repeat scroll 0 0 transparent; padding:20px 25px 0px 20px;}

#path{ margin: 0 0 30px 0; }

    #path ul{ margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }

    #path li{ display: inline; background: none; margin: 0 5px 0 0; padding: 0; color: #6e6e6e; font-weight: bold; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

    #path a{ background: url(../img/bullet_path.gif) no-repeat right; padding: 0 13px 0 0; text-decoration: none; color: #6e6e6e; font-weight:normal;}



/* Sidebar */

#side { float: left; width: 239px; background: url('../img/bg_side.gif') no-repeat scroll 0 0 transparent; padding:70px 0px 0px; border-bottom: 1px solid #dfe0e0;}

#side h3{ position: relative; display: block; width: 216px; height: 30px; line-height:30px; padding: 0 0 0 28px; margin: -1px 0 0 -5px; background: url(../img/bg_sidecaption.gif); color: white; font-size: 13px; font-weight: bold; }

.sidenav{ padding: 0 0px; border-left: 1px solid #dfe0e0;}

.sidenav-ads{ padding: 10px 20px; border-left: 1px solid #dfe0e0; border-bottom: 1px solid #dfe0e0;}

    .sidenav ul{ margin: 0; padding: 0; }

    .sidenav li{ background: none;  border-bottom: 1px solid #dfe0e0; margin: 0; padding: 0; }

    .sidenav li.last{  }

    .sidenav a{ display: block; color: #101111; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 5px 20px; background: url(../img/bullet_side.gif) no-repeat 218px 13px; }

    #side .sidenav a:hover{ background-position: 218px -12px; background-color: #fff4e5; text-decoration: none; }

    #side form { clear: both; padding: 5px 20px; width: 95%; }

    #side form div { margin-bottom:1em; padding:0px;}

    #side select { width: 195px; }

    #side option { padding: 1px; }



    #ProductName {width: 130px; margin-right: 5px;}

    #ProductName, .ProductNameSubmit { float:left; clear: none; font-size: 100%;}

    #ProductNameSubmit { padding: 1%;}

    #searchbox { width: 80%; font-size: 100%; margin-right:10px;}



.left { float: left; }

.right { float: right; }

.center { margin: 0 auto; text-align: center; }

.w55 { width: 55%; }

.w45 { width: 45%; }

/*.w30 { width: 30%; }

.w60 { width: 60%; }

.w16px { width: 16px; margin-right: 40px; }*/

.w82px { width: 82px; }



.review { clear:both; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; }

.rinfo { margin-bottom: 15px; font-size: 11px; font-style: italic; }

.rating {

  width: 60px;

  height: 16px;

  display: block;

  background: url('../img/star-rating.png') 0 0 no-repeat;

  margin-right: 10px;

  float: left;

}

.meta { color:#999; font-size:11px; }



.r50 { background-position: 0 0; }

.r40 { background-position: -12px 0; }

.r30 { background-position: -24px 0; }

.r20 { background-position: -36px 0; }

.r10 { background-position: -48px 0; }

.r0 { background-position: -60px 0; }



.r5  { background-position: -48px -16px; }

.r15 { background-position: -36px -16px; }

.r25 { background-position: -24px -16px; }

.r35 { background-position: -12px -16px; }

.r45 { background-position: 0 -16px; }





/* footer */

#ad{ float: left; width: 100%; padding: 13px 0; background: #f9f9f9; border-top: 3px solid #e6e6e6; }

    #ad .wrap{ text-align: center; }



#resources{ float: left; width: 100%; background: white url('../img/bg_resources.gif') repeat-x; padding: 0 0 20px 0; clear:both; display:block; }

    #resources h2{ color: #474747; margin: 4px 0 20px 10px; padding: 0; font-size: 15px; }

    #resources ul{ list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

    #resources li { font-size: 11px; background: none; float: left; width:157px;}

    #resources a{ display:block; text-decoration: none; color: #676767; padding: 0 0 3px 0; font-weight: normal;}

    #resources a:hover{ text-decoration: underline; color: #333333; }

#footer{ float: left; width: 100%; padding: 15px 0 25px 0; background: url('../img/bg_footer.gif') repeat-x; font-size: 11px; text-align: right; color: #727272; font-family: Arial, Helvetica, sans-serif; }

.left-footer {float: left; width: 600px; text-align:left;}

.right-footer {float: right; width: 300px; text-align:right;}



    #footer a{ text-decoration: none; }

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



/* review star-rating */

    #star-rating div, #star-rating { padding: 0px;}

    .ui-stars-star {clear: none;}

    .rrating { margin-right: 15px;}



/** General Style Info **/

body {

	color: #000;

	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	font-size:13px;

	margin: 0;

}

a {

	color: #003d4c;

	text-decoration: underline;

	font-weight: bold;

}

a:hover {

	color: #367889;

	text-decoration:none;

}

a img {

	border:none;

}

h1, h2, h3, h4 {

	font-weight: normal;

	margin-bottom:0.5em;

}

h1 {

	background:#fff;

	color: #003d4c;

	font-size: 100%;

}

h2 {

	color: #e32;

	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;

	font-size: 24px;

}

h3 {

	color: #e32;

	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;

	font-size: 18px;

        border-bottom: 1px solid #d9d9d9;

}

h4 {

	color: #993;

	font-weight: normal;

}



/** Layout **/

#container {

	text-align: left;

}



#content{

	clear: both;

	color: #333;

	padding: 10px 20px 40px 20px;

	overflow: auto;

}



/** containers **/

div.form,

div.index,

div.view {

	/*float:right;

	width:76%;

	border-left:1px solid #666;*/

	padding:10px 2%;

}

div.actions {

	float:left;

	width:16%;

	padding:10px 1.5%;

}

div.actions h3 {

	padding-top:0;

	color:#777;

}





/** Tables **/

table {

	background: #fff;

	border-right:0;

	clear: both;

	color: #333;

	margin-bottom: 10px;

	width: 100%;

}

th {

	border:0;

	border-bottom:2px solid #555;

	text-align: left;

	padding:4px;

}

th a {

	display: block;

	padding: 2px 4px;

	text-decoration: none;

}

th a.asc:after {

	content: ' ⇣';

}

th a.desc:after {

	content: ' ⇡';

}

table tr td {

	background: #fff;

	padding: 6px;

	text-align: left;

	vertical-align: top;

	border-bottom:1px solid #ddd;

}

table tr:nth-child(2n) td {

	background: #f5f5f5;

}



td.actions {

	text-align: center;

	white-space: nowrap;

}

table td.actions a {

	margin: 0px 6px;

	padding:2px 5px;

}

.cake-sql-log table {

	background: #f4f4f4;

}

.cake-sql-log td {

	padding: 4px 8px;

	text-align: left;

	font-family: Monaco, Consolas, "Courier New", monospaced;

}

.cake-sql-log caption {

	color:#fff;

}



/** Paging **/

div.paging {

	background:#fff;

	color: #ccc;

	margin-top: 1em;

	clear:both;

}

div.paging span.disabled {

	color: #ddd;

	display: inline;

}

div.paging span.current {

	color: #c73e14;

}

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: 95%;

}

fieldset {

	border: 1px solid #ccc;

	margin-bottom: 1em;

	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 .input {

	color: #444;

}

form .required {

	font-weight: bold;

}

form .required label:after {

	color: #e32;

	content: '*';

	display:inline;

}

form div.submit {

	border: 0;

	clear: both;

	margin-top: 10px;

}

label {

	display: block;

	margin-bottom:3px;

}

input, textarea {

	clear: both;

	font-size: 140%;

	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;

	padding: 1%;

	width:98%;

}

select {

	clear: both;

	font-size: 120%;

	vertical-align: text-bottom;

}

select[multiple=multiple] {

	width: 100%;

}

option {

	padding: 0 3px;

}

input[type=checkbox] {

	clear: left;

	float: left;

	margin: 0px 6px 7px 2px;

	width: auto;

}

div.checkbox label {

	display: inline;

}

input[type=radio] {

	width:auto;

}

div.radio label {

	margin: 0 10px 0 0;

        display: inline;

}

input[type=submit] {

	display: inline;

	font-size: 110%;

	width: auto;

}

form .submit input[type=submit] {

	background:#62af56;

	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));

	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);

	border-color: #2d6324;

	color: #000;

	text-shadow: #8cee7c 0px 1px 0px;

}

form .submit input[type=submit]:hover {

	background:#4ca83d;

	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));

	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);

}



/** Notices and Errors **/

div.message {

	clear: both;

	color: #fff;

	font-size: 140%;

	font-weight: bold;

	margin: 0 0 1em 0;

	background: #c73e14;

	padding: 5px;

}

div.error-message {

	clear: both;

	color: #fff;

	font-weight: bold;

	background: #c73e14;

}

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: 0;

	padding: 0;

}

div.actions li {

	margin:0 0 0.5em 0;

	list-style-type: none;

	white-space: nowrap;

	padding: 0;

}

div.actions ul li a {

	font-weight: normal;

	display: block;

	clear: both;

}

div.actions ul li a:hover {

	text-decoration: underline;

}



input[type=submit],

div.actions ul li a,

td.actions a {

	font-weight:normal;

	padding: 4px 8px;

	background:#e6e49f;

	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));

	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);

	color:#333;

	border:1px solid #aaac62;

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

	text-decoration:none;

	text-shadow: #fff 0px 1px 0px;

	min-width: 0;

}

input[type=submit]:hover,

div.actions ul li a:hover,

td.actions a:hover {

	background: #f0f09a;

	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9));

}



/** 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;

	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;

}