/*////////////////////////////////////   GENERAL CONTROL STYLES    //////////////////////////////////////*/

* {margin: 0;
    padding: 0;
}
	

a img { border:0 }


body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #006699;
}
a:visited {
	text-decoration: none;
	color: #006699;
}
a:hover {
	text-decoration: none;
	color: #66CCFF;
}
a:active {
	text-decoration: none;
	color: #006699;
}


h1 {
	font-size: 24px;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

h2 {
	font-size: 14px;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

h3 {
	font-size: 12px;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

h4 {
	font-size: 12px;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
}


/*////////////////////////////////////   TEXT STYLES    //////////////////////////////////////*/

	
/******************** Headings and Generic Styles **************************/


.bodytext1 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}


.bodytext1bold {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #666666;
}

.bodytext2 {
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

.bodysidebartext1 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.bodysidebartext1b {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}


.bodyhead1 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: 28px;
	font-style: normal;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
}


.bodysubhead1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
}
 
.bodysubhead2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
}


.quotesleft {
	font-size: 72px;
	margin: 0;
	padding: 0;
	line-height: 38px;
	font-style: normal;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
}
.quotesright {
	font-size: 72px;
	float: right; 
	margin: 0 180px 0 0;
	padding: 0;
	line-height: 38px;
	font-style: normal;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
	text-align: right;
	visibility: inherit;
}

.quotesright2 {
	font-size: 72px;
	float: right; 
	margin: 0 150px 0 0;
	padding: 0;
	line-height: 38px;
	font-style: normal;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
	text-align: right;
	visibility: inherit;
}

.bodytagtext {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 10px;
	font-family: Century Gothic, Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

.divblockquote {
	margin: 0px 35px;
 	padding: 10px 0 20px 28px;  
    border: 0px solid #0065C6;
	color: #1E89DC; 
  	font: bold 1.3em/1.5em "Trebuchet MS", Helvetica, Arial, Century Gothic, Geneva, sans-serif;
}


.divblockquote2 {
	margin: 10px 0px;
 	padding: 10px 0 70px 28px;  
    border: 0px solid #0065C6;
	color: #1E89DC; 
  	font: bold 1.3em/1.5em "Trebuchet MS", Helvetica, Arial, Century Gothic, Geneva, sans-serif;
}












/*////////////////////////////////////   LAYOUT/TEMPLATE STYLES    //////////////////////////////////////*/



/**************************** Layout Main *****************************/



.templatecontent {
	margin: 0px auto 10px;
	width: 960px;
	background-image: url(../images/back2.jpg);
}



.templateheader {
	clear: both;
	color: #808080;
	border-bottom: #ccc;
	height: 140px;
	background-image: url(../images/back2.jpg);
	background-repeat: repeat-x;
}


.templateheaderleft {
	float: left;
	width: 430px;
	margin: 30px 0 0px 40px;
}


.templateheaderight {
	float: right;
	width: 400px;
	margin: 15px 40px 0px 20px;
}


.templatestage {
	clear: both;
	color: #808080;
	border-bottom: #ccc;
	padding: 0px 0 0 0px;	margin: 60px 0 0 0px;
	height: 363px;
	background-image: url(../images/stage.jpg);
	background-repeat: no-repeat;
}


.templatemenu {
	clear: both;
	height: 20px;

}


.templatebodyright {
	float: right;
	width: 380px;
	margin: 20px 0px 0px 20px;
}




/************************ Left Side **************************/



.templateleft {
	float: left;
	width: 650px;
	margin: 20px 0 50px 0;
}

	.templateleft_articles {
		margin: 0 0 15px 0;
		padding: 0 30px 0 50px;
}

	
.templatethumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.templatethumb p { 
    margin: 0; 
    padding: 3px; 
    color: #FFF; 
    background: #6e6e6e; 
}




	
/***************************** Right Side ******************************/
		

.templateright {
	float: right;
	width: 250px;
	margin: 50px 40px 40px 0;
}
		
	.templateright_articles {
		padding: 4px 8px;	
		margin: 0 0 10px 0;
	}
	
		
	.templateright_articlesnum {
		padding: 4px 8px;	
		margin: 0 0 10px 0;
		height: 125px;
	}
				





/********************************* Footer *************************************/


.templatefooter2 {
	clear: both;
	text-align: center;
	background: #FFF url(dot.gif) repeat-x;
	padding: 8px 0;
	background-image: url(../images/footer2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.templatefooter {
	clear: both;
	text-align: center;
	background: url(../images/footer2.jpg) no-repeat 50% 0;
	padding: 20px 0px 0px 0px;
	background-color: #FFFFFF;
}
.templatefooterlinks {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}


.templatefooter p { background: transparent; color: #EEEEEE; font-size: 10px; line-height: normal; margin: 0 0 .4em 0; text-align: center; text-transform: none; }

.templatefooter a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #1E89DC; font-size: 10px;text-decoration: none; }

.templatefooter a:hover, #footer a:focus, #footer a:active {
	background: transparent;
	color: #999999;
	font-size: 10px;
}


.templatefooterlinkbox p {
	color: #666666; 
	font-size: 10px;
	text-align: center;
	padding: 40px 0px 20px 0px;
}

.templatefooterlinkbox a:link, #templatefooterlinkbox a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #666666; font-size: 10px;text-decoration: none; }


.templatefooterlinkbox a:hover, #templatefooterlinkbox a:focus, #footer a:active {
	background: transparent;
	color: #1E89DC;
	font-size: 10px;
}






/*////////////////////////////////////   MENU STYLES    //////////////////////////////////////*/




/****************************************** Nav Bar ***************************************/

.navbrowse_category  {
	font-size: 12px;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.navbar { 
	clear: both;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #336699;
}

	.navbar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: 336699;
		float: left; 
	}
	
	.navbar li.active {  
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.navbar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.navbar li a:hover { 
		color: #E0691A; 
		background: inherit;
	} 






/****************************************** Nav  ***************************************/


#nav {
	clear: both;	
	padding: 0;			
}
#nav ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url(../images/nav.jpg) repeat-x;	
	width: 960px;		
	padding: 0;	margin: 0 0 0 0px;
	height: 45px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 0px solid #dadada;
	border-left: 0px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 14px/45px Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover{
background:#d8ed46 url(../images/nav-current.jpg) bottom repeat-x;
} 
#nav ul li a:active {
	color: #326ea1;
}
#nav ul li#current a {	
	background: #DBDBDB url(../images/nav-current.jpg) repeat-x;		
}





