@import url(base.css);
@import url(footer.css);
/* @import url(fsi.css); == delete if not needed */

/* ========== Virgin Islands Visitors Guide ======== */


/* ================================== */
/*        base, header/footer         */
/* ================================== */

#contact {
	background: transparent;
	border: 1px solid #000;
	width: 215px;
	padding: 5px 5px;
}

body, html {
	background: #fff;
	margin: 0 !important;	
}

#siteWrap {
	margin: 8px 8px !important;position: relative;height: 100%;
	width: 911px;padding: 0 !important;
	border: 1px solid black;
}

#subnav, #subnav a {
	background: transparent;
	/* color: #1C8ADF !important; */
	}
#subnav {
	margin: 0 0 10px;
	}
#subnav #right {
	right: 45px;
	}
#t-nav  {
	display: none;
}
#wrapper {
	margin: 0 auto;
	border: 0;
	width: 911px;
	padding: 0;
	background: #fff;
}
#wrapper #tools {
	display: none;
	}
#wrapper h1 {
	border: 0;
	color: #1C8ADF;
	display: none;
}
#search, #searchbar {
	display: none;	
}
#headerSearch {
	position: absolute;
	left: 700px;
	top: 66px;	
}
#headerSearch #searchbutton {
	position: relative;
	top: 5px;
}
#headerSearch #searchbox {
	width: 120px;
	border: 0;
	color: #666;
	font-size: 11px;
	padding: 2px 5px;
}
body#market #headerSearch {
	display: none;	
}		
/* == CLIENT HEADER == */
		
#cHeader, #t-footer {
	margin: 0 auto;	
	background-color: #1C8ADF /*#E6E584;*/
}

#cthumb {
	position:absolute;
	top: 77px;
	left: 692px;
	font: 12px times new romain;
}

#cHeader {
	position: relative;
}
#cFooter {
	margin: 0 auto !important;
	width: 911px;
	position: relative;
}
#cFooter2 {
    width: 800px;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    padding: 0 0 10px 0;
}
#cFooter2 a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
#cFooter2 a:hover {
    text-decoration: none;
}
#cFooter2 img {
    float: left;
    margin: 0 10px 6px 0;
}
#cOfferings {
    margin: 6px 0 0 0;
}
body#market #cFooter {

}
#cHeader h1 {
	text-indent: -3000px;
	margin: 0 !important;
}
div.pagenav {
	background: 0;
	border: 0 !important;
}
a.shopping-list2 {
	text-transform: capitalize;	
}
ul#cTopNav {
	position: absolute;
	height: 30px;
	width: 290px;
	right: 10px;
	bottom: 50px;
	overflow: hidden;
}
#cTopNav li {
	float: left; 	
}
#cTopNav a {
	font: bold 16px 'Trebuchet MS';
	display: block;
	float: left;
	height: 30px;
	padding: 0 20px 0 0;
	color: #2C5444;
}
#cTopNav a:hover {
 color: #f00;
}

#t-locationbox {
	margin: 6px 15px 0;	
}
.browseby a {
	text-transform: capitalize;	
}


.alpha-list {
	width: 750px;
	left: 15px;
}

#cHeader {
	width: 911px;
}

#cHeader a, #cFooter a, #cHeader img  {
	display: inline;        /* For client compatibility purposes - Our img/anchors set to block */
}
#cHeader table {            /* use only if client has table -- nested tables might not expect this */
	border-collapse: collapse;
	width: 100%;
}
#cHeader table td {
	vertical-align: middle; /* comment out if client specifies vertical-align: top */
}                           /* Watch out for inline alignments in client template, as this will override their html alignments */
body#market #subnav {
	display: none !important;
}


/* ==== AbsolutePositionedColumns - use SI.ClearChildren v1.0 javascript (in j dir) -- see dave for use */
.c { 
	width: 900px;
	position: relative;
	background: #fff;
	overflow: hidden;
	padding: 0 0 30px;
	margin: 0 auto;
	font: 12px arial !important;
}
.pc, .sc {
	margin-top: 15px;
	width: 600px;
	float: right;
}
.sc {
	width:	228px;
	float: left;
	margin-left: 15px;
	background: #ccc;
	padding: 14px 12px;
	-moz-border-radius:20px
}
.contact {
	padding: 25px 50px;
}
.disc {
	font: italic 11px arial;
	color: #555;
	padding-top: 80px;
}
.splashc {
	width: 750px;
	margin: 0px auto;
	padding-top: 25px;
}

