/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body { background:#18191B url('../graphics/body_bg.gif') repeat-x }
a { color:#517307 }
a:hover { color:#67920D }

#navigation { border-bottom:3px solid #FFF }
#navigation a:hover { background:#8aaecc; color:#021a3f }

.sf-menu ul { border:2px solid #031e42 }

.sf-menu a { border-left:1px solid #63afda; border-right:1px solid #000a15 }
.sf-menu ul a { border-bottom:1px solid #0f2d56; border-top:1px solid #e1effb }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#336A93 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#fff }

.sf-menu li li { background:#8aaecc; color:#021a3f }
.sf-menu li li li { background:#8aaecc; color:#021a3f}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#031e42 }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#FFF; border-top:1px solid #000 }
.blue-block a { color:#C7E687 }
.blue-block a:hover { color:#fff }

#main-content { background:#DBD1B9; border:2px solid #f3ece3 }

#header .contact-info { color:#d3e6f3 }
#header .contact-info small em { color:#FFF }
#header .contact-info a { color:#C7E687 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#DBD1B9; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .left { background:#F3F0E8; border-right:1px solid #FFF }
#main-content .right { border-left:1px solid #A7947A; background:#C7B998 }
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B; clear:both; }

#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B; clear:both; }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer { border-left:1px solid #325772; border-right:1px solid #325772; color:#FFF; border-top:1px solid #000; background:#0F3149 }
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background:url('../graphics/header_bg.jpg') no-repeat }
#header h1 {
	width:302px;
	height:126;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px
}
#header h1 a { text-indent:-2000px; display:block; background:url('../graphics/logo.gif') no-repeat; width:289px; height:75px }

#header .contact-info {
	text-align:right;
	font-size:22px;
	width:650px;
	height:50px;
	position:absolute;
	right:30px;
	bottom:45px
}
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:51px; background:url('../graphics/nav_bg.gif') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:12em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0 }
	.sf-menu a { text-transform:uppercase; font-size:13px; padding:11px 20px 11px 20px; text-decoration:none }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../graphics/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content { width:980px; height:377px; position:relative; z-index:100; border-bottom:1px solid #000 }

#myController { display:none }
#mySlides img { display:block; margin:0 }
.blue-block { display:block !important; text-align:center; padding:15px 0 0 0; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; display:block; width:980px; height:48px; background:url('../graphics/blue_bar_bg.gif') repeat-x }
.blue-block a { text-decoration:underline }
.blue-block a:hover { text-decoration:none }

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:73px; height:63px; text-indent:-5000px; position:absolute }

.jFlowPrev { bottom:0; left:0; background:url('../graphics/button_left.gif') no-repeat }
.jFlowNext { bottom:0; right:0; background:url('../graphics/button_right.gif') no-repeat }

.jFlowPrev2, .jFlowNext2 { cursor:pointer; display:block; width:112px; height:67px; text-indent:-5000px;}

.jFlowPrev2 { float:left; background:url('../graphics/lauunchprev.jpg') no-repeat}
.jFlowNext2 { float:right; background:url('../graphics/launchnext.jpg') no-repeat }

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

.gallery .jFlowPrev { top:0 !important; left:0 }
.gallery .jFlowNext { top:0 !important; right:0 }
.gallery { border-bottom:none; height:561px !important }

.gallery-block {
	width:948px;
	height:468px;
	padding:14px;
	border-bottom:none }
	
.gallery-block ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block ul.bottom { margin:0 }
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block li.last { margin:0 }

.gallery-block li a { display:block; width:146px; height:144px }
.gallery-block li img { display:block; width:146px; height:144px; margin:0 }


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:936px;
	padding:20px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .left {
	width:655px;
	margin:0;
	padding:10px;
	float:left
}
	
#main-content .right {
	width:225px;
	margin:0;
	padding:15px;
	float:left
}
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 { font-size:25px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif }

#main-content p { padding:0; margin:15px 0; font-size:14px; line-height:24px }

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }


/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }
/* --------------------------------------------- */
/* News Page ------------------------------ */

#posted{
font-size:70%;
color:4e4e4e;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#headlines {
   margin: 0;
   padding: 0;
   list-style-type: none;

}
#headlines ul{
list-style-type: none;
   float:left;
   margin:0;
   padding:0;
}
#headlines li {
   margin-bottom: 0;
   overflow:hidden;
}
#headlines a {
   background: none;
   color: #4b3d1b;
   display: block;
   width: 212px;
   border-bottom:1px solid #8f7e56;
   padding:6px;
   padding-left:4px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:90%;
   font-weight:bold;

}
#headlines a:hover {
   background: #d8cbab;
   color: #4b3d1b;
   text-decoration: none;

}
.readMore a{
width:89px;
margin:0;
display:block;
font-size:80%;
background:url(../graphics/readMore.gif) no-repeat;
overflow:hidden;
padding-top:32px;
 height: 0 !important;
    height /**/:32px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:15px;
}

/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }

/* --------------------------------------------- */
/* Page Elements ------------------------- */	

.contactCard{
float:left;
width:327px;
height:141px;
background:url(../graphics/contact-cardsBg.gif) no-repeat;
padding-top:30px;
position:relative;
}
.contactCardOverseas{
float:left;
width:327px;
height:166px;
background:url(../graphics/contact-cardsoverseaBg.gif) no-repeat;
padding-top:30px;
position:relative;
}
.company{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:#3F3317;
	padding-left:12px;
}

