/* TABLE OF CONTENTS--------------
1. General
2. Structural
3. Navigation
4. Section-specific
5. Classes
6. Accordion
7. ColorBox
---------------------------------*/


/* 1. GENERAL ------------------ */


body{
	font-family: Arial, sans-serif;
	font-size: 16px;
}

a{}

a:hover{}

h1{
	line-height: 1.3em;
}

/* 2. STRUCTRUAL --------------- */

#container{
	margin: 0 auto;
	width: 920px;
}

#header{
	height: 111px; /* 144-33 */
}

#header #mailing{
	background: url('/images/bg-mailing-list.jpg') top right no-repeat;
	height: 33px;
	/* margin-left: 517px; */
	position: absolute;
	width: 920px;
	left: auto;
}

#header #mailing form  {
	float:right;
	width:205px;
	padding-right:2px;
	padding-top:2px;
}

#header #mailing #mc-embedded-subscribe {
	background:none;
	border:none;
	background-image: url(/images/mailing-list-elements.png);
	background-position:right top;
	display:block;
	width:50px;
	height:20px;
	cursor:pointer!important;
	text-indent:-99999px;
	overflow:hidden;
	line-height:333px;
	float:right;
}

#header #mailing .mc-field-group{
	width: 146px;
	float: left;
}

#header #mailing #mce-EMAIL {
	background:none;
	border:none;
	background-image: url(/images/mailing-list-elements.png);
	background-position:left top;
	background-repeat: no-repeat;
	float:left;
	width:146px;
	height:15px;
	padding-left:7px;
	padding-top:4px;
	color:#aaa;
	font-style:italic;
	font-size:10px;
	
}

#header #mailing label.error{
	display: block;
	padding-top: 15px;
	font-size: 13px;
}

#header #logo{
	width: 119px;
	float: left;
}

#header #nav{
	float: left;
	height: 72px;
	margin: 40px 0 0 0;
	width: 575px;
}

#header #search{
	padding-top: 75px;
}

#header #search input{
	float: left;
}

#header #search #keywords{
	background: url(/images/bg-search-keywords.jpg) no-repeat;
	border: 0;
	color: #b6b6b6;
	font-size: 11px;
	line-height: 19px;
	height: 19px;
	padding: 0 5px 0 20px;
	font-style: italic;
	width: 147px;
}

#hero{}

#content{
	padding-top: 15px;
}

#home #content{
	padding: 0;
}

#footer{
	background: #ffffff url('/images/bg-footer.jpg') top center repeat-x;
	border-top: 1px solid #dedede;
	clear: both;
	margin-top: 50px;
	padding-bottom: 10px;
}

ul#footerboxes{
	margin: 0 auto;
	min-height: 150px;
	width: 920px;
}

ul#footerboxes > li{
	background: url(/images/bg-footer-col.jpg) top right no-repeat;
	float: left;
	width: 164px;
	margin-right: 10px;
	padding-right: 10px;
	min-height: 9em;
}

ul#footerboxes > li.last{
	background-image:none;
}

ul#footerboxes li ul li{
	color: #b0b0b0;
	float:none;
	font-size: 11px;
	line-height: 120%;
	width: auto;
}

ul#footerboxes li ul li a{
	color: #b0b0b0;
	text-decoration: none;
}

ul#footerboxes li ul li a:hover{
	color: #b6bed2;
	text-decoration: underline;
}


ul#footerboxes li h1{
	color: #b6bed2;
	font-size: 14px;
	padding: 10px 0 5px 0;
}

#footer #footercontact{
	margin: 0 auto;
	width: 920px;
	text-align: right;
	color: #959595;
	font-size: 10px;
	height: 41px;
	line-height: 41px;
}

#footer #footercontact img{
	vertical-align: middle;
	padding-right: 10px;
}



/* 3. NAVIGATION --------------- */

ul#nav{
	margin: 0;
	padding: 0;
}

ul#nav li{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav li span{
	display:none;
}

ul#nav li ul span{
	display: inline!important;
}

ul#nav li a{
	display: block;
	height: 72px;
}

ul#nav li.item56 a{
	background: url('/images/nav.jpg') 0 0 no-repeat;
	width: 107px;
}

ul#nav li.item56 a:hover{
	background: url('/images/nav.jpg') 0 -75px no-repeat;
}

