@import url(/_ps/include/lightbox/jquery.lightbox.css);

* {
text-align:left;
font-family:arial, sans-serif;
}

body {
background-color:#e8e8e8;
background-repeat:repeat-x;
background-position:0px -33px;
text-align:center;
margin:0px;
line-height:15px;
}

div, td, input, textarea {
font-size:11px;
}

form {
margin:0px;
}

h1 {
font-size:20px;
font-weight:normal;
color:#016600;
font-family:sans-serif;
text-transform:uppercase;
}

h2 {
font-size:15px;
font-weight:bold;
color:#016600;
margin:5px 0px 15px 0px;
}

h3 {
font-size:20px;
font-weight:normal;
font-family:verdana, arial, sans-serif;
color:#016600;
margin:0px 0px 10px 0px;
}

img {
border:0px;
}


a:link, a:visited, a:active {
color:#009900;
text-decoration:none;
}

a:hover {
color:#006600;
}

hr {
background-color:#FFFFFF;
border:0px;
height:1px;
border-top:1px solid #CCCCCC;
}



#body {
background-image:url(/images/shadows.gif);
background-repeat:no-repeat;
background-position:top center;
}

#page {
width:981px;
overflow:hidden;
min-height:660px;
background-color:#e8e8e8;
margin:0px auto 0px auto;
}

#topstrip {
height:80px;
background-color:#FFFFFF;
}

#topstrip .logo {
float:left;
width:181px;
height:51px;
margin:15px 0px 0px 20px;
}

.search {
width:220px;
margin:0px 0px 20px 0px;
}

.search .field {
float:left;
width:190px;
height:25px;
background-image:url(/images/trade_searchfield.gif);
background-repeat:no-repeat;
background-position:top left;
}

.search .field input {
border:0px;
background-color:transparent;
margin:5px 0px 0px 10px;
color:#555555;
font-size:12px;
}

.search .button {
float:left;
margin-left:5px;
}


#topnav .levelone {
height:31px;
background-color:#333333;
}

#topnav .leveltwo {
height:31px;
background-color:#FFFFFF;
}

#topnav .levelone .item, #topnav .levelone .itemon {
float:left;
line-height:31px;
height:31px;
border-right:1px solid #5c5c5c;
padding:0px 20px 0px 20px;
}

#topnav .levelone .item * {
font-weight:bold;
color:#FFFFFF;
}

#topnav .levelone .itemon {
background-color:#FFFFFF;
}

#topnav .levelone .itemon * {
font-weight:bold;
color:#028e37;
}

#topnav .leveltwo .item, #topnav .leveltwo .itemon {
float:left;
line-height:15px;
height:15px;
border-right:1px solid #CCCCCC;
padding:0px 20px 0px 20px;
margin-top:8px;
}

#topnav .leveltwo .item * {
color:#333333
}

#topnav .leveltwo .itemon * {
color:#028e37;
}

#topnav .shadow {
position:absolute;
width:981px;
height:8px;
overflow:hidden;
background-image:url(/images/trade_navshadow.png);
background-repeat:repeat-x;
background-position:top left;
}


#container {
padding:0px 0px 20px 20px;
}

#menu {
float:left;
width:200px;
margin:20px 0px 0px 0px;
overflow:hidden;
}

.menupanel {
width:250px;
background-color:#FFFFFF;
padding-bottom:20px;
margin-bottom:10px;
}

.menupanel .header1 {
height:30px;
overflow:hidden;
margin:0px 0px 5px 0px;
background-color:#b8cc43;
padding-left:15px;
}

.menupanel .download {
background-color:#eaeaea;
margin-bottom:1px;
padding:5px 5px 5px 20px;
background-image:url(/images/downloadbullet.gif);
background-repeat:no-repeat;
background-position:5px 7px;
}

.menupanel .item, .menupanel .itemon {
padding:5px 0px 0px 30px;
background-image:url(/images/trade_menubullet.gif);
background-repeat:no-repeat;
background-position:15px 6px;
}

#menu .item, #menu .itemon {
padding:5px 0px 0px 25px;
background-image:url(/images/trade_menubullet.gif);
background-repeat:no-repeat;
background-position:10px 6px;
}

#menu .item *, .menupanel .item * {
color:#333333;
}

#menu .itemon *, .menupanel .itemon * {
font-weight:bold;
color:#333333;
}


#content {
width:670px;
min-height:300px;
margin:20px 0px 0px 20px;
float:left;
background-color:#FFFFFF;
}

#contentheader {
margin:0px;
background-color:#f58400;
padding:0px 5px 0px 10px;
}

#contentheader h1 {
margin:0px;
padding:10px 0px 0px 0px;
font-weight:bold;
font-family:georgia, courier, monospace;
text-transform:none;
color:#FFFFFF;
font-size:15px;
line-height:20px;
}

#contentheader .crumbs {
width:655px;
position:absolute;
font-size:11px;
line-height:30px;
color:#FFFFFF;
text-align:right;
}

#contentheader .crumbs  * {
color:#FFFFFF;
font-size:11px;
line-height:20px;
}

#content .padding {
padding:20px;
}


