/* ------------------------------------------------------------------------------------ */
/* BASIC STYLES																
/* ------------------------------------------------------------------------------------ */
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #EDEDED;
	background-image: url(../images/bg_pattern.jpg);
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
ul {
	padding: 0px 0px 14px 0px;
	margin: 0px;
}
li {
	padding: 0px;
	margin: 0px;
}
hr {
	color: #CCCCCC; 
	background-color: #CCCCCC; 
	height: 1px; 
	border: 0px;
}


/* ------------------------------------------------------------------------------------ */
/* HEADING TAGS (SUBSTITUTES FOR FLASH TITLES IF UNAVAILABLE)																	
/* ------------------------------------------------------------------------------------ */
h1 {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #ce0000;
}
h2 {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #DB122A;
}
h3 {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: normal;
	color: RED;
}


/* ------------------------------------------------------------------------------------ */
/* MAIN PAGE CONTAINERS											
/* ------------------------------------------------------------------------------------ */
.pageFade {
	margin: 0px auto;
	width: 100%;
	background-image: url(../images/bg_fadepattern.jpg);
	background-repeat: repeat-x;
	min-height: 642px; 
}
#pageBanner {
	margin: 0px auto;
	background-image: url(../images/topbar_bg.jpg);
	width: 940px;
	height: 60px;
	color: #FFFFFF;
}
#pageBanner a:link { 
	text-decoration: none;
	color: #FFFFFF;
}
#pageBanner a:visited { 
	text-decoration: none;
	color: #FFFFFF;
}
#pageBanner a:hover { 
	text-decoration: underline;
	color: #DDDDDD;
}
#pageBanner a:active { 
	text-decoration: none;
	color: #FFFFFF;
}
.pageCenter {
	margin: 0px auto;
	background-image: url(../images/page_fade.gif);
	background-repeat: no-repeat;
	width: 940px;
	min-height: 642px;
	overflow: hidden;
}
.pageContent {
	width: 934px;
	padding: 0px 0px 0px 3px;
}
.pageRepeat {
	margin: 0px auto;
	background-image: url(../images/page_repeat.gif);
	background-repeat: repeat-y;
	width: 940px;
	overflow: hidden;
}
.pageBottom {
	width: 940px;
	height: 14px;
	background-image: url(../images/page_bottom.jpg);
	background-repeat: no-repeat;
}
.pageFooter {
	width: 940px;
	margin: 0px auto;
}


/* ------------------------------------------------------------------------------------ */
/* CONTENT										
/* ------------------------------------------------------------------------------------ */
.secondLogo {
	width: 390px;
	height: 190px;
	float: left;
}
.secondBanner {
	width: 544px;
	height: 190px;
	background-image: url(../images/banner_secondlevel.jpg);
	background-repeat: repeat-x;
	float: left;
}
.secondBannerContent {
	width: 244px;
	padding: 24px 0px 0px 0px;
	float: left;
}
.secondBannerImage {
	width: 300px;
	float: right;
}
.secondContent {
	width: 920px; /* original was 924 */
	margin: 0px 0px 0px 8px;
}
.secondContentPadding {
   padding: 0px 0px 0px 16px;
}

/* ------------------------------------------------------------------------------------ */
/* TOUR PAGE										
/* ------------------------------------------------------------------------------------ */
.tourListLinks {
	width: 352px;
	padding: 0px 8px 0px 20px;
	float: left;
}
.tourVideoPanel {
	width: 540px;
	float: left;
}


/* ------------------------------------------------------------------------------------ */
/* ABOUT PAGE										
/* ------------------------------------------------------------------------------------ */
.bodyColLeft {
	width: 348px;
	padding: 0px 10px 0px 16px;
	float: left;
}
.bodyColRight {
	width: 544px;
	float: left;
}

.bodyCol {	
	width: 600px;
	padding: 0px 10px 0px 16px;
	float: left;
}

.bodyCol ul { 
	padding: 0px 14px 0px 0px;
	margin: 10px 0px 12px 20px;
	line-height: 18px;	
}
.bodyCol li { 			
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/* ------------------------------------------------------------------------------------ */
/* PRODUCT DETAILS PAGE						
/* ------------------------------------------------------------------------------------ */
.productDetailLeft {
	width: 380px;
	float: left;
}
.productDetailRight {
	width: 540px;
	float: left;
}
.productDetailPic {
	background-image: url(../images/detail-panel.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	height: 550px;
	overflow: hidden;
}
.productDetailText {
	width: 356px;
	padding: 0px 0px 0px 16px;
}


/* ------------------------------------------------------------------------------------ */
/* TOP LINKS								
/* ------------------------------------------------------------------------------------ */
.topGroup {
	float: left;
	width: 321px;
}
.iconOffset {
	padding: 0px 4px 4px 0px;
	vertical-align: middle;
}
.linkSubGroup {
	width: 321px;
	height: 36px;
}
.linkMainGroup {
	width: 321px;
	height: 24px;
}


/* ------------------------------------------------------------------------------------ */
/* HOMEPAGE FABRIC SEARCH PANEL							
/* ------------------------------------------------------------------------------------ */
#searchPanel {
	float: left;
	width: 377px;
}
#searchPanel ul { 
	padding: 0px 14px 0px 0px;
	margin: 0px 0px 12px 4px;
	line-height: 18px;
	list-style-type: none;
}
#searchPanel li { 
	background-image: url(../images/bullet_search.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px;
	padding: 0px 0px 0px 16px;
}
.searchTitle {
	background-image: url(../images/home_searchpanel_title.jpg);
	background-repeat: no-repeat;
	height: 52px;
}
.searchRepeat {
	width: 377px;
	background-image: url(../images/home_searchpanel_bg.jpg);
	background-repeat: repeat-y;
}
.searchBottom {
	width: 377px;
	height: 50px;
	background-image: url(../images/home_searchpanel_bottom.jpg);
}
.searchContent {
	padding: 0px 20px 0px 20px;
}