ul#nav li.item57 a{
	background: url('/images/nav.jpg') -107px 0 no-repeat;
	width: 125px;
}

ul#nav li.item57 a:hover, ul#nav li.item57.active a{
	background: url('/images/nav.jpg') -107px -75px no-repeat;
}

ul#nav li.item58 a{
	background: url('/images/nav.jpg') -232px 0 no-repeat;
	width: 106px;
}

ul#nav li.item58 a:hover, ul#nav li#current.item58 a{
	background: url('/images/nav.jpg') -232px -75px no-repeat;
}

ul#nav li.item59 a{
	background: url('/images/nav.jpg') -338px 0 no-repeat;
	width: 109px;
}

ul#nav li.item59 a:hover, ul#nav li.item59.active a{
	background: url('/images/nav.jpg') -338px -75px no-repeat;
}

ul#nav li.item60 a{
	background: url('/images/nav.jpg') -446px 0 no-repeat;
	width: 122px;
}

ul#nav li.item60 a:hover, ul#nav li#current.item60 a{
	background: url('/images/nav.jpg') -446px -75px no-repeat;
}

/* 3.1 NAVIGATION DROP DOWNS */

ul#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
ul#nav li ul li a {
	color: #4f4f4f;
	display: block;
	font-size: 11px;
	height: 25px;;
	line-height: 25px;
	text-decoration: none;
	width: 200px;
}

ul#nav li.item57 ul li a, ul#nav li.item57.active ul li a, ul#nav li.item57 ul li a:hover, ul#nav li.item59 ul li a, ul#nav li.item59.active ul li a, ul#nav li.item59 ul li a:hover{
	background-image: none;
	padding: 0 0 0 20px;
	text-indent: 0px;
	width: 180px;
}

ul#nav li.item57 ul li a:hover, ul#nav li.item59 ul li a:hover, ul#nav li.thirdhover{
	background: #57657f url('/images/secondaryarrow.jpg') 5px 0 no-repeat;
	color: #ededed;
}

ul#nav li.thirdhover a{
	color: #ededed;
}
 
ul#nav li ul { /* second-level lists */
	position: absolute;
	background: #ededed;
	margin-top: -1px;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 9999;
}

.hide-learn ul#nav li.item59 ul, .hide-products ul#nav li.item57 ul{
	display: none;
}

ul#nav li ul li{
	width: 200px;
}
 
ul#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
 
ul#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

ul#nav li ul li:hover ul{
	left: 40px!important;
	/* top: 16px; */
	margin-top: -25px;
}

ul#nav li ul li ul li a {
	color: #ededed!important;
	
}

ul#nav li ul li ul li a:hover {
	background-image:none!important;
	background-color: #d89d2a!important;
}

ul#nav li ul li ul li {
	background-color:#57657F;
}
 

#secondnav{
	background: #ffffff url(/images/bg-secondnav.jpg);
	color: #444444;
	font-weight: bold;
	font-size: 12px;
	height: 40px;
	line-height: 14px;
	position: absolute;
	width: 920px;
	z-index: 100;
}

#secondnav li{
	float: left;
}

#secondnav li.active a{
	color: #cd8800;
}

#secondnav a{
	color: #444444;
	display: block;	
	font-weight: bold;
	height: 35px;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	width: 92px;	
}

/* Second level nav */

#secondnav .newproducts a{
	width: 105px;
}

#secondnav .externalskeletalfixation a{
	width: 124px;

}

#secondnav .jointstabilization a{
	width: 124px;
}

#secondnav .pins a{
	width: 60px;
}

#secondnav .pinwireaccessories a{
	width: 110px;
}

#secondnav .k-wiresorthopedicwire a{
	width: 100px;
}

#secondnav .drillbitssleeves a{
	width: 100px;
}

#secondnav .trmatrixbioscaffold a{
	width: 90px;
}

#secondnav .continuingeducation a{}

#secondnav .technicalarticles a{}

#secondnav .tips-n-tricks a{}

#secondnav .tradeshows a{}

#secondnav .referencearticles a{}

#secondnav .galleries a{}

#secondnav a:hover{
	color: #cd8800;
}



/* 4. SECTION-SPECIFIC --------- */

/* 4.1 HOME PAGE */

body#home{}

#home #hero{}

