t/* initial styles, to remove default margin/padding across browsers */

html, body, form, fieldset {

	margin: 0;

	padding: 0;

	font: 12px verdana, helvetica, sans-serif;

}



h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address {

	margin: 0;

	padding: 0;

}



li, dd, blockquote {

	margin-left: 0;

}



form label {

	cursor: pointer;

}



fieldset {

	border: none;

}



input, select, textarea {

	font-size: 100%;

}





/* universal declaration for elements that will use image replacement */

/* e.g. headers (where text is replace by an image) */

#header h1,

#header h2,

#navigation li a,

div.full_callout h1 {

	background-position: top left;

	background-repeat: no-repeat;

	font-size: 0px;

	line-height: 0px;

	overflow: hidden;

	text-indent: -500em;

	white-space: nowrap;

}



/* main styles */

html {

	height: 100%;

}



body {

	
	background: url(images/bg.jpg) repeat-x #285e09;
	height: 100%;

	color: #1b4005;

}



a {

	color: #92281a;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}


#bg {height:200%;background: url(images/body-shadow.png) top center repeat-y;}
#container {

	width: 770px;
	height: 100%;

	margin: 0  auto 0 auto !important;

	border-top: solid 1px transparent;

}



#header {

	width: 770px;

	float: left;

	display: inline;

}



#header img { 

}



#header a#headerimage,

#header a#headerimage img {

	float: left;

	display: block;

	width: 770px;

	height: 260px;

	margin: 0;

	padding: 0;

}



#header .mPhoto {

	position: absolute;

	-moz-opacity: 0.0;

	filter: Alpha(opacity=0);

	opacity: 0;

}



#navigation {

	list-style: none;

	width: 770px;

	float: left;

	clear: both;

	background-color: transparent;

	margin-top: -4px;

}



* html #navigation { margin-top: -6px; }



#navigation li {

	float: left;

}



#navigation li a {

	display: block;

	height: 32px;

}



#navigation li a:hover {

	background-position: 0px -32px;

}



#navigation li a.on {

	background-position: 0px -64px;

}



#navigation li a.on:hover {

	background-position: 0px -64px;

}



#navigation li a.your_visit 		{ background-image: url(images/navigation-your_visit.gif); width: 96px; }

#navigation li a.the_courses 		{ background-image: url(images/navigation-the_courses.gif); width: 113px; }

#navigation li a.tournaments 		{ background-image: url(images/navigation-tournaments.gif); width: 126px; }

#navigation li a.events				{ background-image: url(images/navigation-events.gif); width: 120px; }

#navigation li a.pro_shop			{ background-image: url(images/navigation-pro_shop.gif); width: 90px; }

#navigation li a.restaurant		{ background-image: url(images/navigation-restaurant.gif); width: 110px; }

#navigation li a.book_a_tee_time { background-image: url(images/navigation-book_a_tee_time.gif); width: 115px; }



#content {

	float: left;

	/*clear: both;*/

	display: inline;

	width: 730px;
	padding:20px;

}



/* home page only styles */

#content .bucket {

	float: left;

	display: inline;

	width: 185px;

	color: #FFFFFF;

	margin: 8px 0 8px 8px;

	height: 430px;

	
}

#content .bucket img.borderbot {

	border-bottom: 1px solid #fff;

}

#content .bucket img.tinypdf {

	float: left;

	width: 66px;

	height: 52px;

}


#content .bucket p {

	padding: 10px 10px 10px 10px;

	width: 165px;

	height: 60px;

	float: left;

	font-size: 10px;

	line-height: 12px;

	color: #F5F7E3;

}



#content .bucket p.links { padding-top: 10px; height: auto; }

#content .bucket a { color: #F5F7E3; font-weight: bold;}

#content .bucket strong { color: #F5F7E3; font-size: 13px; font-weight: normal;display: block;margin-bottom: 10px;}

#content .bucket i { font-size: 10px; font-style: normal;}

#content .tradition			{ background-color: #766D53; overflow: hidden;}

#content .tradition p 			{ color: #e1cd95; ; }/*

#content .tradition p.links 	{ background-color: #766D53; }*/



#content .challenge 			{ background-color: #e7f6fd; }

/*#content .challenge p 			{ background-color: #e1cd95; }

#content .challenge p.links 	{ background-color: #5F908C; }*/



