/*---------------GLOBAL STYLES START------------------------*/
html {
	width: 100%;
}
	* html {
		border: none;
	}
body {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
}
/*img {
	display: block;
}*/
div#container a img {
	border: none;
}
div#container .clearer{
	clear: both;
	line-height: 0px;
}

div#container h1 {
	padding: 32px 0 0 37px;
	^padding: 16px 0 0 37px;
	margin: 0;
	color: #FFD26F;
	font: 30px/100% Arial, Helvetica, sans-serif;
}
div#container h2 {
	padding: 0 38px 17px 38px;
	margin: 0;
	color: #333333;
	font: 33px/100% "Times New Roman", Times, serif;
}
div#container h3 {
	padding: 0 38px 0 38px;
	padding: 0 0px 0 38px;
	margin: 0;
	color: #333333;
	font: 18px/140% Arial, Helvetica, sans-serif;
	max-width: 560px;
}
div#container p {
	padding: 7px 38px;
	padding: 0 0px 0 38px;
	margin: 0;
	color: #333333;
	font: 12px/180% Arial, Helvetica, sans-serif;
	max-width: 560px;
}

div#container a {
	text-decoration:none;
}

div#container em {
	font: bold 14px/140% Arial, Helvetica, sans-serif;
	color: #323232;
	font-style: italic;
	max-width: 560px;
	padding: 7px 38px 7px 38px;
	display: block;
}
div#container div.textContainer {
	padding-top: 20px;
}

/*---------------global styles end------------------------*/

div#container {
	width: 965px;
	margin: auto auto;
	text-align: left;
	background: #5F1167 url(../images/100yearimages/bgGradient.png) top repeat-x;
	padding-bottom: 30px;
}

div#container a.backTop {
	display: block;
	margin: 0;
	padding: 0;
	width: 66px;
	height: 20px;
	background: url(../images/100yearimages/top.jpg);
	text-indent: -9999px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	outline: none;
}


/*---------------header styles ------------------------*/

div#container div.header {
	width: 100%;
	height: 190px;
	background-image: url(../images/100yearimages/bgFireworks.png);
}

div#container div.header img.logo {
	margin-left: 37px;
	margin-top: 38px;
	
}

div#container div.header ul {
	margin: 0 0 0 39px;
	padding: 0;
}

div#container div.header ul div{
	/*border-top: solid 1px #AA9BB1;
	border-bottom: solid 1px #AA9BB1;*/
	float: left;
}

div#container div.header ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	
}
div#container div.header ul li a {
	/*padding: 7px 16px 8px 16px;
	display: block;
	font: 12px/100% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	
	border-right: solid 1px #7C4589;
	border-left: solid 1px #36043A;*/
	display: block;
	background: url(../images/100yearimages/bgBtns.png) 0 0px;
	color: #FFF;
	text-decoration: none;
	
	
	
}

div#container div.header ul li a:hover {
	background-position: 0 -36px;
	color: #4B0850;
	/*border-right: solid 0px #7C4589;
	border-left: solid 0px #36043A;
	padding: 7px 17px 8px 17px;*/
}

div#container div.header ul li a span span {
	/*padding: 8px 16px 7px 16px; mac*/
	padding: 7px 15px 8px 15px;
	margin: 0;
	border-right: solid 1px #7C4589;
	border-left: solid 1px #36043A;
}
div#container div.header ul li a:hover span span {
	padding: 7px 16px 8px 16px;
	border-right: solid 0px #7C4589;
	border-left: solid 0px #36043A;
}

div#container div.header ul li a span {
	
	display: block;
	font: 12px/100% Arial, Helvetica, sans-serif;
	
	/*padding: 9px 16px 8px 16px;*/
	padding: 1px 0 1px 0;
}
div#container div.header ul li a span.first {
	background: url(../images/100yearimages/btnLeft.png) no-repeat 0 0;
}

div#container div.header ul li a:hover span.first {
	background-position: 0 -36px;
}
div#container div.header ul li a span.first  span{
	border-left: solid 0px #36043A;
}
div#container div.header ul li a:hover span.first  span{
	padding: 7px 15px 8px 16px;
}


div#container div.header ul li a span.last {
	background: url(../images/100yearimages/btnRight.png) no-repeat right 0;
}
div#container div.header ul li a:hover span.last {
	background-position: right -36px;
}
div#container div.header ul li a span.last span {
	border-right: solid 0px #7C4589;
}
div#container div.header ul li a:hover span.last span {
	padding: 7px 16px 8px 15px;
}

