/* CSS Document */
body {
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #333;
	margin: 0;
}

a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

img {
	border-width: 0px;
}

.btnStyle1 {
	background-color: #CCCCCC;
	border: #999 dashed 1px;
	/*border-bottom: #000 dashed 1px;
	border-right: #000 dashed 1px;*/
	color: #8b0d02;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 4px;
}
.btnStyle1:hover {
	cursor: pointer;
	border: #000 dashed 1px;
}

#mainContent {
	width: 745px;
	background-color: #FFFFFF;
	vertical-align: top;
}

#footer	{ float: left; width: 770px; background: url(../images/footer_background.gif) no-repeat top left; }
#footerLegal { float: left; width: 270px; color: #ccc; font-size: 85%; text-align: center; padding-top: 14px;}
#footerLegal a { color: #ccc; font-weight: normal; }
#footerLegal a:hover { color: #fff;}
#footerContact { float: right; width: 500px; font-size: 93%; letter-spacing: 0.05em; color: #fff; text-decoration: none; font-weight: bold; padding-top: 11px; text-align: center; }
#footerContact a	{ color: #fff; text-decoration: none; }
#footerContact a:hover	{ text-decoration: underline; }

#mainTitle {
	border-bottom: 1px dashed #990000;
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
	width: 705px;
}

.mainTitleSub {
	color: #333333;
	font-size: 14px;
}

/* Caps Sub Category Drop Down */
.mainSubNav {
	margin: 0px 58px 0 0; /*was 18 to be flush with dashed line*/
	padding: 0px;
	color: black;
	font-size: 12px;
	text-align: right;

}
.mainSubNavSelect {
	margin: 0px;
	padding: auto;
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#mainDescription {
	padding: 10px 0px 0px 0px; 
	width: 703px;
	color: #333333;
	text-align: left;
	margin: 0 auto;
}
#mainDescriptionPicture {
	padding: 10px 30px 0px 30px; 
	width: 703px;
	color: #333333;
	text-align: left;
	margin: 0 auto;
}
#mainDescriptionPicture img {
	margin: 0px 0px 0px 20px;
	display: inline;
	border: solid black 1px;
	float: right;
}

#productScroller { float: right; width: 330px; }
#productIntroText { float: left; width: 350px; }

.mainPrice {
	color: #990000;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 5px 0 5px 0;
	background-color: #f2f2f2;
}

.indivPrice {
	color: #990000;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}

.indivDesc {
	font-weight: normal;
	font-size: 10px;
}

.shipIncl {
	color: #000000;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

#mainBody {
	padding: 10px 5px 25px 20px;
}

#mainSideBar {
	width: 232px;
	margin: 0 0 10px 10px;
}

#mainSideBar div {
	background: url(../images/newsreviews_quote_background.jpg);
	background-repeat: repeat-y;
	padding: 3px 15px;
	margin: 1px 0 0 0;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: .1em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	/*text-indent: -5px;*/
}

#mainSideBar div span {
	font-size: 1.25em;
}

#mainQuoteList {

}

#mainQuoteList li {
	margin-bottom: 10px;
	list-style-type: none;
	color: #333333;
	text-align: center;
	font-style: italic;
	font-weight: bold
}
#mainQuoteList li.alt {
	color: #990000;
}
#mainQuoteList li span {
	font-size: 1.25em;
}

.mainAskQuestion {
	text-align: center;
	margin: 0px auto 15px auto;
	border: 1px solid #000000;
	padding: 5px;
	width: 250px;
}

.homeMain {
	padding: 0 20px;
	line-height: 2em;
}
.homeHat {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
.homeHatDesc {
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

#homeTop {
	background: url(../images/home_diagram.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: solid 0px red;
	margin: 0px;
	padding: 0px;
	/*height: 400px;*/
	width: 720px;
	position: relative;
}

#homeTopText {
	/*position: absolute;
	top: 20px;
	left: 50px;
	top: 10px;
	left: 20px;*/
	width: 300px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 2em;
}

#homeTopDesc01 {
	position: absolute;
	/*top: -62px;
	left: 360px;*/
	top: 196px;
	left: 355px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

#homeTopDesc02 {
	position: absolute;
	/*top: -135px;
	left: 600px;*/
	top: 165px;
	left: 600px;
	width: 125px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-style: normal;
}

#homeTopDesc03 {
	position: absolute;
	/*top: -340px;
	left: 635px;*/
	top: 30px;
	left: 635px;
	width: 75px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

#homeBottom {
	width: 300px;
}
#homeBottom td {
	font-size: 10px;
	text-align: center;
}