#content .triumph 			{ background-color: #45803D; }

#content .triumph p 				{ color: #bcda87; }/*

#content .triumph p.links 		{ background-color: #944C22; }*/





#content .promos { 

	width: 175px;

	height: 313px;

	margin: 8px 0 0 8px;

}

.greyCallouts {

	background:#fff;

	padding:0px;

	margin-bottom: 6px;

	border-left: 1px solid #E9EBEB;

	clear:both;

}

.greyCallouts img {

	display: inline;

	float: right;

	margin-bottom: 2px;

}

.greyCallouts h5 {

	margin: 0;

	padding: 3px 0 3px 4px;

	color: #0060b6;

	font-size: 12px;

	font-weight: normal;

	background-color: #E9EBEB;

}

.greyCallouts p {

	color: #333333;

	font-size:10px;

	padding-left: 4px;

	padding-top: 4px;

}

.greyCallouts a {

	color:#00a0c6;

	text-decoration:none;

}

.greyCallouts a:hover {

	text-decoration:underline;

}

.golfClub {

	border: 1px solid #DB6214;

}

.golfClub .golfClubHeader {

	background: #db6214;

	padding-top: 7px;

	padding-bottom: 3px;

	color: #F2F5DC;

}

.golfClub span {

	display: block;

	padding: 10px;

}
/* eclub only page */
.eClub {
	border: 1px solid #DB6214;
	width: 250px;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.eClub .eClubHeader {

	background: #db6214;

	padding-top: 7px;

	padding-bottom: 3px;

	color: #F2F5DC;

}

.eClub span {

	display: block;

	padding: 10px;

}







.cleaner {

	clear:both;

	height:1px;

	font-size:1px;

	border:none;

	margin:0; padding:0;

	background:transparent;

}

#content .promos ul {

	float: left;

	height: auto;

	padding: 10px 10px 0 16px;

	margin: 0;

	width: 155px;

	color: #333333;

	line-height: 14px;

	/*list-style-type: circle;*/

}



#content .promos ul li {

	padding: 0 0 16px 0;

	margin: 0;



}





#content .promos a 	{ color: #539DB9; }



/* sub page full styles */

#content.full {

	width:750px !important; 

	/*padding:20px 10px 0 10px;*/ 

	float: left !important;

}



#content.full p {

	width:730px !important;

	float: left;

	padding-right: 20px !important;

	margin-bottom: 15px;

	line-height: 15px;

}



/* sub page styles */

body.sub #content {

	padding: 20px 0 0 20px;

	width: 565px;

	float: right;

}



body.sub #content h1 {

	width: 100%;

	color: #506480;

	font-size: 18px;

	font-family: tahoma, verdana, sans-serif;

	padding-bottom: 5px;

}



body.your_visit #content h1

body.your_visit #content strong 	{ color:#506480; }

body.the_courses #content h1,

body.the_courses #content strong	{ color:#095AA6; }

body.tournaments #content h1,

body.tournaments #content strong	{ color:#A38B21; }

body.events #content h1,

body.events #content strong		{ color:#4A4A7B; }

body.pro_shop #content h1,

body.pro_shop #content strong		{ color:#B3AC00; }

body.restaurant #content h1,

body.restaurant #content strong	{ color:#CC6600; }



#content h2 {

	font-size: 11px;

	clear: both;

}



#content h3 {

	font-size: 11px;

	clear: both;

	font-weight: normal;

	font-style: italic;

	padding-bottom: 5px;

}



body.sub #content div.full_callout {

	width: 545px;

	float: left;

	background-color: #F0EDDB;

}



body.sub #content div.full_callout h1 {

	float: left;

	width: 200px;

	height: 90px;

	background-position: top left;

	background-repeat: no-repeat;

}



body.sub #content div.full_callout img {

	float: left;

}



body.sub #content div.full_callout p {

	float: left;

	width: 180px;

	padding:  0 10px 0 10px;

	margin: 0;

	font-size: 10px;

	line-height: 13px;

}



body.sub #content div.full_callout a {

	text-decoration: none;

	color: #FFFFFF;

	margin-top: 0px;

}



body.sub #content div.full_callout a.imgtext:hover {

	text-decoration: underline;

}



