body {
	background: url(../images/bg.jpg) repeat; /*Tan Fabric Background*/
	margin:0;
	padding:0;
	font-family: arial, tahoma, sans-serif; /*Type of font of the entire site*/
	font-size: 10pt; /*Font size used throughout the site*/
	}
	
#wrapper {
	position: relative;
	width: 100%; 
	margin: 8px auto 8px auto;
	background-color: #ffffff; /*Main white background color*/
	width: 975px; /*Main width of the entire site*/
	}
	
a, a:visited { 
	color: #000F42; /*General Link Color for entire site*/
	text-decoration: none;
	}
	
a:hover {
	color: #000F42; /*General Link HOVER Color for entire site*/
	text-decoration: underline;
	}
	
/************************HEADER DIV CONTENT******************************/
#header {
	width: 975px;
	}
	
/****TOP BROWN BAR CONTENT****/
#outlet {
	background: url(../images/bg.jpg) repeat; /*Tan Fabric Background*/
	text-align: right;
	padding: 0 0 4px 0;
	}


#topBrownBar { /*Brown Bar at the top of the page*/
	width: 975px;
	height: 28px;
	background-color: #555149; /*Brown Background Color of the Top Brown Bar*/
	}
	
#brownCol1 { /*Div holds the top nav in Brown Bar*/
	width: 302px;
	float: left;
	height: 28px;
	}
	
#brownCol2 { /*Div holds the image ALWAYS FREE SHIPPING*/
	width: 451px;
	float: left;
	height: 28px;
	text-align:center;
	}
	
#brownCol3 { /*Div holds the search bar*/
	width: 222px;
	float: left;
	height: 28px;
	}
	
#brownCol1 ul {
	margin: 0;
	padding: 0;
	padding: 2px 0 0 6px;
	}
	
#brownCol1 ul li {
	list-style-type: none;
	float: left;
	}
	
#homeBtn a, #homeBtn a:visited { /*Home Button on Top Brown Bar*/
	background: url(../images/home.gif) no-repeat;
	width: 39px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
#homeBtn a:hover {
	background: url(../images/homeh.gif) no-repeat; /*Home Button HOVER on Top Brown Bar*/
	width: 39px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
#viewbagBtn a, #viewbagBtn a:visited { /*View Bag Button on Top Brown Bar*/
	background: url(../images/viewbag.gif) no-repeat;
	width: 75px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
#viewbagBtn a:hover {
	background: url(../images/viewbagh.gif) no-repeat; /*View Bag Button HOVER on Top Brown Bar*/
	width: 75px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
#checkoutBtn a, #checkoutBtn a:visited { /*Checkout Button on Top Brown Bar*/
	background: url(../images/checkout.gif) no-repeat;
	width: 55px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
#checkoutBtn a:hover {
	background: url(../images/checkouth.gif) no-repeat; /*Checkout Button HOVER on Top Brown Bar*/
	width: 55px;
	height: 23px;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	}
	
.searchButton { /*Search Arrow Go Button*/
	background: url(../images/arrow.gif) no-repeat;
	width: 24px;
	height: 22px;
	cursor: pointer;
	border: none;
	}
/****END TOP BROWN BAR CONTENT****/

#headerCol1 { /*Div contains Logo*/
	width: 203px;
	float: left;
	margin: 15px 0 0 8px;
	padding: 0 0 7px 0;
	}
	
#headerCol2 { /*Div Contains Top Nav*/
	width: 756px;
	float: right;
	margin: 6px 8px 0 0;
	}

/****START TOP NAV****/	
/*
#topNav {
	margin: 0;
	padding: 0;
	float: right;
	}
	
#topNav li {
	list-style-type: none;
	float: left;
	padding: 0 0 0 19px;
	}
	
#topNav li a, #topNav ul li a:visited {
	text-decoration: none;
	}
*/
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	position:relative;
	z-index:10;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0 0 0 25px;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	height: 72px;
	}
