/*****************************/
/*** Core Products Page Setup ***/
/*****************************/



body {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;
text-align: center;   /* This is a hack to correctly center the container in IE */
}

img {
border: 0px;
}

#wrapper { 
margin: 0 auto;
margin-top: 40px;
margin-bottom: 10px;
width: 800px;
border: 1px solid #999999;
background: #ffffff;
text-align: center;  /*This is a hack to correctly center the container in IE */
}

* html div#wrapper {  
	width: 802px; 
	w\idth: 800px; }
/* This is the Tan hack */

#header {
width: 798px;
color: #333;
padding: 0px;
border: 0px solid #ffffff;
height: 100%;
margin: 0px 0px 0px 0px;
background: #ffffff;
float: left;
}

#navigation {
width: 780px;
height: 17px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #ffffff;
text-align: center;
clear: left;
}

#nav {
margin: 0px;
padding: 0px;
background: #ffffff;
list-style-type: none;
width: 780px;
float: left; /* Contain floated list items */ 
}

#nav li {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 10px;
margin: 0px;
padding: 0px;
float: left;
}

#nav a {
float: left;
color: #999999;
text-decoration: none;
line-height: 0;
border-right: 0px;
}



#navigation2 {
width: 780px;
height: 19px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background-color: #998643;
text-align: center;  /*This is a hack to correctly center the container in IE */
}

#subnav {
margin: 0px;
padding: 0px;
background: #998643;
list-style-type: none;
width: 780px;
float: left; /* Contain floated list items */ 
}

#subnav li {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 10px;
margin: 0px;
padding: 0px;
float: left;
}

#subnav a {
float: left;
color: #999999;
text-decoration: none;
line-height: 0;
border-right: 0px;
}


#navigation3 {
width: 780px;
font-size: 2px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #000000;
text-align: center;
}

#contentTies { 
width: 780px;
color: white;
background: black;
background-image:url("../images/products/custom-ties.jpg");
background-repeat:no-repeat;
background-position: right;
margin: 0 auto;
text-align: left;
padding: 0;
height: 290px;
}

#contentWovenTies { 
width: 780px;
color: white;
background: black;
background-image:url("../images/products/custom-neckties.jpg");
background-repeat:no-repeat;
background-position: bottom right;
margin: 0 auto;
text-align: left;
padding: 0;
height: 210px;
}

#contentSolids { 
width: 780px;
color: white;
background: black;
background-image:url("../images/products/solid-colored-ties.jpg");
background-repeat:no-repeat;
background-position: right;
margin: 0 auto;
text-align: left;
padding: 0;
height: 250px;
}

#contentScarves { 
width: 780px;
color: white;
background: black;
background-image:url("../images/products/custom-scarves.jpg");
background-repeat:no-repeat;
background-position: right;
margin: 0 auto;
text-align: left;
padding: 0px;
height: 350px;
}

#contentUniformSc { 
width: 780px;
color: white;
background: black;
margin: 0 auto;
text-align: left;
padding: 0px;
height: 350px;
}

#contentTies p, #contentWovenTies p, #contentSolids p, #contentScarves p, #contentUniformSc p {
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;	
line-height: 1.5;
margin: 0 390px 0 20px; 
}


#content h1, #contentTies h1, #contentWovenTies h1, #contentSolids h1, #contentScarves h1, #contentUniformSc h1 {
margin:  0 310px 0 20px;
padding: 10px 0 10px 0;
font-size: 14px;
}



/*************************************************/
/*** Additional Content for Solids Product Page ***/
/*************************************************/

#solidSwatches { 
width: 780px;
color: #ffffff;
margin: 0 auto;
text-align: center;
padding: 0px;
height: 130px;
}

.swatch {
float: left;
width: 100px;
margin: 10px 14px 0 14px;
color: black;
text-align: center;
display: inline;
}

.clearboth { 
clear: both; 
}

/***************************************************************/
/*** Additional Content for Uniform Scarves Product Page ***/
/***************************************************************/

#uniformCopy {
margin:  0px 0px 0px 20px;
width: 380px;
float: left;
}

#uniformCopy h1 {
margin:  0px;
padding: 10px 0px 10px 0px;
font-size: 14px;
}

#uniformCopy p {
margin:  0;
}

#uniformPicture {
width: 340px;
height: 270px;
margin: 0 auto;
margin-top: 40px;
margin-right: 20px;
display: inline;
float: right;
text-align: left;
}






#leftcolumn { 
color: black;
background: white;
margin: 20px 0 0 0;
padding: 0;
height: 200px;
width: 398px;
float: left;
text-align: left;
}


#rightcolumn { 
float: right;
color: black;
background: white;
margin: 20px 0 0 0;
padding: 0;
height: 170px;
width: 394px;
text-align: left;
}

#divider { 
background: #999;
margin: 20px 0 0 0;
padding: 0;
height: 156px;
width: 1px;
float: left;
}

#dividerTies { 
background: #999;
margin: 20px 0 0 0;
padding: 0;
height: 180px;
width: 1px;
float: left;
}

p.columnLeft {
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;	
line-height: 1.5; 	
margin:  0 20px 0 29px;
}

p.columnRight {
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;	
line-height: 1.5; 	
margin:  0 20px 0 20px;
}

.italics {
font-style: italic;
}

#footer { 
width: 798px;
color: #333;
background: white;
margin: 0;
padding: 0;
}

a:link { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}
	
a:hover { 
color: #cc092f; /* PMS 186*/ 
text-decoration: none;
font-weight: bold; 
}

a:active { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}

a:visited { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}