body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	text-align: right;
	display: block;
}




/* BODY BACKGROUND IMAGES */

#green {
	background-image: url(../fatsac-images/common-images/logo-tops/green/images/fslogo-top-green_01.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#orange {
	background: url(../fatsac-images/common-images/logo-tops/orange/images/fslogo-top-orange_01.jpg) repeat-x top;
}
#aqua {
	background: url(../fatsac-images/common-images/logo-tops/aqua/images/fslogo-top-aqua_01.jpg) repeat-x top;
}
#red {
	background: url(../fatsac-images/common-images/logo-tops/red/images/fslogo-top-red_01.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
}
#red-blogger-only {
	background: url(../fatsac-images/common-images/logo-tops/red/images/fslogo-top-red_01.jpg) repeat-x top;
	
	position: relative;
	top: -30px;

	margin: 0px;
	padding: 0px;
}
#yellow {
	background: url(../fatsac-images/common-images/logo-tops/yellow/images/fslogo-top-yellow_01.jpg) repeat-x top;
}
#pink {
	background: url(../fatsac-images/common-images/logo-tops/pink/images/fslogo-top-pink_01.jpg) repeat-x top;
}
#blue {
	background: url(../fatsac-images/common-images/logo-tops/blue/images/fslogo-top-blue_01.jpg) repeat-x top;
}



#wrapper {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: auto;
	width: 900px;
}

h1 {
	color: #000000;
	text-align: left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.25em;
	padding-left: 0px;
	clear: left;
}

h2 {
	color: #333333;
	text-align: left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.15em;
	padding-top: 0.4em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h2 a:link {
	color: #000000;
	text-align: right;
}

h2 a:visited {
	color: #000000;
}

h2 a:hover {
	color: #999999;
}

h2 a:active {
	color: #333333;
}










h3 {
	color: #999999;
	text-align: left;
	margin: 0px;
	padding: 1em 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.09em;
}

h3 a:link {
	color: #999999;
	text-align: left;
}

h3 a:visited {
	color: #999999;
}

h3 a:hover {
	color: #666666;
}

h3 a:active {
	color: #999999;
}








p {
	text-align: left;
	color: #333333;
	margin: 0px;
	padding: 0.7em 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.2em;
}


p a:link {
	font: normal 1em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}

p a:visited {
	font: normal 1em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}

p a:hover {
	font: normal 1em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
}

p a:active {
	font: normal 1em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}










/* TOP BLOCK */


#topblock {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}






/* TOP BLOCK COLOURS */


.topblock-green {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
	background-image: url(../fatsac-images/common-images/logo-tops/green/images/fslogo-top-green-corn_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.topblock-orange {
	background: url(../fatsac-images/common-images/logo-tops/orange/images/fslogo-top-orange_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}

.topblock-aqua {
	background: url(../fatsac-images/common-images/logo-tops/aqua/images/fslogo-top-aqua_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}


.topblock-red {
	background: url(../fatsac-images/common-images/logo-tops/red/images/fslogo-top-red_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}

.topblock-yellow {
	background: url(../fatsac-images/common-images/logo-tops/yellow/images/fslogo-top-yellow_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}

.topblock-pink {
	background: url(../fatsac-images/common-images/logo-tops/pink/images/fslogo-top-pink_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}

.topblock-blue {
	background: url(../fatsac-images/common-images/logo-tops/blue/images/fslogo-top-blue_02.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 900px;
}






/* MAIN NAVIGATION */


#mainnav {
	float: right;
	height: auto;
	width: 900px;
	margin: 85px 0px 0px;
	padding: 0px;
	text-align: right;
}

#mainnavigation {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#mainnavigation ul {
list-style: none;
margin: 0;
padding: 0em;
}

#mainnavigation li {
display: inline;
}

#mainnavigation a:link {
	padding: 0.4em 0em 0.4em 0.6em;
	color: #FFFFFF;
	text-decoration: none;
}

#mainnavigation a:visited {
	padding: 0.4em 0em 0.4em 0.6em;
	color: #FFFFFF;
	text-decoration: none;
}


#mainnavigation a:hover {
color: #000000;
}

#mainnavigation a:active{
	padding: 0.4em 0em 0.4em 0.6em;
	color: #000000;
	text-decoration: none;
}
#mainnavigation #current{
	padding: 0.4em 0em 0.4em 0.6em;
	color: #000000;
	text-decoration: none;
}






/* SUB NAVIGATION */


#subnav {
	float: right;
	height: auto;
	width: 900px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	display: inline;
}

#subnavigation {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: inline;
}

#subnavigation ul {
list-style: none;
margin: 0;
padding: 0.6em 0 0;
}

#subnavigation li {
display: inline;
}

#subnavigation a:link {
	padding: 0.2em 0em 0.2em 1em;
	color: #FFFFFF;
	text-decoration: none;
}

#subnavigation a:visited {
	padding: 0.2em 0em 0.2em 1em;
	color: #FFFFFF;
	text-decoration: none;
}