/*Redoing of Public Caps Pages*/
.capHolder { width: 225px; text-align:center; float: left; margin-left: 10px; display: inline; margin-top: 20px; }
.capHolder h3 { margin: 5px 0; font-weight: bold; font-size: 12px; line-height: 12px; }
.capPersHolder { padding-bottom: 5px; margin-top: 5px; border: solid #ccc 1px; background: #fff url(../images/fff_ccc_vert_gradient.jpg) bottom left repeat-x; }
.capHolder h5 { margin: 0; text-indent: -3000px; }
.capHolder form { margin: 0;}
.capHolder h5 a { margin: 0 auto; display: block; width: 134px; height: 20px; background: url(../images/personalize_it.gif) top left no-repeat; outline: none; }
.capHolder h5 a:hover { background-position: bottom left; outline: none; }
.capHolder h5 a:focus { outline: none; }


.capImage {
	text-align: center;
}
.capName {
	font-weight: bold;
	text-align: center;
}
/*.capName span {
	text-decoration: line-through;
}*/
.capButton {
	text-align: center;
}
.capEmbroideryInput{
	text-align: center;
	font-style: italic;
	margin: 2px 0px;
	color: #666;
}
.capEmbroideryInput2{
	text-align: center;
	font-style: italic;
	font-size: 12px;
	margin: 2px 0px;
	color: #666;
	overflow: auto;
}

.capEmbroideryInputWS{
	text-align: center;
	font-style: italic;
	margin: 2px 0px;
	width: 80px;
	color: #666;
}

.capEmbroideryInputWS2{
	text-align: left;
	font-style: italic;
	font-size: 12px;
	margin: 2px 0px;
	height: 40px;
	width: 140px;
	color: #666;
	overflow:auto;
}

.capSoldOut {
	text-decoration: line-through;
}

.capRedBold {
	color: #CC0000;
	font-weight: bold;
}
.capNewNote {
	color: #CC0000; margin-left: 5px; font-style:italic;	
}	
.capsWholesaleChoiceBtn {
	margin-bottom: -5px;
	border: #ccc dashed 1px;
	padding: 3px;
}
.capsWholeSaleTitle {
	background: #ccc url(../images/caps_wholesale_title_back.jpg) repeat-y;
	background: #fff url(../images/caps_wholesale_title_back3.jpg) no-repeat top center;
	border-bottom: maroon solid 0px;
	border-top: maroon solid 0px;
	color: #000; 
	padding: 10px 10px;
	font-weight: bold;
	font-variant: small-caps;
}
.capWholeSaleType {
	font-weight: bold;
	text-align: center;
	float: left;
	margin: 0 5px 5px 5px;
	display: inline;
	vertical-align: bottom;
}
/* The following is for Personalized Wholesale to make them wider, 150px for div, 140px for the text input boxes*/
.capWholeSaleTypePers {
	font-weight: bold;
	text-align: left;
	float: left;
	margin: 0 5px 5px 5px;
	display: inline;
	width: 150px;
}

.capWholeSaleType div form {
	margin: 0;
}
#capWholeSaleCatNav  {
	margin: 10px 0px 5px 25px;
	width: 695px;
	border-top: solid 1px #ccc;
	padding-top: 10px;
}
#capWholeSaleShipping {
	margin: 10px auto 0px auto; 
	color: #333333;
	text-align: left;
	width: 703px;
}

.capInputQty {
	width: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 8px 5px;
}

.topofpage {
	font-size: 10px;
	text-align: right;
}
.sectionHeader {
	font-weight: bold;
	font-size: 120%;
	font-variant: small-caps;
}
#marginRight {
	width: 25px;
	background-image: url(../images/margin_right_background.gif);
}

#aboutUsTeam {

}
#aboutUsTeam img {
	border: 1px solid #999999;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
	padding: 4px;
}
.aboutUsTeamHeader {
	border-bottom: 1px dashed #990000;
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 25px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
	width: 705px;
/*	font-weight: bold;
	text-align: center;
	font-variant:small-caps;*/
}
.aboutUsTeamNames {
	color:#660000;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.aboutUsTeamTitles {
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

.wholesaleReg {
	font-weight: bold;
}

#banner01 {
	position: absolute; 
	top: 100px; left: 777px; 
	border: solid red 0px;
	width: 180px; height: 270px; 
}
#banner01 a {
	display: block;
	/*text-indent:-3500px;
	padding-top: 220px;*/
	display: block;
	padding: 270px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 270px; /*Set this for IE 5 & 5.5*/
}
#banner02 {
	position: absolute; 
	top: 367px; left: 777px; 
	border: solid red 0px;
	width: 180px; height: 270px; 
}
#banner02 a {
	display: block;
	/*text-indent:-3500px;
	padding-top: 220px;*/
	display: block;
	padding: 270px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 270px; /*Set this for IE 5 & 5.5*/
}
#banner03 {
	position: absolute; 
	top: 637px; left: 777px; 
	border: solid red 0px;
	width: 180px; height: 270px; 
}
#banner03 a {
	display: block;
	/*text-indent:-3500px;
	padding-top: 220px;*/
	display: block;
	padding: 270px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 270px; /*Set this for IE 5 & 5.5*/
}