/*---------------header styles end------------------------*/


/*---------------boardered containers------------------------*/

div#container div.frameHolder{
	width: 879px;
	margin: 0 0 8px 39px;
	padding-left: 3px;
	background: url(../images/100yearimages/leftBoarder.gif) repeat-y top left;
}
div#container div.frameHolder2{
	width: 100%;
	padding-right: 3px;
	background: url(../images/100yearimages/rightBoarder.gif) repeat-y top right;
}

div#container div.frameHolder div.top {
	width: 100%;
	height: 3px;
	background:  url(../images/100yearimages/topBoarder.gif) repeat-x top left;
	font-size: 0px;
}

div#container div.frameHolder div.bottom {
	width: 100%;
	height: 3px;
	background:  url(../images/100yearimages/bottomBoarder.gif) repeat-x bottom left;
	font-size: 0px;
}

div#container div.frameHolder div.contentHolder {
	width: 100%;
	background: #F9F9F9;
	padding-bottom: 25px;
	position: relative;
	background-image: url(../images/100yearimages/bottomBoarder.gif) repeat-x bottom;
}

div#container div.frameHolder div.contentHolder img {
	float: right;
}

div#container div.frameHolder div.contentHolder span {
	color: #333333;
	font: 24px/100% "Times New Roman", Times, serif;
	padding: 0 38px 0 38px;
	max-width: 560px;
	display: block;
}

div#container div.frameHolder div.contentHolder div.rightContainer {
	float: right;
	margin: 22px 0 0 26px;
	padding-left: 1px;
	background: url(../images/100yearimages/dotted-border.gif) repeat-y 0 0;
	_width: 468px;
}
div#container div.frameHolder div.contentHolder div.rightContainer img {
	float: none;
}
/*---------------boardered containers------------------------*/

/*---------------form start------------------------*/
div#container div.frameHolder div.contentHolder form span {
	padding: 0;
}

div#container input {
	width: 183px;
	display: block;
}
div#container label {
	text-align: right;
	width: 170px;
	padding-top: 6px;
	margin-right: 20px;
	display: block;
	font: 12px/100% Arial, Helvetica, sans-serif;
	color:#333;
	float: left;
}
div#container select {
	width: 138px;
}

div#container form {
	padding: 0;
	margin: 0;
	position: relative;
	width: 468px;
}

div#container div.dividerLine {
	width: 326px;
	height: 1px;
	margin: 0 0 20px 52px;
	font-size: 0px;
	border-top: solid 1px #D6D6D6;
	
}

div#container div.frameHolder div.contentHolder form span span.textfieldRequiredMsg {
	display: none;
}

div#container div.frameHolder div.contentHolder form span.textfieldRequiredState span.textfieldRequiredMsg {
	display: block;
	font: 9px/100% Arial, Helvetica, sans-serif;
	width: 268px;
	padding-top: 3px;
	color: #FFC219;
	text-align: right;
}

div#container #checkBox{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

div#container form .submit {
	width: 105px;
	height: 28px;
	background: url(../images/100yearimages/submitForm.png) no-repeat;
	border: solid 0px #000;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
	position: absolute;
	bottom: -5px;
	right: 30px;
	
}



.textfieldValidState input, input.textfieldValidState {
	/*border: solid 1px #B8B3B3;*/
}

/*.textfieldRequiredState,*/ .textfieldRequiredState input {
	background-color: #ECECEC;
}

.textfieldFocusState input, input.textfieldFocusState {
	/*border: solid 1px #113D68;*/
	background-color: #fff;
}

/*---------------form end------------------------*/


/*----------------CHARITY SECTION ---------------*/

div#container div.charity_divider {
	margin-left: 38px;
	_margin-left: 20px;
	margin-top:20px;
	float:left;
	width:805px;
	
	border-top-style:dashed;
	border-top-width:thin;
	border-top-color:#CCC;
	height:70px;
	background-color:#F9F9F9;
}

div#container div.charity_divider h3 {
	padding: 20px 38px 0px 0px;
	margin: 0;
	color: #333333;
	font: 18px/140% Arial, Helvetica, sans-serif;
	max-width: 560px;
}

/*---------------CHARITY TABLE--------------------------*/

