/* 
*	Fairway Styles 
*	PA: jjohnson
*
*/


body {text-align: center; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background:#404040 url(/images/bgReskin/bg-pattern.jpg) 0 0 repeat-x;}
form{margin: 0; padding: 0; display:inline;}
form .input, .formText{margin: 3px; padding: 3px;border: 1px solid #999; border-right-color: #ddd;	border-bottom-color: #ddd;}

.red{color: #f00;}
.orange{color: #f60;}

a{ text-decoration: none; color: #6A9A13;}
a:hover{ text-decoration: underline;}
a img, a{outline: none;}

p{margin: 0; padding: 0; line-height: 18px;}

#wrapper{width: 915px; padding:0 13px 0 16px; margin: 0 auto; background:url(/images/bgReskin/bg-wrapper.png) 0 0 repeat-y;}
#wrapper div{text-align: left;}

#flashObj{margin: 5px 0 5px 6px;}

#marketingPanel{background: url(../images/marketingpanel_bg.jpg) no-repeat left top; margin: 10px 0 10px 10px; position: relative; width: 690px; height: 373px;}
#marketingPanel h3, #marketingPanel h3{color: #fff; font-size: 16px; line-height: 22px;}
#marketingPanel h3{border-bottom: 1px solid #76a02b; padding-bottom: 4px;}
#slider{position: relative;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider, #slider li{ width:690px;height:373px;overflow:hidden; }
#slider li{position: relative;}
#slider li .description{position: absolute; width: 250px; right: 12px; top: 0; color: #fff; line-height: 20px;}
#slider li .description a{color: #fff; font-weight: bold;}
span#prevBtn a{position:absolute;bottom: 14px; right: 220px;height:22px; width:22px; background:url(/images/up.gif) no-repeat scroll 0 0;float:left;text-indent:-99999em;}
span#nextBtn a{position:absolute;bottom: 14px; right: 192px;height:22px; width:22px; background:url(/images/down.gif) scroll 0 0;float:left;text-indent:-99999em;}	



.userwelcome{font-size: 10px; color: #777; text-align: right;}
.userwelcome a{color: #777; font-weight: bold; border-left: 1px solid #777; padding: 0 0 0 10px;}
.userwelcome ul{margin: 5px 0 0 0; padding: 0;}
.userwelcome ul li{margin: 0; padding: 0 4px; list-style:none; display: inline;}

#sidemenu{width: 200px; height:100%; background: #4d4d4d; float: left;}
	.logo h1{height: 170px; width: 200px; background: url(../images/bgReskin/fws-logo.jpg) no-repeat left top; margin: 0; padding: 0; text-indent: -9999px;}
	.logo h1 a{display: block;  width: 200px; height: 125px;}
	
	.men a, .women a{font-size: 11px;}
	
	.men{padding: 0 0 15px 0;}
	.men h4{margin: 0; padding: 0; width: 200px; height: 32px; text-indent: -9999px; background: url(../images/headers/shopmen.gif) no-repeat left top;}
	.men h6{margin:0; padding: 0; width: 200px; height: 19px; text-indent: -9999px; background: url(../images/headers/men-blue.gif) no-repeat left top;}
	.men ul, .men ul li{margin: 0; padding: 0; list-style:none;}
	.men ul li{margin: 0 0 0 35px; }
	.men ul li a{display:block; width: 140px; height: 20px; color: #a7a7a7;  padding-top: 2px; background: url(../images/grey1pxdash.gif) repeat-x left bottom;}
	.men ul li a:hover,.men ul li a.selected{background-color: #09c; color: #fff; text-decoration:none;}	
	.men ul li ul li{margin: 0; padding: 0;}
	.men ul li ul li a{padding: 0 0 0 20px; width: 120px;}
	
	.women{background: url(../images/bgReskin/sidenav-bg.gif) bottom left no-repeat; padding-bottom: 60px;}
	.women h4{margin: 0; padding: 0; width: 200px; height: 32px; text-indent: -9999px; background: url(../images/headers/shopwomen.gif) no-repeat left top;}
	.women h6{margin:0; padding: 0; width: 200px; height: 19px; text-indent: -9999px; background: url(../images/headers/men-green.gif) no-repeat left top;}
	.women ul, .women ul li{margin: 0; padding: 0; list-style:none;}
	.women ul li{margin: 0 0 0 35px; }
	.women ul li a{display:block; width: 140px; height: 20px; color: #a7a7a7; padding-top: 2px; background: url(../images/grey1pxdash.gif) repeat-x left bottom;}
	.women ul li a:hover, .women ul li a.selected{background-color: #6a9913; color: #fff; text-decoration:none;}	
	.women ul li ul li{margin: 0; padding: 0;}
	.women ul li ul li a{padding: 0 0 0 20px; width: 120px;}
	
	.secondarylinks ul, .secondarylinks ul li{margin: 0; padding: 0; list-style:none;}
	.secondarylinks ul li{margin: 0 0 0 35px; padding: 2px 0;}
	.secondarylinks a{color: #a7a7a7; font-weight: bold;}

#mainColumn{width: 715px; float: right;}
		h1.stylish{clear: both; display:block; width: 715px; height: 375px; background:  url(../images/headers/stylishgolfapparel.jpg) no-repeat left top; text-indent: -9999px;}


.navigation{width: 700px;}
	.navigation .cart{background: url(../images/headers/stylishapperalaroundworld.gif) no-repeat left bottom; height: 60px; margin: 10px 0 0 0;}
	.navigation .cartinfo{float: right; color: #09c;}
	.navigation .cartinfo a{color: #09c; font-weight: bold; text-decoration:underline;}
	.navigation .cartinfo a:hover{text-decoration:none;}
	.navigation .cartinfo form{margin: 3px 0 0 0; padding: 0;}
	.navigation .cartinfo input{width: 100px; border: 1px solid #b0b0b0; color: #b0b0b0;}

.navbar{clear:both; background: #6A9A13; height: 30px;}
			.navbar .about{width: 85px;}
			.navbar .thebrands{width: 105px;}
			.navbar .blog{width: 60px; margin-left:0;}
			.navbar .customerservice{width: 144px;}
			.navbar .checkout{width: 50px; background:none;}
	.navbar a{color: #fff; font-weight: bold; display:block; height: 22px; padding: 8px 0 0 0; text-align:center; background: url(../images/nav-right.gif) no-repeat top right;}
	.navbar a:hover{text-decoration:none; color: #333;}
	.navbar a.selected{color: #333;}
	.navbar ul, .navbar ul li{margin:0; padding: 0; list-style:none;}
	.navbar li{float: left;}
	.navbar ul{margin: 0 0 0 208px;}
	
.dropdownbar{clear:both; background: #a7a7a7 url(/images/bg-dropdowns.jpg) top right no-repeat; height: 20px; margin-top:10px;}
.dropdownbar ul { text-align:right; margin-right:7px; margin-top:2px; padding-top:1px;}
.dropdownbar li {display:inline; margin-right:8px;}
.dropdownbar select { background: #4d4d4d; color:#fff; border:none; min-width:125px; }
.dropdownbar option { background:#fff; color:#4d4d4d;}
.dropdownbar input {font-size: 9px;}


.blog, .news{width: 230px;}
.blog{margin-right: 20px; margin-left: 20px;}
.blog h5, .news h5{height: 32px; text-indent: 99999em; background-repeat:no-repeat; background-position: left top; margin-bottom: 6px;}
.blog h5{width: 96px; background-image: url(../images/h-blog.gif); margin-left: -20px;}
.news h5{width: 100px; background-image: url(../images/h-news.gif);}
.news h3 a, .blog h3 a{font-size: 14px;}



/*
 *
 * News / Events / Blog Item
 *
 */
.listingitem{ padding:10px; width: 98%;}
.listingitem .header { width: 102%; height: 16px; font-size: 16px; font-weight: bold;}
.listingitem .header.post { background:#e3e3e3; font-size:11px; padding:3px 0 3px 8px; margin:0 0 -10px -10px;}
.listingitem .date{ font-size:10px; font-style:italic; }
.listingitem .img{width: 223px; float: left; margin-right: 10px;}
.listingitem .img img{ border: #353535 1px solid;}
.listingitem .text{width: 435px; float: left;}
.tags{margin-left:0; margin-bottom:-10px; padding:0;}
.tags li {display:inline; font-size:10px; margin-right:2px;}
.tags li a.largest { font-size:16px;}
.tags li a.large { font-size:14px;}
.tags li a.medium { font-size:12px;}
.tags li a.smallest { font-size:9px;}
.tags li a:hover { text-decoration:underline;}
.tags li.last{border:none;}

.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
		
	.error{
		background: #FFEBE8;
	    color: #333; 
		border: 1px solid #CC0000;
		}
	


#featured{margin: 0 0 0 13px;}
	#featured .items, #featured .items li{margin: 0; padding: 0; list-style:none;}
	#featured .items li{float: left; width: 140px; height: 160px; position: relative;}
	#featured .items img{border: 1px solid #b0b0b0; padding: 2px;}
	#featured .items li.sale img.saleIcon{border: 0; background: none; position: absolute; left: -2px; top: -1px;}

#searchDetail{margin: 15px 0 0 15px; border: 1px solid #b0b0b0; float: left; width: 683px;}
	* html #searchDetail{margin: 15px 0 0 7px;}
	#searchDetail .feature{float: left; background: #9A9C97;}
	#searchDetail .detail{float: right; width: 250px; font-size: 11px; padding:0 8px;}
	#searchDetail .detail p{font-size: 10px; padding: 3px 0;}
	#searchDetail .detail p a{color: #f60; font-weight: bold;}
	#searchDetail .detail p a:hover{text-decoration:underline;}
	#searchDetail .detail .itemTitle{color: #09c;}
	#searchDetail .detail .price{color: #f60; }
	#searchDetail .detail .slashed{text-decoration: line-through;}
	#searchDetail .detail ul, #searchDetail .detail li{margin: 0; padding: 0; list-style:none;}
	#searchDetail form select{margin: 15px 0 0 0;}
	#searchDetail .detail .addtobag{margin: 15px 0 0 0;}
	
	
.blogLt { width: 450px; float: left; }
.blogRt	 { width: 200px; float: left; margin-left: 10px; padding-left: 15px; }

ul.linklist { list-style: none; margin-top: -10px; }
	
	

div.paging{clear: both; padding: 5px 0; color:#85ac3e; font-weight: bold;}
	.paging p{text-align: right; padding-right: 20px;}
	.paging a{color: #09c; }
	

.branddesc{background: url(../images/greywhitedash.gif) repeat-x left bottom; margin: 0 0 10px 0; width: 675px;}
	.branddesc .logo {border: 1px solid #b1b1b1; float: right;}
	h3.brand{color: #6a9913; text-transform: uppercase; font-size: 13px; margin: 0; padding: 0;}
	h1.header{font-size: 22px; margin: 0 0 10px 0; padding: 0 0 5px 0; background: url(../images/greywhitedash.gif) repeat-x left bottom;}
	h1.header strong{color: #09c;}
	.branddesc .desc{float: left;}
	.linkdesc{float: left; width: 300px; margin: 10px 0; padding: 0 10px; min-height: 275px; background:url(../images/greywhitedash.gif) repeat-x left bottom;}
	* html .linkdesc{height: 275px;}
	.linkdesc img{float: left; margin: 5px;}
	.linkdesc p{clear:both;}

#content{padding: 30px 20px 30px 10px;}


.cartTableHeader{background: #6A9A13; color: #fff; font-weight: bold; padding: 3px;}
.orderDetails{ width: 100%; margin: 5px 2px 2px 2px; color: #4D4D4D;}
.related{background: #ffc; border-top: 1px solid #FFD83F; border-bottom: 1px solid #FFD83F; width: 100%; margin: 5px 2px 2px 2px; color: #4D4D4D;}
.related a{color: #6A9A13;}
	.related img{background: #fff; padding: 3px; border: 1px solid #ccc; margin: 4px 0 0 0; width: 80px; height: 80px;}
.orderDetails{width: 90%; padding: 5px;}

.clear{clear:both;}

#footer {width: 915px; padding:0 13px 30px 16px; margin: 0 auto; background:url(/images/bgReskin/bg-footer.png) 0 0 no-repeat; color:#fff;}
#footer a {color:#fff; font-size:10px;}
#footer a:hover{ text-decoration: underline; color: #6A9A13;}


/*
 *
 * Layout / Form
 *
 */

.form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;}
.formRow{ margin-top: 10px;}

.formItem { width: 220px; float: left;}
.formItem .textfield{ width: 200px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 420px; float: left;}
.formItemLong .textfield{ width: 420px;}
.formItemLong .textfield2{ width: 200px;}
.formItemLong .textfield-small{ width: 50px;}
.formItemLong .textarea { width: 420px;}
.formItemLong .dropdown{ height: 23px;}

.city{ width: 220px; float: left;}
.city .textfield{ width: 200px;}

.state{ width: 60px; float: left;}
.state .dropdown{ height: 23px;}

.zipcode{ width: 50px; float: left;}
.zipcode .textfield{ width: 50px;}

.phone{ width: 220px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}

.button {padding-top:10px;}

.error{
		background: #FFEBE8;
	    color: #333; 
		border: 1px solid #CC0000;
		}


.error h5{color: #fff; background: #ac0019; padding: 3px; font-family: Arial,san-serif; font-size: 12px; font-weight: bold;}
.error ul{font-size: 90%; margin-bottom: 0; padding-bottom: 0; margin: 10px 10px 0 25px;}
	.error ul li{list-style:disc !important; background: none !important; padding-left: 0 !important;}
	
#msg.error{padding: 0 0 12px 0;}

/*
 *
 * Overlay
 *
 *
*/

#overlay { background:#fff; color:#000; width:480px; display:none; padding:50px; border: #ccc solid 1px; text-align:left;} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { overflow-y: auto;}
div.overlay div.close { background:url('/images/buttons/close.png') top right no-repeat; position:absolute; right:5px; top:5px; cursor:pointer; width:28px; height:28px;}