.address{
font-size:75%;
margin-left:12px;
font-style:normal;
color:#534C42;
line-height:1.6em;
padding-top:6px;
}
.address span{
	color:#3F3317;
	font-weight:bold;
}
.contactName{
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#534C42;
	margin-top:4px;
	font-weight:bold;
	background:#c7b897;
	margin-right:4px;
	padding:2px;
	font-weight:normal;
	font-style:italic;
	position:absolute;
	bottom:34px;
	overflow:hidden;
	right:1px;
}
.contactName strong{
font-style:normal;
color:#534C42;
}
.alpha{
margin-right:1px;
}
.filterform{
float:left;
width:500px;
}
#loginbox{
float:right;
display:inline;
height:28px;

}
#loginbox a{
	padding:5px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;
	height:28px;
}
#loginbox a.login{
	background:#65251c;
}
#loginbox a.account{
	background:#1b4462;
	height:28px;
}
/* --------------------------------------------- */
/* Footer ----------------------- */

#footer { position:relative; font-size:14px; width:938px; margin:0 auto; padding:20px }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }
#ajax_products #prodinfo{
	clear:both;
	height:160px;
	margin-bottom:19px;
	border-bottom:1px solid #dbd1b9;
}
#ajax_products #prodinfo #productImage{
	float:left;
	height:144px;
	background:#fff;
	border:1px solid #d7d2c7;
	padding:3px;
	margin-right:15px;
	width:146px;
}
#ajax_products #prodinfo #productCode{
	color:#FFF;
	background:#4b3d1b;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding-top:2px;
	width:400px;
	
}
#ajax_products #prodinfo p{
	border-top:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:2px;
}

	.name{
	padding:6px;
	background:#c7b998;
	width:485px;
	}
#ajax_products a.add{
display:block;
padding:3px;
background:#1b4462;
color:#FFFFFF;
width:150px;
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
text-align:center;
float:left;
}
#ajax_products a:hover.add{
	background:#457394;
	text-decoration:none;
}
#ajax_products a:hover.view{
	background:#67562c;
}
#ajax_products a.view{
display:block;
padding:6px;
background:#4b3d1b;
color:#FFFFFF;
text-align:left;
width:100px;
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
margin-bottom:5px;
text-align:center;

}
.prodfunctions{
	float:right;
	display:inline;
}
#searchformBar{
	width:935px;
	height:32px;
	clear:both;
	background:#43330d;
	padding-bottom:10px;
	color:#dbd1b9;
	margin-bottom:6px;
}
#searchformBar a.blocklink{
	display:block;
	padding:11px;
	background:#69562a;
	color:#FFFFFF;
	text-align:center;
	width:auto;
	float:left;
	width:180px;

}
#searchcode{
	float:right;
	background:#69562a;
	padding:8px;
	width:230px;
}
#searchCodebar{
	width:935px;
}
#searchCodebar p{
	float:left;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:1.4em;
	width:635px;
	}
#searchform{
	float:left;
	padding:10px;
	clear:both;
}
#existingcust{
	float:left;
	width:320px;
	padding-right:5px;
	border-right: 1px solid #CCCCCC;
}
#existingcust p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	width:320px;
}
#newcust{
	float:right;
	width:320px;
	padding-left:5px;
}	
#newcust p{
line-height:1.4em;
padding-left:4px;
}	

#newcustlogin{
	float:right;
	width:320px;
	padding-left:10px;
	border-left: 1px solid #CCCCCC;
}	
#newcustlogin p{
line-height:1.4em;
padding-left:4px;
}	
#newcust a.blocklink{
display:block;
padding:3px;
background:#69562a;
color:#FFFFFF;
text-align:center;
width:auto;
}
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
	float: left;
	width: 130px;
	text-align: right;
	color:#333333;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
  }

div.row span.formw {
	float: right;
	width: 190px;
	text-align: left;
  } 
 div.row span.formwcheckbox {
	float: left;
	width: auto;
	text-align: left;
  }  
div.spacer {
  clear: both;
  }
  
 div.row2 {
  clear: both;
  padding-top: 5px;
  width:600px;
  }

div.row2 span.label {
	float: left;
	width: 300px;
	text-align: right;
	color:#002f2f;
	font-size:1.2em;
	font-weight:bold;
  }

div.row2 span.formw2 {
  float: right;
  width: 280px;
  text-align: left;
  } 
.loginbtn{
width:80px;
font-size:1em;
clear:both;
float:right;
margin-right:14px;
margin-top:12px;
}
#becomecust{
	float:left;
	width:270px;
	padding-right:5px;
}
#becomecust h2{
padding-left:0;
}
#loginForm{
	width:340px;
}
#submitblock a.submitblock{
	width:212px;
	padding:6px;
	color:#fff;
	display:block;
	background:#1b4462;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	
}

#submitblock a:hover.submitblock{
	background:#457394;
	text-decoration:none;
}
#empty p{
	color:#fff;
	padding:4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
.productListing{
	clear:both;
	border:1px solid #a7947a;
	background:#f3f0e8;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding:6px;
	height:80px;
}
.productListing img{
	float:left;
	margin-right:4px;
}
#submitblock{
	margin-bottom:15px;
}
table{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
#newsBlock{
	float:left;
	height:auto;
	display:inline;
	min-height:650px;
	clear:left;
}
#newsBlock img{
	float:left;
	margin-right:15px;
}
.hidden{
	display:none;
}