/* ------------------------------------------------------------------------------------ */
/* HOMEPAGE CONTENT						
/* ------------------------------------------------------------------------------------ */
.homeContentMid {
	float: left;
	padding: 8px 20px 0px 0px;
	width: 294px;
}
.homeContentRight {
	float: right;
	width: 243px;
	padding: 8px 0px 0px 0px;
}


/* ------------------------------------------------------------------------------------ */
/* FORM FIELDS																
/* ------------------------------------------------------------------------------------ */
.Error
{
  color: #cd0000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:14px;
	padding-left: 20px;
}

.formButton {
	font-size: 10px;
	vertical-align: middle;
}
.formSearch {
	border: 1px solid #666666;
	width: 120px;
	padding: 1px;
	color: #333333;
	font-size: 10px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}
input:focus, input.sffocus {
	border: 1px solid #999999; 
	color: #000000; 
	background-color: #FFFFFF;
}
textarea:focus, textarea.sffocus {
	border: 1px solid #999999; 
	color: #000000; 
	background-color: #FFFFFF;
}
.frmTextBoxXL {
	border: 1px solid #666666;
	width: 250px;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.frmTextBoxM {
	border: 1px solid #666666;
	width: 175px;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.frmTextBoxS {
	border: 1px solid #666666;
	width: 125px;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.frmTextBoxXS {
	border: 1px solid #666666;
	width: 75px;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.frmTextBoxXXS {
	border: 1px solid #666666;
	width: 35px;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.frmListBox {
	border: 1px solid #666666;
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.frmTextAreaM {
	border: 1px solid #666666;
	width: 210px;
	height: 120px; 
	padding: 1px;
	color: #333333;
	font-size: 11px;
	background-image: url(../images/form_fade.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.frmButtonM {
	font-size: 11px;
	vertical-align: middle;
}

/* ------------------------------------------------------------------------------------ */
/* LINKS																
/* ------------------------------------------------------------------------------------ */
a:link {
	color: #cd0000;
	text-decoration: underline;
}
a:visited {
	color: #cd0057;
	text-decoration: underline;
}
a:hover {
	color: #eb2a2a;
	text-decoration: underline;
}
a:active {
	color: #cd0000;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------ */
/* CART																
/* ------------------------------------------------------------------------------------ */
.cartHeader
{
	background-image:url(../images/cart_header.gif);
	background-repeat:repeat-x;
	color: #000000;
	font-weight:bold;
	text-align:left;
}

.cartRow
{
	background-image:url(../images/cart_row.gif);
	background-repeat:repeat-x;
	color: #000000;
}
.cartBorder
{
	background-image:url(../images/cart_border.gif);
	background-repeat:repeat-y;
	text-indent:4px;
}
.cartFooter
{
	background-image:url(../images/cart_footer.gif);
	background-repeat:repeat-x;
}
/* ------------------------------------------------------------------------------------ */
/* CALENDAR STYLES															
/* ------------------------------------------------------------------------------------ */
.calendarLeft {
	width:682px;
	float:left;
	padding:14px 0 0 6px;
}
.calendarRight { 
	float:right;
	width:226px;
	padding:14px 14px 0 0;
}
.calendarLeft2 {
    width:341px;
    float:left;
}
.calendarRight2 {
    width:341px;
    float:left;
}
.calendarBox {
	width:333px;
	height:208px;
	float:left;
	background-repeat:no-repeat;
	padding:26px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ce0000;
	font-size:12px;
	font-weight:bold;
}

.calendarBox td {
	height:31px;
	text-indent:4px;
	text-align: left;
}
.calendarBox a {
	height:31px;
}
.calendarBox a:link { 
	text-decoration: none;
	color: #FFFFFF;
}
.calendarBox a:visited { 
	text-decoration: none;
	color: #FFFFFF;
}
.calendarBox a:hover { 
	text-decoration: underline;
	color: #FFFFFF;
}
.calendarBox a:active { 
	text-decoration: none;
	color: #FFFFFF;
}

.calendarBox td a:hover{
   display:block;
}

/* ------------------------------------------------------------------------------------ */
/* CONTENT PAGES																
/* ------------------------------------------------------------------------------------ */

/*.basicParagraph
{
   width:75%;
   text-align:justify
}
.basicContentHeaders
{
   font-weight:bold; 
   font-size:12px
}
.basicUL
{
   margin:0px 0px 0px 25px
}
.basicUL li
{
   padding-bottom:5px;
}*/

/* ------------------------------------------------------------------------------------ */
/* MODAL POPUP																
/* ------------------------------------------------------------------------------------ */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.newsImageFloat
{
	float:left;
}

.newsTextFloat
{
	float:right;
	
}
.communityDescription {
	width: 600px;
	
	float:none;
	padding-left: 16px;
	font-size: 11px;
}