ul#topnav li a.main {
	line-height: 125px;
	text-align:center;
}
ul#topnav li:hover a, ul#topnav li a:hover { text-decoration:none; } /*--Hover State--*/
ul#topnav a.allClothing {
	background: url(../images/nav/allclothing.gif) no-repeat top center;

	
}
ul#topnav a.shirts {
	background: url(../images/nav/shirts.gif) no-repeat top center;
	width: 60px;
}
ul#topnav a.pants {
	background: url(../images/nav/pants.gif) no-repeat top center;
	width: 60px;
}
ul#topnav a.ties {
	background: url(../images/nav/tiesps.gif) no-repeat top center;
	width: 60px;
}
ul#topnav a.pocktsquares {
	background: url(../images/nav/tiesps.gif) no-repeat top center;
	width: 100px;
}
ul#topnav a.outerwear {
	background: url(../images/nav/outerwear.gif) no-repeat top center;
	width: 72px;
}
ul#topnav a.sweaters {
	background: url(../images/nav/sweaterblazer.gif) no-repeat top center;
	width: 78px;
}
ul#topnav a.footwear {
	background: url(../images/nav/footwear.gif) no-repeat top center;
	width: 78px;
}
ul#topnav a.blazers {
	background: url(../images/nav/blazer.gif) no-repeat top center;
	width: 60px;
}
ul#topnav a.accessories {
	background: url(../images/nav/accessories.gif) no-repeat top center;
	width: 82px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 75px; left: 0;
	background: #FFFFFF; /*--Background gradient--*/
	/*padding: 5px 5px 5px 0;*/
	padding: 0 5px 0 0;
	float: left;
	/*border:2px solid #A29A8B;*/
	border:2px solid #A29A8B;
	border-bottom:1px solid #A29A8B;
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 155px; /*--Override parent list item--*/
	color: #000F42;
	padding:0 0 0 0;
	border-bottom:1px solid #A29A8B;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: bold;
	color:#000F42;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color:#000F42;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 7px 5px 7px 5px;
	display: block;
	text-decoration: none;
	font-size:11px;
	color: #000F42;
	font-weight:bold;
}
ul#topnav .sub ul li a:hover {
	color:#FFF;
	font-weight:bold;
	background:#A29A8B;
}	
	

/****END TOP NAV****/	

#lightBrownBar { /*Bottom Brown Bar below the Top Nav*/
	width: 959px;
	height: 3px;
	margin: 0 8px 0 8px;
	background-color: #a29a8b;
	}
/******************************END HEADER DIV CONTENT******************************/

/************************MAIN CONTENT DIV CONTENT******************************/
#mainContent {
	width: 975px;
	}
	
#mainContentContainer {
	padding: 8px;
	}
	
#col1 { /*Div contains the slideshow*/
	width: 489px;
	float: left;
	}
	
#col2 { /*Div contains Duannes info*/
	width: 458px;
	float: right;
	}

/****START SLIDESHOW****/	
#slider { /*contains the slideshow*/
	width: 485px;
	height: 285px;
	border: solid 2px #a29a8b;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	z-index:1;
	}
/****END SLIDESHOW****/	

#homeBrands { /*Div contains brands for the home page*/
	background-color: #555149;
	margin: 8px 0 8px 0;
	}
	
#homeBrands ul {
	margin: 0;
	padding: 0;
	}
	
#homeBrands ul li {
	list-style-type: none;
	float: left;
	}
	
#homeBrands ul li a, #homeBrands ul li a:hover {
	text-decoration: none;
	padding: 0 13px 0 13px;
	}
//*	
#homeRobert { 
	padding: 6px 0 0 0;
	*padding:0 0 0 0;
	}
	
#homeBills {
	padding: 3px 0 0 0;
	*padding:0 0 0 0;
	}
	
#homePerofil { 
	padding: 9px 0 0 0;
	*padding:5px 0 0 0;
	}
	
#homePendleton { 
	padding: 2px 0 0 0;
	*padding:0 0 0 0;
	}
	 
#homeZanella { 
	padding: 4px 0 0 0;
	*padding:0 0 0 0;
	}
	
#homeGitman { 
	padding: 9px 0 0 0;
	*padding:4px 0 0 0;
	}
