.light { color: #EFEFEF; }
.grayblue { color: #D5DCDF; }

.red { color:#990000; }
.blue { color: #000099; }
.lighterBlue { color: #3333CC; }
.lighterRed { color: #cc3333; }

.linkBlue { color: #5C7F99; }

.gray { color: #727272; }
.lighterGray { color: #b4b4b4; }

.black { color: #000000; }
.white { color: #FFFFFF; }

.clearer { clear: both; }


body {
	background: #000000 url(/images/bg_blue.jpg) repeat-x center 0;
	color: #EFEFEF;
	font-size: 12px;
	line-height: 18px;
	margin: 0; padding: 0; width: 100% auto; height: 100% auto; min-height: 500px; text-align: center;
}

.transparentContainer, .transparentBGTitle, .transparentGray, .transparentPurple, .master-wrapper-center, .ProductItem, .AccountPage { behavior: url("/Css/iepngfix.htc") }

.b1 { border: solid 1px black; }
hr { color: red; height: 1px; }
strong { font-size: 115%; font-weight: bolder; }
.big { font-size: 200%; }


.alternatingRow { background-color: #2A2A2A;}

#HeaderWrap {background: url(/images/headerbackline.png) repeat-x top center; width: 100%; text-align: center; margin: 0;border: 0; border-bottom: solid 0px #3333CC;}
#ContentWrap {padding:0; width: 100%; text-align: center; margin: 0;border: 0;} 
#FooterWrap {width: 100%; text-align: center; margin: 0; margin-top: 15px; border: 0; border-top: solid 1px #D5DCDF; }    

#Header { height: 150px; display: inline-block; border: solid 0px yellow; padding: 0; }

#Header a, #SubHeader a {border-bottom: 0; color: #87AAC3;}
#Header a:hover, #SubHeader a:hover {border-bottom: 0; color: #cc3333; }

#Content {min-height: 500px; display: inline-block; border: solid 0px #281F20; padding: 0; padding-top: 20px; }

#Logo { float: left; text-align: left; height: 125px; width: 160px; padding: 0; margin: 0; background-image: url(/images/logo/logo150.jpg); background-repeat: no-repeat; background-position: top center; border: solid 0px white; }
#LogoText { float: left; text-align: right; height: 65px; width: 340px; padding: 0; margin: 0px 0px 0px 0px; background-image: url(/images/logo/logotext.png); background-repeat: no-repeat; border: solid 0px white; }
#Badge { float: right; height: 80px; width: 80px; padding: 0; margin:35px 0; background-image: url(/images/badgexxx.png); background-repeat: no-repeat; background-position: center top; border: solid 0px white; }

.productSpotlight { margin-top: 15px; float: left; width: 460px; height: 400px; padding: 10px 10px 10px 0px; border: solid 0px red;}
.productSpotlight .productItem { margin-left: 25px; display: none; border: solid 0px white; width: 400px; height: 375px; }
.productSpotlight .productItem .title { margin-bottom: 5px; }
.picture img { border: solid 2px #5C7F99 !Important;}
.picture img:hover { border: solid 2px #990000 !Important; }

.ProductDetailsInfo .title { font-size: 14px; font-weight: bolder; margin-bottom: 5px; }
.htmlcontent-body { margin: 0px 15px 0px 15px; }

.ProductItem { border: solid 0px #000000; }

.transparentContainer
{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding:0 20px;
    border: solid 1px #EFEFEF;
    background:transparent;
}

.transparentGray7 { background-image:url(/images/bg-box.png); }
.transparentPurple7 {background:url(/images/transback.png);} 

/*********************  FOOTER STYLES *******************************/

#Footer { height: 700px; padding: 0; margin: 0; vertical-align: bottom; display: inline-block; border: solid 0px yellow;}

#Footer h1, #Footer h2, #Footer h3 { color: #FFFFFF; font-weight: normal; margin-top: 0px; margin-bottom: 4px;}
#Footer h2 { font-size: 16px; margin-top: 10px !Important; margin-bottom: 10px !Important; margin-left: 0px; padding: 5px; }

#Footer p, #Footer td { color: #FFF; line-height: 1.6em; }

#Footer ul { line-height: 1.5em; margin-top: 5px; }
#Footer li {margin-left: 15px; list-style-type: none;}
#Footer li a {background:url(/images/list-item-off.gif) no-repeat left; padding:0 0 0 20px; line-height:1.2em;}
#Footer li a:hover { background:url(/images/list-item-on.gif) no-repeat left; }
#Footer li a.active { background:url(/images/list-item-on.gif) no-repeat left;}

#Footer .address { float: left; }
#Footer .addressCell { padding-left: 10px; border-left: solid 1px #D5DCDF;}
#Footer .iconCell { padding-left: 5px; padding-right: 5px;}
#Footer .contactCell { padding-top: 4px; padding-bottom: 4px;}
#Footer .map { float: left; margin: 10px; border: solid 2px #5C7F99;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
#Footer .map:hover { border: solid 2px #cc3333;}

#SubFooter { text-align: center; height: 25px; margin: 0; padding: 0; display: inline-block; margin-top: 50px;}
#SubFooter p { text-align:left; font-size: 12px; color: #FFF; padding: 0; margin: 5px;} 


#Footer a, #SubFooter a { color: #5C7F99; text-decoration: none; font-weight: bolder;  }
#Footer a:hover, #SubFooter a:hover { color: #990000; text-decoration: none; font-weight: bolder;  }


/********************* END FOOTER STYLES *******************************/


.contactBlock { width: 400px; height: 45px;  float: right; text-align: right; border: solid 0px red; padding: 5px; 
                    vertical-align: middle; color: #fff; text-align: right;}
.contactBlock table { display: inline-block; }                    
.contactBlock td {color: #fff; font-size: 12px; width: 200px; border: solid 0px #FFF; height: 20px; line-height: 20px; vertical-align: middle;}
.contactBlock td a {text-decoration: none; color: #FFFFFF; font-size: 12px;}
.contactBlock td a:hover {text-decoration: none; color: #cc3333; font-size: 12px;}
.contactBlock td img {margin-right: 5px; margin-top: -4px;}


.headerWrapper { color: #EFEFEF; background-color: #322328; margin: 20px 0px 20px 0px; padding: 7px; border-top: solid 2px #5C7F99; border-bottom: solid 2px #5C7F99; width: auto;}

h1, h2, h3, h4, h5, p, ul, ol, td { color: #EFEFEF;}

h2{ 
text-align: left;
color:#EFEFEF;
font-size:16px;
margin-bottom:10px;
padding-bottom:10px;
padding-top:10px;
}

p, ul, ol { margin: 18px 0px 18px 0px; text-align: left; line-height: 1.6em;}
li { list-style-type: none; }

.modalUserMessageText {margin: 10px;}

.contactUs {margin: 25px 5px 25px 5px; font-size: 16px; font-weight: bolder;}
.contactUs a { font-size: 16px; }

.socialContainer { background-image: url(/images/bluegradient.gif); background-repeat:repeat-x; border: solid 2px #D5DCDF; text-align: center; padding: 15px 5px 15px 5px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.quote { margin: 25px 15px 15px 15px; padding-bottom: 20px; text-align: justify; background-image: url(/images/quotemarks2.gif); background-position: bottom right; background-repeat: no-repeat; }

a, .menuItem, .scrollableLink  { color: #5C7F99; text-decoration: none; font-weight: bolder;  }
a:hover, .scrollableLink:hover { color: #990000; text-decoration: none; font-weight: bolder;  }
.scrollableLink { cursor: pointer; }

.address { margin-left: 15px; margin-top: 0px; font-size: 14pt; } 
.moreInfoLink {font-size:9pt; font-style:oblique; margin-left: 5px; letter-spacing: .1em;}

.button { font-family: Century Gothic, Arial; color: #FFF !Important; font-size: 14px; font-weight: bolder; text-align: center; 
          padding: 5px; margin: 0; vertical-align: middle; border: solid 1px #FFF;background-color: #5C7F99;          
          -moz-border-radius: 10px; -webkit-border-radius: 10px; 
          border-radius: 10px; 
          vertical-align: middle;
         }

.button a { padding: 2px; margin-right: 30px; display: block; text-decoration: none; }
.button:hover {color: #990000 !Important; text-decoration: none !Important; cursor: pointer;}          

.largeButton a { padding: 7px; text-decoration: none;}
.largeButton {  font-size: 16px; width: 175px; height: 22px; line-height: 15px; background-image: url(/images/next777.png); background-position:right; background-repeat:no-repeat; text-decoration: none;}
.normalButton { height: 15px; width: 125px; line-height: 15px; background-image: url(/images/next777.png); background-position:right; background-repeat:no-repeat; text-decoration: none; } 
.smallButton { font-size: 10px; width: 75px; height: 12px; line-height: 12px; text-decoration: none;}

.button a { color: #FFF; border-bottom: 0; text-decoration: none;}
.button a:hover { color: #cc3333; border-bottom: 0; text-decoration: none; }

/* -------------------------------  MAIN MENU STYLES ----------------------------------- */

#Nav {float: left; margin: 10px 0px 0px 5px; text-align: right; width: 500px; height: 50px; padding: 0px; font-family: Geneva, Arial; font-size: 12px; font-weight: bolder; letter-spacing: 2px;}
#Nav ul	{ border: solid 0px #FFF; display: inline-block; width: 500px; list-style: none; text-align: right; margin: 0; padding: 0; height: 50px; }
#Nav ul li { float: left; text-align: left;border-top: solid 2px transparent; display: inline; height: 30px; text-transform: uppercase; font-weight: bolder; padding: 6px 14px 5px 7px; margin: 0;}
#Nav ul li a, .menuItem { color: #EFEFEF; text-decoration: none; border-bottom: 0; font-size: 15px;letter-spacing: .15em;}
#Nav ul li a:hover, #SelectedMenuItem a, .selectedItem a, .menuItem:hover {color: #cc3333 !Important;}
#Nav ul li:hover, #Nav ul li.selected, #Nav ul li.selectedItem { border-top: solid 2px transparent; border-bottom: 0;}
#Nav .home ul li { padding-left: 0; }

#Nav ul.contact { margin-bottom: 10px;  }
#Nav ul.contact li { border: 0; color: #EFEFEF; font-size: 12px; letter-spacing: normal; height: 20px; padding: 2px 20px 2px 7px;text-transform: none; }

.menuItem:hover { cursor: pointer; }


		
/* -------------------------------  END MAIN MENU STYLES ----------------------------------- */

/***************************************** FORM ELEMENT STYLES *****************************************************/

.eee { font-size: 22px; }

.userMessage { width: 500px; height: 300px; padding: 25px; margin: 25px 0px 10px 10px; border: solid 1px #535C51 !Important; background-color: #000;   }
.userMessage p { font-family: Arial, Sans-Serif; font-size: 11pt; color: #CDCDCD; margin: 15px;}

.success { border-color: inherit; }
.failure { border-color: inherit; }
.warning { border-color: inherit; }

.statusImage { margin: 5px; float: left; border: solid 1px white;}

.formSubmitButton { font: Arial 10pt; color: #CDCDCD; background-color: #535C51; border: solid 1px #000; padding: 5px; margin: 15px 0px 0px 0px; }
.formSubmitButton:hover { color: #cc3333; border-color: #cc3333; cursor: pointer; }

.registrationForm { border: solid 0px white; z-index:999; margin-top: 0px; padding-top: 0px; }
.registrationForm formHeader { margin: 5px; }
.registrationForm label { font-family: Arial, Sans-Serif; font-size: 10pt; color: #CDCDCD; font-weight: normal; letter-spacing: .1em; margin-right: 2px; margin-bottom: 0px; }
.registrationForm input { padding: 5px; font-family: Arial, Sans-Serif; font-size: 10pt;}

.formRow {display: inline-block; height: 35px auto; line-height: 35px; vertical-align: middle; margin-top: 2px; margin-bottom: 2px;}
.formRow label {height: 35px; line-height: 35px; vertical-align: middle; float: left; text-align: right; width: 70px; display: block; color: #FFF;}

.formElement { margin: 0;  margin-left: 5px; width: auto; padding:0; float: left; text-align: left; border: solid 0px yellow;}
.formElement input {margin: 0; padding: 0;}
.formElement input[type="text"], .formElement textarea, .formElement select {border: solid 2px #5C7F99 !Important;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.formElement input[type="text"]:hover, .formElement textarea:hover,  .formElement select {border: solid 2px #cc3333 !Important;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.marginBottom { margin-bottom: 10px !Important; }

.formElementInfo { width: 20px auto; padding: 0px; margin-left: 5px; margin-top: 2px; float:left; text-align: center; border: solid 0px black;}
.formSubmitButton { height: 30px; padding: 2px; }

.formRow label.top {display: block; float: none; text-align: left; width: auto;}

.rfi label { width: 100px; border: solid 0px white; }

.creditAccountForm { padding-left: 50px;}
.creditAccountForm .instructions { width: 500px; margin: 25px;}

.bigButton {}

/***************************************** END FORM ELEMENT STYLES *****************************************************/

#LatestProducts img { border: solid 2px #5C7F99; float: left; margin: 5px 5px 5px 0px; }
#LatestProducts h3 { font-weight: normal; font-size: 12px; text-align: left; margin: 5px 0px 5px 0px; }
#LatestProducts .productDetails { float: left; width: 90px; border: solid 0px #FFF; text-align: left; padding: 5px;}
#LatestProducts table td { width: 225px; padding: 10px; }

#ProductCategories li { line-height: 2.2em; font-size: 14px; }

.dropDown { padding: 5px; color: #777777;  } 


/***************************************** MODAL POPUP *****************************************************************/

#ModalContentContact, #ModalContentReg, #ModalContentCreditAccount { width:400px; border:10px solid #00005C;border:10px solid rgba(0, 0, 102, 0.698);color: #252525;background-color:#EFEFEF;
-moz-border-radius:8px;-webkit-border-radius:8px;border-radius: 8px;  
-moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; box-shadow: 0 0 50px #ccc; display: none;
}
 
#ModalContentContact .message, #ModalContentReg .message, #ModalContentCreditAccount .message { padding: 10px; color: #252525;} 
#ModalContentContact .message p, #ModalContentReg .message p, #ModalContentCreditAccount .message p { color: #252525 !Important; } 
 
#ModalContentContact h2, #ModalContentReg h2, #ModalContentCreditAccount h2 { margin:-11px; margin-bottom:0px; color:#fff; background-color:#000000; background-image: url(/images/logo32.jpg); background-repeat: no-repeat; background-position: left; padding:5px 10px; border:1px solid #23235F; font-size:20px; }
#ModalContentContact .close, #ModalContentReg .close, #ModalContentCreditAccount .close {background: url(/images/close.png) no-repeat;cursor: pointer; height: 35px; position: absolute; right: 5px; top: 2px; width: 35px;}

/***************************************** END MODAL POPUP ********************************************************/   

.projectsRotator
{
    margin: 0px 0px 0px 0px;
	padding: 0px;
	border: solid 1px #FFF;
	-moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow:0 3px 5px 4px rgba(0,0,0,0.5); -moz-box-shadow:0 3px 5px 4px rgba(0,0,0,0.5); 
	text-align: center; 
}

.projectsRotator img 
{
    width: 205px;
    height: 120px;
}

.productSpotlightxxx
{
    width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: solid 1px #FFF;
	-moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow:0 3px 5px 4px rgba(0,0,0,0.5); -moz-box-shadow:0 3px 5px 4px rgba(0,0,0,0.5); 
	text-align: center; 
}


.rotatorPics 
{}

.rotatorPics img {  
    padding: 0px;  
    display: block;
    top:  0; 
    left: 0; 
}