@import url('/ui/css/reset.css');

body { background: #fff url('/ui/img/main-bg-grid.gif') repeat-x; font: 1em "Trebuchet MS", sans-serif; color: #555; margin:0; padding:0;  }

h1, h2, h3, h4, h5, h6, th, td { font-family: Arial, Helvetica, sans-serif; }

h1 { padding: 0; margin: 0; font-size: 20px; font-weight: bold; color: #004933; text-transform: uppercase; letter-spacing: 1px; }
h2 { padding: 0; margin: 0; font-size: 16px; font-weight: bold; color: #666666; border-bottom: 1px dotted #CFCFCF; text-transform: uppercase; letter-spacing: 1px; }
h3 { padding: 0; margin: 5px 0; font-size: 14px; font-weight: bold; color: #666666; border-bottom: 1px dotted #CFCFCF; text-transform: uppercase; letter-spacing: 1px; }
h4 { font-size: .8em; font-weight: bold; color: #a09664; text-transform: uppercase; margin-bottom: 0; }
h5 { font-size: .7em; font-weight: bold; color: #666666; text-transform: uppercase; }
h6 { font-size: .6em; font-weight: bold; color: #666666; text-transform: uppercase; }

p { font-size: 0.8em; margin: 0px 0px 10px 0px; line-height: 1.4em; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

blockquote { margin: 0 50px 10px 50px; }
address { font-style: italic; padding: 3px 10px 25px; }
pre { font-family:Arial, Helvetica, sans-serif;}

a { text-decoration: none; color: #555; font-weight:bold; border-bottom: 1px dotted #555; }
a:hover { border-bottom: none; text-decoration: none; }

h1 a { color: #004933; }
h1 a:hover { color: #666666; }

ul, ol, dl, dd { margin: 0px 0px 0px 10px; }
ol { list-style-type: decimal; padding-left: 10px; }
ul { list-style-type: disc; padding-left: 10px; }

table, th, td { border: 0 none; border-collapse: collapse; }
table th, table td { font-size: 10px; padding: 3px 10px 3px 10px; }
table th { text-align:left; color: #666666; font-weight: bold; padding: 0 10px 0 0; border-left: 0 none; }
table td { padding: 0 10px 0 0; border-left: 0 none; }

form { margin: 0; padding: 0; }
fieldset { padding: 10px; border: 1px solid #cfcfcf; }
legend { padding-top: 4px; font-size: 1.8em; color: #666666; text-transform: uppercase; white-space: nowrap; display: block; margin-bottom: 30px; font-family:Arial, Helvetica, sans-serif; }

label { display: block; }
input[type=text], select, textarea, text_field, reset, submit {
	padding: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #cfcfcf;
	display: block; color: #9f9f9f;
	margin: 3px 0px 10px 0px; }
input[type=password] {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #cfcfcf;
	display: block; color: #9f9f9f;
	margin: 3px 0px 10px 0px;  }

input[type=checkbox] { border: none; }


label span { display: block; }







p.error { font-style: italic; }

a.toggler { cursor: pointer; }
a.toggler:hover, #content a.toggler:hover, #content .content a.toggler:hover { background-color: transparent; }

ol.alpha { list-style-type: lower-alpha; }

small { font-size: 0.7em; }

table.specifications { margin: 1em 0; width: 90%; border: none; }
table.specifications th, table.specifications td { padding: 5px 0; font-size: 0.9em; border: none; }
table.specifications th { color: #00b5da; }

.clear { clear: both; }
.message { font-size: 1.1em; font-style: italic; color: #f00; }
.left { float: left; }
.right { float: right; }
img.left { float: left; margin: 0 15px 15px 0; }
img.right { float: right; margin: 0 0 15px 15px; }
.block { display: block; }
.inline { display: inline; }
.container { overflow: auto; width: 100%; }

/**
 * widths ..
 */
.hundred { width: 97%; }
.sixty { width: 56%; }
.fifty { width: 48%; }
.forty { width: 39%; }
.thirty { width: 27%; }
.twenty { width: 18%; }

/* Forms */
form { margin: 0; padding: 0; }
fieldset { padding: 20px; }
legend { padding-top: 4px; font-size: 1.8em; color: #00b6dd; text-transform: uppercase; white-space: nowrap; display: block; }

label { display: block; }
input[type=text], select, textarea { 
	padding: 4px;
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 1.0em;
	border: 1px solid #c5c5c5; 
	display: block; width: 100%; color: #9f9f9f; }
input[type=checkbox] { border: none; }
label.inline { padding-right: 20px; }
label.inline input, label.inline select { display: inline; width: auto; }
select.inline { display: inline; width: auto; }
.jsvalidation { font-size: 0.8em; font-style: italic; font-weight: normal; color: #d48703; }

label span { display: block; }
label.inline span { display: inline; }

.bttn-bar { text-align: center; }
button { border: none; background: none; margin: 0; padding: 0; cursor: pointer; }
button span { display: block; background: transparent url('/ui/img/btn_bg_sprite.gif') no-repeat; }
button span span { display: block; background: transparent url('/ui/img/btn_bg_sprite.gif') no-repeat; }
button span span span { 
	display: block; margin: 0 7px; padding: 12px 1em 0; height: 32px;
	background: transparent url('/ui/img/btn_bg_sprite.gif') repeat-x; 
	font-size: 1.5em; color: #fff; text-transform: uppercase; white-space: nowrap;
}
button.orange span { background-position: 0 -88px; }
button.orange span span { background-position: right 0; }
button.orange span span span { background-position: center -44px; }

button.green span { background-position: 0 -220px; }
button.green span span { background-position: right -132px; }
button.green span span span { background-position: center -176px; }

button:hover span { background-position: 0 -352px; }
button:hover span span { background-position: right -264px; }
button:hover span span span { background-position: 0 -308px; }

button.small span { display: block; background: transparent url('/ui/img/btn_sm_bg_sprite.gif') no-repeat; }
button.small span span { display: block; background: transparent url('/ui/img/btn_sm_bg_sprite.gif') no-repeat; }
button.small span span span { 
	display: block; margin: 0 3px; padding: 9px 1em 0; height: 23px;
	background: transparent url('/ui/img/btn_sm_bg_sprite.gif') repeat-x;
	font-size: 1em; color: #fff; text-transform: uppercase; white-space: nowrap;
}

button.small.green span { background-position: 0 -256px; }
button.small.green span span { background-position: right -192px; }
button.small.green span span span { background-position: center -224px; }

button.small:hover span { background-position: 0 -160px; }
button.small:hover span span { background-position: right -96px; }
button.small:hover span span span { background-position: 0 -128px; }

/* debugging... */
.cake-sql-log { /*display: none;*/ } 

#container { width: 960px; height: 620px; background: transparent none repeat scroll 0 0; }

#header { margin: 0 auto; position: relative; height: 43px; width: 940px; background:#FFFFFF none repeat scroll 0 0; }
#header #logo { position: relative; top: 7px; left: 10px; float: left; border-bottom: 0 none; }

#main { /*min-height: 400px;*/ width: 940px; height: 500px; margin: 0 auto; position: relative; top: 0; }

#main #leftcol { float: left; padding: 0 0.2em; width: 12em; }

.topMenu { float: right; height: 20px; width: 700px; position: relative; top: 10px; z-index: 100; font-family: arial, sans-serif; padding: 0; }

.topMenu a, .topMenu a:visited {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #888;
	font-weight: normal;
	text-align: center;
	/*text-transform: capitalize;*/
	border-bottom:3px solid #F3F3F3;
}
.topMenu a:hover { color: #aaa; }
.topMenu :hover > a { color:#aaa; }
.topMenu ul {padding: 0; margin: 0; list-style-type: none; float:right;}
.topMenu ul li {float: right; margin: 0 0 0 15px; background: transparent none repeat scroll 0 0; height:20px; min-width: 50px; }
.topMenu ul li.last {float: right; margin: 0; background: transparent none repeat scroll 0 0; }
.topMenu ul li.selected { color: #ccc; background: transparent none repeat scroll 0 0; }
.topMenu ul li.selected a { color: #ccc; }
.topMenu p { margin: 0 20px 0 0; float: right; height: 20px; }

.mainMenu {width: 940px; height: 25px; position: relative; top: 0; z-index: 100; font-family: arial, sans-serif; padding: 0 10px; }

/* style the links for the top level */
.mainMenu a, .mainMenu a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #888888;
	width: 130px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 0 none;
}

/* remove all the bullets, borders and padding from the default list styling */
.mainMenu ul {padding:0;margin:0;list-style-type:none;}
.mainMenu ul ul {width: 129px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.mainMenu ul li {float: left; width: 130px; height: 25px; margin: 0 5px 0 0; position: relative; background: #fff none repeat scroll 0 0; }
.mainMenu ul li.last {float: left; width: 129px; height: 25px; margin: 0; position: relative; background: #fff none repeat scroll 0 0; }
.mainMenu ul li.selected { color: #000; background: #004A33; }
.mainMenu ul li.selected a { color: #fff; }
.mainMenu ul li.selected ul li a { color: #000; }
.mainMenu ul li.selected ul li a:hover { color: #fff; }
.mainMenu ul li.selected a img { background:transparent url('/ui/img/main-menu-arrow-over.gif') no-repeat;}
.mainMenu ul li ul li {opacity: 0.93; filter:alpha(opacity=93); float: left; width: 130px; height: 25px; margin: 0; position: relative; background: transparent none repeat scroll 0 0; }

/* style the second level links */
.mainMenu ul ul a, .mainMenu ul ul a:visited {opacity: 1; filter:alpha(opacity=100); background:#BBBBBB none repeat scroll 0 0; color:#000; font-size:0.8em; height: 15px; width: 116px; line-height:1.4em; padding:5px 7px; text-align: left; text-transform: capitalize; }

/* style the top level hover */
.mainMenu ul a:hover { color: #fff; background:#004a33;}
.mainMenu ul :hover > a { color:#fff; background:#004a33; }

.mainMenu ul ul a:hover{ color: #888888; background:#555555;}
.mainMenu ul ul :hover > a { color:#fff; background:#555555 none repeat scroll 0 0; }

.mainMenu ul a img { background:transparent url('/ui/img/main-menu-arrow.gif') no-repeat;}
.mainMenu ul a:hover img, .mainMenu ul ul a:hover img { background:transparent url('/ui/img/main-menu-arrow-over.gif') no-repeat;}
.mainMenu ul :hover > a img, .mainMenu ul ul :hover > a img { background:transparent url('/ui/img/main-menu-arrow-over.gif') no-repeat; }

/* make the second level visible when hover on first level list OR link */
.mainMenu ul li:hover ul,
.mainMenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.mainMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.mainMenu ul :hover ul :hover ul{ visibility:visible;}

.mainMenu .menuArrow {
	margin:2px 5px 2px 0;
}

/* style the second level background */
.mainMenu ul ul a.drop, .mainMenu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.mainMenu ul ul a.drop:hover{background:#c9ba65;}
.mainMenu ul ul :hover > a.drop {background:#c9ba65;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.mainMenu ul ul {visibility:hidden;position:absolute;height:0;top:-115px;left:0; width:134px; }

/* style the table so that it takes no part in the layout - required for IE to work */
.mainMenu table {position:absolute; top:0; left:0; border: 0; cellpadding: 0; cellspacing: 0;  border-collapse:collapse; background: transparent none repeat scroll 0 0;}
.mainMenu table, th, td {
	border: 0;
	border-collapse: collapse;
}

.container_12 {
	background: #fff url(img/12_col.gif) repeat-y;
	margin-bottom: 20px;
}



body.contact #content {
	padding: 0;
	background: #fff;
}

#content #maincontent {
	background: #FFFFFF none repeat scroll 0 0;
	padding: 5px 15px 10px;
	position: relative;
}

body.home #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.home #content #title {
	min-height: 25px;
	left: 560px;
	position: relative;
	top: -500px;
	width: 390px;
	background: #FFFFFF none repeat scroll 0 0;
}

body.home #content #maincontent {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 300px;
	height: 300px;
	z-index: 100;
}

body.home #imageOverlay {
	height: 471px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 940px;
	z-index: 11;
}

body.home #imageClip {
	height: 471px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 940px;
	z-index: 10;
	clip: rect(0pt, 940px, 470px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
}

body.home .mainImage {
	position: absolute;
	top: -100px;
	left: -100px;
	padding: 0;
	z-index: 1;
}





body.categories #content #subMenu ul {
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

body.categories #content #subMenu ul li {
	padding: 0 10px;
	margin: 0;
}

body.categories #content #subMenu ul li.selected {
	padding: 0 10px;
	margin: 0;
	background: #555555 none repeat scroll 0 0;
}

body.categories #content #subMenu ul li a {
	color: #666666;
}

body.categories #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.categories #content .categoryThumbs {
	float: left;
	height: 478px;
	padding: 0;
	position: relative;
	top: 0;
	width: 700px;
}

body.categories #content .categoryThumbs a {
	background: #FFFFFF none repeat scroll 0 0;
	float: left;
	height: 152px;
	padding: 0;
	position: relative;
	top: 0;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 12px;
	text-decoration: none;
	border-bottom: 0 none;
	
}

body.categories #content .categoryThumbs a:hover, body.categories #content .categoryThumbs a.selected {
	background: #555555 none repeat scroll 0 0;
}

body.categories #content .categoryThumbs a .categoryThumb {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	text-transform: uppercase;
	color: #000000;
	font-size: 0.9em;
	text-decoration: none;
}

body.categories #content .categoryThumbs a:hover .categoryThumb, body.categories #content .categoryThumbs a.selected .categoryThumb {
	text-transform: uppercase;
	color: #ccc;
}

body.categories #content .categoryThumbs a .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-white.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.categories #content .categoryThumbs a:hover .categoryThumb .thumbImageOverlay, body.categories #content .categoryThumbs a.selected .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-grey.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.categories #content .categoryThumbs a .categoryThumb p {
	position: absolute;
	top: 118px;
	width: 210px;
	padding-left: 7px;
	color: #666666;
	font-weight: bold;
}

body.categories #content .categoryThumbs a:hover .categoryThumb p, body.categories #content .categoryThumbs a.selected .categoryThumb p {
	color: #fff;
}

body.categories #content .categoryThumbs a .categoryThumb .categoriesLine {
	border-top: 1px dotted #CFCFCF;
	height: 1px;
	line-height: 1px;
	left: 7px;
	margin: 0;
	position: absolute;
	top: 135px;
	width: 204px;
}

body.categories #content .categoryThumbs a:hover .categoryThumb .categoriesLine, body.categories #content .categoryThumbs a.selected .categoryThumb .categoriesLine {
	border-top: 1px dotted #fff;
}

body.categories #content .categoryThumbs .last {margin: 0 0 12px 0;}

body.categories #thumbImageOverlay1 {
	left:0;
	top:3px;
	position:relative;
}

body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip1,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip2,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip3,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip4,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip5,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip6,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip7,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip8,
body.categories #content .categoryThumbs a .categoryThumb #categoryThumbClip9 {
	height: 114px;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 10;
	clip: rect(0pt, 220px, 114px, 0pt);
	left: 0;
	top: 0;
}
/*

body.categories #content .categoryThumbs a:hover .categoryThumb #categoryThumbClip1, #categoryThumbClip2, #categoryThumbClip3, #categoryThumbClip4, #categoryThumbClip5, #categoryThumbClip6, #categoryThumbClip7, #categoryThumbClip8, #categoryThumbClip9 {
	background: #555 none repeat scroll 0 0;
}

*/

body.categories #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 480px;
	left: 0;
	position: relative;
	top: 0;
	width: 221px;
}

body.categories #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 201px;
	min-height: 25px;
	padding: 10px 10px 0 10px;
}

body.categories #content #rightCol #title h1 {
	display: inline;
}

body.categories #content #rightCol #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.categories #content #rightCol #maincontent {
	position: relative;
	left: 0;
	top: 0;
	height: 240px;
	width: 201px;
	z-index: 100;
	padding: 0 10px;
}

body.categories #content #rightCol .subMenu { 
	background: #FFFFFF none repeat scroll 0 0;
	left: 0;
	position: relative;
	top: 0;
	width: 201px;
	height: 170px;
	padding: 10px;
}

body.portfolioCategories #content #rightCol #maincontent {
	position: relative;
	left: 0;
	top: 0;
	height: 90px;
	width: 201px;
	z-index: 100;
	padding: 0 10px;
}

body.portfolioCategories #content #rightCol .subMenu { 
	background: #FFFFFF none repeat scroll 0 0;
	left: 0;
	position: relative;
	top: 0;
	width: 201px;
	height: 330px;
	padding: 10px;
}

body.categories #content #rightCol .subMenu a, body.categories #content #rightCol .subMenu a:visited {
	display: block;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	/*text-transform: capitalize;*/
	padding: 0 15px;
	margin: 0;
	border-bottom: 0 none;
}

body.categories #content #rightCol .subMenu a:hover { color: #fff; background:#555; }
body.categories #content #rightCol .subMenu :hover > a { color:#fff; background:#555; }
body.categories #content #rightCol .subMenu a img { background:transparent url('/ui/img/sub-menu-arrow.gif') no-repeat;}
body.categories #content #rightCol .subMenu a:hover img, .mainMenu ul ul a:hover img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat;}
body.categories #content #rightCol .subMenu :hover > a img, .mainMenu ul ul :hover > a img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat; }

body.categories #content #rightCol .subMenu ul {padding: 0; margin: 0; list-style-type: none;}
body.categories #content #rightCol .subMenu ul li { margin: 0; background: #fff none repeat scroll 0 0; height: 15px; line-height: 15px; }
body.categories #content #rightCol .subMenu ul li.last {float: right; margin: 0; background: #fff none repeat scroll 0 0; }
body.categories #content #rightCol .subMenu ul li.selected { color: #fff; background: #555; }
body.categories #content #rightCol .subMenu ul li.selected a { color: #fff; }

body.categoryLanding #content #subMenu ul {
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

body.categoryLanding #content #subMenu ul li {
	padding: 0 10px;
	margin: 0;
}

body.categoryLanding #content #subMenu ul li.selected {
	padding: 0 10px;
	margin: 0;
	background: #555555 none repeat scroll 0 0;
}

body.categoryLanding #content #subMenu ul li a {
	color: #666666;
}

body.categoryLanding #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.categoryLanding #content .categoryThumbs {
	float: left;
	height: 478px;
	padding: 0;
	position: relative;
	top: 0;
	width: 545px;
}

body.categoryLanding #content .categoryThumbs a {
	background: transparent none repeat scroll 0 0;
	float: left;
	height: 111px;
	padding: 0;
	position: relative;
	top: 0;
	width: 171px;
	margin-right: 13px;
	margin-bottom: 10px;
	text-decoration: none;
	border-bottom: 0 none;
}

body.categoryLanding #content .categoryThumbs a.catAdmin {
	border: 1px solid transparent;
	
}

body.categoryLanding #content .categoryThumbs a:hover, body.categoryLanding #content .categoryThumbs a.selected {
	background: transparent none repeat scroll 0 0;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 171px;
	text-transform: uppercase;
	color: #000000;
	font-size: 0.9em;
	text-decoration: none;
}

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb, body.categoryLanding #content .categoryThumbs a.selected .categoryThumb {
	text-transform: uppercase;
	color: #ccc;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/category-overlay-white.gif') no-repeat;
	height: 111px;
	width: 171px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb .thumbImageOverlayArrow {
	background: transparent url('/ui/img/category-overlay-trans.gif') no-repeat;
	height: 111px;
	width: 171px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb .thumbImageOverlayArrow {
	background: transparent url('/ui/img/category-back-arrow.gif') no-repeat;
}

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb .thumbImageOverlayArrow {
	background: transparent url('/ui/img/category-back-arrow-over.gif') no-repeat;
}

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb .thumbImageOverlay, body.categoryLanding #content .categoryThumbs a.selected .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/category-overlay-grey.gif') no-repeat;
	height: 111px;
	width: 171px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb p {
	position: absolute;
	top: 118px;
	width: 210px;
	padding-left: 7px;
	color: #666666;
}

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb p, body.categoryLanding #content .categoryThumbs a.selected .categoryThumb p {
	color: #fff;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb .categoriesLine {
	border-top:1px dotted #CFCFCF;
	height: 1px;
	line-height: 1px;
	left: 7px;
	margin: 0;
	position: absolute;
	top: 135px;
	width: 204px;
}

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb .categoriesLine, body.categoryLanding #content .categoryThumbs a.selected .categoryThumb .categoriesLine {
	border-top:1px dotted #fff;
}

body.categoryLanding #content .categoryThumbs .last {margin: 0 0 12px 0;}

body.categoryLanding #thumbImageOverlay1 {
	left:0;
	top:3px;
	position:relative;
}

