﻿/************************************************ BEGIN: General layout *************************************/
/******************************************* END: General layout ********************************************/

/******************************************* BEGIN: Images **************************************************/
/******************************************* END: Images ****************************************************/

/********************************************* BEGIN: Divs **************************************************/
/********** SHOP QUICK CONTAINER ***********/
.shopQuickContainer
{
	width: 820px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
	overflow: hidden;
}
/********** MENU CONTAINER ***********/
.menuContainer
{
	width: 820px;
	height: 30px;
	position: absolute;
	top: 60px;
	left: 0px;
	text-align: left;
	overflow: hidden;
}
/********** FLASH CONTAINERS ***********/
.flashContainer1
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.flashContainer2
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.flashContainer3
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
/********** DIVIDERS ***********/
.divBar1
{
	background-position: center top;
	width: 820px;
	height: 120px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	background-image: url(         '../images/style/headerphoto.jpg' );
	background-repeat: no-repeat;
}
.divBar2
{
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 50px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	background-color: #6297BC;
}
.divBar3
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.divBar4
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.divBar5
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.divBar6
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
/********** MAIN BODY CONTAINER ***********/
.mainBodyContainer
{
	width: 820px;
	height: 1500px;
	position: relative;
	top: 85px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	background-color: #FFFFFF;
}
/********** FOOTER CONTAINER ***********/
.footerContainer
{
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}
/********** MAIN BODY CONTAINERS ***********/
.contentContainer1
{
	width: 240px;
	height: 300px;
	position: absolute;
	top: 120px;
	left: 200px;
	text-align: left;
	overflow: auto;
}
.contentContainer2
{
	width: 240px;
	height: 1000px;
	position: absolute;
	top: 420px;
	left: 200px;
	text-align: left;
	overflow: hidden;
}
.contentContainer3
{
	width: 380px;
	height: 1300px;
	position: absolute;
	top: 120px;
	left: 440px;
	text-align: left;
	overflow: auto;
}
.contentContainer4
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
/********** DYNAMIC CONTAINERS ***********/
.dynamicContainer1
{
	width: 240px;
	height: 428px;
	position: absolute;
	top: 240px;
	left: 200px;
	text-align: left;
	overflow: auto;
}
.dynamicContainer2
{
	width: 380px;
	height: 548px;
	position: absolute;
	top: 120px;
	left: 440px;
	text-align: left;
	overflow: auto;
}
.dynamicContainer3
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.dynamicContainer4
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.dynamicContainer5
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.dynamicContainer6
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
/********** INSERTS ***********/
.insert1
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.insert2
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.insert3
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.insert4
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.insert5
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.insert6
{
	width: 180px;
	height: 1300px;
	position: absolute;
	top: 120px;
	left: 10px;
	text-align: left;
	overflow: hidden;
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	margin: 10px 10px 10px 10px;
}
/********** PROMOS ***********/
.promo1
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.promo2
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.promo3
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.promo4
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.promo5
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.promo6
{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}
.frame
{
	width: 0px;
	height: 0px;
	position: absolute;
	border-style: none;
}
/*********************************************** END: Divs **************************************************/
/******************************************* BEGIN: Images **************************************************/
/* Main Image */
image
{
	border: solid 1px #9c9c9c;
}
.mainImage
{
	width: 50px;
	height: 50px;
	position: absolute;
}
/* Featured Image */
.featuredImage
{
	width: 90px;
	height: 90px;
	margin: 3px;
}
/* Page Images */
.pageImage
{
	width: 150px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pageImage1
{
	height: 100px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pageImage2
{
	width: 100px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pageImage3
{
	width: 100px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pageImage4
{
	width: 100px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.promoImage
{
	width: 100px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.grid image
{
	width: 250px;
}
.panelImage
{
	padding: 10px 10px 10px 10px;
	width: 125px;
}
.photoImage
{
	padding: 0px 10px 10px 0px;
	width: 250px;
}