/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	text-align:center; /* Center divs for IE */
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/*----------------------------------------------*\
	Full Screen Background
\*----------------------------------------------*/
img#fsb_image {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -9999;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img#fsb_image {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}


/*----------------------------------------------*\
	WRAPPER
\*----------------------------------------------*/
HTML, BODY {
	height: 100%
}

#wrapper {
	width: 100%
	height: 100%

}

/*----------------------------------------------*\
	SALE PAGE
\*----------------------------------------------*/

P.note {
	color: red;
}

#page {
	width: 950px;
	height: 100%;
	margin: 30px auto 0 auto;
	padding: 10px 0px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #fff;
	/* RGBa with 0.75 opacity */
	background: rgba(255, 255, 255, 0.75);
	overflow: auto;
}

#imageBar {
	margin-top: 10px;
	width: 200px;
	float: left;
	z-index: 75;
}
	#imageBar img {
		width: 190px;
		margin: 4px;
		border: 1px solid white;
	}
#main {
	float: right;
	width: 740px;
}
#content {
	margin-top: 10px;
	float: left;
	width: 500px;
	background: #fff;
	padding: 5px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	border-radius: 10px;
}
	#content h1 {
		font: bold 3em "Times New Roman", Times, serif; 
		text-align: center;
		color: green;
		text-shadow: 3px 2px 4px #333;
	}
	#content h2 {
		font: italic 1.5em "Times New Roman", Times, serif;
		text-align: center;
	}
	#content p {
		font: 14px Verdana;
		text-align: left;
		padding-top: 5px;
	}
		#content p.center {
			text-align: center;
		}
		#content p.alert {
			text-align: center;
			padding: 5px 5px;
			color: red;
			font-style: italic;
		}
	#content .careguide {
		margin: 10px;
		font: bold 1.5em "Times New Roman", Times, serif;
		display: block;
		text-align: center;
		text-decoration: none;
	}
	#content table {
		margin: 10px;
		width: 90%;
	}
		#content table th {
			background: green;
			color: #CCFFCC;
			border: 1px solid green;
		}
		#content table td {
			border: 1px solid green;
		}
		#content .tableHead{
			 font-size: 14pt; letter-spacing: 4px; color: FFFF99;
		}
		#content .tableFoot{
			 font-style: italic; font-size: 10pt; color: FFFF99;
		 }
	#content table .simple {
			margin: 10px auto;
			display: block;
			text-align: left;
		}
		#content table .simple td {
			padding: 3px;
		}
#header {
	font-style: bold;	
}
#saleBar {
	width: 225px;
	float: right;
}

	#saleBar form {
		margin: 10px 5px;
		padding: 5px;
		background: #fff;
		border: 1px solid green;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
		border-radius: 10px;		
	}
	#saleBar .addtocart {
		margin: 10px 25px 10px 25px;
	}
	#saleBar .suggest {
		margin: 10px 5px;
		padding: 5px;
		background: #fff;
		border: 1px solid red;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
		border-radius: 10px;		
	}
	#saleBar P.note {
		margin: 10px 5px;
		padding: 5px;
		background: #fff;
		border: 1px solid red;
		color: red;
		font-style: italic;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
		border-radius: 10px;	
	}

/*----------------------------------------------*\
	NAVBAR
\*----------------------------------------------*/

#navbar {
	white-space: nowrap;
	margin: 0; 
	padding: 0;
	background: green; 
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid black;
}

#navbar ul ul {
	margin-left: -999em;
	display: block;
}

	#navbar ul li:hover > ul {
		margin: -6px 0 0 -4px;
	}


#navbar ul {

	padding: 0 5px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	#navbar ul:after {
		content: ""; clear: both; display: block;
	}

	#navbar ul li {
		display: inline-block;
	}
		#navbar ul li a:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			#navbar ul li:hover a {
				color: #fff;
			}
		
		#navbar ul li a, ul li form {
			display: inline-block; padding: 5px 10px;
			color: #FFFF99; text-decoration: none;
			font-family: Verdana;
			font-size: 14px;
		}
			
		
	#navbar ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		
	}
		#navbar ul ul li {
			float: none; 
			display: block;
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			#navbar ul ul li a {
				padding: 5px 10px;
				color: #fff;
			}	
				#navbar ul ul li a:hover {
					background: #4b545f;
				}
		
	#navbar ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
/*----------------------------------------------*\
	INFO PAGE
\*----------------------------------------------*/

#infopage {
	width: 950px;
	height: 100%;
	margin: 30px auto 0 auto;
	padding: 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #fff;
	/* RGBa with 0.75 opacity */
	background: rgba(255, 255, 255, 0.9);
	overflow: auto;
}

	#infopage h1 {
		font: bold 3em "Times New Roman", Times, serif; 
		text-align: center;
		color: green;
		text-shadow: 2px 1px 3px #333;
	}
	#infopage h2 {
		font: italic 1.5em "Times New Roman", Times, serif;
		text-align: center;
	}	
	#infopage h3 {
		font: italic 1.5em "Times New Roman", Times, serif;
		text-align: center;
	}
	#infopage p {
		font: 14px Verdana;
		text-align: left;
		padding-top: 5px;
	}
		#infopage p.center {
			text-align: center;
		}
	#infopage form.newsletter {
		display: block;
		width: 400px;
		text-align: center;
		margin: 10px auto;
	}
		