body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip1,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip2,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip3,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip4,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip5,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip6,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip7,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip8,
body.categoryLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip9,
body.categoryLanding #content .categoryThumbs a .categoryThumb .category-image-back {
	height: 111px;
	padding: 0;
	position: absolute;
	width: 171px;
	z-index: 10;
	clip: rect(0pt, 171px, 111px, 0pt);
	left: 0;
	top: 0;
}
/*

body.categoryLanding #content .categoryThumbs a:hover .categoryThumb #categoryThumbClip1, #categoryThumbClip2, #categoryThumbClip3, #categoryThumbClip4, #categoryThumbClip5, #categoryThumbClip6, #categoryThumbClip7, #categoryThumbClip8, #categoryThumbClip9 {
	background: #555 none repeat scroll 0 0;
}

*/

body.categoryLanding #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 480px;
	left: 0;
	position: relative;
	top: 0;
	width: 380px;
}

body.categoryLanding #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 370px;
	min-height: 25px;
	padding: 10px 10px 0 10px;
}

body.categoryLanding #content #rightCol #title h1 {
	display: inline;
}

body.categoryLanding #content #rightCol #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.categoryLanding #content #rightCol #maincontent {
	position: relative;
	left: 0;
	top: 0;
	height: 200px;
	width: 360px;
	z-index: 100;
	padding: 0 10px;
}


