@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
#HeadDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LogoDIV {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MenuBarDIV {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MenuBarDIV H2 {
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
}
#MainContainerDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SocialMediaDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align: right;
}
#SocialMediaDIV img {
	max-width: 30%;
	height: auto;
}
#MenuButtonDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: right;
}
.MenuButton {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 25%;
	display: block;
	text-align: right;
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	border-bottom: 5px solid #ffffff;
}
.MenuButton a:link {
	color: #e2a8ab;
  border-bottom: 5px solid #ffffff;
  text-decoration: none;
}
.MenuButton a:visited {
	color: #e2a8ab;
  border-bottom: 5px solid #ffffff;
}
.MenuButton a:active {
  color: b6646a;
  border-bottom: 5px solid #b6646a;
}
.MenuButton a:hover {
  color: b6646a;
  border-bottom: 5px solid #b6646a;
}
#SplashDIV {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#FooterDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 20px;
	color: #fff;
}
#FooterDIV a:link,
#FooterDIV a:visited,
#FooterDIV a:active {
	color: yellow;
}
#FooterDIV a:hover {
	color: #00FFCC;
}

#SplashImgArea {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#SplashImgAreaText {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	padding: 5px 0px 10px 0px;
}
#SplashImgAreaImgs {
	padding: 0px 0px 20px 0px;
}
#splashImg01 {
	max-width:48.3051%;
	height:auto;
	margin-left: 0%;
}
#splashImg02 {
	max-width:48.3051%;
	height:auto;
	margin-left: 3.3898%;
}
#SplashTextArea {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	font-size: 14px;
	color: #fff;
}
#SplashTextArea h1{
	display: block;
	border-bottom: 4px solid #fff;
	margin: 20px 0px;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}
#SplashTextArea h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#SplashTextArea h2 a:link{
	font-size: 12px;
}

#SplashTextArea h3{
	font-size: 18px;
	color: #fef186;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#SplashTextArea ul {
	font-size: 16px;
	padding-left: 20px;
}
#SplashTextArea .itemNotes{
	font-size: 14px;
	color: #fef186;
	list-style: square;
	list-style-image: url(/images/bullet-yellow-star.png);
}
#contentMenuDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contentMenuDIV li{
	font-size:16px;
	line-height: 25px;
}
#contentItems{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contentItems h4 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
#contentItems .itemNotes {
	clear: both;
	padding-top: 10px;
	font-size: 14px;
	color: #666666;
	list-style: square;
	list-style-image: url(/images/bullet-gray-star.png);
}
.itemDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	margin-bottom: 25px;
	width: 100%;
	display: block;
}
.itemDIV img{
	max-width: 90%;
	height: auto;
}
.itemDIV p{
	font-size: 14px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

.itemDIV .BoldParagraph {
	font-weight: bold;
	font-size: 16px;
}

.itemViewDIV {
	 width: 100%;
	 float: none;
}
.itemViewDIV h2 {
	font-size: 16px;
}
.itemViewDIV h1, h2, h3, h4, h5 {
	margin: 0px;
	margin-bottom: 10px;;
}
#paginateBottomDIV{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 0px 15px 0px;
}
#paginateTopDIV{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 0pc 15px 0px;
}
#locationDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#paymentInfoDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#siteInfoDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#joinNewsletterDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#SignInDIV{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: right;
}
#legalDIV{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#legalDIV hr{
	/*padding: 3px;
	margin: 3px;*/
}

.itemFeatures{
	clear: none;
	float: left;
	/*margin-left: 5.2631%;*/
	font-size: 12px;
	width: 100%;
	display: block;
	margin: 5px 0px 5px 0px;
}

.itemDescription{
	clear: both;
	width: 100%;
	display: block;
	margin: 5px 0px 5px 0px;
}

.itemDescription li{
	color: #666666;
	list-style-image: url(../images/bullet-gray-hyphen.png);
}

.itemColorStyles {
	clear: none;
	float:  left;
	width: 22%;
	margin-left: 1%;
	border: 2px solid #000000;
}
.itemColorStyles img {
	width: 100%;
}

.itemExtraImagesDIV{
	clear: none;
	float:  left;
	width: 20%;
	margin-left: 1%;
	border: 3px solid #000000;
	background-color: #985f0d;
}
.itemExtraImagesDIV img {
	width: 80%;
}

.ui-tabs {
	margin-bottom: 20px;
}
.ui-tabs-nav {
	background: rgb(182,100,106);
	background: linear-gradient(180deg, rgba(182,100,106,1) 0%, rgba(182,100,106,1) 47%, rgba(237,194,197,1) 100%); !important
}
.ui-tabs-nav a {
	outline: none;
	font-size: 12px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 3px;
}
#treeMenuDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: none;
}
#treeMenuDIV ul {
	list-style-position: inside;
	padding-left: 5px;
}
#treeMenuDIV ul ul{
	padding-left: 10px;
	/*margin: 0px;*/

}



