@charset "utf-8";
body {
	font: 100% Tahoma, Geneva, sans-serif;
	background: #887b64;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top:25px;
	margin-bottom:25px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #757471;
}
.oneColFixCtrHdr #container {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 1209;
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #00556B; 
	height: 155px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #headerTemp {
	background: #DDDDDD; 
	height: 165px;
	background-image:url(../images/header/headerBackground_small_nologo.png);
	background-repeat:no-repeat;
	font-family:"BankGothic Lt BT", "BankGothic Md BT";
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	margin-top:25px;
	margin-bottom:25px;
	padding: 0px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	width:515px;
	min-height:275px;
	line-height:1.4em;
	font-size:12px;
}

.oneColFixCtrHdr #sideContent {
	padding:12px 25px 15px 25px;
	background: #bbd6e1;
	width:290px;
	float:right;
	line-height:1.4em;
	font-size:12px;
}  

.oneColFixCtrHdr #sideContentRequest {
	padding:12px 25px 15px 25px;
	background: #bbd6e1;
	width:150px;
	height:75px;
	position:relative;
	float:right;
	line-height:1.4em;
	font-size:12px;
	margin-right:50px;
	top:50px;
	right:50px;
} 
  
.oneColFixCtrHdr #sideContentText {
	margin: 0 auto;
	text-align:center; 
	padding-top:20px;
	color:#00546d; 
	font-size:14px;
} 

.oneColFixCtrHdr #footer {
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#B5AA9C;
	height: 150px;
	width: 936px;
	vertical-align:middle;
	display: table-cell;
	color:white;
	font-size:12px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:white;
	font-size:12px;

}
#navLinks {
	position:relative;
	padding:10px 0px 4px 10px;
	top:-25px;
	left:446px;
	font-size:14px;
	font-weight:bold;
	color:474641;
	background-color:#5298af;
	width:460px;
}
.blogFooter {
	padding-bottom:5px;
	border-bottom: 1px dotted white;
}
h1 {
	font-size:18px;
	color:#00546d;
	font-weight:bold;
}
h2 {
	font-size:14px;
	color:#00546d;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;

}

.thumbnail img {
	background-color:#FFF;
	border: none;
	padding:1px;
	float:left;
	margin-right:10px;
}
.thumnailLabel {
	font-size:10px;
	font-weight:bold;
}
#productList {
	width:470px;
	min-height:450px;
	padding-bottom:20px;
}
#productList H2{
	font-size:12px;
	color:#00546d;
	margin-bottom:0px;
	font-family:Tahoma, Geneva, sans-serif;
}
#portalTableHeader H1{
        font-size:12px;
        color:#b5111b;
        margin-bottom:0px;
        font-family:Tahoma, Geneva, sans-serif;
}
#portalMainContent {
	margin-top:50px;
	margin-bottom:150px;
	padding: 0px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #cdcbb4;
	min-height:375px;
	border-right: 2px dotted #e6e5da;
	line-height:1.4em;
	font-size:12px;
}
#portalInput input{
	width: 600px;
}
#bottomBorder td {
	border-bottom: 1px dotted #b5111b;
}
#listLeft {
	width:225px;
	float:left;
	padding-bottom:30px;
}
#listRight {
	width:225px;
	float:right;
	padding-bottom:30px;
}
#imageGallery {
	background-color:#FFF;
	width:875px;
	min-height:500px;
}
#productGallery {
	background-color:#e5e4d8;
	width:875px;
	min-height:575px;
}
#squareSpace {
	width:200px;
	height:200px;
	float:left;	
	/*padding-left:40px;
	padding-top:25px;*/
}
#productSpace {
	width:150px;
	height:200px;
	float:left;	
	padding-left:40px;
	padding-top:50px;
}
#gallerySquareBorder{
	padding-right:25px;
	padding-top:20px;
	float:left;
}
#gallerySquareRow{
	padding-right:15px;
	padding-top:15px;
	float:left;
	position:relative;
}
#gal{
	float:right;
	top:20px;
	width:612px;
	height:408px;
	/*margin-right:35px;*/
	position:relative;
}
#productGal{
	float:right;
	top:30px;
	width:612px;
	height:408px;
	margin-right:35px;
	position:relative;
}
#imageCaption{
	width:600px;
	float:right;
	top:55px;
	left:-10px;
	position:relative;
}
.captionText{
	width:400;
	color:#b5111b;
	font-weight:bold;
	font-size:11px;
	
}
#contactContent{
	background-color:#e5e4d8;
	width:815px;
	min-height:1300px;
	padding-left:30px;
	padding-top:30px;
	padding-right:30px;

}
#contactContentLeft {
	width:450px;
	float:left;
	padding-bottom:30px;
}
#contactContentRight {
	margin-top:40px;
	background: #e5e4d8;
	width:300px;
	float:right;
	line-height:1.4em;
	font-size:12px;
	padding-right:20px;
}
img.noBorder{
	border:none;
}
img.logo{
	border:none;
	position:relative; 
	top: 10px; 
	left: 0px;
}
img.redglazeGroup{
	border:none;
	position:relative; 
	top: -72px; 
	left: 449px;
}
.msg{
	color:#b5111b;
}
.floatRight img {
	position:relative;
	float:right;
	padding-left: 15px;
}
#flash{
	width:936px;
	height:202px;
	
}
.contactName{
	font-weight:bold;
	color:#00546d;
}
.handcursor{
cursor:hand;
cursor:pointer;
}