body.categoryLanding #content #rightCol .subMenu { 
	background: #FFFFFF none repeat scroll 0 0;
	left: 0;
	position: relative;
	top: 0;
	width: 360px;
	height: 200px;
	padding: 10px;
}

body.categoryLanding #content #rightCol .subMenu a, body.categoryLanding #content #rightCol .subMenu a:visited {
	display: block;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	/*text-transform: capitalize;*/
	padding: 0 15px;
	border-bottom: 0 none;
}

body.categoryLanding #content #rightCol .subMenu a:hover { color: #fff; background:#555; }
body.categoryLanding #content #rightCol .subMenu :hover > a { color:#fff; background:#555; }
body.categoryLanding #content #rightCol .subMenu a img { background:transparent url('/ui/img/sub-menu-arrow.gif') no-repeat;}
body.categoryLanding #content #rightCol .subMenu a:hover img, .mainMenu ul ul a:hover img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat;}
body.categoryLanding #content #rightCol .subMenu :hover > a img, .mainMenu ul ul :hover > a img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat; }

body.categoryLanding #content #rightCol .subMenu ul {padding: 0; margin: 0; list-style-type: none;}
body.categoryLanding #content #rightCol .subMenu ul li { margin: 0; background: #fff none repeat scroll 0 0; line-height: 15px; }
body.categoryLanding #content #rightCol .subMenu ul li.last {float: right; margin: 0; background: #fff none repeat scroll 0 0; }
body.categoryLanding #content #rightCol .subMenu ul li.selected { color: #fff; background: #555; }
body.categoryLanding #content #rightCol .subMenu ul li.selected a { color: #fff; }

.hiddenPod {
	display: none;
}

.slide {
	
}

.showPod {
	visibility: visible;
}


body.projectLanding #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.projectLanding #imageOverlay {
	height: 375px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 11;
}

body.projectLanding .categoryThumbs .projectBack {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 37px;
	width: 39px;
	padding: 0;
	z-index: 100;
}

body.projectLanding .categoryThumbs .projectBack a {
	border-bottom: 0 none;
}

body.projectLanding #imageClip {
	height: 375px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 10;
	clip: rect(0pt, 539px, 375px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
}

body.projectLanding .thumbImageOverlay {
	height: 88px;
	width: 95px;
	padding: 0;
	position: absolute;
	z-index: 11;
	background: transparent url('/ui/img/project-thumb-overlay-white.gif') no-repeat;
}

body.projectLanding .thumbImageOverlay.selected {
	background: transparent url('/ui/img/project-thumb-overlay-grey.gif') no-repeat;
}

body.projectLanding #thumbImageOverlay1 {
	top: 0;
	left: 0;
}

body.projectLanding #thumbImageOverlay2 {
	top: 0;
	left: 111px;
}