#subnavigation a:hover {
color: #000000;
}

#subnavigation #subcurrent {
color: #000000;
}











/* MIDDLE BLOCK*/

#middle {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	clear: both;
}






#middle_logosimages {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	clear: both;
}
#middle_logosimages img {
	float: left;
	margin: 0px;
	padding: 0px;
}



/* LEFT COLUMN */

#mid2colleft {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: auto;
	width: 355px;
	float: left;
}

#mid3colleft {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: auto;
	width: 540px;
	float: left;
}
.faq_textimages {
	text-align: left;
	clear: both;
	float: left;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}



/* RIGHT COLUMN */

#mid2colright {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 355px;
	float: right;
	clear: right;
}

#mid3colright {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 540px;
	float: right;
	clear: right;
}





#midfullwidth {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	float: left;
}













/* BOTTOM BLOCK */



#bottomblock {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 900px;
	background: #FFFFFF;
	text-align: center;
	clear: both;
}

.botblockimgs {
	margin: 10px 0px 5px;
	padding: 0px;
	height: 150px;
	width: 180px;
	background: #FFFFFF;
	float: left;
}









/* FOOTER */


#footer {
	margin: 5px 0px 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align: left;
	border-top: 1px dotted #999999;
	float: left;
	border-bottom: 1px dotted #999999;
	font-family: Arial, Helvetica, sans-serif;
	color: #0033CC;
	font-size: 1em;
}

#footer img {
	margin: 5px 10px 5px 0px;
	padding: 0px;
	height: 47px;
	width: 43px;
	float: left;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;
	line-height: 1em;
	vertical-align: middle;
	margin: 0px;
	padding: 0.75em 0px 0.35em;
}
#footer h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

.footerbold {
	font-weight: bold;
	color: #000000;
}

#footer a:link {
	color: #000000;
}

#footer a:visited {
	color: #000000;
}

#footer a:hover {
	color: #999999;
}

#footer a:active {
	color: #000000;
}


.sitedesign{
	text-align: right;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: .5em 0em 0em;
	background: #FFFFFF;
	height: auto;
	width: 900px;
	float: right;
	display: block;
	color: #999999;
}

.sitedesign a:link {
	color: #000000;
	text-align: right;
}

.sitedesign a:visited {
	color: #000000;
}

.sitedesign a:hover {
	color: #999999;
}

.sitedesign a:active {
	color: #333333;
}
.border-box-orange {
	background: #FFFFFF;
	margin: 0px;
	padding: 10px;
	height: auto;
	width: auto;
	border-top: 1px #FF6600;
	border-right: 1px #FF6600;
	border-bottom: 1px solid #FF6600;
	border-left: 1px #FF6600;
}
.hr-orange {
	color: #EC9A1B;
	text-decoration: none;
}






/* SHOP SWATCHES */


#swatches-container {
	background: #999999;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	float: left;
	clear: both;
}
.swatches-container-leftcol {
	background: #00CCFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 360px;
}
#swatches-lg-image-container {
	background: #000066;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 300px;
	width: 530px;
	clear: right;
}
#swatches-sm-image-container {
	background: #333333;
	margin: 0px;
	padding: 0px;
	height: 280px;
	width: 900px;
	float: left;
	clear: both;
	text-align: center;
}










.swatches-container {
	position: fixed;
	text-align: left;/*Add a height attribute and set to largest image's height to prevent overlaying*/
	height: auto;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

.thumbnail img {
	padding: 0px;
	margin: 0px;
	background: transparent;
}

.thumbnail:hover {
	background-color: transparent;
}


.thumbnail:hover img {
	background: transparent;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	left: 828px;
	text-decoration: none;
	visibility: visible;
	top: 452px;
	width: 523px;
	height: 318px;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
	background: transparent;
}


.thumbnail:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 450px; /*position where enlarged image should offset horizontally */
	z-index: 100;
	background: transparent;
}


#container {
	padding: 0px;
	width: 900px;
	margin: 0px;
}
.swatch_rollover_headers {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.9em;
	text-align: left;
}
.swatch_rollover_headers_bold {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 1px 0px;
}
.shop-price-list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.shop-price-list a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.shop-price-list a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.shop-price-list a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
}
.shop-price-list a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}







.shop-price-list-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #218DAA;
}

.shop-price-list-bold-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #990000;
}







.mid2colleft_h1_blue {
	font-family: Arial, Helvetica, sans-serif;
	color: #26A3C6;
}




.mid2colleft_h1_red {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}









.hr {
	color: #000066;
	text-decoration: none;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
}
#mid2colleft h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #A4231E;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px 0px;
	border-top: 3px dotted #BA2E2E;
	border-bottom: 3px dotted #BA2E2E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feature-box {
	background-color: #B62928;
	padding: 15px 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.feature-box h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.feature-box h2 {
	color: #FFFFFF;
	font-size: 1.05em;
}
.feature-box p {
	color: #FFFFFF;
	font-style: italic;
	font-size: 0.8em;
}