.c h6 {							
font: 11px arial !important;
}

.c h2, .c h3 {
	margin: 0 0 .4em;
	color: #000;
	font: bold 1.8em arial !important;
	line-height: 1em; 
}
.c h3 {
	font: bold 1.5em arial !important;
}	

.c h6 {							
font: 11px arial !important;
}

.c h7 {							
font: 16px arial !important;
margin-left: 30px;
}

.c p {
	margin: 0 0 1.2em;
	line-height: 1.9em;
}
.c strong {
	color: #1D79BC;
}

.sig {
	color: #1D79BC;
}


#market #footerimg {
	background: transparent url(../content/images/footerimg2.gif) top left no-repeat;
	margin: 0 auto;
	width: 800px;
}

#t-ss-tiles-page #footerimg {
	background: transparent url(../content/images/footerimg2.gif) top left no-repeat;
	margin: 0 auto;
	width: 800px;
}

#t-ss-page-page #footerimg {
	background: transparent url(../content/images/footerimg2.gif) top left no-repeat;
	margin: 0 auto;
	width: 800px;
}

#t-shared-viewshoppinglist-page #footerimg {
	background: transparent url(../content/images/footerimg2.gif) top left no-repeat;
	margin: 0 auto;
	width: 800px;
}



#footer {											/* white text, 10px. */
	color: #fff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
}
#footer a {
	color: #fff;
}
#footer h4 {										/* dark green text, 11px */
	color: #234336;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#footer h4 a {
	color: #234336;
	text-decoration: none;
}
#footer h4 a:hover {
	color: #234336;
	text-decoration: underline;
}
#footer img {										/* image position, border */
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}



/*******************************
Begin HTML selectors
*******************************/
.arrow1 {									/* lime green 4x7 */
	background: url("http://horsecity.com/images/misc/arrow1.gif") no-repeat top left;
	margin: 0;
	padding: 0 0 0 8px;
}
.arrow2 {									/* dark green 8x14 */
	background: url("http://horsecity.com/images/misc/arrow2.gif") no-repeat top left;
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
}
.arrow3 {									/* dark green 5x9 */
	background: url("http://horsecity.com/images/misc/arrow3.gif") no-repeat top left;
	margin: 0;
	padding: 0 0 0 8px;
}

.bg1 { background: #282828; }				/* black-gray. */
.bg2 { background: #e5f7ca; }				/* bright lime. */
.bg3 { background: #9CD2CD; }				/* dark lime. */
.bg4 { background: #999; }				/* dark green. */
.bg5 { background: #e3b78f; }				/* dark tan. primary use: classifieds */
.bg6 { background: #e8d6bd; }				/* brown tan. primary use: classifieds */

.bg-black { background: #000; }
.bg-white { background: #fff; }



/**************************
Masthead elements. 
Background, logo position, 
user services and font styles.
**************************/
#header {
	background: url("../content/images/headerbg.gif") transparent top left;
	height: 98px;
	color: #234336;
	font-family: arial;
	font-size: 10.5px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#header a {
	color: #234336;
}

/* hide from Mac IE5 \*/
#header .logo {
	position: relative;
	top: -14px;
	left: 9px;
	margin: 0;
	padding: 0;
}
/* END hide */

/* header user services. hide from Mac IE5 \*/
#header .services {
	float: right;
	display: block;
	position: relative;
	font-size: 11px;
	top: 22px;
	right: 100px;
	margin: 0;
	padding: 0;
}
/* END hide */

#header .services form {
	margin: 0;
	padding: 0;
}
#header .services input {
	background: #fff;
	border: 1px solid #b6e96c;
	color: #000;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}




/**************************
Module elements. 
Background, box structure and font styles 
for all content modules.
**************************/
#modules {
	color: #000;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
}
#modules a {
	color: #000;
	text-decoration: underline;
}

/* generic styles */
#modules h1 {											/* black text, 18px */
	display: inline;
	color: #000;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h2 {											/* white text, 10px */
	display: inline;
	color: #fff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h3 {											/* black text, 14px */
	display: inline;
	color: #000;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h4 {											/* dark green text, 11px */
	display: inline;
	color: #234336;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h4 a {
	color: #234336;
	text-decoration: none;
}
#modules h4 a:hover {
	color: #234336;
	text-decoration: underline;
}