body.projectLanding #thumbImageOverlay3 {
	top: 0;
	left: 222px;
}

body.projectLanding #thumbImageOverlay4 {
	top: 0;
	left: 333px;
}

body.projectLanding #thumbImageOverlay5 {
	top: 0;
	left: 444px;
}

body.projectLanding #podThumbClip1 {
	height: 88px;
	padding: 0;
	position: absolute;
	width: 95px;
	z-index: 10;
	clip: rect(0pt, 95px, 88px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
	top: 0;
	left: 0;
}

body.projectLanding #podThumbClip2 {
	height: 88px;
	padding: 0;
	position: absolute;
	width: 95px;
	z-index: 10;
	clip: rect(0pt, 95px, 88px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
	left: 111px;
	top: 0;
}

body.projectLanding #podThumbClip3 {
	height: 88px;
	padding: 0;
	position: absolute;
	width: 95px;
	z-index: 10;
	clip: rect(0pt, 95px, 88px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
	left: 222px;
	top: 0;
}

body.projectLanding #podThumbClip4 {
	height: 88px;
	padding: 0;
	position: absolute;
	width: 95px;
	z-index: 10;
	clip: rect(0pt, 95px, 88px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
	left: 333px;
	top: 0;
}

body.projectLanding #podThumbClip5 {
	height: 88px;
	padding: 0;
	position: absolute;
	width: 95px;
	z-index: 10;
	clip: rect(0pt, 95px, 88px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
	left: 444px;
	top: 0;
}

body.projectLanding #content #rightCol #maincontent {
	height: 376px;
	left: 0;
	top: 0;
	width: 350px;
	z-index: 100;
}

body.projectLanding #content #rightCol #maincontent .headline {
	min-height: 25px;
	border-bottom: 1px dotted #CFCFCF;
	font-weight: bold;
	color: #666666;
}

body.projectLanding #content #rightCol #maincontent p {
}

body.projectLanding #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 360px;
	min-height: 25px;
	padding: 10px 10px 0 10px;
}

body.projectLanding #content #rightCol #title h1 {
	display: inline;
}

body.projectLanding #content #rightCol #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.projectLanding #content #rightCol #headline {
	position: relative;
	left: 0;
	top: 0;
	width: 350px;
	min-height: 35px;
	margin: 0 0 0 15px;
}

body.projectLanding #content #rightCol #headline h1 {
	display: inline;
}

body.projectLanding #content .pods {
	height: 375px;
	width: 539px;
	overflow: hidden;
	position: relative;
	background: #FFFFFF none repeat scroll 0 0;
}
body.projectLanding #content .pods #podContainer1 { position: absolute; top: 0; left: 0; height:375px; width:539px; }
body.projectLanding #content .pods #podContainer2 { position: absolute; top: 0; left: 0; height:375px; width:539px; }
body.projectLanding #content .pods #podContainer3 { position: absolute; top: 0; left: 0; height:375px; width:539px; }
body.projectLanding #content .pods #podContainer4 { position: absolute; top: 0; left: 0; height:375px; width:539px; }
body.projectLanding #content .pods #podContainer5 { position: absolute; top: 0; left: 0; height:375px; width:539px; }

body.projectLanding #content .pod {
	
}

body.projectLanding #content .categoryThumbs {
	float: left;
	height: 478px;
	padding: 0;
	position: relative;
	top: 0;
	width: 540px;
}

body.projectLanding #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 476px;
	left: 0;
	position: relative;
	top: 0;
	width: 380px;
}

body.projectLanding #content .podThumbs {
	padding: 0;
	position: relative;
	top: 389px;
}

body.projectLanding #content .podThumb {
	float: left;
	padding: 0;
	height:88px;
	width:95px;
}

body.projectLanding #content .podSpacer {
	float: left;
	padding: 6px;
}

body.projectLanding .mainImage {
	padding: 10px;
	z-index: 1;
	width: 540px;
	height: 400px;
}



body.contentLanding #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.contentLanding #content li { margin-left:0; }

body.contentLanding #imageOverlay {
	height: 375px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 11;
}

body.contentLanding .categoryThumbs .projectBack {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 37px;
	width: 39px;
	padding: 0;
	z-index: 100;
}

body.contentLanding .categoryThumbs .projectBack a {
	border-bottom: 0 none;
}

body.contentLanding #imageClip {
	height: 476px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 10;
	clip: rect(0pt, 539px, 476px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
}

body.contentLanding #content #rightCol #maincontent {
	overflow: auto;
	height: 391px;
	left: 0;
	top: 0;
	width: 350px;
	z-index: 100;
}

body.contentLanding #content #rightCol.noSub #maincontent {
	overflow: auto;
	height: 426px;
	left: 0;
	top: 0;
	width: 350px;
	z-index: 100;
}

body.contentLanding #content #rightCol #maincontent .headline {
	min-height: 25px;
	border-bottom: 1px dotted #CFCFCF;
	font-weight: bold;
	color: #666666;
}

body.contentLanding #content #rightCol #maincontent p {
}

body.contentLanding #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 360px;
	min-height: 25px;
	padding: 10px 10px 0 10px;
}

body.contentLanding #content #rightCol #title h1 {
	display: inline;
}

body.contentLanding #content #rightCol #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.contentLanding #content #rightCol #headline {
	position: relative;
	left: 0;
	top: 0;
	width: 350px;
	min-height: 35px;
	margin: 0 0 0 15px;
}

body.contentLanding #content #rightCol.noSub #headline {
	position: relative;
	left: 0;
	top: 0;
	width: 350px;
	min-height: 35px;
	margin: 0 0 0 0;
}

body.contentLanding #content #rightCol #headlinePlaceholder {
	position: relative;
	left: 0;
	top: 0;
	width: 350px;
	min-height: 35px;
	margin: 0 0 0 15px;
}

body.contentLanding #content #rightCol #headline h1 {
	display: inline;
}

body.contentLanding #content .categoryThumbs {
	float: left;
	height: 478px;
	padding: 0;
	position: relative;
	top: 0;
	width: 540px;
}

body.contentLanding #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 476px;
	left: 0;
	position: relative;
	top: 0;
	width: 380px;
}

body.contentLanding #content .podThumbs {
	padding: 0;
	position: relative;
	top: 389px;
}

body.contentLanding #content .podThumb {
	float: left;
	padding: 0;
	height:88px;
	width:95px;
}

body.contentLanding #content .podSpacer {
	float: left;
	padding: 6px;
}

body.contentLanding .mainImage {
	padding: 10px;
	z-index: 1;
	width: 540px;
	height: 400px;
}




body.biddingLanding #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.biddingLanding #container #main #content .container { overflow: auto; width: 100%; height: 428px; position:absolute; }

body.biddingLanding #container #main #content .container table { width: 100%; }

body.biddingLanding #imageOverlay {
	height: 375px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 11;
}

body.biddingLanding .categoryThumbs .projectBack {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 37px;
	width: 39px;
	padding: 0;
	z-index: 100;
}

body.biddingLanding #imageClip {
	height: 476px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 539px;
	z-index: 10;
	clip: rect(0pt, 539px, 476px, 0pt);
	background: #FFFFFF none repeat scroll 0 0;
}

body.biddingLanding #content #maincontent {
	height: 408px;
	left: 0;
	top: 0;
	width: 890px;
	z-index: 100;
}

body.biddingLanding #content #maincontent .headline {
	min-height: 25px;
	border-bottom: 1px dotted #CFCFCF;
	font-weight: bold;
	color: #666666;
}

body.biddingLanding #content #maincontent p {
}

body.biddingLanding #content #title {
	position: relative;
	left: 0;
	top: 0;
	width: 360px;
	min-height: 35px;
	padding: 0 10px;
}

body.biddingLanding #content #title h1 {
	display: inline;
}

body.biddingLanding #content #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.biddingLanding #content #headline {
	position: relative;
	left: 0;
	top: 0;
	width: 920px;
	min-height: 35px;
	margin: 0 10px;
	border-bottom: 1px dotted #CFCFCF;
}

body.biddingLanding #content #headline h1 {
	display: inline;
}

body.biddingLanding #content #headline span {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}

body.biddingLanding #content .categoryThumbs {
	float: left;
	height: 478px;
	padding: 0;
	position: relative;
	top: 0;
	width: 540px;
}

