

.SubMenu h1  {
	background: none;
	font: normal 25px 'interstateB', 'interstateB';
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #333333;
}

.PortfolioList h2 {
	font: normal 18px 'interstateR', 'interstateR';
	text-transform: uppercase;
	padding: 3px 0px 5px 0px;
}

.ListingItem h2 {
	font: normal 18px 'interstateR', 'interstateR';
	text-transform: uppercase;
	padding: 3px 0px 5px 0px;
}

.PortfolioList h2 a, .ListingItem h2 a {
	color: #1d3600;
	margin: 0px;
	text-decoration: none;
}


.PortfolioList h2 a:hover, .ListingItem h2 a:hover {
	text-decoration: underline;
}

.PortfolioList p, .ListingItem p {
	font: 12px/20px 'Arial', 'Arial';
	text-transform: none;
	text-align: justify;
	color: #000000;
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	clear: left;
}


.SubMenu {
	background-color: #0b2b1a;
	padding: 0px 0px 0px 0px;
	
}

.SubMenuBg {
	background: url(../../images/borders/shadow.png) left top repeat-x ;	
}

.SubMenuContainer {
	width: 940px;
	margin: 0 auto !important;
	padding: 25px 10px 10px;
	text-align: left;
}

#Description {
	font: 16px/24px 'interstateR', 'interstateR';
	text-transform: none;
	padding: 0px 0px 15px 0px;
	display: block;
	color: #FFFFFF;
	text-shadow: 1px 1px 3px #333333;
}

.PortfolioThumbnail {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	display: block;
	background: url(../../images/thumbnails/homepagebox_thumbnail_l.png) 0px 0px no-repeat;
}

.PortfolioThumbnailContainer {
	padding: 8px 8px 0px 0px;
	display: block;
	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right top no-repeat;
}

.ListingThumbnailBottom {
	background: url(../../images/thumbnails/homepagebox_thumbnail_l.png) 0px bottom no-repeat;
	display: block;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 5px 0px;
}

.ListingThumbnailBottomContainer {
	background: url(../../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;
	display: block;
	padding: 0px 8px 8px 0px;
	*height: 0px;
}

.PortfolioThumbnail span{
	display: block;
}

.PortfolioThumbnail #PortfolioMediumThList,
.PortfolioThumbnail #PortfolioMediumThGrid {
	display: block;
}


.PortfolioThumbnail #PortfolioMediumThList a,
.PortfolioThumbnail #PortfolioMediumThGrid a {
	display: block;
}




/* --- Portfolio / Products listing general styles --- */

.PortfolioList {
	clear: left;
	margin: 0px 0px 0px -10px;
	*float: left;
}

.ListingList {
	clear: left;
}

/* --- Start of Breadcrumbs Styles --- */

.BreadCrumbsBar {
	background: url(../../images/borders/borders.png) left -752px repeat-x #FFFFFF;
	width: 100%;
	padding: 10px 0px 4px 0px;
}

.BreadCrumbsBar.NoBreadCrumbs {
	padding: 7px 0px 0px 0px;
	background-color: transparent;
}

.BreadCrumbs {
	font: 12px/13px 'Arial', 'Arial';
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
	height: 26px;
	width: 940px;
	margin: 0 auto;
	color: #1d3600;
}

.BCLink span{
	padding: 5px 10px 0px 0px;
	display: block;
	float: left;
	height: 20px;
	cursor: pointer;
	
}

.BCLink {
	background: url(../../images/icons/miniicons.png) right -213px no-repeat;
	padding: 0px 5px 0px 5px;
	float: left;
	text-decoration: none;
	display: block;
	color: #539a00;
}

.BCLink:hover {
	text-decoration: none;
	color: #7dcd00;
}

.BCLink.firstdepth:hover {
	text-decoration: none;
}

.BC {
	padding: 5px 0px 0px 0px;
	height: 19px;
	float: left;
}

.BCActual {
	padding: 5px 10px 0px 5px;
	height: 19px;
	float: left;	
	font-weight: bold;
	color: #539a00;
}

.BCLink.firstdepth {
	margin-left: 5px;
}

.FontSize {
	float: right;
	padding: 0px 0px 0px 0px;
}

.FontSize span {
	padding-top: 5px;
	float: left;
}

/* --- End of Breadcrumbs Styles --- */

/* --- Listing type selector --- */

.boxbig,
.boxsmall,
.listbig,
.listsmall {
	width: 16px; 
	height: 16px;
	display: block;
	float: left;
}

.boxbig {
	background: url(../../images/buttons/biglist_l.png);
	background-repeat: no-repeat;
	padding: 4px 3px 4px 5px;
	
}

.boxbig:hover {
	background: url(../../images/buttons/biglist_l_h.png);
	background-repeat: no-repeat;	
}

