/* General Sections */
* {
	margin: 0; padding: 0;
}
body{
	font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	font-size:0.84em;
	text-align: justify;
}
a/*, a:visited*/ {
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none;
	color: #333;
	background-color: #eee;
}
h3{
	color: #124389;
	padding: 10px;
	font-family: 'Century Gothic', 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial',sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
	
}
h4{
	color: #124389;
	padding: 10px;
	font-family: 'Century Gothic', 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial',sans-serif;
	font-weight: bold;
	font-size:14px;
	text-align: left;
	
}

abbr, acronym{
	border: 0;
	cursor: help;
}
#container {
	margin: 20px auto;
	width: 740px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Header Section */
#homepage ul li a,
#navigation h1 a, #navigation p, #navigation ul li a {
	display: block; overflow: hidden;
	background: #fff no-repeat 0px 0px;
	font-size: 0.0; line-height: 0.0;
}
#homepage {
	position: relative;
	height: 224px;
}
#homepage a.featured{	background: #124E89 url(../images/home_slogan.jpg) no-repeat 0px 100%; background-position:bottom; 
clear:right; width:210px; height:142px; display:block; float:right
}
 h2.clickhere{ 
 background:none;	
 background: url(../images/home_pic.jpg) no-repeat 0px ; 
float:left;
 clear:left; 
 width:524px; 
 height:143px; 
}

h2.clickhere a {
	background:none;
	color: #124389;
	padding-top: 20px;
	padding-left:260px;
	font-family: 'Century Gothic', 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial',sans-serif;
	font-weight: bold; border:0; text-transform:none;
	font-size: 20px;
	text-align: center; display:block;
	overflow:hidden;
	 height:123px; 


}
h2.clickhere a:hover{color: #1E7EE2;}
#homepage a.logo{
	height: 89px;
	width: 214px; display:block; background-color:#fff;
	/*height: 117px;
	width: 209px;*/
	margin: 0px; padding:0; float:left;
	background-image: url(../images/logo-2006-6.jpg);
}
#homepage ul {
	float: right; clear:right;
	margin: 0px; padding:0
}
#homepage ul li{
	float: left;
	list-style: none;
	border: 1px solid #fff;
}
#homepage ul li a{
	height: 25px; width: 75px; font-size:12px; font-weight:bold;margin:0; padding:5px; padding-top:50px; 
	background:blue;color:white; float:none;  border-top:5px solid; text-align:left
}
#homepage ul li a span{ margin-top:15px; display:block}

#homepage ul li.lapelpins a, #homepage ul li.accessories a{ background-color:#124389;border-top-color:#124389;}
#homepage ul li.lapelpins a:hover, #homepage ul li.accessories a:HOVER{ background-color:#1A6DC4;border-top-color:#FFFFFF;}
#homepage ul li.specialty a, #homepage ul li.lanyards a{ background-color:#1763AE;border-top-color:#1763AE;}
#homepage ul li.specialty a:hover, #homepage ul li.lanyards a:HOVER{ background-color:#1D78D7;border-top-color:#FFFFFF;}
#homepage ul li.pvcitems a, #homepage ul li.patcheslabels a{ background-color:#1A6FC4;border-top-color:#1A6FC4;}
#homepage ul li.pvcitems a:hover, #homepage ul li.patcheslabels a:HOVER{ background-color:#1E7EE2;border-top-color:#FFFFFF;}

#homepage ul li a:active{ background-color:#1E7EE2;border-top-color:#FFFFFF;}


/* Main content area */

#main,.prod1{
	margin-top: 26px;
	border: 1px solid #CDCDCD;
	background: #f6f6f6 url(../images/main_bg.jpg) repeat-x top left;
}
#main p, .prod1 p{
	padding:10px;
}
#main ul, .prod1 ul{ margin:10px; margin-left:30px}
#main li, .prod1 li{list-style-type:square; }

#main img.brdr, .prod1 img.brdr{
	background-color: #f6f6f6;
	margin: 10px auto 10px auto;
	display: block;
	padding: 5px;
	border: 1px solid #E2E2E2;
}
#main img.brdr:hover, .prod1 img.brdr:hover{
	background-color: #f6f6f6;
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
}
span.intext{ clear:left; max-width:65%;  display:block; margin:10px;
}
.intext img{
	background-color: #f6f6f6;
	margin: 0px auto 0px auto;
	display: block;
	padding: 5px;
	border: 1px solid #E2E2E2;
	float:left; clear:left;
	vertical-align:middle;
}
.intext p{margin-top: 10px; padding:10px 0em 10px 0.5em ; display:block;  float:left; max-width:65%}
span.intext span.folds{background-image:url(../images/clothinglabels/folds.gif); background-position:0px; width:80px; height:80px ; margin:20px; float:left; display:block}
#content{
	width: 514px;
	border-right: 1px solid #eeeeee;
	float: left;
}
#sidebar, .sidebar{
	float:right;
	width: 216px;
}
.sidebar{margin-left:20px; border-left:1px solid white; text-align:left}
#logo{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.pics img{height:100px; width:650px; margin:15px 45px 0px 45px }