#home #content ul#homeboxes{
	/* margin-top: 15px; */
}

ul#homeboxes>li{
	background: url('/images/home-callout-main.jpg') repeat-y;
	float: left;
	width: 223px;
	position:relative;
	margin-right:9px;
	padding-bottom:20px;
	z-index: 2;
}
ul#homeboxes li ul{ margin: 0 0 0 25px; padding: 0 5px 0 0; }
ul#homeboxes li ul li{ list-style-type: disc; margin-left: 0; color:#75797D; font-size:11px; padding-bottom: 3px; padding-left: 0; }

ul#homeboxes li.last{
	margin-right: 0;
	margin-left: 1px;

}

ul#homeboxes .homeboxtop{
	background: url(/images/home-callout-top.jpg) no-repeat;
	height: 8px;
	width: 223px;
}

ul#homeboxes .homeboxbottom{
	background: url(/images/home-callout-bottom.jpg) bottom center no-repeat;
	width: 223px;
	position:absolute;
	bottom:0px;
	height: 80px;
	z-index: 1;	
}

ul#homeboxes li h1{
	color: #2f378e;
	font-size: 16px;
	padding: 10px 10px 0 10px;
}

ul#homeboxes li h2{
	color: #75797d;
	font-size: 15px;
	font-weight: normal;
	padding: 2px 10px;
}

ul#homeboxes li p{
	color: #75797d;
	font-size: 11px;
	padding: 2px 10px;
	line-height: 140%;
}

ul#homeboxes li img{
	padding: 5px 0;
}

ul#homeboxes li a.learnmore{
	background: url(/images/btn-learnmore.jpg) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 20px auto;
	text-indent: -9999em;
	width: 113px;
}

ul#homeboxes li a.learnmore:hover{
	background: url(/images/btn-learnmore.jpg) 0 -30px no-repeat;
}

ul#homeboxes li a.readmore{
	background: url(/images/btn-readmore.jpg) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 20px auto;
	text-indent: -9999em;
	width: 113px;
}

ul#homeboxes li a.readmore:hover{
	background: url(/images/btn-readmore.jpg) 0 -30px no-repeat;
}

ul#homeboxes li a.registernow{
	background: url(/images/btn-registernow.jpg) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 20px auto;
	text-indent: -9999em;
	width: 140px;
}

ul#homeboxes li a.registernow:hover{
	background: url(/images/btn-registernow.jpg) 0 -30px no-repeat;
}

/* 4.2 PRODUCT, GALLERY PAGES */

#col1{
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 4px;
	width: 181px;
}

#col1 ul li{
	border-bottom: 1px solid #dedede;
}

#col1 ul li a{
	display: block;
	padding: 5px 0;
}

#col1 ul li ul{
	padding: 3px 0 6px 0;
}

#col1 ul li ul li{
	border-bottom: none;
	padding-left: 10px;
}

#col1 ul li ul li a{
	color: #606060;
	display: block;
	/* font-size: 10px; */
	margin: 0 5px;
	padding: 3px;	
}

#col1 ul li ul li a:hover{
	background: #747474;
	color: #ffffff;
}

#col1 ul li a{
	color: #2f378e;
	text-decoration: none;
}

#col2{
	float: left;
	width: 530px;
	padding-left: 10px;
}

#col2 p{
	color: #7c7c7c;
	font-size: 13px;
	line-height: 140%;
}

#col2 table{
	color: #7C7C7C;
	font-size: 13px;
}

#col2 table td{ padding: 5px 0; }

#col2 table tr{ 
	height: 20px; 
	line-height: 20px;
	border-bottom-style: none!important; 
	border-bottom-width: auto!important;
}

#col2 table tr a{}

#col2 div.breadcrumbs{
		display:inline;
		font-size:10px;
		color:#2f378e;
	}
	
#col2 div.breadcrumbs .parentPages {
	height:16px;
	padding:2px 0px 2px 0px;
	font-size:10px;
	line-height:18px;
	border-left: solid #c4c4c4 1px;
	display:inline;
	margin-right:5px;
	}
	
#col2 div.breadcrumbs a {
	padding:3px 16px 3px 8px;
	background-position:top right;
	background-repeat:no-repeat;
	background-image: url(/images/carrot2.gif);
	margin-left:0px;
	text-decoration:none;
	color:#333;
}

