/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #fff;
    font-size: .75em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #034af3;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p
{
    margin-bottom: 20px;
    line-height: 1.8em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 941px;
    margin-left: auto;
    margin-right: auto;
    padding-top:10px;
}

#header
{
    width:941px; 
    height:156px;
    background:url(../Styles/Images/bg_logo.jpg) no-repeat center top;
}

#menucontainer 
{
	position:absolute;
    width:941px; 
    height:32px;
    margin-top:124px;
}

/* TAB MENU   
----------------------------------------------------------*/
#menu {padding:0;position:relative;margin:0 10px 0 0;height:32px; float:right; z-index:2000;}
#menu li {display:block;list-style:none;background: url(../Styles/Images/menu_btn_hover.gif) no-repeat center top;float:left;margin:0 2px 0 0;width:108px; height:32px;}
#menu li a {padding:10px 10px;font-weight:bold;text-decoration:none;color:#034af3;display:block;text-align:center;}
#menu li a:hover {text-decoration:none;color:#034af3;}
#menu li a:active {text-decoration:none;color:#034af3;}
#menu li.selected {display:block;list-style:none;background: url(../Styles/Images/menu_btn_selected.gif) no-repeat center top;float:left;margin:0 2px 0 0; width:108px; height:32px;}
#menu li.selected a {color:#000;display:block;}
#menu li.selected span {color:#000;display:block;}
#menu li span {padding:10px 10px;font-weight:bold;text-decoration:none;color:#034af3;display:block;text-align:center;}


#menu li ul {text-align:left; left:-999em; width:210px; position:absolute; padding:0; margin:0;}
#menu li ul li {list-style:none;width: 210px; background: #F6F6F6; height:auto; padding:0; margin:0;}
#menu li ul a{ width:200px;text-align:left; padding:5px 0 5px 10px; height:auto;}
#menu li ul a:link { color:#666; text-decoration:none; padding:5px 0 5px 10px;}
#menu li ul a:visited {color:#666;text-decoration:none; padding:5px 0 5px 10px;}
#menu li ul a:hover { color:#F3F3F3;text-decoration:none;background:#C00; padding:5px 0 5px 10px;}
#menu li:hover ul { left:auto;}
#menu li.sfhover ul { left:auto;}


#main
{
	padding:0;background:#fff;margin-bottom:30px; width:940px; height:auto; float:left;
	font-size:12px;margin-left:auto;margin-right:auto;
}

#site-nav
{
	padding:0;background:#fff; margin:15px 0px 10px 0px; width:940px; height:auto; float:left;
	font-size:12px;margin-left:auto;margin-right:auto;
}

#site-nav ul
{
	padding:0;position:inherit;margin:0;height:20px; width:940px; float:left;
}

#site-nav ul li
{
	display:block;list-style:none;float:left;margin:0; padding:0 5px 0 0; color:#034af3;
}

#site-nav ul li a
{
	margin:0 5px 0 0; padding:0;
}

#site-nav ul li u
{
	margin:0 5px 0 0; padding:0;
}

#site-nav ul li span
{
	
}

#leftbar
{
	width:250px; min-height:500px; background-color:#e5eef5; margin:0px 10px 10px 0px; padding:0 0 50px 0; float:left;
}


/* Product left bar */
.leftbtn
{
	margin:10px 5px 5px 10px; padding:6px 0 6px 5px; width:225px; 
	/*height:31px; background:url(../Styles/Images/left_btn.gif) no-repeat center top;*/
	background-color:#316aac;
}

.leftbtn a
{
	padding:10px 10px 0px 0px; font-weight:bold; text-decoration:none; color:#fff; word-wrap:break-word;
}