*/	
#homeDesigners {
	
	}

#categories { /* UL for category list*/
	list-style:none;
	margin:0;
	padding:0;
	}
	
.category { /*li that contains all the Home Category Image and Links*/
	float: left;
	margin: 8px 15px 0 16px;
	text-align: center;
	width: 160px;
	}
	
.category a.catImageLink { /*li that contains all the Home Category Image and Links*/
	width:160px;
	height:115px;
	display:block;
	border:2px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
	}
	
.category a.catImageLink:hover { /*li that contains all the Home Category Image and Links*/
	border:2px solid #A29A8B;
	}
	
.homeH3 {
	margin: 0;
	padding: 0;
	}
	
#insideCol1 { /*Contains the leftNav*/
	width: 180px;
	float: left;
	}
	
#insideCol2 {
	width: 771px;
	float: right;
	margin: 0 0 0 8px;
	}

/*
.leftNavMainHeader { 
	background: url(../images/round_header.png) no-repeat;
	width: 180px;
	height: 31px;
	font-size: 14pt;
	color: #fff;
	line-height:30px;
	text-align:center;
	padding: 0;
	margin: 0 0 5px 0;
	}
*/

.refineTab { 
	background: url(../images/refine_tab.png) no-repeat;
	width: 180px;
	height: 25px;
	font-size: 18px;
	color: #555149;
	line-height:25px;
	text-indent:10px;
	padding: 0;
	margin: -8px 0 10px 0;
	}
	
.leftNavTop { /*The background of the left column headers*/
	background: url(../images/leftNavTop.png) no-repeat;
	width: 180px;
	height: 24px;
	font-size: 18px;
	color: #fff;
	text-indent:5px;
	padding: 0;
	border-bottom: #A29A8B solid 1px;
	margin: 12px 0 0 0;
	}
	
.leftNavTopFirst { /*The first header on the page -- taking off the top margin*/
	background: url(../images/leftNavTop.png) no-repeat;
	width: 180px;
	height: 24px;
	font-size: 18px;
	text-indent:5px;
	line-height:18px;
	color: #fff;
	padding: 0;
	border-bottom: #A29A8B solid 1px;
	margin: 0;
	}
	
.leftNavRepeat { /*Background of the gradient from brown to white -- holds all of the links*/
	background: url(../images/leftNavRepeat.png) repeat-x;
	min-height:58px;
	}
	
.leftNavRepeat ul {
	margin: 0;
	padding: 0;
	padding: 2px 0 0 5px;
	}
	
.leftNavRepeat ul li {
	list-style-type: none;
	}
	
.leftNavTitle { /*Use for spacing around the headers in the left hand column*/
	padding: 3px 0 0 5px;
	}
/************************END MAIN CONTENT DIV CONTENT******************************/

/************************START FOOTER DIV CONTENT******************************/
#footer {
	width: 975px;
	background-color: #a29a8b; /*Footer background color*/
	}
	
#footerCol1 { /*Holds the email signup and the image of all the credit cards*/
	width: 370px;
	float: left;
	margin: 8px 0 5px 0;
	*margin: 8px 0 0 0;
	}
	
#footerCol2 { /*Holds Bottom Navigation*/
	width: 491px;
	float: left;
	margin: 8px 0 0 0;
	}
	
#footerCol3 { /*Holds the Hansen's H and Twitter and Facebook Logos*/
	float: right;
	width: 101px;
	text-align: right;
	margin: 8px 8px 0 0;
	}
	
#footerCol1 ul { /*Used for the getting the credit cards to line up*/
	margin: 0;
	padding: 0;
	}
	
#footerCol1 ul li {
	list-style-type: none;
	float: left;
	padding: 0 7px 0 8px;
	}
	
#emailSubmit { /*div used for the Email Submit*/
	margin: 0 0 0 8px;
	padding: 0 0 10px 0;
	*padding: 0;
	*margin: 0 0 -8px 8px;
	}
	
.submitButton { /*Submit Button*/
	background: url(../images/submit.gif) no-repeat;
	width: 81px;
	height: 25px;
	cursor: pointer;
	border: none;
	margin: 0 0 0 3px;
	}
	
