/*
 * Typography 
 */
p, a, label, input, td, div, select, option, button {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Helvetica, sans-serif; 
    margin-top: 1.2em;
    margin-bottom: .2em;
}
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {
    margin-top: 0;
}
/* Intended only as the first tag inside the contents area (as IE 6 doesn't work with :first this workaround)
     where h1.Multiple must be used if an article needs more than one h1 (which generally should be avoided anyway) */ 
h1 { 
    margin-bottom: .6em;
    font-size: 150%; 
    line-height: 120%;
    color: #333333; 
}
h2 { 
    font-size: 130%; 
    line-height: 120%;
    color: #333333; 
}
h3 { 
    font-size: 120%; 
    line-height: 110%;
    color: black; 
}
h4 { 
    padding-bottom: 1px;
    font-size: 110%; 
    color: black; 
    font-weight: bold;
    border-bottom: 1px solid black;
}
h5 { 
    padding-bottom: 1px;
    font-size: 110%; 
    color: black; 
    font-weight: bold;
    border-bottom: 1px solid black;
}
h6 { 
    font-size: 90%; 
    color: black; 
}
p {     
    margin-top: 0.6em;
    margin-bottom: 1.0em;
    line-height: 150%;
}
ul {
    font-size: 100%;
    padding-left: 12px;
    margin-left: 12px;
}
li {
	margin: 0;
	padding: 0;
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
/*
 * Layout 
 */
body {
	margin: 0;
	padding: 22px 45px 10px 35px;
	border: 0; 
	width: 620px;
}
body#BodyBg {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color: #e1e2e4;
}
div#TopBg {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 135px;
	background-image: url(imgs/bg-top.gif);
	background-repeat: repeat-x;
	background-color: #e1e2e4;
}
div#C,
div#TopC {
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}
div#Top {
	margin: 0;
	padding: 0 20px;
	width: 988px;
	height: 135px;
}
div#Banner {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 110px;
	background-color: transparent;
}
div#LeftCol {
	float: left;
	margin: 0;
	border-right: 1px solid #b6b7bb;
	width: 212px;
	padding: 0;
	background: white /*#e1e2e4*/;
}
div#RightCol {
	float: right;
	margin: 0;
	border-left: 1px solid #b6b7bb;
	width: 151px;
	padding: 0;
	background: white /*#e1e2e4*/;
}
div#CenterCol {
	margin: 0;
	float: left;
	padding: 0;
	border: 0; 
	background-color: white;
	width: 659px;
}
div.Clear {
	clear: both;
}
/* 
 * Banner contents 
 */
div#BannerLogo {
        height: 100%;
	float:left;
}
div#BannerLogo img {
	height: 54px;
	width: 190px;
	padding-top: 42px;
}
div#BannerText {
        height: 100%;
	margin-left: 141px;
	float:left;
}
div#BannerText img {
	height: 16px;
	width: 303px;
	padding-top: 79px;
}
div#BannerImg {
	height: 100%;
	float:right;
}
div#BannerImg img {
	height: 50px;
	padding-top: 42px;
}
/* 
 * Top contents 
 */
div#TopTools {
	margin: 0;
	padding: 0 0 1px 0;
	border: 0;
	width: 100%;
	height: 25px;
	background-color: transparent;
}
div#Top,
div#Top label,
div#Top a {
	line-height: 25px;
	color: white;
	font-size: 11px;
}
div#TopSearch {
		height: 100%;
	float: left;
}
div#TopSearch form {
	padding: 0;
	margin: 0 0 0 40px;
}
div#TopSearch input {
	width: 158px;
	height: 13px;
	border: 1px solid #e1e2e4;
	margin: 0 0 0 6px;
	padding: 0;
}
div#TopSearch a:hover {
	color: #ec520c;
	text-decoration: none;
}
div#TopNav {
	height: 24px;
	margin-left: 0;
	float: left;
	padding: 0 0 1px 0;
}
div#TopNav a,
div#TopNav span {
	line-height: 25px;
	padding: 0 5px;
	color: white;
	text-decoration: none;
	background-color: transparent;
}
div#TopNav a.First {
	padding-left: 0;
}
div#TopNav a:hover,
div#TopNav a.Selected {
	color: #ec520c;
	text-decoration: none;
}
div#TopNav a.Selected {
	font-weight: bold;
}
div#TopService {
	height: 100%;
	float: right;
	margin-right: 30px;
}
div#TopService a {
	text-decoration: none;
	line-height: 18px;
	padding: 0;
}
div#TopService a.Home {
	width: 11px;
	padding-left: 11px;
	background-image: url(imgs/home.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div#TopService a.Home:hover {
	background-image: url(imgs/home-hi.gif);
}
div#TopService a.Contact {
	width: 13px;
	padding-left: 21px;
	background-image: url(imgs/email.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div#TopService a.Contact:hover {
	background-image: url(imgs/email-hi.gif);
}
div#TopService a.Print {
	width: 9px;
	padding-left: 19px;
	background-image: url(imgs/print.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div#TopService a.Print:hover {
	background-image: url(imgs/print-hi.gif);
}
/* 
 * Left col
 */