body.sub #content div.full_callout a.imgtext {

	text-decoration: none;

	color: #FFFFFF;

	margin: 155px 0 0 -260px;

	padding: 0;

	display: block;

	width: 260px;

	height: auto;

	float: left;

}



body.sub #content div.the_old_course h1 {

	background-image: url(../images/content-callout-logo-the_old_course.gif);

}



body.sub #content div.the_ocean_course h1 {

	background-image: url(../images/content-callout-logo-the_ocean_course.gif);

}



body.sub #content p {

	width: 545px;

	float: left;

	margin-bottom: 15px;

	line-height: 15px;

}



body.sub #content p.faq {

	font-weight: bold;

}



body.sub #content p.faq span {

	font-weight: normal;

	display: block;

}



body.sub #content ul,

body.sub #content ol {

	/*width: 525px;*/

	/*float: left;*/

	/*display: inline;*/

	clear: both;

	margin-bottom: 15px;

}



body.sub #content ol { margin-left: 20px; }

/** html body.sub #content ul,*/

* html body.sub #content ol { margin-left: 23px; }



body.sub #content ul li,

body.sub #content ol li {

	margin-bottom: 5px;

}



body.sub #content ul li {

	padding-left: 10px;

	list-style: none;

	background-repeat: no-repeat;

	background-position: 0px 5px;

	background-image: url(../images/bullet.gif);

}

/* override the bullet for the swatches list */

#content #swatches li {

	padding-left: 0;

	list-style: none;

	background-image: none;

}



body.your_visit #content .emphasis 				{ font-weight: bold; color:#506480; }

body.the_courses #content .emphasis 			{ font-weight: bold; color:#095AA6; }

body.tournaments #content .emphasis 			{ font-weight: bold; color:#A38B21; }

body.events #content .emphasis 					{ font-weight: bold; color:#4A4A7B; }

body.pro_shop #content .emphasis 				{ font-weight: bold; color:#B3AC00; }

body.restaurant #content .emphasis 				{ font-weight: bold; color:#CC6600; }



body.sub #content a {

	color: #197CA2;

}



body.sub #content div.course_facts {

	float: left;

	width: 345px;

	color: #F5F7E3;

	min-height: 400px;

}



* html body.sub #content div.course_facts { height: 400px; }



body.sub #content div.course_facts h1 {

	width: 329px;

	padding: 5px 8px 5px 8px;

	font-size: 11px;

	color: #F5F7E3;

	text-transform: uppercase;

	margin-bottom: 5px;

}



body.sub #content div.course_facts p {

	width: 329px;

	padding: 0px 8px 10px 8px;

	margin: 0;

}



body.sub #content div.course_facts div {

	float: left;

	display: inline;

	width: 164px;

	margin-left: 8px;

}



body.sub #content div.course_facts div p {

	float: left;

	width: 164px;

	padding: 0 0 10px 0;

	margin: 0;

}



body.sub #content div.course_facts_old {

	background-color: #52693A;

}



body.sub #content div.course_facts_old h1 {

	background-color: #0A260D;

}



body.sub #content div.course_facts_ocean {

	background-color: #958952;

}



body.sub #content div.course_facts_ocean h1 {

	background-color: #3F3715;

}



body.sub #content div.course_facts_old strong,

body.sub #content div.course_facts_ocean strong { color: #F5F7E3; }



body.sub #content div.green_fees {

	float: left;

	width: 200px;	

	background-color: #F0EDDB;

	color: #666666;

	min-height: 400px;

}



* html body.sub #content div.green_fees { height: 400px; }



body.sub #content div.green_fees h1 {

	background-color: #095AA6;

	width: 184px;

	padding: 5px 8px 5px 8px;

	margin-bottom: 5px;

	font-size: 11px;

	color: #FFFFFF;

	text-transform: uppercase;

}



body.sub #content div.green_fees p {

	width: 184px;

	padding: 0px 8px 10px 8px;

	margin: 0;

}



body.course_preview {

	background: #FFFFFF; 

	width: 10080px;

}



body.course_preview div {

	float: left;

	width: 560px;

	color: #666666;

}



body.course_preview div h1 {

	width: 320px;

	font-size: 15px;

	font-weight: bold;

	padding: 0 0 2px 0;

}