#col2 div.breadcrumbs a:last-child, #col2 div.breadcrumbs a.lastchild {
		background-image: url(/images/carrot.gif);
		background-position:top right;
		background-repeat:no-repeat;
}

#col2 h1{
	color: #2f378e;
	font-size: 20px;	
	line-height: 1.3em;
	padding-bottom: 10px;
}

#col2 h2{
	color:#2F378E;
	font-size:16px;
	padding-bottom:3px;
}

#col2 div.item{
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 10px;
	margin-bottom: 1px;
	width: 500px;
}

#col2 div.item h1{
	padding: 25px 0 15px 0;
}

#col2 div.item h2{
	padding: 25px 0 15px 0;
}

#col2 div.item p{
	color: #7c7c7c;
	font-size: 13px;
	line-height: 140%;
}

#col2 div.item ul li{
	color: #7C7C7C;
	font-size: 13px;
	line-height: 140%;
}

#col2 div.item p a{
	color: #2f378e;
	text-decoration: none;
}

#col2 div.item p a:hover{
	color: #cd8800;
}

#col2 div.item p a.readmore{
	display: block;
	font-size: 14px;
	font-weight: bold;	
	padding-top: 5px;
}

#col2 div#gallery{
	padding-top: 20px;
}

#col2 div#gallery div.gallery-item{
	background: url(/images/bg-gallery-item.jpg) no-repeat;
	float: left;
	height: 195px;
	margin-bottom: 20px;
	width: 166px;
	margin-right: 10px;
}

#col2 div#gallery div.gallery-item span{
	display: block;
	margin: 7px auto 0 auto;
	width: 147px;
}

#col2 div#gallery div.gallery-item h2{
	color: #606060;
	/*height: 13px;*/
	padding: 5px 0;
} 

#col2 div#gallery div.gallery-item p{
	color: #7c7c7c;
	font-size: 12px;
	line-height: 120%;	
}

#col2 div#gallery div.gallery-item p a{
	color: #2f378e;
	font-weight: bold;
	text-decoration: none;
}

#col2 div#gallery div.gallery-item p a:hover{
	color: #cd8800;
}

#col3{
	background: url(/images/bg-col3.jpg);
	color: #7c7c7c;
	float: right;
	font-size: 11px;
	line-height: 130%;
	margin-left: 4px;
	width: 181px;
}

#col3 p, #col3 h1{
	padding: 5px 15px;
}

#col3 h1{
	font-size: 16px;
	padding-top: 10px;
}

#col3 a{
	color: #2f378e;
	text-decoration: none;
}

#col3 a:hover{
	color: #cd8800;
}

#col3 div.related{
	background: #eeeeee;
	margin: 0 0 10px 0;
	padding: 5px 0;
}

.col3footer{ 
	background: url(/images/bg-col3footer.jpg); 
	height: 18px;
}

/* 4.3 GENERIC PAGE ------------ */

#col2 table{
	clear: both;
}

#col2 .article{
	color: #7c7c7c;
	font-size: 13px;
	line-height: 120%;
	width: 500px;
}

#col2 .article h1{
	float: left;
	padding:0 0 15px 0;
	width: 450px;
}

#col2 h1 a, #col2 h2 a{ 
	color: #2F378E;
	text-decoration: none;
}

#col2 h1 a:hover, #col2 h2 a:hover{
	color: #cd8800;
}

#col2 .article p{
	padding-bottom: 15px;
}

#col2 .article .floatRight{
	float: right;
	margin: 0 0 10px 10px;
}

#col2 .article a{
	color: #2F378E;
}

#col2 .article a:hover{
	color: #cd8800;
}

#col2 .blog{
	color: #7c7c7c;
	font-size: 13px;
	padding: 5px 0;
}

#col2 div.categoryTitle{
	padding-bottom: 5px;
}

#col2 div.categoryTitle a{
	font-size: 14px;
	text-decoration: none;
}

.share-buttons{
	float: right;
	width: 50px;
}

.share-buttons div{
	display: inline;
}

/* 4.4 BUY LANDING PAGE -------- */

#col-buy{
	color: #7c7c7c;
	float: left;
	width: 721px;
}

#col-buy #col1{
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	padding-right: 10px;
	width: 340px;
	border-right:2px solid #eee;	
}