body.biddingLanding #content {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 468px;
	left: 0;
	position: relative;
	top: 11px;
	width: 940px;
	padding: 10px 0 0;
}

body.biddingLanding #content .podThumbs {
	padding: 0;
	position: relative;
	top: 389px;
}

body.biddingLanding #content .podThumb {
	float: left;
	padding: 0;
	height:88px;
	width:95px;
}

body.biddingLanding #content .podSpacer {
	float: left;
	padding: 6px;
}

body.biddingLanding .mainImage {
	padding: 10px;
	z-index: 1;
	width: 540px;
	height: 400px;
}

.mainImage img.home-image {
	
}

#categories div.box div.category-image { background: transparent url('/ui/img/category-image-bg.png') no-repeat center top; margin: 2px auto; width: 178px; height: 143px; text-align: center; }

div.greybox { background-color: #f8f8f8; margin: 0 1em 0 0.25em; padding: 1em; }






body.newsCategories #content #subMenu ul {
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

body.newsCategories #content #subMenu ul li {
	padding: 0 10px;
	margin: 0;
}

body.newsCategories #content #subMenu ul li.selected {
	padding: 0 10px;
	margin: 0;
	background: #555555 none repeat scroll 0 0;
}

body.newsCategories #content #subMenu ul li a {
	color: #666666;
}

body.newsCategories #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 482px;
}

body.newsCategories #content .categoryThumbs {
	float: left;
	overflow: auto;
	height: 480px;
	padding: 0;
	position: relative;
	top: 0;
	width: 718px;
}

body.newsCategories #content .categoryThumbs a.catThumb {
	background: #FFFFFF none repeat scroll 0 0;
	float: left;
	height: 152px;
	padding: 0;
	position: relative;
	top: 0;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 12px;
	text-decoration: none;
	border-bottom: 0 none;
	
}

body.newsCategories #content .categoryThumbs a:hover, body.newsCategories #content .categoryThumbs a.selected {
	background: #555555 none repeat scroll 0 0;
}

body.newsCategories #content .categoryThumbs a .categoryThumb {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	text-transform: inherit;
	font-size: 0.9em;
	text-decoration: none;
}

body.newsCategories #content .categoryThumbs a:hover .categoryThumb, body.newsCategories #content .categoryThumbs a.selected .categoryThumb {
	text-transform: inherit;
	color: #ccc;
}

body.newsCategories #content .categoryThumbs a .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-white.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.newsCategories #content .categoryThumbs a:hover .categoryThumb .thumbImageOverlay, body.newsCategories #content .categoryThumbs a.selected .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-grey.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.newsCategories #content .categoryThumbs a .categoryThumb h3 {
	border-bottom: 1px solid #CFCFCF;
	color: #004933;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 10px 10px 5px;
	padding: 0;
	width: 200px;
}

body.newsCategories #content .categoryThumbs a .categoryThumb .typeDate {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 5px 10px;
	padding: 0;
	width: 200px;
}

body.newsCategories #content .categoryThumbs a .categoryThumb .readArticle {
	position: absolute;
	top: 125px;
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 5px 10px;
	padding: 0;
	width: 200px;
}

body.newsCategories #content .categoryThumbs a .categoryThumb p {
	font-weight: normal;
	margin: 5px 10px;
	padding: 0;
	width: 200px;
}

body.newsCategories #content .categoryThumbs a:hover .categoryThumb p, body.newsCategories #content .categoryThumbs a.selected .categoryThumb p, body.newsCategories #content .categoryThumbs a.selected .categoryThumb .typeDate, body.newsCategories #content .categoryThumbs a.selected .categoryThumb .readArticle, body.newsCategories #content .categoryThumbs a.selected .categoryThumb h3 {
	color: #fff;
}

body.newsCategories #content .categoryThumbs a:hover .categoryThumb .categoriesLine, body.newsCategories #content .categoryThumbs a.selected .categoryThumb .categoriesLine {
	border-top: 1px dotted #fff;
}

body.newsCategories #content .categoryThumbs a.last {margin: 0 0 12px 0;}

body.newsCategories #thumbImageOverlay1 {
	left:0;
	top:3px;
	position:relative;
}

body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip1,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip2,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip3,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip4,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip5,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip6,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip7,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip8,
body.newsCategories #content .categoryThumbs a .categoryThumb #categoryThumbClip9 {
	height: 114px;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 10;
	clip: rect(0pt, 220px, 114px, 0pt);
	left: 0;
	top: 0;
}
/*

body.newsCategories #content .categoryThumbs a:hover .categoryThumb #categoryThumbClip1, #categoryThumbClip2, #categoryThumbClip3, #categoryThumbClip4, #categoryThumbClip5, #categoryThumbClip6, #categoryThumbClip7, #categoryThumbClip8, #categoryThumbClip9 {
	background: #555 none repeat scroll 0 0;
}

*/

body.newsCategories #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 480px;
	left: 0;
	position: relative;
	top: 0;
	width: 221px;
}

body.newsCategories #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 201px;
	min-height: 30px;
	padding: 10px 10px 0 10px;
}

body.newsCategories #content #rightCol #title h1 {
	display: inline;
}

body.newsCategories #content #rightCol #title span {
	float: left;
	font-size: 30px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.newsCategories #content #rightCol #maincontent {
	position: relative;
	overflow:auto;
	left: 0;
	top: 0;
	height: 90px;
	width: 201px;
	z-index: 100;
	padding: 0 10px;
}

body.newsCategories #content #rightCol .subMenu { 
	background: #FFFFFF none repeat scroll 0 0;
	left: 0;
	position: relative;
	top: 0;
	width: 211px;
	height: 340px;
	padding: 10px 0 0 10px;
}

body.newsCategories #content #rightCol .subMenu .nav { 
	overflow: auto;
	height: 308px;
}

body.newsCategories #content #rightCol .subMenu a, body.newsCategories #content #rightCol .subMenu a:visited {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	text-align: left;
	/*text-transform: capitalize;*/
	padding: 0 0 0 15px;
	margin: 0;
	border-bottom: 0 none;
}

body.newsCategories #content #rightCol .subMenu a:hover { color: #fff; background:#555; }
body.newsCategories #content #rightCol .subMenu :hover > a { color:#fff; background:#555; }
body.newsCategories #content #rightCol .subMenu a img { background:transparent url('/ui/img/sub-menu-arrow.gif') no-repeat;}
body.newsCategories #content #rightCol .subMenu a:hover img, .mainMenu ul ul a:hover img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat;}
body.newsCategories #content #rightCol .subMenu :hover > a img, .mainMenu ul ul :hover > a img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat; }

body.newsCategories #content #rightCol .subMenu ul {padding: 0; margin: 0; list-style-type: none; width:192px;}
body.newsCategories #content #rightCol .subMenu ul li { margin: 0; background: #fff none repeat scroll 0 0; height: 15px; line-height: 15px; }
body.newsCategories #content #rightCol .subMenu ul li.last {float: right; margin: 0; background: #fff none repeat scroll 0 0; }
body.newsCategories #content #rightCol .subMenu ul li.selected { color: #fff; background: #555; }
body.newsCategories #content #rightCol .subMenu ul li.selected a { color: #fff; }






body.newsLanding #content #subMenu ul {
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

body.newsLanding #content #subMenu ul li {
	padding: 0 10px;
	margin: 0;
}

body.newsLanding #content #subMenu ul li.selected {
	padding: 0 10px;
	margin: 0;
	background: #555555 none repeat scroll 0 0;
}

body.newsLanding #content #subMenu ul li a {
	color: #666666;
}

body.newsLanding #content {
	padding: 0;
	position: relative;
	top: 11px;
	height: 480px;
}

body.newsLanding #content .categoryThumbs {
	background-color: #FFFFFF;
	float: left;
	height: 460px;
	overflow: auto;
	padding: 10px 15px;
	position: relative;
	top: 0;
	width: 670px;
}

body.newsLanding #content .categoryThumbs #title {
	border-bottom:1px solid #999999;
}

body.newsLanding #content .categoryThumbs h3.typeDateEdit {
	color: #666666;
	margin-top: 10px;
	text-transform: uppercase;
	border: medium none;
}

body.newsLanding #content #maincontent {
	background: #FFFFFF none repeat scroll 0 0;
	padding: 0;
	position: relative;
}