body.course_preview div h2 {

	width: 320px;

	font-size: 12px;

	font-weight: bold;

	padding: 0 0 10px 0;

}



body.course_preview div p {

	width: 320px;

	padding: 10px 0 10px 0;

	clear: left;

}



body.course_preview div img {

	float: right;

	margin-right: 35px;

}



body.course_preview div ul {

	list-style: none;

	/*padding-left: 15px;*/

}



body.course_preview div ul li {

	float: left;

	padding-right: 5px;

}



body.sub #content iframe.course_preview {

	float: left;

	width: 545px;

	height: 250px;

}



body.sub #content ul.course_preview_nav {

	float: left;

	width: 545px;

	padding: 8px 0 8px 0;

	margin: 0;

	background-color: #FFFFFF;

	list-style: none;

}



body.sub #content ul.course_preview_nav li {

	float: left;

	text-align: center;

	/*padding: 2px 4px 2px 4px;*/

	margin-right: 1px;

	background: none;

	padding-left: 0;

}



body.sub #content ul.course_preview_nav li a {

	text-align: center;

	padding: 2px 4px 2px 4px;

}



body.sub #content ul.course_preview_nav li a:active {

	background-color: #FF6600;

	color: #FFFFFF;

}



body.sub #content ul.course_preview_nav li a:hover, body.sub #content ul.course_preview_nav li a.on {

	background-color: #FF6600;

	color: #FFFFFF;

}



body.sub #content #course_preview_photo {

	float: left;

	width: 380px;

	height: 148px;

}



body.sub #content div.big {

	float: left;

	width: 330px;

	margin-bottom: 15px;

}



body.sub #content div.big img {

	float: left;

	margin: 0;

	padding: 0;

}



body.sub #content div.small {

	float: left;

	width: 215px;

	margin-bottom: 15px;

}



body.sub #content div.small img {

	float: left;

}



body.sub #content div.big p {

	width: 315px;

	clear: both;	

	margin: 15px 15px 0 0;

}



body.sub #content p.caption {

	float: none;

	width: 315px;

	font-size: 9px;

	padding: 2px 0 10px 2px;

	margin: 0;

	margin-top: 2px !important;

	line-height: 10px;

	color: #333333 !important;

}



body.sub #content div.big p.caption {

	width: 315px;

}



body.sub #content div.small p.caption {

	width: 198px;

}



body.sub #content div.big div.column {

	float: left;

	width: 148px;

	border-left: solid 1px;

	margin-top: 10px;

	padding: 0 8px 0 8px;

}



body.sub #content div.big div.column p {

	width: 100%;

}



body.sub #content div.small p {

	width: 100%;

	clear: both;

}



body.sub #content div strong {

	color: #F57C11;

}



body.sub #content div.small ol,

body.sub #content div.small ul {

	width: auto;

}



body.your_visit #content div.small strong,

body.your_visit #content div.big strong 		{ color:#506480; }

body.the_courses #content div.small strong 	{ color:#095AA6 !important; }

body.tournaments #content div.small strong 	{ color:#A38B21; }

body.events #content div.small strong 			{ color:#4A4A7B; }

body.pro_shop #content div.small strong 		{ color:#B3AC00; }

body.restaurant #content div.small strong 	{ color:#CC6600; }



body.sub #content div.copyright {

	float: left;

	padding-left: 15px;

	width: 200px;

}



body.sub #content div.copyleft {

	float: left;

	padding-right: 15px;

	width: 200px;

}



body.sub #content div.half {

	width: 247px;

	padding: 8px;

	border: solid 1px;

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

}



body.sub #content table.shop {

	padding-right: 10px;

}



body.sub #content table.shop h1 {

	color:#000000;

	font-size: 14px;

	padding: 0;

	margin: 0;

}



body.sub #content table.shop h2 {

	font-size: 13px;

	color:#CFCEC4;

}



body.sub #content table.shop strong {

	color:#000000;

}



body.sub #content table.shop h3 {

	color: #000;

	font-size: 11px;

	clear: both;

	font-weight: bold;

	font-style: normal;

	padding: 5px;

	background-color:#959585;

}



body.sub #content table.shop div.colorback {

	background-color:#CFCEC4;

	width: auto;

}



body.sub #content table.shop p {

	padding:  0 10px 0 10px;

	margin: 0;

	font-size: 10px;

	line-height: 13px;

	width: auto;

}



