/* CSS Document */

body 
{
    margin: 12px;
    padding: 0px;
    text-align: center;
    background-color:#b329a7;
    background:url(funkybk.png);
    background-repeat:repeat;
    margin-top:-1px;
    color:#FFFFFF;
}

form
{
    padding: 0px; 
    margin: 0px;
}

p 
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color:  #666666;
	margin-left: 10px;
	text-align:justify;
}

.pagetitle
{
	font-family: Modern No. 20;
	font-size:20px; 
	font-weight:bold;
	margin:0;
	padding:0;
	color:#888888;
}

.resourcecontent ul 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:44px;
	margin-top:20px;
	
}

.resourcecontent li 
{
	margin:6px;
}

td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #666666;
}

.resourcecontent a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display:block; 
	width:124px;
	background-image:url(linkback.png);
	background-repeat:no-repeat;
	color:#000000;
	padding-left:-2px;
	padding-right:11px;
	padding-top:-1px;
	padding-bottom:12px;
	text-decoration:none;
	line-height:32px;
}

.resourcecontent a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display:block; 
	width:124px;
	background-image:url(linkback.png);
	color:#FFFFFF;
	background-repeat:no-repeat;
	padding-left:-2px;
	padding-right:11px;
	padding-top:-1px;
	padding-bottom:12px;
	text-decoration:none;
	line-height:32px;
}

a:link
{
    text-decoration: none; 
}
a:visted 
{
    text-decoration: none;
}
a:hover 
{
    text-decoration: underline;
}

#pageContainer
{
	margin-left: auto; 
    margin-right: auto;
    text-align: center;
    width: 1035px;
    background-image:url(mainback.png);
    background-repeat:repeat-y;
    clear:both;
}

#pagebottom
{
	margin-left: auto; 
    margin-right: auto;
    text-align: center;
    width: 1035px;
    background-image:url(pagebottom.png);
    height:50px;
    clear:both;
}

.pagetop
{
	margin-left: auto; 
    margin-right: auto;
    text-align: center;
    width: 1035px;
    background-image:url(pagetop.png);
    height:50px;
    margin-top:7px;
    margin-bottom:0px;
}
#pageHeader 
{
	margin-left:2px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0;
	padding-bottom:0;
	width: 994px;
	height:116px;
	border-bottom:double 2px #CCCCCC;
}
.pagetop ul{margin-top:12px;margin-right:10px;padding:0;list-style:none;HEIGHT:15PX;float:right;margin-right:20px; font-family:arial;}
.pagetop li{float:left;margin:0;padding:0;}	
.pagetop li a{font-size:12px;color:#333333;display:block;text-decoration:none;padding-left:10px;padding-right:10px;border-right:dotted 1px #BBBBBB;}
.pagetop li a:hover{font-size:12px;color:#333333;display:block;text-decoration:none;padding-left:10px;padding-right:10px;border-right:dotted 1px #BBBBBB;}
.pagetop li img{display:block; margin-left:12px;}
.pagetop li.right a{font-size:12px;color:#333333;display:block;text-decoration:none;padding-left:10px;padding-right:10px;border-right:none;}
.pagetop li.right a:hover{font-size:12px;color:#333333;display:block;text-decoration:none;padding-left:10px;padding-right:10px;border-right:none;}

.shopimage
{ 
	width:216px;
	height:216px;
	background:url(picback.png);
	background-repeat: no-repeat;
}	


#content 
{
	color:  #666666;
	width: 775px;
	padding: 12px;
	padding-right:27px;
	text-align:left;
	text-align: justify;
    background-repeat: repeat-y;
    background-position: top left;
    border-left:solid 2px #CCCCCC;
    margin-left:220px;
}

#contentHeader 
{
	color:#007F64;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:22px;
	padding-bottom: 14px;
}
#logo {
    float:left;
    margin:0;
    padding:0;
}

#siteTitle 
{
	float: right;
	width:532px;
}

.subheader 
{
    background-image: url(yellowBlob.png);
    background-repeat: no-repeat;
    background-position: 0px 22px;
    padding: 20px 0px 8px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E98300;
}
.button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	display:block;
	text-align:center;
	padding:3px;
	width:120px;
	height:20px;
	line-height:16px;
	background-color:#b6ad68;
	border-top:solid 2px #d6cd88;
	border-left:solid 2px #d6cd88;
	border-bottom:solid 2px #968d48;
	border-right:solid 2px #968d48;
	text-decoration:none;
}
.button a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	display:block;
	text-align:center;
	padding:3px;
	width:120px;
	height:20px;
	line-height:16px;
	background:#b6ad68;
	border-top:solid 2px #d6cd88;
	border-left:solid 2px #d6cd88;
	border-bottom:solid 2px #968d48;
	border-right:solid 2px #968d48;
	text-decoration:none;
}

.button a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	display:block;
	text-align:center;
	padding:3px;
	width:120px;
	height:20px;
	line-height:16px;
	background:#b6ad68;
	border-bottom:solid 2px #f9f9f9;
	border-right:solid 2px #f9f9f9;
	border-top:solid 2px #D9D9D9;
	border-left:solid 2px #D9D9D9;
	text-decoration:none;
}
.errorheader
{
    background-image: url(redGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #daa7a6 1px solid;
    color:#cc0000;
}

.smalltext 
{
	font-family: Arial, Helvetica;
	font-size: 10px;
	color:  #666666;
}
.code 
{
	font-family: courier, Arial, Helvetica;
	font-size: 11px;
	color:  #666666;
}

.greybar 
{
	background-color:#e1cafe;
	background-position:center;
	/*background-image: url(greyglass.gif);*/
	width: 1005px;
	font-size:14px;
}
	
.greyBoxTop
{
    background: transparent url(greyBorderTop.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 5px;
    padding-bottom: 6px;
    
}
.greyBoxBottom
{
    background: transparent url(greyBorderBottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.greyBoxSides
{
    background: transparent url(greyBorderSides.gif);
    background-repeat: repeat-y;
    background-position: top left;
    width: 210px;
}

#resourcecontent
{
    width: 170px;
    font-family: Arial, Helvetica, sans-serif;
    color: #675C53;
    text-align: center;
    float:left;
    background:none;
}

.warning 
{
	list-style-image:url(form_bullet.gif);
	font-size: 12px;
	color: #CC0000;
}

.formTable
{
    width: 100%;
    border: 0px none;
	border-collapse:collapse;
}

.formTable td
{
	border-top: 0px none;
	border-right: 0px none;
	border-left: 0px none;
	border-bottom: 1px solid #d3d3d3;
    padding: 3px 10px 6px 3px;
	vertical-align: top;
}

.formFooter
{
    margin: 12px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height:20px;
}
.fieldLabel 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:14px;
	font-weight:normal;
	text-align: right;
	width: 33%;
}	

.fieldData 
{
	width: 70%;
}

.inputBoxDisable
{
    background-color: #DDDDDD;
    border: 1px solid #999999;
}
.inputBoxEnable
{
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.greyHzShadeBar
{
    height: 20px;
    background-image: url(greyGrad.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

.shoplistspacer /*height needs to be same height as shoplist li element.*/
{
	height:300px;
}

#shoplist
{
	list-style-type:none;
	
}

#shoplist li
{
list-style-type:none;
width:216px;
float:left;
height:300px;
margin-left:8px;
margin-right:10px;
}

#shoplist img
{
	display:block;
	width:200px;
	height:200px;
}