/****START BOTTOM NAV****/	
.bottomNav {
	margin: 0;
	padding: 0;
	float: left;
	border-left: solid 2px #555149;
	padding: 0 0 0 10px;
	margin: 0 8px 0 8px;
	height: 68px;
	}
	
.bottomNav li {
	list-style-type: none;
	}
	
.bottomNav li a, .bottomNav li a:visited {
	color: #555149;
	font-size: 11pt;
	}
/****END BOTTOM NAV****/	

#icons {
	float: left;
	}
	
#facebook {
	padding: 0 0 6px 0;
	}
/************************END FOOTER DIV CONTENT******************************/

.colClear {
	clear: both;
	}
	
	
/************************TO BE ORGANIZED******************************/
.designersList {
	width:165px;
	padding:4px;
	font-size:14px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear: both;
}

.subcategory {
	margin:0;
	padding:0;
}

.subcategory li {
	list-style:none;
	float:left;
	display:block;
	padding:20px;
}

.productBox {
	margin:0;
	padding:0;
}

.productBox li {
	display:block;
	float:left;
	width:172px;
	height:330px;
	text-align:center;
	margin:10px;
}

.mainProductImage {
	/*width:172px;
	height:229px;*/
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
}

.h2Pad span {
	font-size:16px;
	font-weight:normal;
}

#displayCol {
	width: 874px;
	background-color: #fff;
	min-height: 400px;
	margin: 0;
	padding: 0;
}
	
#displayColContent {
	padding: 8px;
}
	
.floatRight2 {
	float: right;
	padding: 3px 0 0 0;
}
	
	
.h2Pad {
	margin-bottom: 8px;
}
	
#displayContent {
	width: 874px;
	margin:0 auto 0 auto;
}