body.sub #content table.shop a {

	text-decoration: none;

	color: #000;

}



body.sub #content table.shop div.colorback a {

	font-weight: bold;

	padding-top: 20px;

}



body.sub #content table.shop div.colorback select {

	width: 300px;

}



body.sub #content table.shop select {

	margin-top: 5px;

	margin-left: 5px;

}



body.sub #content table.shop input {

	margin: 5px 5px 10px 5px;

}



body.sub #content table.shop ul {list-style:none; width: 200px; }





body.your_visit #content div.half 	{ border-color:#506480; }

body.the_courses #content div.half 	{ border-color:#095AA6; }

body.tournaments #content div.half 	{ border-color:#A38B21; }

body.events #content div.half 		{ border-color:#4A4A7B; }

body.pro_shop #content div.half 		{ border-color:#B3AC00; }

body.restaurant #content div.half 	{ border-color:#CC6600; }



body.sub #content div.half p {

	width: 243px;

}



body.sub #content img.half {

	/*width: 265px;

	float: left;

	margin-right: 15px;*/

}



body.sub #content .required {

	color: #FC7000;

}



body.sub #content form {

	padding: 0 0 50px 0;

	margin: 0;

	clear: both;

}



body.sub #content form.paypal {

	padding: 0 0 30px 0;

}



body.sub #content form h4 {

   float: left;

	width: 100%;

	padding: 0;

	margin: 20px 0 10px 0;

	clear: both;

	font-size: 11px;

}



body.sub #content form h4 span {

	padding: 0 0 0 5px;

	font-weight: normal;

	font-size: 10px;

}



body.sub #content form h5 {

	padding: 0;

	margin: 10px 0 10px 0;

	clear: both;

	font-weight: normal;

	font-size: 11px;

}



body.sub #content form label {

	float: left;

	width: 115px;

	color: #FC7000;

	margin-bottom: 10px;

	font-size: 10px;

	display: inline;

}



body.sub #content form label.checkbox {

	width: 181px;

}



body.sub #content form label.checkboxlong {

	width: 545px;

}



body.sub #content form label.checkbox input,

body.sub #content form label.checkboxlong input {

	float: left;

	width: auto;

	margin: 0 8px 0 0;

	border: none;

}



* html body.sub #content form label.checkbox input,

* html body.sub #content form label.checkboxlong input { /* PC IE only */

	margin: -3px 2px 0 0;

}



body.sub #content form input {

	float: left;

	width: 150px;

	margin-right: 15px;

	margin-bottom: 10px;

	color: #666666;

	border: solid 1px #CCCCCC;

	height: auto;

	font-size: 10px;

}



body.sub #content form.paypal input {

	width: auto;

	margin-right: 5px;

}



body.sub #content form.paypal #btnAddtoCart {

	margin-top: 50px;

	float: right;

	border: none;

	width: 87px;

	height: 23px;

}



body.sub #content form.paypal .btnAddPrintstoCart {

	margin-top: 0px;

	float: right;

	border: none;

	width: 87px;

	height: 23px;

}



body.sub #content form.paypal #btnViewCart {

	float: right;

	border: none;

	width: 74px;

	height: 21px;

}





body.sub #content form select {

	float: none;

	width: 150px;

	margin-bottom: 10px;

	color: #666666;

	font-size: 10px;

}



body.sub #content form input.button {

	float: right;

	width: auto;

	margin-right: 15px;

	margin-bottom: 10px;

	background-color: #666666;

	color: #FFFFFF;

	border: solid 1px #CCCCCC;

	height: auto;

	font-size: 10px;

}





body.sub #content form textarea {

	width: 545px;

	margin-bottom: 20px;

	color: #666666;

	border: solid 1px #CCCCCC;

	height: 75px;

	font-size: 10px;

	font-family: verdana, helvetica, sans-serif;

}



body.sub #content form .notrequired {

	color: #666666;

}



body.sub #content form .last {

	margin-right: 0px;

}



body.sub #content form .long {

	width: 433px;

	margin-right: 0px;

}



body.sub #content form br {

	clear: both;

}



body.sub #sidecontent {

	padding: 20px 0 50px 0;

	width: 185px;

	float: left;

}	