.leftbtn a:hover {text-decoration:none;color:#fff;}
.leftbtn a:active {text-decoration:none;color:#fff;}
.leftbtn a:visited {text-decoration:none;color:#fff;}
/* Product left bar */


/* Home left bar */
.leftbtd
{
	margin:10px 5px 5px 10px; padding:6px 0 0px 5px; width:225px; 
	height:31px; background:url(../Styles/Images/left_btn.gif) no-repeat center top;
}

.leftbtd a
{
	padding:10px 10px 0px 5px; font-weight:bold; text-decoration:none; color:#fff; word-wrap:break-word;
}

.leftbtd a:hover {text-decoration:none;color:#fff;}
.leftbtd a:active {text-decoration:none;color:#fff;}
.leftbtd a:visited {text-decoration:none;color:#fff;}
/* Home left bar */


.eventnav
{
	padding:10px 10px 0px 5px; font-weight:bold; color:#fff;
}

.eventbar
{
	width:235px; margin: 0px 5px 0px 5px; padding:0px 0 0 10px;
}

.eventbar ul
{
	list-style:none; margin:0; padding:0;
}

.eventbar ul li { margin:2px 2px 2px 2px; width:200px;}
.eventbar ul li a {padding:0;text-decoration:none;color:#034af3; word-wrap:break-word;}
.eventbar ul li a:hover {text-decoration:none;color:#034af3;}
.eventbar ul li a:active {text-decoration:none;color:#009933;}


.eventbar ul li ul li { padding-left:15px;}
.eventbar ul li ul li span { font-family:Wingdings; padding-right:2px; }


ul#eventbar
{
	padding:0;position:absolute;margin:5px 0 15px 15px ;text-align:left;
}

/*
ul#eventbar li {display:block;list-style:none;float:left;margin:2px 2px 2px 10px; width:150px;}
ul#eventbar li a {padding:0;text-decoration:none;color:#034af3;display:block; word-wrap:break-word;}
ul#eventbar li a:hover {text-decoration:none;color:#000;}
ul#eventbar li a:active {text-decoration:none;color:#009933;}
*/

#content
{
	width:660px; margin:0px 0px 30px 0px; padding:0 0 15px 10px;
	border-left: dotted 2px #e5eef5;float:right;margin-left:auto;margin-right:auto; min-height:535px;
}

#copyright
{
	width:100%;
    padding: 0;
    text-align: center;
    margin: 0;
    font-size:12px; clear:both;
}

#company
{
	width:653px; margin: 0 0 20px 10px; padding:0;
}

.ctitle
{
	color:#4a6283; font-size:12px; font-weight:bold; float:left;
}

.clineleft
{
	display:block; width:32px; height:15px; float:left; margin:0 0 0 10px; background:url(../Styles/Images/bline-conner.jpg) no-repeat left top;
}
.clineright
{
	background-color:#d0e2f5; width:463px; height:15px; float:left;
}

.companypic
{
	float:left; margin-top:10px; width:650px;
}

.company_desc
{
	width:400px; float:left;
}

.company_desc p
{
	line-height: 30px;
}

.product_catalog
{
	width:245px; float:left; text-align:center;
}

.product_catalog img
{
	margin-left:auto; margin-right:auto;
}

.product_catalog ul
{
	width:245px; margin:10px 0 10px 0px;padding:0; float:left; list-style:none;
}

.companypic ul li
{
	margin:0;padding:5px 0px 5px 5px; text-align:center;
}

.catalog-nav-list
{
	list-style:none; margin:0; padding:0;
}

.catalog-nav-list li
{
	margin:0;padding:0;list-style:none;
}

.catalog-nav-list li a
{
	padding:10px 10px 0 0; font-weight:bold; text-decoration:none; color:#fff; cursor:pointer;
}

.catalog-nav-list li a div
{
	margin: 2px 10px 2px 10px; padding:6px 0 6px 5px; width:225px; 
	/*height:31px; background:url(../Styles/Images/left_btn.gif) no-repeat center top;*/
	background-color:#316aac;
}

.catalog-nav-list li a div span
{
	padding:10px 10px 0 0; font-weight:bold; color:#fff;
}

#catalog
{
	width:650px; margin: 0 0 30px 10px; padding:0; float:left;
}

.catalog-content
{
	width:465px; margin:0; padding:0; float:right;
}

.catalog-title
{
	width:450px; margin:0; padding:0 0 10px 0;
}

.catalog-title span
{
	font-weight:bold;
}

.catalog-desc
{
	width:465px; margin:0; padding:0;
}

.catalog-desc p
{
	width:455px; padding:0; margin:0 10px 0 0;
}

.catalog-pic
{
	width:185px; margin:0; padding:0; float:left;
}

.catalog-pic img
{
	float:left; margin:10px 10px 0 5px;
}

.catalog-sub
{
	width:640px; margin: 0 0 10px 10px; padding:0; float:left;
}

.catalog-list
{
	width:600px; margin:0; padding:0;
}

.catalog-item
{
	list-style:none;margin:0;padding:0 0 20px 0;
}

.catelog-sub-title
{
	width:500px; margin:0; padding:0;
}

.catelog-sub-title span
{
	font-weight:bold; font-size:12px;
}

.catelog-sub-item
{
	width:500px; margin:0; padding:0;
}

.catelog-sub-item ul
{
	margin:10px 0 10px 50px;padding:0; list-style-type:disc;
}

.catelog-sub-item ul li
{	
	margin:0; padding:5px 0px 5px 5px;
}

/*Product Type Page CSS*/
#product-type
{
	width:640px; margin:10px 0 20px 10px; padding:0; float:left;
}

.product-type-titledesc
{
	padding:0; float:left;
}

.product-type-title
{
	padding:0 0 10px 0;
}

.product-type-title span
{
	font-weight:bold;
}

.product-type-desc
{
	margin:0; padding:0;
}

#product-type-detail
{
	width:620px; height:auto; padding:0 0 10px 0; border-bottom:1px dashed #999; float:left; margin-left:auto;margin-right:auto;
}

.product-type-pic
{
	width:190px; margin:0; padding:0; float:left;
}

.product-type-pic img
{
	width:150px; float:left;
}

.product-type-featured
{
	margin:0; padding:0; float:left;
}

.product-type-featured span
{
	font-weight:bold;
}

.product-type-featured ul
{
	margin:10px 0 10px 20px;padding:0;
}

.product-type-featured ul li
{
	margin:0;padding:5px 0px 5px 5px;
}

#product-type-content
{
	width:640px; margin:0 0 20px 10px; padding:0; float:left; font-family:Verdana;
}
/*Product Type Page CSS*/

/*Product Page CSS*/
#product
{
	width:640px; margin: 10px 0 10px 10px; padding:0; float:left;
}

.product-content
{
	width:440px; margin:0; padding:0; float:right;
}

.product-title
{
	width:440px; margin:0; padding:0 0 10px 0;
}

.product-title span
{
	font-weight:bold;
}

.product-desc
{
	width:440px; margin:0; padding:0;
}

#product-detail
{
	width:620px; height:auto; padding:0 0 10px 0; border-bottom:1px dashed #999; float:left; margin-left:auto;margin-right:auto;
}

.product-pic
{
	width:190px; max-height:180px; display:table-cell; margin:0; padding:0; float:left; text-align:center; vertical-align:middle;
}

.product-pic img
{
	vertical-align:middle; max-height:180px; max-width:180px; vertical-align:middle;
}

.product-featured
{
	width:640px; margin:0 0 20px 10px; padding:0; float:left;
}

.product-featured div
{
	width:640px; margin:0; padding:0 0 10px 0;
}

.product-featured div span
{
	font-weight:bold;
}

.product-featured ul
{
	margin:10px 0 10px 20px;padding:0;
}

.product-featured ul li
{
	margin:0;padding:5px 0px 5px 5px;
}

#product-detail-content
{
	width:640px; margin:0 0 20px 10px; padding-bottom:20px; float:left; font-family:Verdana; border-bottom:1px dashed #999; 
}

#product-resource
{
	width:620px; padding:0 0 10px 0; height:auto; float:left; margin-left:auto;margin-right:auto;
}

#product-resource ul
{
	margin:10px 0 10px 20px;padding:0; list-style:none;
}

#product-resource ul li
{
	margin:0;padding:5px 0px 5px 5px;
}
/*Product Page CSS*/


img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	margin-bottom:5px;
	display:block;
}

.photo-cate
{
	border:1px solid #cecece;
	padding:3px;
	margin-bottom:5px;
	float:left;
	display:block;
}

#category
{
	width:653px; margin: 0 0 0 10px; padding:0;
}

.categorydesc
{
	float:left; margin-top:20px; margin-left:20px; width:580px;
}

.desc10
{
	float:left; width:250px; height:150px; vertical-align:bottom;
}

.desc11
{
	float:left; width:250px; padding-top:8px; padding-bottom:8px; text-align:center; vertical-align:bottom;
}

.desc12
{
	float:left; width:250px; padding-top:0px; padding-bottom:8px; min-height:30px; text-align:center;
}

.aboutus
{
	width:580px; margin: 0 0 40px 10px; padding:20px 20px 0px 20px;
}

.contactus
{
	width:580px; margin: 0 0 40px 10px; padding:20px 20px 0px 20px;
}

.featured
{
	width:620px; margin:0; padding:0; border:0px; margin-left:auto; margin-right:auto;
}

#resource
{
	width:580px; margin: 0 0 40px 10px; padding:0;
}

.featuredtitle
{
	color:Black;font-family:verdana;font-size:10pt; font-weight:bold;
}

.featuredesc09
{
	width:auto; margin: 10px 0 10px 0;
}

.dot
{
	font-family:Verdana; font-size:8pt;
}

.featuredesc10
{
	float:left; width:250px; height:200px;
}

.featuredesc11
{
	padding-top:8px;padding-bottom:8px; float:left; width:450px;
}

.featuredesc12
{
	padding-top:8px;padding-bottom:8px;
}

.poptable
{
	position:static; border-color:#ebebeb; border:0; width:450px; margin-left:auto; margin-right:auto;
}

.poptitle
{
	font-weight:bold; color:Black;font-family:verdana;font-size:10pt;
}

.poplabel
{
	color:Black;font-family:verdana;font-size:10pt; text-align:right;
}

.popinput
{
	text-align:left;
}

.popinput input[type="text"] 
{
	color:Black;font-family:verdana;font-size:10pt; position:static; width:150px;
}

.popbutton 
{
	color:Black;background-color:Silver;font-family:verdana;font-size:8pt;font-weight:normal;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}