div#LeftContents {
	padding: 7px 0 10px 0;
}
div.LeftColItem {
	margin: 15px 12px 0 19px;
	padding: 0 17px 15px 2px;
	border-bottom: 1px solid #b6b7bb;
}
div.LeftColItem a {
	padding-right: 30px;
	background-image: url(imgs/more-w.gif); /*more-g.gif*/
	background-position: right center;
	background-repeat: no-repeat;
}
div.LeftColItem p {
		padding: 0;
	margin: 0;
}
div.LeftColItem p.TeaserLink {
	text-align: right;
	margin-bottom: 4px;
}
div.LeftColItem.HasHeading {
	margin-top: 10px;
}
div.LeftColItem .TeaserHeading {
	color: #ea510d /*#ea936c*/;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}
/*
 * Right col
 */
div#RightContents {
	 padding: 2px 0 10px 0;
}
div.RightColItem {
	margin: 11px 17px 0 14px;
	padding: 0;
}
/*
 * Center col
 */
div#Contents {
	padding: 20px 19px 10px 19px;
}
div.WideGalley {
	margin-top: 20px;
}
div.LeftGalley {
	float: left;
	width: 300px;
}
div.RightGalley {
	float: right;
	width: 300px;
}
/*
 * BreadCrumbs
 */
div#BreadCrumbs {
	padding: 18px 0 0 0;
	width: 621px;
	text-align: right;
	color: #666666;
}
/*
 * Result paging
 */
div#ResultPaging {
	margin: 14px 0 0 0;
	padding: 0 ;
	width: 621px;
	color: #ea510d;
	border-bottom: 1px solid #f6a786;
	height: 18px;
	
}
div#ResultPaging a {
	color: #ea510d;
}
div#ResultPaging a.BackLink {
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(imgs/back-w.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
div#ResultPaging a.ForwardLink {
	padding-right: 20px;
	padding-left: 10px;
	background-image: url(imgs/forward-w.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div#ResultPagingLeft {
	float: left;
}
div#ResultPagingRight {
	float: right;
}
div#ResultPaging span.BackLink,
div#ResultPaging span.ForwardLink {
	display: none;
}
/* Product details */
div.ProductDetails {
}
/* 
 * Categories 
 */
