﻿body
{
	background: #cfcfcf url(images/bg/page.gif) repeat-x top left;
	font-size: 16px;
	font-family: Myriad Pro, Arial, Tahoma, Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #666666;
}

#tinymce {background: #ffffff !important;}

a:link, a:active, a:visited {color: #666666;text-decoration: none;outline: 0;}
a:hover {color: #e81c24;text-decoration: underline;}
a img {border: 0px;}
p {margin: 0px;}

.serachLink a:link, .serachLink a:active, .serachLink a:visited {color: #000; text-decoration: none;outline: 0;}
.serachLink a:hover {color: #e81c24;text-decoration: underline;}
input.button /*, input[type="button"]*/ {background-color:#ffffff; border:1px solid #a19b9b; color:#e81c24; font-weight:bold; font-family: Tahoma, Arial; font-size:14px; padding:2px 5px 2px 5px;}
input.text, textarea, select {border:1px solid #989292; background-color:#ffffff !important; padding:2px;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.clear {clear: both;}
.clear0 {clear: both;height:1px;font-size:1px;}
.left {float: left;}
.right {float: right;}
.paddingRightButton20 {padding: 0 20px 20px 0;}
.paddingLeft50 {padding-left: 50px;}
.marginLeft5 {margin-left: 5px;}
.paddingBotton20 {padding-bottom:20px;}
.searchImage {margin-right:5px;}

.wrap {margin:0pt auto; width:926px; background: transparent url(images/bg/page.center.png) repeat-y top left;}
*html .wrap {background: transparent url(images/bg/page.center.ie6.png) repeat-y top left; }
.wrap2 {background: transparent url(images/bg/page.bottom.png) no-repeat bottom left; padding-bottom:14px;}
.wrap3 {background: #ffffff; margin:0px 14px 0px 14px;height:1%; padding:5px 16px 0px 14px;}

/* Header */
#logo a {float: left;display: block;border: 1px;width: 212px;height: 126px; background: url(images/logo/logo.gif) no-repeat center;text-decoration:none;}
#searchBlock {float:right; margin-top:25px; line-height:29px; height: 29px; vertical-align:middle;}
#searchBlock .searchBox {width:150px; height:17px; border:1px solid #5a5758; padding:1px 20px 1px 2px; margin-left:20px; background: transparent url(images/icons/search.gif) no-repeat top right;}
#topMenu {float:right; clear:right; font-size:12px; margin-top:15px;width:656px; text-align:right; white-space:nowrap;}
#topMenu span {color:#e81c24; margin:0px 5px 0px 5px;}
#topMenu a.selected {color:#e81c24;}
#mainMenu {float:right; clear:right; margin-top:11px; width:653px; height:31px;background: #c51f23 url(images/bg/menu.png) no-repeat top left; color:#ffffff; }
#banner {float:none; clear:both; height:163px; margin-top:10px;}
#banner.homeBanner {height:223px !important;}
#banner .image {height:151px; background: transparent url(images/bg/banner.jpg) no-repeat top left;}
#banner.homeBanner .image {height:211px !important;}
#banner .architects {background-image: url(images/bg/banner.architects.jpg); }
#banner .contractors {background-image: url(images/bg/banner.contractors.jpg); }
#banner .government {background-image: url(images/bg/banner.government.jpg); }
#banner .millwork {background-image: url(images/bg/banner.millwork.jpg); }
.greenZoneBackground {background: url(images/bg/menu_bg_green.png); }

#banner .homeBanner {background: transparent url(images/bg/banner.home.jpg) no-repeat top left; }
#banner .homeBanner .text {position:relative; left:450px; top:15px; width:390px; height:190px !important;}
#banner .homeBanner .text h2 {font-size:22px; font-weight:bold; margin:0px 0px 15px 0px;}

/* content */
#content {clear: both; margin-bottom:10px; }
#content .leftColumn {float:left; width: 234px; background-color:#ffffff;border-right:1px solid #8f8f8f;}
#content .leftColumn .content {padding-right:17px;}
#content .rightColumn {float:left; width: 633px; margin-left:-1px;border-left:1px solid #8f8f8f;background-color:#ffffff;}
#content .rightColumn .content {padding-left:17px;min-height:300px;}

#content.section .leftColumn {float:left; width: 633px; background-color:#ffffff;}
#content.section .rightColumn {float:left; width: 234px; margin-left:-1px;border-left:1px solid #8f8f8f;background-color:#ffffff;}

.wrap3.home {clear:both;padding:0px; height:372px;background: transparent url(images/bg/home.blocks3.jpg) no-repeat bottom left;}
#content.home {min-height:372px; padding:5px 16px 0px 14px; margin-bottom:0px !important;}
#content.home .block {float:left; width:214px; height:349px; margin-right:4px; position:relative;}
#content.home .block.government {margin-right:0px;}
#content.home .block .title {position:relative; left:12px; top:3px; width:115px;height:35px; color:#e81c24; font-weight:bold; font-family:Tahoma, Arial; font-size:13px; line-height:1.3;}
#content.home .block .text {position:relative; left:15px; top:110px; width:185px;height:190px; font-size:14px; line-height:20px; font-weight:bold;}

/* Footer */
#footer {height:33px; background-color:#58595a; text-align:center; padding: 7px 10px 2px 10px; color:#ffffff; font-size:10px; margin:0px 13px 0px 13px; font-family:Arial, Tahoma, Myriad Pro;}
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {color: #ffffff;text-decoration: underline;}

/* Other */
.login {margin-left:240px;}


/* GENERAL EDIT CONTROLS
----------------------------------------------------------*/
.form {margin: 20px 0px 10px 0px;}
.formButtons {margin: 10px 0px 10px 0px; height: 22px;}
.formButtons.textRight {text-align:right; float:none;}
.nowrap {white-space:nowrap;}
.bold {font-weight:bold;}
.small {font-size:14px;}

.field {margin-bottom:5px; float:none; clear:both;}
.field label {width: 150px;float: left;margin-right: 10px;text-align: right;display: inline;}
.form.wide .field label {width:170px;}
.field label.red {color: #e81c24;}
.field input.text, .field textarea, .field select {float:left;width:180px;}
.field select {width:187px;}
.form.wide .field input.text, .form.wide .field textarea {width:280px;}
.form.wide .field select {width:287px;}

/* Module Settings */
.checkBoxSettings label {float:none !important; padding: 0 0 20px 10px;}
.checkBoxSettings input {margin: 0 !important;}
.selectContainerSettings select {float:none;}
.languageRow label {float:left !important; padding-right:10px;}
.languageRow select, .languageRow input {float:left; margin: 0 35px 0 0; padding: 2px !important;}

/* Text Editor */
.textEditorContainer {padding: 20px 0px 10px 0px;}


/* LEFT MENU
----------------------------------------------------------*/
.leftMenuContainer {}
.leftMenuItem,
.leftMenuSelectedItem {font-size:14px; line-height:22px; padding-left:20px;background: transparent url(images/bullets/leftMenu.gif) no-repeat 0px 5px;}
.leftMenuSelectedItem a {color: #e81c24;}
.leftMenuItem.level1, .leftMenuSelectedItem.level1 {font-size:12px;line-height:18px;background:  transparent url(images/bullets/submenu_bullet.png) no-repeat 10px 8px}
.leftMenuItem.level2, .leftMenuSelectedItem.level2 {padding-left:35px; font-size:12px;line-height:18px;background:  transparent url(images/bullets/submenu_bullet.png) no-repeat 25px 8px}
.leftMenuSeparator {}

/* CONTAINERS
----------------------------------------------------------*/
.containerGridTable, .containerGridTable a {font-size:12px; color:#000000;}
.containerGridTable a:hover {color: #e81c24;}
.containerGridTable th, .containerGridTable td {border-bottom: 1px solid #000000; padding:5px 0px 3px 0px;}

/* PROJECTS
----------------------------------------------------------*/
.projectDescription {float:none; clear:both;}
.projectImages {width: 260px;float:right;}


/* PRODUCTS
----------------------------------------------------------*/
.productCategories {text-align:center; margin-top:20px;}
.categoryBlock {width:92px; height:96px; border:0px solid gray; margin:6px 3px 6px 3px; }

.products td {text-align:center;}
.products .product {margin:5px 20px 15px 0px;}
.products .product .name {font-size:12px; margin-top:5px;}

.qtip .qtip-tip,
.qtip .qtip-wrapper
{ -moz-opacity: 0.95; -webkit-opacity: 0.95; opacity: 0.95; filter:alpha(opacity=95); }
.qtip .qtip-title {border-bottom: 1px solid #e81c24; font-size:22px; line-height:20px; font-family:Arial, Helvetica, Tahoma; margin-bottom:10px;}
.qtip .qtip-title .qtip-button {width:14px; height:13px; background:url(images/bullets/close.gif) no-repeat top left; top:7px;}
.qtip .images {float:left; width:110px;}
.qtip .images img {margin-bottom:10px;}
.qtip .description {float:left; width:250px;}

.featuredProducts .product .image {float:left; width: 30px; height: 40px;}
.featuredProducts .product .description {float:left;width: 163px; }
.featuredProducts .product .description a {background:transparent url(images/bullets/featuredProduct.gif) no-repeat 0px 2px; padding-left:20px; font-size:10px; color:#e81c24;}

/*Delivery Matrix*/
.deliveryMatrixMark {font-size: 20px; font-family: Arial, Helvetica, sans-serif; text-align: center; color: Black;}
.deliveryMatrixColumnHeader {font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; text-decoration:underline;	padding: 0 5px 0 5px; color: Black;}
.deliveryMatrixRowHeader {font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding: 0 5px 0 5px;	color: Black;}
.deliveryMatrix {width:100%; border: 1px solid black; border-collapse:collapse;}
.deliveryMatrixRowHeight {height:45px;}
.deliveryMatrixContainer {margin: 0pt auto; width:500px;}
.deliveryMatrixHead {font-size: 24px; font-style:italic; font-family: Arial, Helvetica, sans-serif;	padding: 0 5px 0 5px; color: Black; text-align:center; font-weight:bold;}

/*Green Matrix*/
.greenMatrixBlackText {font-size: 10px;	padding: 10px 5px 10px 5px;	text-align: center;}
.greenMatrixWhiteText {color: #FFFFFF; font-size: 12px;	padding: 10px 5px 10px 5px;	text-align: center;}
.greenMatrixCriteclsColumn {font-size: 10px; padding: 10px 5px 10px 5px; text-align: left; color: Black;}
.greenMatrixGreenBackground {background-color: #009966;}
.greenMatrixGrayBackground {background-color: #999999;}
.greenMatrix {width: 100%; border: 1px solid black; color:Black; border-collapse:collapse;}
.greenMatrixContainer {margin: 0pt auto; width:600px;}

/*StockList*/
.stockListTablesFont {font-size:10px; font-family:Arial Narrow;}
.stockListTablesCellTop {vertical-align:top; border: 1px solid black;}
.stockListTablesCellDown {vertical-align:bottom; border: 1px solid black;}
.stockListTablesMark {font-size:10px; font-family: Arial Narrow; font-weight:bold;}
.stockListTablesTitle{background-color:#CCCCCC; font-size:12px; border: 4px double black;}
.stockListTable {border-collapse:collapse; color:Black;}
.stockListTableTitleMargin {margin:1px;}
.stockListTableCellBorder {border: 1px solid black;}

 /*Sales Service*/
.salesServicesBlock {float:left; padding: 0 20px 20px 0;}
.salesServicesContainer {width: 500px;}

/*Contact Admin List*/
.contactAdminListContainer {width: 600px;}
.contactAdminListBlock {width: 250px; float:left; padding: 0 50px 50px 0;}
.contactAdminListFoto {float:left; padding-right: 5px;}
.contactAdminListContainer address span {display:block;}
.contactAdminListName {color:#e81c24; font-size:16px; font-style:normal; font-weight:bold;}
.contactAdminListEmail {color:#e81c24; font-size:12px; font-style:normal; font-weight:bold;}

/*Search Document Files*/
.searchDFHeader {color:#e81c24; font-size:16px; font-weight:bold;}
.searchDFDocumentName {color:#000000; font-size:16px; font-weight:bold;}
.searchDFDocumentDescription {font-size:14px;}
.searchDFFileName {width: 400px; padding-left: 20px; color:#000000; font-size:12px; font-weight:bold; float:left;}
.searchDFFileSize {width: 70px; padding-left: 5px; color:#000000; font-size:12px; font-weight:bold; float:left;}
.searchDFFileDownload {width: 80px; padding-left: 5px; color:#000000; font-size:12px; font-weight:bold; float:left;}
.searchDFFileImage {width: 30px; padding-left: 5px; float:left;}
.searchDocumentFiles {padding-top: 20px;}
.searchDocumentFiles input.button {background-color:#FFFFFF; border:1px solid #A19B9B; color:#E81C24; font-family:Tahoma,Arial; font-size:13px; font-weight:bold; padding:2px 5px;}
.searchDocumentFiles input.text, .searchDocumentFiles textarea, .searchDocumentFiles select { background-color:#FFFFFF; border:1px solid #989292; padding:3px;}

/*Submit Request*/
.uploadMaxLabel {font-size: 10px; text-align:left !important; padding-top:7px; color:Gray; width:60px !important;}


/* -- Table Styles ------------------------------- */
.recivedFiles {color:#000000; font-size: 14px;}

.progressWrapper {width: 357px; overflow: hidden;}

.progressContainer {margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;}
/* Message */
.message {margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden;}
/* Error */
.red {border: solid 1px #B50000; background-color: #FFEBEB;}

/* Current */
.green {border: solid 1px #DDF0DD; background-color: #EBFFEB;}

/* Complete */
.blue {border: solid 1px #CEE2F2; background-color: #F0F5FF;}

.progressName {font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px;	text-align: left; white-space: nowrap; overflow: hidden;}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {font-size: 0; width: 0%;	height: 2px; background-color: blue; margin-top: 2px;}

.progressBarComplete {width: 100%; background-color: green;	visibility: hidden;}

.progressBarError {width: 100%;	background-color: red; visibility: hidden;}

.progressBarStatus {margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap;}

a.progressCancel {font-size: 0; display: block;	height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat;	background-position: -14px 0px;	float: right;}

a.progressCancel:hover {background-position: 0px 0px;}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {vertical-align: top;}

/*SiteMap*/
.siteMapNodeLevel1 {font-size:14px;}
.siteMapNodeLevel1 a {color:#E81C24; text-decoration:none; font-weight:bold; }       
.siteMapNodeLevel2 {font-size:14px; white-space: normal;} 
.siteMapNodeLevel2 a {padding-left:5px; display:block;}      
.siteMapNodeLevel3 {font-size:12px; white-space: normal;  padding-bottom:3px;}
.siteMapNodeLevel3 a {padding-left:5px; display:block;}        
.siteMapNodeLevel4 {font-size:12px; white-space: normal;  padding-bottom:3px;}
.siteMapNodeLevel4 a {padding-left:5px;  display:block;}       
.siteMapNodeLevel5 {font-size:12px; white-space: normal;  padding-bottom:3px;}
.siteMapNodeLevel5 a {padding-left:5px;  display:block;}       
.siteMapNodeLevel6 {font-size:12px; white-space: normal;  padding-bottom:3px;}
.siteMapNodeLevel6 a {padding-left:5px;  display:block;}       
.siteMapMarginBottom20 {padding-bottom: 20px;}
.siteMapMarginBottom10 {padding-bottom: 10px;}
.siteMapWidth {width: 210px;}
.siteMap td a img {padding-bottom:5px;}
       