.button {
	background:#000F42;
	color:#FFFFFF;
	font-weight:bold;
	border:2px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.button:hover {
	background:#000F42;
	color:#FFFFFF;
	font-weight:bold;
	border:2px solid #EFEFEF;
	-moz-box-shadow: 0px 0px 1px #666;
	-webkit-box-shadow: 0px 0px 1px #666;
	box-shadow: 0px 0px 1px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.button:active {
	background:#000F42;
	color:#BBBBBB;
	font-weight:bold;
	border:2px solid #BBBBBB;
	-moz-box-shadow: 0px 0px 1px #666;
	-webkit-box-shadow: 0px 0px 1px #666;
	box-shadow: 0px 0px 1px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.button_brown {
	background:#555149;
	color:#FFFFFF;
	font-weight:bold;
	border:2px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.button_brown:hover {
	background:#555149;
	color:#FFFFFF;
	font-weight:bold;
	border:2px solid #EFEFEF;
	-moz-box-shadow: 0px 0px 1px #666;
	-webkit-box-shadow: 0px 0px 1px #666;
	box-shadow: 0px 0px 1px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.button_brown:acvtive {
	background:#555149;
	color:#BBBBBB;
	font-weight:bold;
	border:2px solid #BBBBBB;
	-moz-box-shadow: 0px 0px 1px #666;
	-webkit-box-shadow: 0px 0px 1px #666;
	box-shadow: 0px 0px 1px #666;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

#slider a{
	display:block;
}

.borderDash {
	border: dashed 1px #A29A8B;
	padding: 8px;
	}
	
hr {
	border:none;
	border-bottom:1px solid #000F42;
	margin:0 0 10px 0;
}

.noPadnoMar {
	padding:0;
	margin:0;
}

.sku {
	width:100px;
	overflow:hidden;
	white-space:nowrap;
	margin:0 auto 0 auto;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}

.innerCat {
 	text-align:center;
	margin:5px 5px 0 0;
	float:left;
 }
 
 
.innerCatTop {
 	text-align:center;
	margin:0 5px 0 0;
	float:left;
 }
 
.innerCatBig {
 	text-align:center;
	margin:25px 25px 0 0;
	float:left;
}

.innerCatBigTop {
 	text-align:center;
	margin:0 25px 0 0;
	float:left;
}

.innerCatWide {
 	text-align:center;
	margin:25px 150px 0 0;
	float:left;
}

.innerCatWideTop {
 	text-align:center;
	margin:0 150px 0 0;
	float:left;
}

.innerCatWideLast {
 	text-align:center;
	margin:25px 0 0 0;
	float:left;
}

.innerCatWideTopLast {
 	text-align:center;
	margin:0 0 0 0;
	float:left;
}

.borderTable {
	border:1px solid #555149;
}

.borderTable td {
	border:1px solid #555149;
}

.catNameNum {
	font-size:16px;
	font-weight:bold;
}

.addShadow {
	border:1px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
}

.optionLabel {
	font-size:12px;
	font-weight:bold;
}

.optionsList {
	list-style:none;
	margin:0;
	padding:0;
}

.optionsList li {

}

.optionsList select {
	border:1px solid #A29A8B;
	margin-bottom:10px;
	width:100%;
}

.textBox {
	border:1px solid #A29A8B;
	width:25px;
	padding:0;
	margin:0;
}

.detailImages {
	float:left;
	text-align:center;
	padding:0 5px 0 5px;
	font-size:10px;
}

.detailImages a {
	text-decoration:none;
}

.homeH1 {
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.homeH2 {
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.homeH3 a, .homeH3 a:visited {
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display: inline;
	text-decoratoin: none;
	}
	
.homeSpace {
	padding: 8px 0 0 0;
	}
	
#pagination a.page, #pagination a.page:visited {
	width:auto;
	padding:1px 5px 1px 5px;
	border:1px solid #A29A8B;
	margin:0 1px 0 1px;
	text-align:center;
	text-decoration:none;
	color:#555149;
	}


#pagination a.page:hover {
	width:auto;
	padding:1px 5px 1px 5px;
	border:1px solid #555149;
	margin:0 1px 0 1px;
	text-align:center;
	text-decoration:none;
	color:#555149;
	}

#pagination a.current {
	width:auto;
	background:#555149;
	padding:1px 5px 1px 5px;
	border:1px solid #555149;
	margin:0 1px 0 1px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	}

.button_buynow {
	width: 172px;
	height: 48px;
	border:none;
	background:url(../images/buynow.png) no-repeat;
	cursor:pointer;
}

.button_buynow:hover {
	background:url(../images/buynowh.png) no-repeat;
}

.button_checkout {
	width: 151px;
	height: 48px;
	border:none;
	background:url(../images/_checkout.png) no-repeat;
	cursor:pointer;
}

.button_checkout:hover {
	background:url(../images/_checkouth.png) no-repeat;
}

.button_completeorder {
	width: 210px;
	height: 46px;
	border:none;
	background:url(../images/completeorder.png) no-repeat;
	cursor:pointer;
}

.button_completeorder:hover {
	background:url(../images/completeorderh.png) no-repeat;
}

.button_continue {
	width: 220px;
	height: 44px;
	border:none;
	background:url(../images/continue.png) no-repeat;
	cursor:pointer;
}

.button_continue:hover {
	background:url(../images/continueh.png) no-repeat;
}

.button_continuecheckout {
	width: 220px;
	height: 44px;
	border:none;
	background:url(../images/continuecheckout.png) no-repeat;
	cursor:pointer;
}

.button_continuecheckout:hover {
	background:url(../images/continuecheckouth.png) no-repeat;
}

#topSmallNav li a, #topSmallNav li a:visited {
	font-size:13px;
	font-weight:bold;
	color:#EFEFEF;
	text-decoration:none;
	line-height:23px;
	padding:0 2px 0 2px;
}

#topSmallNav li a:hover {
	color:#A39A89;
}

ul.ccInfo { /*Used for the getting the credit cards to line up*/
	margin: 0;
	padding: 0;
	}
	
ul.ccInfo li {
	list-style-type: none;
	float: left;
	padding: 0 7px 0 8px;
	}
	
.pushCCInfoLeft {
	position:relative;
	left:60px;
}