#cookieNotice {
	background-color: #666;
	text-align: center;
	padding: 20px;
	width: 100%;
	margin: auto;
	bottom: 0px;
	border: 3px double #FFFFFF;
	visibility: visible;
	color: #FFF;
	box-sizing: border-box;
	position: fixed;
	z-index:  1000;
}
#cookieNotice img {
	vertical-align: middle;
	padding-right: 15px;
	border: none;
}
#cookieNotice a:link,
#cookieNotice a:hover,
#cookieNotice a:visited,
#cookieNotice a:active {
	color: #0FC !important;
}
.clickToClose{
	cursor: pointer;
	color: #FF0;
}
#jumpMenuDIV{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#jumpMenuDIV h4{
	margin: 0px !important;
	padding: 0px !important;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
}
#HeadDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LogoDIV {
	clear: none;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#MenuBarDIV {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#MainContainerDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SocialMediaDIV {
	clear: none;
	float: right;
	margin-left: 0;
	width: 50%;
	display: block;
}
#MenuButtonDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.MenuButton {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 25%;
	display: block;
	text-align: right;
}
#SplashDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FooterDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SplashImgArea {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#SplashTextArea {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contentMenuDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contentItems {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
.itemDIV {
	clear: none;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 48%;
	display: block;
}
.itemDIV img{
	max-width: 90%;
	height: auto;
}
.itemViewDIV {
	 width: 100%;
	 float: none;
}
#paginateBottomDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#paginateTopDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#locationDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 48.7179%;
	display: block;
}
#paymentInfoDIV {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#siteInfoDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 48.7179%;
	display: block;
}
#joinNewsletterDIV {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#SignInDIV {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 50%;
	display: block;
	text-align: center;
	padding-top: 20px;
}
#legalDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.itemFeatures {
	clear: none;
	float: left;
	/*margin-left: 2.5641%;*/
	margin-left: 0%;
	font-size: 12px;
	width: 100%;
	display: block;
	margin: 5px 0px 5px 0px;
}

.ui-tabs {
	margin-bottom: 20px;
}
.ui-tabs-nav {
	background: rgb(182,100,106);
	background: linear-gradient(180deg, rgba(182,100,106,1) 0%, rgba(182,100,106,1) 47%, rgba(237,194,197,1) 100%); !important
}
.ui-tabs-nav a {
	outline: none;
	font-size: 12px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 3px;
}
#treeMenuDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: none;
}

	#cookieNotice {
		background-color: #666;
		text-align: center;
		padding: 20px;
		width: 100%;
		margin: auto;
		bottom: 0px;
		border: 3px double #FFFFFF;
		visibility: visible;
		color: #FFF;
		box-sizing: border-box;
		position: fixed;
		z-index:  1000;
	}
	#cookieNotice img {
		vertical-align: middle;
		padding-right: 15px;
		border: none;
	}
	#cookieNotice a:link,
	#cookieNotice a:hover,
	#cookieNotice a:visited,
	#cookieNotice a:active {
		color: #0FC !important;
	}
	.clickToClose{
		cursor: pointer;
		color: #FF0;
	}
	#jumpMenuDIV{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 98.3333%;
	max-width: 1232px;
	padding-left: 0.8333%;
	padding-right: 0.8333%;
	margin: auto;
}
#HeadDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
}
#LogoDIV {
	clear: none;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#MenuBarDIV {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#MainContainerDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SocialMediaDIV {
	clear: none;
	float: right;
	margin-left: 0;
	width: 30%;
	display: block;
}
#MenuButtonDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 50%;
}
.MenuButton {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 25%;
	display: block;
	text-align: right;
}
#SplashDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FooterDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SplashImgArea {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 49.1525%;
	display: block;
}
#SplashTextArea {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#contentMenuDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 23.7288%;
	display: block;
}
#contentItems {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
}
.itemDIV {
	clear: none;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	width: 30.33%;
	display: block;
}
.itemDIV img{
	max-width: 92%;
	height: auto;
}
.itemViewDIV {
	 width: 50%;
	 float: left;
}
#paginateBottomDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#paginateTopDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#locationDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 23.7288%;
	display: block;
}
#paymentInfoDIV {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#siteInfoDIV {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#joinNewsletterDIV {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#SignInDIV {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 70%;
	display: block;
	text-align: center;
}
#legalDIV {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.itemFeatures {
	clear: none;
	float: left;
	/*margin-left: 1.6949%;*/
	margin-left: 0;
	font-size: 12px;
	width: 100%;
	display: block;
	margin: 5x 10px 0px 5px;
}

.ui-tabs {
	margin-bottom: 20px;
}
.ui-tabs-nav {
	background: rgb(182,100,106);
	background: linear-gradient(180deg, rgba(182,100,106,1) 0%, rgba(182,100,106,1) 47%, rgba(237,194,197,1) 100%); !important
}
.ui-tabs-nav a {
	outline: none;
	font-size: 12px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 3px;
}
#treeMenuDIV {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
	#cookieNotice {
		background-color: #666;
		text-align: center;
		padding: 20px;
		width: 100%;
		margin: auto;
		bottom: 0px;
		border: 3px double #FFFFFF;
		visibility: visible;
		color: #FFF;
		box-sizing: border-box;
		position: fixed;
		z-index:  1000;
	}
	#cookieNotice img {
		vertical-align: middle;
		padding-right: 15px;
		border: none;
	}
	#cookieNotice a:link,
	#cookieNotice a:hover,
	#cookieNotice a:visited,
	#cookieNotice a:active {
		color: #0FC !important;
	}
	.clickToClose{
		cursor: pointer;
		color: #FF0;
	}
	#jumpMenuDIV{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}


}