body.newsLanding #content .categoryThumbs a.catThumb {
	background: #FFFFFF none repeat scroll 0 0;
	float: left;
	height: 152px;
	padding: 0;
	position: relative;
	top: 0;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 12px;
	text-decoration: none;
	border-bottom: 0 none;
	
}

body.newsLanding #content .categoryThumbs a:hover, body.newsLanding #content .categoryThumbs a.selected {
	background: #555555 none repeat scroll 0 0;
}

body.newsLanding #content .categoryThumbs a .categoryThumb {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	text-transform: uppercase;
	color: #000000;
	font-size: 0.9em;
	text-decoration: none;
}

body.newsLanding #content .categoryThumbs a:hover .categoryThumb, body.newsLanding #content .categoryThumbs a.selected .categoryThumb {
	text-transform: uppercase;
	color: #ccc;
}

body.newsLanding #content .categoryThumbs a .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-white.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.newsLanding #content .categoryThumbs a:hover .categoryThumb .thumbImageOverlay, body.newsLanding #content .categoryThumbs a.selected .categoryThumb .thumbImageOverlay {
	background: transparent url('/ui/img/categories-overlay-grey.gif') no-repeat;
	height: 114px;
	width: 220px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

body.newsLanding #content .categoryThumbs a .categoryThumb h1, body.newsLanding #content .categoryThumbs a .categoryThumb p {
	width: 205px;
	padding: 10px 5px;
	margin: 0;
	color: #666666;
	font-weight: bold;
}

body.newsLanding #content .categoryThumbs a:hover .categoryThumb p, body.newsLanding #content .categoryThumbs a.selected .categoryThumb p, body.newsLanding #content .categoryThumbs a.selected .categoryThumb h1 {
	color: #fff;
}

body.newsLanding #content .categoryThumbs a .categoryThumb .categoriesLine {
	border-top: 1px dotted #CFCFCF;
	height: 1px;
	line-height: 1px;
	left: 7px;
	margin: 0;
	position: absolute;
	top: 135px;
	width: 204px;
}

body.newsLanding #content .categoryThumbs a:hover .categoryThumb .categoriesLine, body.newsLanding #content .categoryThumbs a.selected .categoryThumb .categoriesLine {
	border-top: 1px dotted #fff;
}

body.newsLanding #content .categoryThumbs a.last {margin: 0 0 12px 0;}

body.newsLanding #thumbImageOverlay1 {
	left:0;
	top:3px;
	position:relative;
}

body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip1,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip2,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip3,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip4,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip5,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip6,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip7,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip8,
body.newsLanding #content .categoryThumbs a .categoryThumb #categoryThumbClip9 {
	height: 114px;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 10;
	clip: rect(0pt, 220px, 114px, 0pt);
	left: 0;
	top: 0;
}
/*

body.newsLanding #content .categoryThumbs a:hover .categoryThumb #categoryThumbClip1, #categoryThumbClip2, #categoryThumbClip3, #categoryThumbClip4, #categoryThumbClip5, #categoryThumbClip6, #categoryThumbClip7, #categoryThumbClip8, #categoryThumbClip9 {
	background: #555 none repeat scroll 0 0;
}

*/

body.newsLanding #content #rightCol {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 480px;
	left: 0;
	position: relative;
	top: 0;
	width: 221px;
}

body.newsLanding #content #rightCol #title {
	position: relative;
	left: 0;
	top: 0;
	width: 201px;
	min-height: 25px;
	padding: 10px 10px 0 10px;
}

body.newsLanding #content #rightCol #title h1 {
	display: inline;
}

body.newsLanding #content #rightCol #title span {
	float: left;
	font-size: 25px;
	padding: 0;
	margin: 0;
	color: #000;
}

body.newsLanding #content #rightCol #maincontent {
	position: relative;
	overflow:auto;
	left: 0;
	top: 0;
	height: 240px;
	width: 201px;
	z-index: 100;
	padding: 0 10px;
}

body.newsLanding #content #rightCol .subMenu { 
	background: #FFFFFF none repeat scroll 0 0;
	left: 0;
	position: relative;
	top: 0;
	width: 211px;
	height: 430px;
	padding: 10px 0 0 10px;
}

body.newsLanding #content #rightCol .subMenu .nav { 
	overflow: auto;
	height: 399px;
}

body.newsLanding #content #rightCol .subMenu a, body.newsLanding #content #rightCol .subMenu a:visited {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	text-align: left;
	/*text-transform: capitalize;*/
	padding: 0 0 0 15px;
	margin: 0;
	border-bottom: 0 none;
}

body.newsLanding #content #rightCol .subMenu a:hover { color: #fff; background:#555; }
body.newsLanding #content #rightCol .subMenu :hover > a { color:#fff; background:#555; }
body.newsLanding #content #rightCol .subMenu a img { background:transparent url('/ui/img/sub-menu-arrow.gif') no-repeat;}
body.newsLanding #content #rightCol .subMenu a:hover img, .mainMenu ul ul a:hover img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat;}
body.newsLanding #content #rightCol .subMenu :hover > a img, .mainMenu ul ul :hover > a img { background:transparent url('/ui/img/sub-menu-arrow-over.gif') no-repeat; }

body.newsLanding #content #rightCol .subMenu ul {padding: 0; margin: 0; list-style-type: none; width:192px;}
body.newsLanding #content #rightCol .subMenu ul li { margin: 0; background: #fff none repeat scroll 0 0; height: 15px; line-height: 15px; }
body.newsLanding #content #rightCol .subMenu ul li.last {float: right; margin: 0; background: #fff none repeat scroll 0 0; }
body.newsLanding #content #rightCol .subMenu ul li.selected { color: #fff; background: #555; }
body.newsLanding #content #rightCol .subMenu ul li.selected a { color: #fff; }