body.sub #sidecontent h1 {

	font-size: 12px;

	color: #506480;

	margin: 0 0 8px 40px;

}



body.your_visit #sidecontent h1 				{ color:#506480; }

body.the_courses #sidecontent h1 			{ color:#095AA6; }

body.tournaments #sidecontent h1 			{ color:#A38B21; }

body.events #sidecontent h1 	{ color:#4A4A7B; }

body.pro_shop #sidecontent h1 				{ color:#B3AC00; }

body.restaurant #sidecontent h1 				{ color:#CC6600; }



body.sub #sidecontent h2 {

	font-size: 11px;

	margin-left: 40px;

}	



body.sub #sidecontent p {

	font-size: 10px;

	margin: 0 0 15px 40px;

}



body.sub #sidecontent p.quote {

	font-size: 10px;

	margin: 0 0 0 20px;

	width: 150px;

}



body.sub #sidecontent p.quote span {

	color: #333;

}



/*body.your_visit #sidecontent p.quote 				{ color:#506480; }

body.the_courses #sidecontent p.quote 				{ color:#095AA6; }

body.tournaments #sidecontent p.quote 				{ color:#A38B21; }

body.events #sidecontent p.quote 	{ color:#4A4A7B; }

body.pro_shop #sidecontent p.quote 					{ color:#B3AC00; }

body.restaurant #sidecontent p.quote 				{ color:#CC6600; }*/



/*body.your_visit #sidecontent p.quote 				{ color:#506480; }

body.the_courses #sidecontent p.quote 				{ color:#095AA6; }

body.tournaments #sidecontent p.quote 				{ color:#A38B21; }

body.events #sidecontent p.quote 	{ color:#4A4A7B; }

body.pro_shop #sidecontent p.quote 					{ color:#B3AC00; }

body.restaurant #sidecontent p.quote 				{ color:#CC6600; }*/



body.sub #sidecontent p.quote span {

	display: block;

	font-weight: normal;

	

	padding-top: 10px;

}



body.sub #sidecontent a {

	color: #506480;

}



body.sub #sidenav {

	padding: 0 0 30px 0;

	list-style: none;

	width: 185px;

	float: left;

}



body.sub #sidenav li {

	margin: 0 0 5px 20px;

	float: left;

	display: inline;

	width: 165px;

}



body.sub #sidenav li a {

	display: block;

	font-size: 11px;

	padding-bottom: 5px;

	border-bottom: solid 1px #999999;

	color: #888888;

}



body.sub #sidenav li a.header {

	color: #506480;

	font-weight: bold;

}



body.sub #sidenav li a.on {	

	color: #F57C11;

	font-weight: bold;

}



body.your_visit #sidenav li a.header 				{ color:#506480; }

body.the_courses #sidenav li a.header 				{ color:#095AA6; }

body.tournaments #sidenav li a.header 				{ color:#A38B21; }

body.events #sidenav li a.header 	{ color:#4A4A7B; }

body.pro_shop #sidenav li a.header 					{ color:#B3AC00; }

body.restaurant #sidenav li a.header 				{ color:#CC6600; }



body.sub #sidenav li a:hover {

	color: #F57C11;

	text-decoration: none;

}



body.sub #sidenav ul {

	list-style: none;

}



body.sub #sidenav ul li {

	width: 145px;

	margin-bottom: 0px;

	margin-top: 5px;

}



body.sub #sidenav ul li a {

	width: 145px;

	color: #888888;

	font-weight: normal;

}



#footer {

	clear: both;

	width: 730px;

	margin: 0 20px 0 20px;

	padding: 50px 0 25px 0;

	text-align: center;

}



#footer ul {

	width: auto;

	list-style: none;

	padding: 10px 0 25px 0;

	border-top:solid 1px #CCCCCC;

}



#footer ul li {

	margin-right: 15px;

	float: left;

}



#footer ul li a {

	text-transform: uppercase;

	color: #999999;

}



#footer p {

	float: left;

	clear: both;

	font-size: 10px;

	color: #999999;

}



#swatches { padding-top: 10px; list-style:none; width: 200px; }

#swatches li { float: left; width: 20px; height: 20px; margin-right: 5px; }

#swatches li a { display: block; width: 18px; height: 18px; border: 1px solid #666; text-decoration: none;  }