/*----------------------------------------------*\
	SUMMARY PAGES
\*----------------------------------------------*/		
		
		
		
.summaryBoxTitle {
	clear: both;
	font: bold 22pt "Times New Roman", Verdana, Arial, serif;
	text-align: center;
	border: 0px black solid;
	padding: 2px;
	width: 98%;
	margin: 0 auto;
}

.summaryBox {
	font: bold 22pt "Times New Roman", Verdana, Arial, serif;
	text-align: center;
	border-right: green 2px solid;
	border-left: green 2px solid;
	border-bottom: green 2px solid;
	background: #FFFFFF;
	padding: 2px;
	width: 98%;
	margin: 0 auto;
}


.summarySubBoxTitle {
	font: bold 16pt "Times New Roman", Verdana, Arial, serif;
	text-align: center;
	border-right: white 2px solid;
	border-left: white 2px solid;
	border-bottom: white 2px solid;
	background: green;
	padding: 2px;
	width: 95%;
	margin: 0 auto;
}

.summarySubBoxTitle a:link {color: #FFFF99; text-decoration: underline; }
.summarySubBoxTitle a:visited {color: #FFFF99; text-decoration: underline; }
.summarySubBoxTitle a:hover {color: #66FF66; text-decoration: none; }
.summarySubBoxTitle a:active {color: blue; }

.summarySubBox {
	font: 13pt "Times New Roman", Verdana, Arial, serif;
	text-align: justify;
	border-right: white 2px solid;
	border-left: white 2px solid;
	border-bottom: white 2px solid;
	background: #FFFFFF;
	padding: 2px;
	width: 95%;
	margin: 0 auto;
}

.summarySubBox a:link {color: blue; text-decoration: underline; }
.summarySubBox a:visited {color: blue; text-decoration: underline; }
.summarySubBox a:hover {color: red; text-decoration: none; }
.summarySubBox a:active {color: red; }

/* summary box table for 2 column cat display */
table.summarySub {
	font: 12pt "Times New Roman", Verdana, Arial, serif;
	letter-spacing: 2px;
	width: 95%;
	margin: 0 auto;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	background-color: white;
}

table.summarySub th {
	font: bold 16pt "Times New Roman", Verdana, Arial, serif;
	width: 50%;
	padding: 2px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	border-bottom: white 2px solid;
	border-right: white 2px solid;
	border-left: white 2px solid;
	background-color: green;
}

table.summarySub td {
	width: 50%;
	padding: 2px;
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	border-bottom: white 2px solid;
	border-right: white 2px solid;
	border-left: white 2px solid;
	background-color: #FFFFFF;
}

table.summarySub th a:link {color: #FFFF99 !important; text-decoration: underline; }
table.summarySub th a:visited {color: #FFFF99 !important; text-decoration: underline; }
table.summarySub th a:hover {color: #66FF66 !important; text-decoration: none; }
table.summarySub th a:active {color: blue !important; }

table.summarySub td a:link {color: blue; text-decoration: underline; }
table.summarySub td a:visited {color: blue; text-decoration: underline; }
table.summarySub td a:hover {color: red; text-decoration: none; }
table.summarySub td a:active {color: red; }

table.prices {
	font: 12pt "Times New Roman", Verdana, Arial, serif;
	letter-spacing: 1px;
	margin: 0 auto;
}

table.prices th {
	font: bold 12pt "Times New Roman", Verdana, Arial, serif;
	text-align: center;
	padding: 5px;
	border-width: 1px 0px 0px 0px;
	background-color: #FFFFFF;
}

table.prices td {
	padding: 0px;
	vertical-align: top;
	border-color: white;
	border-width: 0px 0px 1px 0px;
	background-color: #FFFFFF;
}

.salePrice {
	color: #FF3333;
	text-decoration: line-through;
}

.Img {
    text-align: center;
    font-size: 10pt;
    font-style: italic;
}

.floatImgLeft {
	float: left; 
	margin-top: 0px; 
	margin-right: 10px; 
	margin-left: 10px; 
	margin-bottom: 10px;
	text-align: center;
	font-size: 10pt;
	font-style: italic;
}

.floatImgRight {
    float: right;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 10pt;
    font-style: italic;
}

/*----------------------------------------------*\
	PAGE CONTENT - user specified
\*----------------------------------------------*/

.ieCenterBug {
    text-align: justify;
}

.title {
    font-size: 30pt;
    letter-spacing: 4px;
}

.heading {
    font-size: 24pt;
    letter-spacing: 2px;
}

.subHeading {
	font-size: 20pt;
	letter-spacing: 2px;
}

.subSubHeading {
    font-size: 16pt;
    letter-spacing: 2px;
}

.subText {
    font-size: 10pt;
}

.subSubText {
    font-size: 8pt;
}

.box {
    border: 2px black solid;
    padding: 8px;
    width: 600px;
    margin: 0 auto;
    text-align: justify;
}

/* auto created tables */
table.genTable {
    border-width: 0px;
    border-spacing: 2px;
    border-style: solid solid solid solid;
    border-color: black;
    border-collapse: separate;
}
table.genTable th {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: black;
}
table.genTable td {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: black;
}