/* hide from Mac IE5 \*/
#modules ul {											/* arrow2 headline container */
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
}
/* END hide */

/* hide from Mac IE5 \*/
#modules li {											/* arrow2 headline */
	display: block;
	list-style-type: none;
	background: url("http://horsecity.com/images/misc/arrow2.gif") no-repeat top left;
	color: #000;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 12px;
}
/* END hide */


#modules .classifieds {										/* classifieds footer background, top border */
	background: url("http://horsecity.com/images/misc/bg_module.gif") transparent bottom left repeat-x;
	border-top: 1px solid #b6e96c;
	text-align: left;
}
#modules .classifieds input {								/* classifieds form styles */
	border: 1px solid #2c5444;
	width: 70px;
	color: #000;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#modules .container {										/* footer background, top border */
	background: url("http://horsecity.com/images/misc/bg_module.gif") transparent bottom left repeat-x;
	border-top: 3px solid #b6e96c;
	text-align: left;
	margin: 0;
	padding: 8px 8px 0px 8px;
}
#modules .container img {									/* image position, border */
	clear: both;
	display: block;
	border: 1px solid #282828;
	margin: 0;
	padding: 0;
}
#modules .container img.sponsors {							/* inside sponsors image position, border */
	clear: both;
	display: block;
	border: 1px solid #282828;
	margin: 14px auto;
	padding: 0;
}
#modules .container p {										/* headline spacing */
	margin: 0;
	padding: 2px 0 2px 0;
}
#modules .header {											/* dark green background */
	background: #2c5444;
	height: 15px;
	margin: 0;
	padding: 3px 0 2px 5px;
}
#modules .module {											/* black text, 11px */
	color: #000;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
}
#modules img.photo-l {										/* align inside photo left */
	float: left;
	display: block;
	border: 1px solid #282828;
	margin: 0 8px 0 0;
	padding: 0;
}
#modules img.photo-r {										/* align inside photo right */
	float: right;
	display: block;
	margin: 0 0 0 8px;
	padding: 0;
}


/* horsecity.com tv styles */
#modules #hc-tv1 {											/* 2px border dark green */
	border: 2px solid #2c5444;
	margin: 0;
	padding: 0;
}
#modules .hc-tv2 {											/* 3px boder lime green */
	border: 3px solid #b6e96c;
	margin: 0;
	padding: 0;
}
#modules .hc-tv2 img {										/* image positioning */
	clear: both;
	display: block;
	margin: 0;
	padding: 15px 0 10px 30px;
}


/* section and story page styles */
#modules .inside {											/* black text, 12px */
	color: #000;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}
#modules .inside .header2 {									/* dark green background with 3px lime green border */
	background: #2c5444;
	border-bottom: 3px solid #b6e96c;
	margin: 0;
	padding: 3px 0 2px 5px;
}


/**************************
Nav elements. 
**************************/

/* Font and border style for Masthead nav */
#nav {
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#nav a {
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 11px;
}
#nav a:hover {
	color: #efefef;
	text-decoration: underline;
}
#nav a.border {										/* arrow3 OFF for all nav. 2px white border. */
	border-right: 2px dotted #fff;
	margin: 0;
	padding: 0 11px 0 11px;
}
#nav a.arrow-on {									/* arrow3 ON for inside nav. */
	background: url("http://horsecity.com/images/misc/arrow3.gif") no-repeat top left;
	margin: 0 0 0 11px;
	padding: 0 11px 0 11px;
}


/* hide from Mac IE5 \*/
#nav .nav-table {									/* nav row position */
	clear: both;
	display: block;
	margin: 0;
	padding: 12px 0 0 0;
}
/* END hide */

.nav-table img {
	display: inline;
}