.StyleSelector .boxbig span {
	background: url(../../images/icons/boxbigicon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;
	width: 16px;
	height: 16px;
	display: block;
	padding: 0px;
}

.StyleSelector .boxbig:hover span {
	background: url(../../images/icons/boxbigicon_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;	
}

.boxsmall {
	background: url(../../images/buttons/biglist_m.png);
	background-repeat: no-repeat;
	padding: 4px;
}

.boxsmall:hover {
	background: url(../../images/buttons/biglist_m_h.png);
	background-repeat: no-repeat;	
}


.StyleSelector .boxsmall span {
	background: url(../../images/icons/boxsmallicon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;
	width: 16px;
	height: 16px;
	display: block;
	padding: 0px;
}


.StyleSelector .boxsmall:hover span {
	background: url(../../images/icons/boxsmallicon_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;	
}


.listbig {
	background: url(../../images/buttons/biglist_m.png);
	background-repeat: no-repeat;
	padding: 4px;
}

.listbig:hover {
	background: url(../../images/buttons/biglist_m_h.png);
	background-repeat: no-repeat;	
}


.StyleSelector .listbig span {
	background: url(../../images/icons/listbigicon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;
	width: 16px;
	height: 16px;
	display: block;
	padding: 0px;
}


.StyleSelector .listbig:hover span {
	background: url(../../images/icons/listbigicon_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;	
}

.listsmall {
	background: url(../../images/buttons/biglist_r.png);
	background-repeat: no-repeat;
	padding: 4px;
}

.listsmall:hover {
	background: url(../../images/buttons/biglist_r_h.png);
	background-repeat: no-repeat;	
}


.StyleSelector .listsmall span {
	background: url(../../images/icons/listsmallicon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;
	width: 16px;
	height: 16px;
	display: block;
	padding: 0px;
}


.StyleSelector .listsmall:hover span {
	background: url(../../images/icons/listsmallicon_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: ;	
}

/* --- Start of Pages styles --- */

.Pages {
	-moz-border-radius:8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;	
	background-color: #FFFFFF;
	clear:left;
	display:block;
	float:left;
	margin:10px 20px 0 0;
	padding:5px 0;
	width:100%;
}

.PageNumber {
	font: 11px/23px 'Arial';
	text-transform: uppercase;
	padding: 0px 0px 0px 7px;
	display: block;
	width: 150px;
	color: 'Arial';
}


.PageNumbers {
	font: 10px/12px 'Arial';
	text-transform: uppercase;
	display: block;
	float: right;
	margin: 0px 5px 0px 0px;
}


.PageLink span{
	padding: 5px 10px 0px 0px;
	display: block;
	height: 19px;
	cursor: pointer;
}

.PageLink {
	background: url(../../images/buttons/butt.png) -10px -83px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	float: left;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	
}

.PageLink:hover {
	background: url(../../images/buttons/butt.png) -10px -109px;
	background-repeat: no-repeat;
	color: #ddebcc;
}

#ArticleContent .PageNumbers .depth1 {
	background: url(../../images/buttons/butt.png) left -83px no-repeat;
	margin: 0px 0px 0px 5px;
}

#ArticleContent .PageNumbers .depth1:hover {
	background: url(../../images/buttons/butt.png) left -109px no-repeat;
	background-repeat: no-repeat;
	text-decoration: none;
}


.PageNumbers .CurrentPagedepth1 {
	background: url(../../images/buttons/butt.png) left -135px no-repeat;
	color: #1d3600;
	padding:5px 10px 0;
}

.PageNumbers .CurrentPagedepth1 span {
	background: none;
	padding: 0px;
}

.PageNumbers .CurrentPagedepth3 {
	background: url(../../images/buttons/butt.png) right -135px no-repeat;
	color: #1d3600;
	padding:5px 10px 0;
}

.PageNumbers .CurrentPagedepth3 span {
	background: none;
	padding: 0px;
}

.PageNumbers .CurrentPage {
	background: url(../../images/buttons/butt.png) -10px -135px no-repeat;
	color: #1d3600;
	padding:5px 10px 0;
}

.PageNumbers .CurrentPage span {
	background: none;
	padding: 0px;
}

.PageNumbers .depth3 {
	background: url(../../images/buttons/butt.png) right -83px no-repeat;
}

.PageNumbers .depth3:hover {
	background: url(../../images/buttons/butt.png) right -109px no-repeat;
}

/* --- End of Pages styles --- */

.reset {
	width: 17px;
	height: 18px;
	background:url("../../images/icons/miniicons.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin: 3px 0px 0px 5px;
}

.reset:hover {
	background:url("../../images/icons/miniicons.png") no-repeat scroll left -18px transparent;
}

.plus {
	width: 17px;
	height: 18px;
	background:url("../../images/icons/miniicons.png") no-repeat scroll -17px top transparent;
	display: block;
	float: left;
	margin: 3px 0px 0px 1px;
}

.plus:hover {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -17px -18px transparent;
}

.minus {
	width: 17px;
	height: 18px;
	background:url("../../images/icons/miniicons.png") no-repeat scroll -34px top transparent;
	display: block;
	float: left;
	margin: 3px 0px 0px 1px;
}
.minus:hover {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -34px -18px transparent;
}

.StyleSelector {
	float: right;
	width: 209px;
	padding: 0px 0px 0px 10px;
	margin:0 0 0 25px;
	display: block;
}

.grid_view, .list_view {
	float: left;
	display: block;
	text-decoration: none;
	color: #539a00;
	padding: 3px 10px 0px 0px;
	line-height: 16px;
}

.grid_view:hover, .list_view:hover {
	color: #7dcd00;
}

.grid_view span {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -51px top transparent;
	float: left;
	display: block;
	width: 17px;
	height: 18px;
	margin: 0px 3px 0px 0px;
}

.grid_view:hover span {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -51px -18px transparent;
}

.list_view span {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -68px top transparent;
	float: left;
	display: block;
	width: 17px;
	height: 18px;
	margin: 0px 3px 0px 0px;
}

.list_view:hover span {
	background:url("../../images/icons/miniicons.png") no-repeat scroll -68px -18px transparent;
}