#col-buy #col2{
	font-size: 13px;
	line-height: 130%;
	width: 350px;
}

#col-buy #col1 h1, #col-buy #col2 h1{
	color: #2f378e;
	font-size: 20px;	
	padding-bottom: 15px;
}

#col-buy #col1 p, #col-buy #col2 p{
	padding-bottom: 15px;
}

#col-buy #col1 a, #col-buy #col2 a{
	color: #2f378e;
	font-weight: bold;
	text-decoration: none;
}

#col-buy a.asknow{
	background: url(/images/btn-asknow.jpg) 0 0 no-repeat;
	display: block;
	height: 31px;
	text-indent: -9999em;
	width: 140px;
	margin-bottom: 10px;
}

#col-buy a.asknow:hover{
	background: url(/images/btn-asknow.jpg) 0 -31px no-repeat;
}

/* 4.5 PRODUCT DETAIL PAGES ---- */

#col2 .details{
	color: #7c7c7c;
	float: left;
	font-size: 13px;
	line-height: 130%;
	margin-right: 10px;
	width: 350px;
}

#col2 .prod-image{
	float: left;
	width: 150px;
}

#col2 .details h1{
	padding: 0 0 15px 0;
}

#col2 .details p{
	width: 350px;
	padding-bottom: 15px;
}

#col2 .details a{
	color: #2f378e;
	font-weight: bold;
	text-decoration: none;
}

#col2 .details a:hover{
	color: #cd8800;
}

#col2 ul {
	list-style: disc;
	margin-left: 15px;
}

#col2 .prodimage{
	float: left;
	width: 150px;
}

#col2 #more{
	clear: both;
}

#col2 #more #more-tabs{
	position: absolute;
	margin-left: 4px;
}

#col2 #more #more-tabs a{
	background: url(/images/bg-more-tab.jpg) no-repeat;
	color: #414d67;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	height: 21px;
	padding-top: 22px;
	text-align: center;
	text-decoration: none;
	width: 96px;
}

#col2 #more #more-tabs a.active{
	background: url(/images/bg-more-tab-active.jpg) no-repeat;
	width: 107px;
}

#col2 #more #more-tabs a#more-tabs-1{}

#col2 #more #more-content{
	color: #7c7c7c;
	clear: both;
	font-size: 11px;
	line-height: 130%;
	width: 518px;
	padding-top: 40px;
	z-index: 1;
}

#more-content-top{ height: 17px; width: 518px; background: url('/images/bg-more-content-top.jpg') 3px -2px no-repeat; }

#more-content-bottom{ height: 19px; width: 518px; background: url('/images/bg-more-content-bottom.jpg') 4px 0 no-repeat; }

#col2 #more #more-content p{
	padding-bottom: 15px;
}

#col2 #more #more-content-1, #col2 #more #more-content-2{
	background: white url('/images/bg-more-content.jpg') 4px 0 repeat-y;
	padding: 15px;
}


#col2 #more #more-content-2 tr.headers{
	color: #252525;
	font-weight: bold;
	font-size: 13px;
}

#col2 #more #more-content-2 table{
}

#col2 #more #more-content-2 table tr{
	height: 20px;
	line-height: 20px;
}

#col2 #more #more-content-2 table tr.even{
	background: #e6e6e6;
}

#vmMainPage #categories .category{
	float: left;
	height: 245px;
	margin: 0 3px 20px 3px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	width: 150px;	
}

#vmMainPage #categories .category h2{
	padding: 10px 0;
}

#vmMainPage p, #vmMainPage div, #vmMainPage ul{
	font-size: 13px;
	color: #7C7C7C;
	line-height: 140%;
}

#vmMainPage #categories .category p{
	font-size: 12px;
	line-height: 140%;
}

#vmMainPage p>img {
	padding: 5px 0 5px 10px;
}

.vmRecent{
	clear: both;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #efefef;
}

.vmRecent h3{
	padding-bottom: 10px;
}

.vmRecentDetail{
	padding: 10px 0;
	font-size: 13px;
}

.vmRecentDetail a{
	color: #2F378E;
}

table.article-archive{
	margin-top: 10px;
}

table.article-archive a{
	color: #2F378E;
}

table.article-archive a:hover{
	color: #cd8800;

}