#footer {
clear:both;
background-color:#FFFFFF;
height:25px;
line-height:25px;
padding:0px 10px 0px 10px;
color:#555555;
width:925px;
margin:20px auto 30px auto;
}

#footer * {
color:#555555;
}



.navcrumb {
padding-bottom:7px;
margin-bottom:15px;
border-bottom:1px solid #DBDBDB;
color:#888888;
}


table.itemlist tr.rowon {
background-color:#E5EFE6;
}

table.itemlist tr.rowon td.tab {
padding:10px;
background-color:#CEE1CE;
border-bottom:1px solid #FFFFFF;
}


table.itemlist tr.rowoff {
background-color:#F2F7F1;
border-bottom:1px solid #FFFFFF;
}

table.itemlist tr.rowoff td.tab {
padding:10px;
background-color:#E6F0E7;
border-bottom:1px solid #FFFFFF;
}

table.itemlist .content {
padding:10px 10px 15px 10px;
border-bottom:1px solid #FFFFFF;
}

table.itemlist tr.header {
background-image:url(/images/itemlistheader.gif);
background-repeat:repeat-x;
}

table.itemlist tr.header td {
color:#FFFFFF;
text-transform:uppercase;
height:22px;
line-height:22px;
padding-top:1px;
padding-bottom:0px;
font-weight:bold;
}

table.itemlist tr.header td.leftcorner {
width:5px;
padding:0px;
}

table.itemlist tr.header td.rightcorner {
padding:0px;
text-align:right;
}

.pagenav {
padding:10px 0px 20px 0px;
margin-top:20px;
border-top:1px dotted #CCCCCC;
color:#888888;
font-weight:bold;
text-align:center;
}

.minortext {
color:#AAAAAA;
}

.optionitem {
line-height:22px;
height:22px;
font-size:85%;
text-transform:uppercase;
margin-top:1px;
padding-left:28px;
background-image:url(/images/optionitembg.gif);
background-repeat:no-repeat;
background-position:left center;
}


.basicinput {
font-size:11px;
border:1px solid #AAAAAA;
}

.basicbutton {
width:90px;
height:20px;
text-align:center;
padding:0px;
border:1px outset #FFFFFF;
}

.error {
font-weight:bold;
color:#AA0000;
}


div.tlblock {
padding:5px;
width:230px;
background-color:#009900;
border:1px solid #AAAAAA;
}

div.tlblock * {
color:#FFFFFF;
font-weight:bold;
}

div.tlconnector {
width:230px;
height:25px;
background-image:url(/images/arrow.gif);
background-repeat:no-repeat;
background-position:top center;
}

form div.field {
margin-top:0px;
margin-bottom:3px;
}

form div.label {
width:120px;
float:left;
clear:left;
font-weight:bold;
margin-bottom:3px;
line-height:16px;
height:16px;
}

form input.field, form select.field {
padding:2px;
border:1px solid #8FADC5;
background-color:#F6F6F6;
}

form textarea.field {
font-family:arial, sans-serif;
font-size:100%;
border:1px solid #8FADC5;
background-color:#F6F6F6;
margin-top:0px;
}





div.searchblock {
width:553px;
height:78px;
background-image:url(/images/searchblockbg.gif);
background-repeat:no-repeat;
background-position:top left;
}

.searchblock div.content {
padding:0px 0px 0px 20px;
float:left;
}   

.searchblock div.title {
height:35px;
line-height:22px;
margin-top:3px;
color:#FFFFFF;
font-weight:bold;
font-size:110%;
text-transform:uppercase;
}

.searchblock input {
position:absolute;
margin:2px 0px 0px 5px;
}

.column {
width:265px;
margin-right:10px;
float:left;
}

              
.brochure {
clear:both;
padding:10px 0px 20px 0px;
}

.brochure  .thumbnail {
float:left;
width:75px;
height:100px;
margin-right:1px;
background-color:#F6F6F6;
margin-bottom:20px;
cursor:pointer;
border:1px solid #888888;
}

.brochure .detail {
float:left;
width:180px;
}

.brochure .title {
color:#006600;
font-weight:bold;
padding:2px 0px 2px 5px;
}

.brochure .summary {
padding:5px 2px 0px 5px;
color:#888888;
}

.brochure .moreinfo {
background-image:url(/images/whitego.gif);
background-repeat:no-repeat;
cursor:pointer;
width:20px;
height:15px;
margin-top:5px;
}



.bigbrochure {
clear:both;
margin-top:10px;
}

.bigbrochure .preview {
float:left;
width:200px;
height:280px;
margin-right:15px;
background-color:#F6F6F6;
margin-bottom:20px;
}

.bigbrochure .detail {
float:left;
width:320px;
}

.bigbrochure .title {
color:#007604;
font-size:140%;
font-weight:bold;margin-bottom:20px;
}

.bigbrochure .summary {
color:#777777;
}

.bigbrochure .note {
color:#777777;
font-weight:bold;
margin-top:15px;
}

.bigbrochure .quantity {
color:#777777;
font-weight:bold;
margin-top:15px;
padding:7px;
background-color:#F6F6F6 ;
}