div#container div.charity_table_holder {
	margin-left: 38px;
	_margin-left: 20px;
	float:left;
	width:805px;
	_width:820px;
	height:600px;
	
}

div#container div.charity_col {
	float:left;
	width:190px;
	height:570px;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCC;
}

div#container div.charity_col_left {
	float:left;
	width:200px;
	height:570px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#CCC;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCC;
}

/*---------------NEWS ITEMS--------------------------*/

div#container div.charity_item {
	float:left;
	padding:20px 0 0 0;
	width:190px;
	height:120px;
	text-align:left;
	background-image:url(../images/100yearimages/newsitem_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

div#container div.charity_item a span.title {
	text-decoration:none;
	padding: 0 10px 10px 20px;
	margin: 0;
	color: #333333;
	font: 20px/100% "Times New Roman", Times, serif;
}

div#container div.charity_item p {

	padding: 0 10px 5px 20px;
	margin: 0;
	color: #333333;
	font: 11px/100% "Times New Roman", Times, serif;
}

div#container div.charity_item h2 {

	padding: 0 10px 10px 20px;
	margin: 0;
	color: #333333;
	font-style:italic;
	font-size: 11px;
	font-family:"Times New Roman", Times, serif;
}

/*-----------------PRODUCTS PAGE--------------------*/

div#container div.frameHolder div.contentHolder div.product_menu {
	width: 100%;
	height: 25px;
	
}


div#container div.frameHolder div.contentHolder div.product_menu ul {
	margin: 0 0 0 38px;
	padding: 0;
}

div#container div.frameHolder div.contentHolder div.product_menu ul div{
	/*border-top: solid 1px #AA9BB1;
	border-bottom: solid 1px #AA9BB1;*/
	float: left;
}

div#container div.frameHolder div.contentHolder div.product_menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a {
	
	display: block;
	background: url(../images/100yearimages/bgBtns_sub.png) 0 0px;
	color: #FFF;
	text-decoration: none;
	
}

div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover {
	background-position: 0 -36px;
	color: #4B0850;
	/*border-right: solid 0px #7C4589;
	border-left: solid 0px #36043A;
	padding: 7px 17px 8px 17px;*/
}

div#container div.frameHolder div.contentHolder div.product_menu ul li a span span {
	/*padding: 8px 16px 7px 16px; mac*/
	padding: 7px 15px 8px 15px;
	margin: 0;
	border-right: solid 1px #F9F9F9;
	border-left: solid 0px #F9F9F9;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover span span {
	padding: 7px 15px 8px 15px;
	border-right: solid 1px #F9F9F9;
	border-left: solid 0px #F9F9F9;
}

div#container div.frameHolder div.contentHolder div.product_menu ul li a span {
	
	display: block;
	font: 12px/100% Arial, Helvetica, sans-serif;
	color:#FFF;
	/*padding: 9px 16px 8px 16px;*/
	padding: 1px 0 1px 0;
}

div#container div.frameHolder div.contentHolder div.product_menu ul li a span.first {
	background: url(../images/100yearimages/btnLeft_sub.png) no-repeat 0 0;
}

div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover span.first {
	background-position: 0 -36px;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a span.first  span{
	border-left: solid 0px #36043A;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover span.first  span{
	padding: 7px 15px 8px 15px;
}


div#container div.frameHolder div.contentHolder div.product_menu ul li a span.last {
	background: url(../images/100yearimages/btnRight_sub.png) no-repeat right 0;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover span.last {
	background-position: right -36px;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a span.last span {
	border-right: solid 0px #7C4589;
}
div#container div.frameHolder div.contentHolder div.product_menu ul li a:hover span.last span {
	padding: 7px 15px 8px 15px;
}


div#container div.products_holder {
	margin-left: 38px;
	_margin-left: 20px;
	float:left;
	width:805px;
	_width:815px;
}




div#container div.frameHolder div.contentHolder div.products_holder span {
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#container div.frameHolder div.contentHolder div.products_holder span em {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	padding:3px 0 0 0;
	color:#E3B13E;
	font-style:normal;
}

div#container a.backTop_product {
	display:block;
	margin: 20px 0 0 0;
	padding: 0;
	width: 66px;
	height: 20px;
	background: url(../images/100yearimages/top.jpg);
	text-indent: -9999px;
	outline: none;
	float:right;
}


/*-----------------PRODUCTS PAGE END---------------------*/