table.article-archive td.sectiontableheader{
	font-weight: bold;
}

table.article-archive tr{
	height: 20px;
}

/* 4.6 SEARCH RESULTS PAGES ---- */

#col-search-results #search-bar {
	padding:5px 10px;
	background-color: #e9e9e9;
	margin-bottom:15px;
	line-height:30px;
	
}

#col-search-results #search-bar span, #col-search-results #search-bar input {
float:left;	
}

#col-search-results #search-bar span {
	margin-right:10px;
	font-size:14px;
	color:#2f378e;
	font-weight:bold;
}

#col-search-results {
	color: #7c7c7c;
	float: left;
	width: 721px;
}


#col-search-results #search-bar .field {
	border:none;
	background-image: url(/images/page-elements-search-results.png); 
	width:210px;
	height:18px;
	/* line-height:30px; */
	padding: 7px 5px 3px 5px;
	
}

#col-search-results #search-bar .submit {
	background:none;
	border:none;
	background-image: url(/images/page-elements-search-results.png);
	background-position:-220px top;
	width:70px;
	height:29px;
	cursor:pointer!important;
	padding:0px;
	line-height:300px;
	text-indent:-99999px;
	
}

#col-search-results #col1{
	font-weight: normal;
	line-height: 130%;
	margin-right: 10px;
	width: 620px;
	
}

#col-search-results #col1 h1{
	color: #2f378e;
	font-size: 20px;	
	padding-bottom: 15px;
	padding-left:10px
}

#col-search-results #col1 h2 {
	font-size:15px;	
	color:#676767;
}

#col-search-results #col1 p{
	padding-bottom: 5px;
}

#col-search-results #col1 a{
	color: #2f378e;
	font-weight: bold;
	text-decoration: none;
}
#col-search-results #col1 .result {
	padding:10px;	
}

#col-search-results #col1 .result h2{
	padding-bottom: 5px;	
}

#col-search-results #col1 .result:hover {
	background-color: #f2f2f2;
	padding:9px;
	border:solid 1px #e9e9e9;
}

#pages {
	float:right;
	position:relative;
	top:-7px;
}

#pages * {
float:left;
}

#pages a{
padding-top:5px;	
}

#pages .last {
margin-right:0px;	
}

#col-search-results #page-nums{
	background-image: url(/images/page-elements-search-results.png);
	background-position: left bottom;
	height:25px;
	float:left;
	padding-left:5px;
}

#col-search-results #page-nums ul {
 	background-image: url(/images/page-elements-search-results.png);
 	height: 25px;
	background-position: right bottom;
	padding-right:5px;
}

#col-search-results #page-nums ul li{
	border: none;
}

#col-search-results #page-nums ul li a {
	float:left;	
	padding:5px 7px 3px 7px;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	background: none;
}

#col-search-results a, #col-search-results #page-nums {
	margin-right:10px;	
}

#col-search-results ul li a {
	margin-right:0px;
	text-decoration:none;

}

.current-page {
	background-image: url(/images/page-elements-search-results.png);
	background-position: right top;
}

#col1 #languages ul{
	margin: 5px 0 5px 20px;
}

#col1 #languages ul li{
	border: none;
	list-style: disc;
}


/* 4.7 CONTACT PAGE ---- */

#col-contact{
	color: #7c7c7c;
	float: left;
	width: 721px;
}

#col-contact #col1{
	font-size: 11px;
	font-weight: normal;
	line-height: 130%;
	margin-right: 10px;
	width: 350px;
	border-right:2px solid #eee;

}

#col-contact #col2{
	font-size: 11px;
	line-height: 130%;	
	width: 340px;
}

#col-contact #col1 h1, #col-contact #col2 h1{
	color: #2f378e;
	font-size: 20px;	
	padding-bottom: 15px;
	padding-left:5px;
}

#col-contact #col1 p, #col-contact #col2 p{
	padding-bottom: 5px;
}

#col-contact #col1 a, #col-contact #col2 a{
	color: #2f378e;
	font-weight: bold;
	text-decoration: none;
}

#col-contact label{
float:left;
padding-left:7px;
font-size:11px;
}

#col-contact .field {
	border:none;
	width:144px;
	height:20px;
	padding:7px 8px 0px 8px;
	background-image: url(/images/page-elements-contact.png);
	background-position:left -30px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#col-contact select {
		margin-bottom:5px;
		margin-left:5px;
}