.bigbrochure .quantity select {
border:1px solid #8FADC5;
background-color:#D5D5D5;
padding:0px;
font-size:100%;
margin-left:10px;
}

.bigbrochure .button {
margin-top:15px;
text-align:right;
}


.returntolist {
border-top:1px solid #D4D4D4;
background-image:url(/images/returntolist.gif);
background-repeat:no-repeat;
background-position:left bottom;
cursor:pointer;
height:20px;
font-size:1px;
margin-top:20px;
clear:both;
}


tr.rowon {
background-color:#EEEEEE;
}

tr.rowoff {
background-color:#F8F8F8;
}

th {
background-color:#DDDDDD
}


.headerstrip {
margin:20px 0px 0px 20px;
width:890px;
height:42px;
text-align:right;
}

.headerstrip img {
margin:11px 12px 0px 0px;
}


/* SURVEY STYLES ***********/
.surveygo {
width:20px;
height:20px;
background-image:url(/_ps/images/arrow_right.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align:middle;
}

.surveyinput {
border:1px solid #AAAAAA;
font-size:100%;
margin-top:0px;
padding-top:0px;
}

.surveynext {
margin-top:20px;
width:75px;
height:20px;
background-image:url(/_ps/images/arrow_right.gif);
background-repeat:repeat-x;
background-position:left;
}

.surveyback {
margin-top:20px;
width:75px;
height:20px;
background-image:url(/_ps/images/arrow_left.gif);
background-repeat:repeat-x;
background-position:left;
}

.surveywarning {
font-weight:bold;
color:#AA0000;
padding:0px 0px 5px 0px;
}

.surveyquestion {
border-top:1px solid #CCCCCC;
padding:10px 0px 10px 0px;
margin-top:20px;
font-weight:bold;
color:#006600;
}


/**** LINK-tag style sheet hoverbox.css ****/

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {
cursor:default;
list-style:none;
}

.hoverbox a {
cursor:default;
}

.hoverbox a .preview {
display:none;
}

.hoverbox a:hover .preview {
display:block;
position:absolute;
top:-33px;
left:-45px;
z-index:1;
}

.hoverbox img.preview {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}

.hoverbox img.thumb {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
width:75px;
height:50px;
}

.hoverbox li {
color:inherit;
display:inline;
float:left;
margin:3px;
padding:5px;
position:relative;
}

.hoverbox .preview {
border-color:#000;
}

/* Lightbox */

#lightbox {
background-color:#eee;
padding:10px;
border-bottom:2px solid #666;
border-right:2px solid #666;
}
	
#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}	

#lightboxCaption { 
float:left; 
}

#keyboardMsg { 
float:right; 
}

#closeButton { 
top:5px; right:5px; 
}

#lightbox img { 
border:none; clear:both;
} 

#overlay img { 
border:none; 
}

#overlay { 
background-image:url("/lightbox/overlay.png");
}

* html #overlay {
background-color:#333;
background-color:transparent;
background-image:url("/lightbox/blank.gif");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale");
}


/**** LINK-tag style sheet hoverbox.css ****/

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {
cursor:default;
list-style:none;
}

.hoverbox a {
cursor:default;
}

.hoverbox a .preview {
display:none;
}

.hoverbox a:hover .preview {
display:block;
position:absolute;
top:-33px;
left:-45px;
z-index:1;
}

.hoverbox img.preview {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}

.hoverbox img.thumb {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
width:75px;
height:50px;
}

.hoverbox li {
color:inherit;
display:inline;
float:left;
margin:3px;
padding:5px;
position:relative;
}

.hoverbox .preview {
border-color:#000;
}

/* Lightbox */

#lightbox {
background-color:#eee;
padding:10px;
border-bottom:2px solid #666;
border-right:2px solid #666;
}
	
#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}	

#lightboxCaption { 
float:left; 
}

#keyboardMsg { 
float:right; 
}

#closeButton { 
top:5px; right:5px; 
}

#lightbox img { 
border:none; clear:both;
} 

#overlay img { 
border:none; 
}

#overlay { 
background-image:url("/lightbox/overlay.png");
}

* html #overlay {
background-color:#333;
background-color:transparent;
background-image:url("/lightbox/blank.gif");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale");
}


.tick {
font-size:14px;
height:30px;
line-height:30px;
color:#5D9F06;
font-weight:bold;
padding-left:40px;
background:#FFFFFF url(/images/success.gif) no-repeat left top;
margin:5px 0px 0px 10px;
}

.cross {
font-size:14px;
height:30px;
line-height:30px;
color:#CC0000;
font-weight:bold;
padding-left:40px;
background:#FFFFFF url(/images/warning.gif) no-repeat left top;
margin:5px 0px 0px 10px;
}




@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 {
	
	.sIFR-active h1 {
	color:#006600;
	font-size:30px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	visibility:hidden;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	}
	
	.sIFR-active .header1 h2 {
	visibility:hidden;
	font-size:15px; 
	visibility:hidden;
	padding-top:8px;
	margin:0px;
	}
	
	.sIFR-active .heading {
	visibility:hidden;
	font-size:15px; 
	visibility:hidden;
	padding-top:8px;
	margin:0px;
	}

}