div#Categories {
}
div.CatRow { 
	padding: 0;
	height: 140px;
	margin-bottom: 20px;
}
div.CatRow a.Category {
	display: block;
	width: 136px;
	height: 140px;
	float: left;
	background-image: url(imgs/cat-bg.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	margin-left: 26px;
	text-decoration: none;
}
div.CatRow a.Category.RowFirst {
	margin-left: 0;
}
div.CatRow a.Category.RowLast {
	margin-left: 25px;
}
div.CatRow a.Category:hover {
	background-image: url(imgs/cat-bg-hi.gif);
}
div.CatRow span.Category {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 6px 0 6px;
	width: 124px;
	overflow: hidden;
	white-space: nowrap;
}
/*
 * Forms
 */
form {
	margin: 0;
	padding: 0;
}
form input {
	width: 400px;
	border: 0;
	border-bottom: 1px orange dotted;
	margin: 1px 0;
}
form textarea {
	width: 400px;
	border: 1px orange dotted;
	margin: 1px 0;
}
form button,
form input.Button {
	width: 104px;
	height: 24px;
	padding: 1px 0 3px 0;
	border: 0;
	margin: 0;
	background-image: url(imgs/search-button-bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
form input:focus,
form textarea:focus,
form select:focus {
	border-bottom: 1px orange solid;
}
/* 
 * Search 
 */

div.SearchBox {
	padding: 0;
	margin: 0 0 20px 0;
}
div.SearchBox div.FieldGroup {
	background-image: url(imgs/search-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	margin: 0;
	padding: 5px 10px;
}
div.SearchBox div.SearchTop,
div.SearchBox div.SearchBottom {
	width: 621px;
	height: 7px;
	background-image: url(imgs/search-top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.SearchBox div.SearchBottom {
	background-image: url(imgs/search-bottom.gif);
}
div.SearchBox td.SearchButton input {
	width: 104px;
	height: 24px;
	padding: 1px 0 3px 0;
	border: 0;
	margin: 0;
	background-image: url(imgs/search-button-bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.SearchBox td.SearchToggle { padding-top: 10px; }
div.SearchBox td.SearchToggle a {
	border:0;
	margin:0;
}
div.SearchBox td.SearchField input {
	width: 375px;
	border: 0;
	border-bottom: 1px orange dotted;
	margin: 1px 0;
}
div.SearchBox td.SearchField input:focus,
div.SearchBox td.SearchField select:focus {
	border-bottom: 1px orange solid;
}
div.SearchBox td.SearchField select {
	width: 375px;
	border: 0;
	border-bottom: 1px orange dotted;
	margin: 1px 0;
}
div.SearchBox td.SearchToggle {
	text-align: center;
}
div.SearchBox td.SearchLabel {
	padding-right: 10px;
}
#ProductSearch, #SupplierSearch {
	width: 100%;
}
.Hidden {
	display: none;
}
/* 
 * Lists 
 */
div.ListItem {
	padding-bottom: 8px;
	margin-top: 8px;
	clear: both;
	border-bottom: 1px solid #f6a786;
}
div.ListItem.Last {
	border-bottom: 1px solid transparent;
}
div.ProductList div.ListItem {
	width: 300px;
	height: 80px;
}
div.ResultList div.ListItem {
}
div.ProductList div.ListItem.Even {
	clear: none;
	float: left;
}
div.ProductList div.ListItem.Odd {
	clear: none;
	float: right;
}
div.ListItem img.Thumbnail {
	float: left;
	padding: 0 12px 0 0;
}
div.ListItem p {
	padding: 0; margin:0; height: 60px; overflow: hidden;
}
div.ListItem a {
	text-decoration: none;
}
div.SupplierList div.ListItem p,
div.ResultList div.ListItem p {
	height: auto;
}
a.More {
	padding-right: 30px; 
	height: 16px;
	background-image: url(imgs/more-w.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div.ListItem a.More {
	display: block;
	margin-top: 4px;
	float: right;
}
/* 
 * Supplier list 
 */
div.SupplierListBlock {
	margin: 0 0 10px 0;
	padding: 0px;
	min-height: 24px; /* help IE */
}
p.ListBlockChar {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	float: left;
}
p.SupplierEntry {
	margin: 0 0 0 30px;
	padding: 0;
}
/*
 * Bottom ads 
 */
div#BottomAds {
	padding: 0 0 10px 0;
	margin: 1.5cm 0 0 0; /* was 25px */
}
div.BottomAdRow {
	width: 621px;
	height: 145px;
	margin-top: 21px;
}
div#BottomAds div.BottomAd.Cell_0,
div#BottomAds div.BottomAd.Cell_2,
div#BottomAds div.BottomAd.Cell_4 {
	width: 300px;
	height: 145px;
	float: left;
}
div#BottomAds div.BottomAd.Cell_1,
div#BottomAds div.BottomAd.Cell_3,
div#BottomAds div.BottomAd.Cell_5 {
	width: 300px;
	height: 145px;
	float: right;
}
/*
 * Image viewer 
 */
#IconList {
	margin-bottom: 10px;
}
#IconRow {
	margin-bottom: 10px;
	width: 300px;
	overflow: hidden;
}
#IconRow a {
	display: block;
}
#IconRow img.Icon,
#IconRow .Icon a.pirobox_gall img {
	display: block;
	float: left;
	border: 1px #ccc solid;
	margin-left: 12px;
}
#IconRow img.First,
#IconRow .First.Icon a.pirobox_gall img {
	margin-left: 0;
}
#IconRow img.Selected {
	border: 1px solid #f6a786;
}
.pirobox_content .caption p {
	text-align: left;
	font-size: 10px;
}
.pirobox_content .caption p a {
	color: white;
	text-decoration: underline;
}
/*
 * Project 
 */
p.SubHeading {
	font-weight: bold;
	color: #666;
}
p.ContentsBy {
	font-style: italic;
	border-top: 1px solid #ea510d;
	padding-top: 6px;
}
/*
 * More typography 
 */
p.Heading {
	color: #444;
	font-weight: bold;
	border-bottom: 1px solid #f6a786;
	margin-top: 10px;
}
h1.PageHeading {
	font-size: 20px;
	color: #ea510d; 
}
img.Thumbnail {
	border: none;
	width: 80px;
	height: 80px;
}
img.Logo {
	border: none;
	width: auto /*80px*/;
	height: auto;
}
img.Icon {
	border: none;
	width: 64px;
	heigth: 64px;
	margin: 0;
	padding: 0;
}
img.Large {
	border: none;
	width: 300px;
	margin-bottom: 0px;
}
img.LargeWide {
	border: none;
	width: 621px;
	margin-bottom: 10px;
}
img.LeftAlignedImage {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  border: none;
}
img.RightAlignedImage {
  float: right;
  margin: 0 0 0 15px;
  padding: 0;
  border: none;
}
img.CenteredImage {
  display: block;
  margin: 10px auto;
  padding: 0;
  border: none;
}
p.LargeCaption {
	margin-top: 0px;
	font-style: italic;
}
/* attempt to kill the f...... font tag */
font {
	font-size: 100% !important;
	font-family: Verdana, Helvetica, sans-serif;
}