/* Tables */
table{
	border-style: none;
	margin: 10px auto 10px auto;
	border: 1px solid #E1E1E1;
	font-size: 0.93em;
	border-collapse: collapse;
}
table th{
	background-color: #E8E8E8;
	text-align: center;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 10px 5px 10px;
}
table tr td {
	/* background-color: #F9F9F9; */
	background-color: #FBFBFB;
	border-left: 1px solid #E1E1E1;
	padding: 5px 10px 5px 10px;
}
table tr.odd  td {
	background-color: #EFEFEF;
	border-left: 1px solid #E1E1E1;
	padding: 5px 10px 5px 10px;
}
table tr td.mid{
	text-align: center;
}

/* Quote box */
blockquote{
	border: 3px solid #fff;
	width: 650px;
	margin: 10px auto;
	padding: 5px;
	background: #f6f6f6 url(../images/main_bg.jpg) repeat-x top left;
	clear:left; float:none
}

blockquote p{
	border: 1px solid #ddd;
	margin: 0px;
	/* font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #3F3F3F; */
	padding: 43px 40px 0px 50px;
}

blockquote cite{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	width: 600px;
	text-align: right;
	padding: 10px 0px 0px 0px;
	display: block;
}

/* Footer */
#footer{
	padding-top: 12px;
	vertical-align: middle;
	text-align:center; line-height:200%
}
#footer a{background:none; color:#1763AE}
#footer a:hover{ text-decoration:underline}
#copyright{
	padding-top: 12px;
	float: left;
	font-size: 0.79em;
	clear:both
}
#valid
{
  width:88px;
  padding-right: 5px;
  font-size:8px;
  font-family:Verdana,sans-serif;
  list-style-type: none;
  text-transform:uppercase;
}

#valid a
{
  border: 1px solid #ddd;
  border-left: 10px solid #ddd;
  color: #D1D1D1; 
  background-color: #F6F6F6;
  text-decoration: none;
  padding: 0px 2px;
}

#valid a:hover
{ 
  border: 1px solid #F6F6F6;
  border-left: 10px solid #F6F6F6;
  background-color: #ddd;
  color: #FBFAC6;
  text-decoration: none;
}

/* Styles */
.sty, .homespage,.gallery {
	border: 1px solid #efefef;
	width: 650px;
	margin: 20px auto;
	/*background: #f6f6f6;*/
	font-size: 0.92em;
	display:block;
}
.gallery{width:19.5%; background:white; padding:1em; float:left; margin:0.5em}
.gallery h4{text-align:center}
.gallery  img{width:95%}
.first{clear:left}
.dev1 {
	border: 3px solid #fff;
		min-height:133px

}
.sty1 {
	border: 4px solid #eee;
	margin: 0px auto;
}
.sty img{
	float: left;
	border: none;
	padding-right: 5px;
}
.sty .caption{
	padding: 5px;
}
.stylist, .stylist1{
	float: right;
	margin:  10px;
	padding: 5px;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
.stylist{
	margin: 5px 5px 5px 10px;
	font: normal 0.92em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
.stylist1{
	margin: 5px 5px 5px 10px;
	font: normal 0.79em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
.stylist ul, .stylist1 ul{
	list-style-type: none;
	text-align: left;
	margin:0; padding:0
}
.stylist ul li a, .stylist1 ul li a{
	/*background: url(../img/list_off.gif) left center no-repeat;*/
	margin:0; padding:5px;
	text-align: left;
	text-decoration: none;
	color: #666;
	background:none;
}
/*.stylist ul li a:visited, .stylist1 ul li a:visited{
	background-color: #f6f6f6;
	color: #666;
}*/
.stylist ul li a:hover, .stylist1 ul li a:hover{
	/*background: url(../img/list_on.gif) left center no-repeat;*/
	color: #999;
}
.stylist img, .stylist1 img{ width:292px;height:133px}

a.quote,a.quote img{ margin:0px auto;height:55px; width:240px; display:block; border:0px  }

fieldset{padding:10px; margin:10px; margin-top:0; }
legend{padding:20px}
label{ float:left; clear:both; width:150px; margin: 0px 5px 0px 5px; text-align:right}
input,select,textarea{float:left; min-width:150px; margin: 0px 5px 0px 5px}
optgroup{padding-left:10px}
.clear{clear:both}
#content fieldset span{ float:left; max-width:150px; margin: 0px 5px 0px 5px; background-color:red; }
#content fieldset span span{ max-width:50px; display:inline; float:left; clear:left;text-align:left; background-color:blue }
#content fieldset span span input{  background-color:green; float:none; clear:both; max-width:10px;display:inline; }

.radio{width:10px; display:inline}#homepage h1{ font-size:0.8em; text-align:right; font-weight:normal; font-variant:small-caps; text-transform:lowercase}

p.notice{ font-size:smaller; background-color:#555; color:#eee; text-align:center; padding:0px; margin:0 auto; width:60%}
p.notice a{background-color:#eee; color:#555}