/****************************************** Nav 2  ***************************************/


#nav2 {
	clear: both;	
	padding: 0;
			
}
#nav2 ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url(../images/nav2.jpg) no-repeat;	
	width: 900px;		
	padding: 0 0 0 60px;	margin: 0 0 10 0px;
	height: 47px;
	display: inline;
	text-transform: uppercase;
}
#nav2 ul li {
	display: inline;
	margin: 0; padding: 0;
	
}
#nav2 ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 0px solid #dadada;
	border-left: 0px solid #fafafa;	
	border-bottom: none;
	color: #66CCFF;
	font: bold 14px/47px Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	background: url(../images/nav2state.jpg) no-repeat top left;
}
#nav2 ul li a:hover{
color: #FFFFFF;
background: url(../images/nav2hover.jpg) bottom repeat-x;
} 
#nav2 ul li a:active {
	color: #66CCFF;
	background: url(../images/nav2state.jpg) no-repeat top left;
}
#nav2 ul li#home a {	
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 0px solid #dadada;
	border-left: 0px solid #fafafa;	
	border-bottom: none;
	color: #66CCFF;
	font: bold 14px/47px Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	background: url(../images/nav2home.jpg) no-repeat top left;	
}






/*********************************     Side Menu    ***************************************************/


.sidemenu {
	background: #EFEFEF url(../images/sidemenuBack.jpg) repeat-y;
	width: 240px;
	float: right;
	padding: 10px;
	margin: 0 0 10px 0;
	color: #999999;
}
	.worth a { color: #FFFFFF; background: inherit; }
	
.sidemenurightlist {
	padding: 5px;
	margin: 1px;
	border-bottom: 1px dotted #FFFFFF;
	font-size: 12px;
	line-height: normal;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666
	
	
}
	.sidemenurightlist:hover { color: #FFFFFF url(../images/sidemenuHover.jpg) repeat-y; background: #EDEDED; }














/*////////////////////////////////////   LIST STYLES    //////////////////////////////////////*/



/************************* Lists ****************************************************/


.templatecontent ol { list-style-position: inside; list-style-type: lower-roman; 


}

.templatecontent ul { list-style-type: none; }

.templatecontent ul li {
	background: transparent url(../images/li_bullet.gif) no-repeat 0 3px;
	padding-left: 22px;
	font-size: 12px;
	line-height: 16px;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666
}

.templatecontent dt { font-weight: bold; }












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



/****************************************** Forms ***************************************/


label { background: transparent; color: #999999; display: block; font-size: .9em; }

label span { background: transparent; color: #999500; font-size: .8em; text-transform: uppercase; }

input, textarea, select { background: transparent url(../images/form_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

.contactform table td { padding: 0 10px .5em 0; }

.contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 200px; }

.contactform-subject, #contactform-message { width: 427px; }

.contactform-message { height: 140px; }

input.imagesubmit { border: none; margin: 0; padding: 0; }











/*////////////////////////////////////   IMAGE STYLES    //////////////////////////////////////*/




/************************* Content Images and Thumbnails **********************/


.content-randomimage img { border: 1px solid #91C1E5; margin: 0; padding: 1px; }

.content-randomimage p { background: transparent; color: #999999; font-size: 10px; margin: 0 0 .8em 0; padding-right: 4px; text-align: right; text-transform: uppercase; }

.content-thumbnail { border: 1px solid #DDDDDD; padding: 1px; }












/*************************  Images and Thumbnails **********************/




.imagefloat-left {
	float: left;
	margin: 0 20px 0 0;
}

.imagefloat-right {
	float: right;
	margin: 0 20px 0 0;
}

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

.imagebanner {
	float: right;
	margin: 12px 0px 0 0;
}

.imageb {
	float: left;
	margin: 0 10px 10px 0;
}

.imagethmb {
	float: left;
	margin: 0 6px 0 0;
}


.imagecaptioned_product {
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 25px;
width: 160;
}


.imagecaptioned_productb {
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 15px;
width: 120;
}


.imageright {
	float: left;
	margin: 0 9px 3px 0;
}







/*////////////////////////////////////   OBJECT STYLES    //////////////////////////////////////*/


/******************************** Floats *********************************/

.float-left { 
    float: left; margin-right: 10px; }

.float-right { 
    float: right; margin-left: 10px; }
	
	
	



/******************************** Divs *********************************/

.divbg1 {
	padding: 20px 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(../images/bgGray.gif) repeat-x;
	margin-top: 15px;
}

.divbg2 {
	padding: 20px 20px 20px 20px;
	border-top: 1px solid #E0E0E0;
	background: #FFFFFF url(../images/bgGray.gif) repeat-x;
	margin-top: 15px;
}

.divbg3 {
	padding: 20px 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(../images/bgGrayb.jpg) repeat-x;
	margin-top: 15px;
}

.divbox1 {
	padding: 20px 0px 20px 20px;
	
}

.divbox2 {
	padding: 20px 0px 20px 30px;
	
}

.divbox3 {
	padding: 20px 0px 5px 0px;
	
}

.divBox {
	padding: 0px 20px 5px 20px;
	border: 1px solid #E0E0E0;
	margin-top: 15px;
	margin-bottom: 25px;
	width: 520px
}

.divsidebarBox {
	width: 240px;
	float: right;
	padding: 10px;
	margin: 0 0 0px 0;
	font-size: 16px;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF url(../images/ThredTaperProducts.gif) no-repeat;
}


.divsidebarBut {
	width: 240px;
	float: right;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF url(../images/sidebarheadbk.gif) no-repeat;
}


.divBoxBanner {
	padding: 20px 20px 20px 20px;
	border: 0px solid #E0E0E0;
	margin-top: 15px;
	width: 520px;
	background: #336699;
	font-size: 16px;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	font-family: Lucida, Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}




/*********************************** Warnings and Notes ****************************************/


p.note-general, p.note-know {
	background: transparent;
	border: 1px solid #DDDDDD;
	color: #003277;
	font-size: 10px;
	color: #003277;
	padding: 4px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 500px;
}

p.note-know { background: url(../images/note_warning.gif) no-repeat 8px 50%; }

p.note-general:before {
	background: transparent;
	color: ##003277;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

p.note-know:before { background: transparent; color: ##003277;  font-weight: bold; }


p.note-general:hover {
	border: 1px solid #999500;
	color: #003277;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

p.note-know:hover { border: 1px solid #FF6347; color: #666666; }









/*////////////////////////////////////   SCRIPTS    //////////////////////////////////////*/

/* These CSS-styles are necessary for the HighSlide script to work.*/ 


.highslide {
	cursor: url(../highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}