body.products #content h1 { padding-right: 0.25em; }
body.products div.detail { background-color: #fff; padding: 1em; overflow: auto; }
body.products div.detail div.left { float: left; width: 47%; }
body.products div.detail div.right { float: right; padding-right: 1em; width: 47%; }
body.products div.detail .detail-image { text-align: center; }
body.products div.content a.toggler { margin: 2em 0 2em -0.25em; display: block; }
body.products form label { font-size: 1.2em; margin-bottom: 1em; }
body.products form label span { margin: 0.25em 0; }
body.products form label span span.jsvalidation { display: inline; margin-left: 1em; }
body.products form div.product-options { min-height: 16em; }
body.products form div.product-options label span.value { display: inline; margin-left: 0.5em; color: #9f9f9f; }
body.products form div.product-options span.swatches { margin: 0.25em 0 0.5em 0; }
body.products form div.product-options span.swatches img { cursor: pointer; padding: 1px; border: 1px solid #ccc; }
body.products form div.product-options span.swatches img.selected { border-color: #00b6dd; }
body.products form div.bttn-bar { text-align: left; }
body.products form div.bttn-bar label { float: left; }
body.products form div.bttn-bar label.price { width: 47%; }
body.products form div.bttn-bar div { float: right; margin-top: 2em; }
body.products form div.bttn-bar label span.price { font-size: 1.4em; }
body.products form div.bttn-bar label span.price span.saleitem { display: inline; text-decoration: line-through; color: red; }
body.products form div.bttn-bar label span.price span.sale { display: inline; color: #9f9f9f; font-size: 13px; white-space: nowrap; overflow: visible; }

body.products form input#qty { text-align: right; width: 2em; }

#content form div.fieldset { margin: 0 auto 2em; }
#content form div.fieldset div.top { background: transparent url('/ui/img/form-bg-top.gif') no-repeat center top; height: 10px; }
#content form div.fieldset div.middle { background: transparent url('/ui/img/form-bg-repeat.gif') repeat-y center top; padding: 0 2.5em 1em; }
#content form div.fieldset div.bottom { background: transparent url('/ui/img/form-bg-bttm.gif') no-repeat center top; height: 10px; }
#content form div.fieldset div.block { padding-bottom: 12px; clear: both; }
h4.legend { padding-top: 4px; font-size: 1.8em; color: #00b6dd; text-transform: uppercase; }

body.cart h1.sifr, body.checkout h1.sifr { width: 955px; }
body.cart tr a.delete-bttn { display: block; width: 18px; height: 18px; background: transparent url('/ui/img/delete-bttn.gif') no-repeat 0 0; text-indent: -9999px; }
body.cart tr.selected a.delete-bttn { background-position: -18px 0; }
body.checkout #content div.fieldset { margin: 0 auto 2em; width: 951px; }
body.checkout #content div.fieldset div.top { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-top.gif') no-repeat center top; width: 950px; height: 15px; }
body.checkout #content div.fieldset div.middle { padding: 0 25px; background: #f8f8f8 url('/ui/img/cart-box-bg.gif') repeat-y center top; width: 900px; }
body.checkout #content div.fieldset div.bottom { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-bttm.gif') no-repeat center bottom; width: 950px; height: 15px; }
body.checkout #content div.fieldset div.block { overflow: auto; }
body.checkout div.bttn-bar { padding: 2em 0 3em; }
body.checkout label.thirty { width: 30%; }
body.checkout label.twenty { width: 21%; }
body.cart #content, body.checkout #content { padding: 0; }
body.cart #content div.box, body.checkout #content div.box { margin: 0 auto; width: 950px;  }
body.cart #content div.box div, body.checkout #content div.box div.middle { background: #f8f8f8 url('/ui/img/cart-box-bg.gif') repeat-y center top; padding-bottom: 4em; }
body.cart #content div.box div.top, body.checkout #content div.box div.top { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-top.gif') no-repeat center top; height: 15px; }
body.cart #content div.box div.bottom, body.checkout #content div.box div.bottom { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-bttm.gif') no-repeat center bottom; height: 15px; }
body.cart #content div.box div table, body.checkout #content div.box div table { margin: 0 auto 1em; border: none; font-size: 1.25em; width: 860px; }
body.cart #content div.box div table tr, body.checkout #content div.box div table tr { vertical-align: top; }
body.cart #content div.box div table th, body.checkout #content div.box div table th { border: none; color: #676767; padding: 0; }
body.cart #content div.box div table td, body.checkout #content div.box div table td { border-right: none; border-left: none; padding: 1em 0; }
body.cart #content div.box div table td.qty { padding: 1em 0.5em; }
body.cart #content div.box div table td.qty input { display: inline; width: 25px; text-align: right; }
body.cart #content div.box div table tbody td, body.checkout #content div.box div table tbody td { background-color: #fff; }
body.cart #content div.box div table tbody td a { color: #676767; }
body.cart #content div.box div table tbody tr.selected td a { color: #fff; }
body.cart #content div.box div table tbody td a:hover { color: #fff; }
body.cart #content div.box div table tbody td.price, body.checkout #content div.box div table tbody td.price { text-align: right; padding: 1em 0.5em; }
body.cart #content div.box div table tbody td.amount, body.checkout #content div.box div table tbody td.amount { background-color: #e8f3f6; text-align: right; padding: 1em; }
body.cart #content div.box div table tbody td.outer-right, body.checkout #content div.box div table tbody td.outer-right { border-right: 1px solid #ccc; }
body.cart #content div.box div table tbody td.outer-left, body.checkout #content div.box div table tbody td.outer-left { border-left: 1px solid #ccc; padding-left: 1em; }
body.cart #content div.box div table tfoot td { border: none; padding: 1em; text-align: right; font-weight: bold; }
body.cart #content div.box div table tfoot td.totals { font-weight: normal; text-align: right; background-color: #00b1da; color: #fff; }
body.cart #content div.box div table tbody tr.selected td, body.checkout #content div.box div table tbody tr.selected td { background-color: #00b1da; color: #fff; }
body.cart div.bttn-bar, body.checkout div.bttn-bar { margin: 0 auto; width: 60em; }
body.cart div.bttn-bar { text-align: left; }
body.checkout div.bttn-bar { text-align: right; }
body.checkout #content div.box div table th.outer-left { padding-left: 1em; }
body.checkout #content div.box div table td.qty { padding: 1em; text-align: right; }
body.checkout #content div.box div table tfoot td { border: none; padding: 0.5em 1em; text-align: right; background-color: #fff; }
body.checkout #content div.box div table tfoot tr.subtotal td { padding-top: 1em; }
body.checkout #content div.box div table tfoot tr.shipping td { padding-bottom: 1em; }
body.checkout #content div.box div table tfoot td.outer-left { border-left: 1px solid #ccc; }
body.checkout #content div.box div table tfoot td.outer-right { border-right: 1px solid #ccc; background-color: #e8f3f6; }
body.checkout #content div.box div table tfoot td.totals { text-align: right; background-color: #00b1da; color: #fff; }
body.checkout #content div.box div table tfoot tr.total td { padding: 1em; background-color: transparent; font-weight: bold; text-align: right; border-top: 1px solid #ccc; }
body.checkout #content div.box div table tfoot tr.total td.amount { font-weight: normal; background-color: #00b1da; color: #fff; }
body.checkout #content div.box div table td.align-right { padding: 1em; text-align: right; }

body.checkout #content h4 { width: 35em; margin: 0 auto; }
body.checkout #content p { width: 59em; margin: 0 auto; }
body.checkout #content div.maincontent { padding: 0 0 2em; }
body.checkout.complete #content h4 { width: 33em; margin: 0 auto; }
body.checkout.complete #content div.box div { padding-bottom: 0; }
body.checkout.complete #content div.box { padding-bottom: 2em; }
body.checkout.complete #content div.box div.middle { padding-bottom: 2em; }
body.checkout.complete #content div.box div.middle table { margin-bottom: 0; }

body.checkout #content p.error { margin: 0 auto 2em;  padding: 1em; background-color: #ffc; width: 70%; border: 1px dashed #f00; }

/**
 * pagemenu...
 */
ul#pagemenu { margin: 4px; padding: 0; }
ul#pagemenu li, ul#pagemenu ul { list-style: none; margin: 0; padding: 0; }
ul#pagemenu a { color: #676767; display: block; padding: 5px 5px 5px 25px; font-size: 0.75em; font-weight: bold; height: 14px; overflow: hidden; }
ul#pagemenu a:hover { background-color: transparent; color: #dd7d00 !important; }

ul#pagemenu li { margin: 0; padding: 0; background: transparent url('/ui/img/orange-bullet.png') no-repeat 8px 9px; /*width: 140px;*/ }
ul#pagemenu li ul { /*margin: 0; padding: 0; width: 140px;*/ display: none; }
ul#pagemenu li ul li { /*margin: 0; padding: 0; width: 139px;*/ }

ul#pagemenu li.selected { background: #75d3f2 url('/ui/img/nav-selected1.gif') repeat 0 0; }
ul#pagemenu li.selected a { background: transparent url('/ui/img/blue-bullet.png') no-repeat 8px 9px; color: #004c74; }
ul#pagemenu li.selected a:hover { color: #fff !important; }
ul#pagemenu li.selected ul li { background: #00b6dd url('/ui/img/nav-selected2.gif') repeat 0 0; }
ul#pagemenu li.selected ul li a { background: none; color: #fff; }

/*ul#pagemenu li.selected ul li.selected { background: #75d3f2 url('/ui/img/nav-selected2.gif') repeat 0 0; }*/
ul#pagemenu li.selected ul li.selected a { background: transparent url('/ui/img/white-bullet.png') no-repeat 8px 9px; font-style: italic; }
ul#pagemenu li.selected ul li.selected li a { background: none; }
ul#pagemenu li.selected ul li.selected li.selected a { background: transparent url('/ui/img/white-bullet.png') no-repeat 8px 9px; }


/*ul#pagemenu li.selected ul { position: relative; left: -15px; display: block; }
ul#pagemenu li.selected ul li { background: #00b6dd url('/ui/img/menu-bg-blue.gif') repeat-x left top; color: #fff; padding-left: 16px; }
ul#pagemenu li.selected ul li a { color: #7be6fd; }
ul#pagemenu li.selected ul li.selected { background-image: url('/ui/img/menu-bg-blue-selected.gif'); }
ul#pagemenu li.selected ul li.selected a { color: #056b91; }*/
ul#pagemenu li.selected ul { display: block; }
ul#pagemenu li.selected ul li ul { display: none; }
ul#pagemenu li.selected ul li.selected ul { display: block; }
ul#pagemenu li.selected ul li.selected ul li { background: #004c74 url('/ui/img/nav-selected3.gif') repeat 0 0; }
ul#pagemenu li.selected ul li.selected ul li a { color: #8bd1e8; }
ul#pagemenu li.selected ul li.selected ul li.selected a { color: #fff; }
/*
#pods { background: transparent url('/ui/img/pods-bg.gif') no-repeat center top;  width: 965px; margin: 0 auto; min-height: 120px; }
#pods a { color: #676767; }
#pods a:hover { background-color: transparent; color: #dd7d00; text-decoration: none; }
#pods div.pod { float: left; width: 206px; margin: 25px 5px 0 26px; height: 200px; }
#pods div.pod h5 { font-family: "Trebuchet MS", sans-serif; padding: 14px 0 0 28px;
	background: transparent url('/ui/img/orange-arrow-right.png') no-repeat 17px 79%; 
	font-size: 1.0em; color: #676767; text-transform: none; }
#pods div.pod p { padding: 7px 19px; font-size: 0.8em; line-height: 1.2em; height: 55px; overflow: hidden; }
#pods div.pod div { margin-top: 10px; padding-left: 8px; min-height: 60px; }

#pods div.pod div img { float: left; display: none; }

#pods div.pod div.from-the-ceo { background: transparent url('/ui/img/from-the-ceo.jpg') no-repeat left top; }
#pods div.pod div.follow-the-curve { background: transparent url('/ui/img/follow-the-curve.jpg') no-repeat left top; }
#pods div.pod div.common-questions { background: transparent url('/ui/img/common-questions.jpg') no-repeat left top; }
#pods div.pod div.product-registration { background: transparent url('/ui/img/product-registration.jpg') no-repeat left top; }

#pods div.pod ul { list-style-type: none; padding-left: 40px; }
#pods div.pod li { padding-left: 10px; background: transparent url('/ui/img/orange-bullet.png') no-repeat left 60%; }
#pods div.pod li a { font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #dd7d00; }
*/

#footer {
	background: #FFFFFF none repeat scroll 0 0;
	color: #B8B8B8;
	font-size: 0.7em;
	height: 25px;
	margin: 25px auto 0;
	text-transform: uppercase;
	width: 940px;
}
#footer a { color: #BBBBBB; border: 0 none; }
#footer a:hover { background-color: transparent; }
#footer a, #footer span { padding: 0;  }
#footer #footer-linkage { margin: 0; padding: 0; }
#footer #footer-linkage p { margin-bottom: 2px; font-size: 0.8em; letter-spacing: 1px; text-align: right; }

/**
 * faq's...
 */
div.faq h3 { margin-bottom: 5px; }
div.faq p { margin: 0 25px 15px 25px; }

/**
 * products...
 */
body.products div.content { margin: 0 1em 0 0.25em; background: transparent url('/ui/img/overview-bg.gif') repeat-y center top; }
body.products #content div.content #intro, body.products #content div.content #maincontent { margin: 0; padding: 0; }
body.products div.content div.left { width: 45%; margin: 1.5em 1em; } 
body.products div.content div.right { width: 45%; } 

div.imagegroup { margin: 50px 0 0; } 
div.imagegroup h5 { padding: 0 0 7px 20px; }

div.gallery { padding-bottom: 20px; }
div.gallery a { display: block; padding: 1em; float: left; position: relative; width: 11em; }
div.gallery a, div.gallery a:hover { background-color: transparent; }
span.img-zoom { position: absolute; z-index: 99; left: 13px; top: 94px; display: block; background: transparent url('/ui/img/plus-enlarge-sprite.png') no-repeat 0 0; width: 22px; height: 21px; }
div.gallery a:hover span.img-zoom { background-position: -22px 0; }

body.products #content div.gallery a { width: 5em; }
body.products #content div.gallery a:hover { background-color: transparent; }
	
#leftcol div.box { background: transparent url('/ui/img/nav-box-bg.gif') repeat-y center top; width: 173px; }
#leftcol div.box div.top { background:transparent url('/ui/img/nav-box-top.gif') no-repeat center top; height: 11px; }
#leftcol div.box div.bottom { background:transparent url('/ui/img/nav-box-bttm.gif') no-repeat center bottom; height: 11px; }

#trail { margin: -2em 0 0.5em; }
#trail, #trail a { font-size: 0.85em; font-weight: bold; color: #a0a0a0; }
#trail a {  margin: 0 0.25em; }
#trail a:hover, #trail a.selected { color: #2fc3e3; }

body.cart #trail, body.checkout #trail { margin: -1em 0.75em 2em 0; text-align: right; }
body.cart #trail span.selected a, body.checkout #trail span.selected a { color: #2fc3e3; }

#categories {  }
#categories, #categories a { font-family: Arial, Helvetica, sans-serif; color: #717171; }
#categories div.box { background: #f8f8f8 url('/ui/img/product-category-box-bg.gif') repeat-y center top; width: 190px; float: left; margin: 0 5px 5px 0; }
#categories div.box div.top { background: #f8f8f8 url('/ui/img/product-category-box-top.gif') no-repeat center top; height: 5px }
#categories div.box div.bottom { background: #f8f8f8 url('/ui/img/product-category-box-bttm.gif') no-repeat center bottom; height: 5px }
#categories div.box div.inner { margin: 0 auto 1em; height: 170px; width: 12em; overflow: hidden; }
#categories div.box div.category-image { background: transparent url('/ui/img/category-image-bg.png') no-repeat center top; margin: 2px auto; width: 178px; height: 143px; text-align: center; }
#categories div.box div.intro { font-size: 0.9em; }
#categories div.box div.intro img { border: 1px dotted #fff; margin-right: 4px;  }
#categories div.box a.shopnow { width: 15em; }
/*#categories div.box.selected div.category-image { background-image: url('/ui/img/category-image-bg-selected.gif'); }*/
#categories div.box.selected { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-bg.gif'); cursor: pointer; }
#categories div.box.selected div.top { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-top.gif'); }
#categories div.box.selected div.bottom { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-bttm.gif'); }
#categories div.box.selected, #categories div.box.selected a, #categories div.box.selected a.shopnow { color: #fff; }

#categories div.box.blank div.inner { height: 337px; }

a.shopnow { background: transparent url('/ui/img/orange-arrow-right.png') no-repeat scroll 69px 67%;
	font-weight: bold; font-size: 0.8em; text-transform: uppercase; display: block; width: 178px; 
	margin: 0 auto 5px auto; }

#categories div.box.selected a.shopnow { background-image: url('/ui/img/white-arrow-right.png'); }

/**
 * cart / checkout...
 */
div#cartmenu { padding: 0 10px 0 0; text-align: right; font-size: 0.75em; font-weight: bold; color: #b0b0b0; }
div#cartmenu a { padding: 0 .6em; color: #b0b0b0; }
div#cartmenu a:hover { text-decoration: none; }
div#cartmenu a:hover span { color: #00b5da; text-decoration: underline; }
div#cartmenu a.selected { color: #00b5da; }

/* FancyZoom Tweaks */
img#ZoomImage { margin: -1px 0 0 -1px; }
div#ShadowBox table, div#ShadowBox table td { padding: 0; border: none; }
div#ZoomCapDiv table, div#ZoomCapDiv table td { margin: 0; padding: 0; border: none; font-size: inherit; line-height: 0; }
div#ZoomCapDiv table tr, div#ZoomCapDiv table tr td { vertical-align: middle; }

.togglehidden { cursor: pointer; }

/* editing */
body.editing .togglehidden { cursor: default; }
body.editing #trail { margin-top: 0; }
body.editing #categories div.box div.inner { height: 200px; }
body.editing #categories div.blank div.inner { height: 366px; }
body.editing #pods { }
body.editing #pods span.mceEditor { float: left; padding: 25px 5px 0 26px; }
body.editing #pods span.mceEditor table.mceLayout { margin: 0; padding: 0; }

div#moonshine-toolbar ul.tab-nav li a {
border-right: 1px solid #CCCCCC;
border-bottom: 0 none;
display: block;
height: 2em;
padding: 0.7em 1em 0;
}
a#moonshine-toolbar-logo {
border-bottom: 0 none;
}
div#moonshine-toolbar span#currentuser a {
border-bottom: 0 none;
}

body.error #content {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	height: 468px;
	left: 0;
	position: relative;
	top: 11px;
	width: 940px;
	padding: 10px 0 0;
}

body.error #content #headline {
	position: relative;
	left: 0;
	top: 0;
	width: 920px;
	min-height: 35px;
	margin: 0 10px;
	border-bottom: 1px dotted #CFCFCF;
}

body.error #content #headline h1 {
	display: inline;
}

body.error #content #maincontent {
	height: 408px;
	left: 0;
	top: 0;
	width: 890px;
	z-index: 100;
}