/*The following code controls the layout of the FAQ page*/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	
}
.threecol .colmid {
	right:33%;			/* width of the right column */
}
.threecol .colleft {
	right:33%;			/* width of the middle column */
}
.threecol .col1 {
	width:30%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:31%;			/* Width of left column content (column width minus padding on either side) */
	left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:31%;			/* Width of right column content (column width minus padding on either side) */
	left:74%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*end of FAQ page css*/

#navLinks A:link {text-decoration: none; color:#474641;}
#navLinks A:visited {text-decoration: none; color:#474641;}
#navLinks A:active {text-decoration: none; color:#474641;}
#navLinks A:hover {text-decoration: none; color: #FFF;}

.navLinksF A:link {text-decoration: none; color:#FFF;}
.navLinksF A:visited {text-decoration: none; color:#FFF;}
.navLinksF A:active {text-decoration: none; color:#FFF;}
.navLinksF A:hover {text-decoration: underline; color: #FFF;}

.news A:link {text-decoration: underline; color:#000; font-style:italic;}
.news A:visited {text-decoration: underline; color:#000; font-style:italic;}
.news A:active {text-decoration: underline; color:#000; font-style:italic;}
.news A:hover {text-decoration: underline; color: #000; font-style:italic;}

.boldBlueLink A:link {text-decoration: none; font-weight:bold; color:#00556B;}
.boldBlueLink A:visited {text-decoration: none; font-weight:bold; color:#00556B;}
.boldBlueLink A:active {text-decoration: none; font-weight:bold; color:#00556B;}
.boldBlueLink A:hover {text-decoration: underline; font-weight:bold; color: #00556B;}

.productLink A:link {text-decoration: none; color:#757471;}
.productLink A:visited {text-decoration: none;; color:#757471;}
.productLink A:active {text-decoration: none;; color:#757471;}
.productLink A:hover {text-decoration: underline; color: #757471;}


#navSubLinks A:link {text-decoration: none; color:#cdcbb4;}
#navSubLinks A:visited {text-decoration: none; color:#cdcbb4;}
#navSubLinks A:active {text-decoration: none; color:#cdcbb4;}
#navSubLinks A:hover {text-decoration: none; color: #FFF;}

#navSubLinks {
	position:relative;
	top:-85px;
	left:538px;
	font-size:11px;
	color:#e0e4e4;
	width:470px;
	font-family: Tahoma, Geneva, sans-serif;
}

.prodGalLink A:link {text-decoration: underline; color:#000;}
.prodGalLink A:visited {text-decoration: underline; color:#000;}
.prodGalLink A:active {text-decoration: underline; color:#000;}
.prodGalLink A:hover {text-decoration: underline; color: #000;}

.prodGalLink {
	padding-left:15px;
	font-size:11px;
}