.sizeOption {
	margin: 0px 18px 5px 0;
	padding: 0px;
	color: black;
	font-size: 12px;
	text-align: left;
}

.sizeOptionWS {
	margin: 2px 0px;
	padding: 0px;
	color: black;
	font-size: 12px;
	text-align: left;
	width: 82px;
}

.capSizeTable {
font-size:10px;
}

.togglePers { display: none;}


#viewCartButton {text-align: right; margin-top: 10px; }
#socialNetworkButtons {text-align: right; margin-top: 15px; }
#socialNetworkButtons img { margin-right: 5px; }

#caps3RowHolders	{ margin-left: 45px; margin-top: 15px; }
#caps3RowHolders a	{ outline: none; }
#capsRow1 h3, #capsRow2 h3, #capsRow3 h3 { margin: 0px; }
#capsRow1 ul li, #capsRow2 ul li, #capsRow3 ul li { list-style: none; padding: 0; margin: 0; }
#capsRow1 ul, #capsRow2 ul, #capsRow3 ul { list-style: none; padding: 0; margin: 0; }
#capsRow1	{ float: left; }
	#capsCatCottonHolder			{ float: left; width: 316px; }
	#capsRow1 h3#capsCatCotton a				{ width: 316px; height: 47px; background: url(../images/caps_cottonblend_viewall.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow1 ul li	{ display: inline; float: left; }
	#capsRow1 ul li#capsCatCottonFourPanel a	{ width: 155px; height: 133px; background: url(../images/caps_cottonblend_fourpanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow1 ul li#capsCatCottonThreePanel a	{ width: 161px; height: 133px; background: url(../images/caps_cottonblend_threepanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }

	#capsCatMoistureWickingHolder	{float: left; width: 316px; }
	#capsRow1 h3#capsCatMoistureWicking a		{ width: 316px; height: 47px; background: url(../images/caps_moisturewicking_viewall.jpg) top left no-repeat; display: block; text-indent: -3000px;  }
	#capsRow1 ul li	{}
	#capsRow1 ul li#capsCatMoistureWickingFourPanel a	{ width: 155px; height: 133px; background: url(../images/caps_moisturewicking_fourpanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow1 ul li#capsCatMoistureWickingThreePanel a	{ width: 161px; height: 133px; background: url(../images/caps_moisturewicking_threepanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }

#capsRow2	{ float: left; display: inline; margin-left: 86px; margin-top: 21px; }
	#capsRow2 h3#capsCatWool a	{ width: 460px; height: 47px; background: url(../images/caps_wool_viewall.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow2 ul li	{ display: inline; float: left; }
	#capsRow2 ul li#capsCatWoolFourPanel a	{ width: 154px; height: 133px; background: url(../images/caps_wool_fourpanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow2 ul li#capsCatWoolThreePanel a	{ width: 152px; height: 133px; background: url(../images/caps_wool_threepanel.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow2 ul li#capsCatWoolEarFlap a	{ width: 154px; height: 133px; background: url(../images/caps_wool_earflap.jpg) top left no-repeat; display: block; text-indent: -3000px; }

#capsRow3	{ float: left; display: inline; margin-top: 21px; width: 632px; }
#capsRow3 h3 	{ display: inline; float: left; }
#capsRow3 h3 a 	{ display: inline; }
	#capsRow3 h3#capsCatUnique a		{ width: 158px; height: 145px; background: url(../images/caps_uniquelimited.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow3 h3#capsCatEcoFriendly a	{ width: 158px; height: 145px; background: url(../images/caps_ecofriendly.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow3 h3#capsCatCustom a		{ width: 158px; height: 145px; background: url(../images/caps_custom.jpg) top left no-repeat; display: block; text-indent: -3000px; }
	#capsRow3 h3#capsCapsForACause a	{ width: 158px; height: 145px; background: url(../images/caps_capsforacause.jpg) top left no-repeat; display: block; text-indent: -3000px; }