#col-contact .field-long {
	border:none;
	width:309px;
	height:20px;
	padding:7px 8px 0px 8px;
	background-image: url(/images/page-elements-contact.png);
	background-position:left bottom;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#col-contact .item {
	width:160px;
	float:left;
	margin-right:5px;
}

#col-contact #areabox{
	float: none;
	display: inline;
}

#countrystate select{
	margin-top: 15px;
	margin-bottom: 10px;
}


#col-contact .item2 {
	display:block;
}

#col-contact strong {
margin:10px 0px;
display:block;
padding-left:5px;
font-size:11px;
}

#col-contact textarea {
	width:90%;
	height:100px;
	margin-left:5px;
	margin-bottom:10px;
}

#col-contact #submit-form {
	background:none;
	border:none;
	text-indent:-99999px;
	line-height:300px;
	overflow:hidden;
	cursor:pointer!important;
	display : block;
	background-image: url(../images/page-elements-contact.png);
	background-position:right -30px;
	height:30px;
	width:60px;
	margin-top:15px;	
}

#form-country{
	width: 160px;
}

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #fff; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#fff; /*width:290px;*/ background:#fff; position:absolute;  border:1px solid #ccc; top:26px; left:-1px; overflow:auto; z-index:9999;}
ul.newList li {padding-right:28px;padding-left:5px; background-color: #aaa;}
.newListSelected {/*width:285px;*/ color:#000; height:19px; padding:5px 0 0 6px; float:left; background-image:url(/images/page-elements-contact.png);background-position:right -1px;border-left:solid 1px #aaa;margin-left:5px;margin-bottom:10px;}
.newListSelected span {/*width:284px;*/ display:block;}
ul.newList li a {padding:3px 8px; display: block; color:#fff!important;}
ul.newList li a:hover{color:#2f378e!important;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {/*width:258px;*/ overflow:hidden; height:18px; padding:0 40px 0 0;color:#fff;}
.hiLite {/*background:#650101!important; color:#fff!important;*/}
.hiLite a {background:#650101!important; color:#fff!important;}
.newListHover {/*background:#ccc!important; color:#000!important;*/ cursor:default;}
.newListSelHover, .newListSelFocus {background-position:right -1px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}


/* 5. CLASSES ------------------ */

.error{
	color: red;
	padding-bottom: 8px;
	overflow: none;
}

.clear{
	clear: both;
	display:block;
}

.floatRight{
	float: right;
	margin: 0 0 10px 10px;
}

#languages{
	margin-top: 20px;
}

/* 6 ACCORDION ----------------*/

#col1 ul ul {
	display:none;	
}

#col1 ul li.active ul {
	display:block;	
}
#col1 .active ul ul {
	display:none;	
}

#col1 ul ul ul li#current a, body.hide-products #col1 ul li ul li#current a{
	color: #ffffff;
	background: #2F378E;
}

#col1  .active, #col1 .active ul {
  list-style-type:none;
  margin: 0;
  /* padding: 0; */
  /* width: 15em; */
}

#col1 ul li.active a {
  display: block;
  text-decoration: none;	
  color: #cd8800;
}

#col1 ul li.active ul li a {
	color: #606060;
}

#col1  .active li {
  margin-top: 1px;
}

#col1  .active li a {
  color: #fff;	
  padding-left:10px;
}

#col1  .active li a:hover {
	color:#fff!important;
}

#col1  .active li ul li a {
  padding-left: 10px;
}

#col1  .active li ul li a:hover {
  padding-left: 10px;
}

#col1 ul li ul li {
padding-left:0px;	
}

#col1 ul li ul li ul li {
padding-left:10px;	
}

li.has-children a {
	background: #FFFFFF  url(/images/arr-grey.jpg) no-repeat;	
	background-position: 150px 7px;
}



li.has-children a:hover {
	background-image: url(/images/arr-white.jpg)!important;
	background-repeat:no-repeat!important;
	background-position: 150px 2px!important;

}

.has-children li a, .has-children li a:hover {
	background-image:none!important;	
}



/* 7 COLOR BOX ------------*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

#col2 #vmMainPage img{ float: right; margin: 0 0 10px 10px; } /*makes all images in main column float right*/