.black {background-image: url(../images/shop/mens/black_shirt-swatch.jpg);}

.blue {background-image: url(../images/shop/mens/blue_shirt-swatch.jpg);}

.hblue {background-image: url(../images/shop/mens/hblue_shirt-swatch.jpg);}

.green {background-image: url(../images/shop/mens/green_shirt-swatch.jpg);}

.red {background-image: url(../images/shop/mens/red_shirt-swatch.jpg);}

.white {background-image: url(../images/shop/mens/white_shirt-swatch.jpg);}

.terracotta {background-image: url(../images/shop/mens/terracotta_shirt-swatch.jpg);}

.cream {background-image: url(../images/shop/mens/cream_shirt-swatch.jpg);}

.nassau {background-image: url(../images/shop/mens/nassau_shirt-swatch.jpg);}

.palm {background-image: url(../images/shop/mens/palm_shirt-swatch.jpg);}

.midnight {background-image: url(../images/shop/mens/midnight_shirt-swatch.jpg);}

.wheat {background-image: url(../images/shop/mens/wheat_shirt-swatch.jpg);}

.ltkhaki {background-image: url(../images/shop/mens/ltkhaki_shirt-swatch.jpg);}

.atlantic {background-image: url(../images/shop/mens/atlantic_shirt-swatch.jpg);}

.pimento {background-image: url(../images/shop/mens/pimento_shirt-swatch.jpg);}

.blackhat {background-image: url(../images/shop/hats/black_hat-swatch.jpg);}

.khakihat {background-image: url(../images/shop/hats/khaki_hat-swatch.jpg);}

.navyhat {background-image: url(../images/shop/hats/navy_hat-swatch.jpg);}

.rusthat {background-image: url(../images/shop/hats/rust_hat-swatch.jpg);}

.whitehat {background-image: url(../images/shop/hats/white_hat-swatch.jpg);}

/*new home added May 15, 2007*/
#bottomPromo {width: 570px;}
#wedding { margin-left: 8px; width: 570px!important; height: 94px; background-color:#B7C6D3;}
/*#wedding .firstpart {width: 285px; float: left;#B7C6D3}
#wedding .secondpart {width: 285px; float: left;}
#wedding .thirdpart {width: 285px; float: left;}*/

#wedding img {float:left; border-right:10px; margin-right: 10px; }
#wedding p {color:#46657A; padding: 8px; font-size: 11px; width: 250px!important; float:left; }

#certificate {background-color: #91D6E7; height: 84px; width: 165px; float: right; margin-top: -94px; color: #1D89AD; padding: 5px;}
#certificate h4 {font-size: 12px;}
#certificate a {color: #fff;}
#container #content .promotionLeft {
	width: 250px;
	float: left;
	margin-left: 75px;
	margin-top: 30px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#container #content .promotionRight {
	width: 250px;
	float: right;
	margin-right: 75px;
	margin-top: 30px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#container #content .promoText {
	padding-top: 20px;
	padding-right: 75px;
	padding-left: 75px;
	line-height: 16px;
	padding-bottom: 10px;
}
#container #content .promoHeader {
	font-size: 18px;
	padding-left: 75px;
}
#container #content .promoTextLi {
	padding-left: 150px;
	line-height: 18px;
	padding-right: 150px;
}
#title {
	background-image: url(images/title.jpg);
	height: 111px;
	width: 748px;
}
#left {
	margin: 0px;
	float: left;
	width: 275px;
	padding-top: 15px;
}
#right {
	margin: 0px;
	float: right;
	width: 430px;
	padding-right: 20px;
	padding-top: 30px;
}
h1 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.loyalty li {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#right {
	margin: 0px;
	float: right;
	width: 400px;
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 30px;
}
.clear {
	clear:both;
}h4 {
	font-size: 12px;
	width: 580px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-left: 20px;
}
#space {
	height: 75px;}
h2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.busLinkTitle span {display:none;}

.busLinkTitle {background:url(images/busLink.png); width:400px; height:30px;}

.giftTitle {font-size:20px;line-height: 24px;height:30px;width:500px;color:#92281a;}
.line {height:1px;background: url(images/line.jpg) repeat-x;clear:both;margin-top:15px;margin-left:30px;margin-right:30px;margin-bottom:20px;}