body {

margin-left:50%; 
background-color:#99ca3c;
}

#purplebanner {
width:100%;
margin-left:-50%;
height:85px;
top:94px;
z-index:1;
position:absolute;
background-color:#3d0066;
}

#flash {
margin-top:-60px;
margin-left:-490px;
width:980px;
z-index:2;
position:absolute;
}

#container1 {
	top:0px;
	z-index:10;
	width:630px;
	position:absolute;
	margin-left:-315px;
	margin-top:0px;
}

#header {

position:absolute;
width:630px;
height:auto;
margin-top:0px;
margin-left:0px;
left:0px;
z-index:1;
}

#navigation {
width:630px;
height: 85px;
top:94px;
left:0px;
margin-left:0px;
z-index:2;
background-color: #3d0066;
position:absolute;
}

#mainsection {
width:630px;
margin-top:200px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
background-image:url(images/bg-fade.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;

}

#mainsection a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
text-decoration:underline;
}

#mainsection a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3d0066;
text-align:left;
text-decoration:underline;
}

#main-top {
width:610px;
height:310px;
margin-top:200px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
background-image:url(images/bg1-a.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:20px;
}

#mainsection-productrange {
width:610px;
margin-top:200px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
background-image:url(images/bg-fade.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:20px;
padding-bottom:20px;
}

#main-bottom {
width:630px;
height:auto;
margin-top:510px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
background-image:url(images/bg1-b.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:0px;
padding-top:20px;
}

#main-bottom-productrange {
width:630px;
height:auto;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:0px;
padding-top:20px;
}


#mainsection-gallery {
width:630px;
margin-top:100px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
background-image:url(images/bg-fade.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;

}

#mainsection-door{
width:630px;
top:200px;
margin-left:0px;
left:0px;
z-index:3;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;

}

#main-top, #main-bottom a{

font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#3d0066;
}

#main-top, #main-bottom a:hover{

font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#ffffff;
}

#mainsection li{

font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#ffffff;
text-indent:0px;
list-style-image:url(images/bullet1.gif);
}


#footer{
width:100%;
margin-top:20px;
margin-left:0;
background-image:url(images/footer-bg.gif);
background-position:top;
background-repeat:repeat-x;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
padding-top:10px;
height:50px;
text-align:center;
}

#footer a {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#footer a:hover{
color:#3d0066;
font-size:10px;
text-decoration:underline;
}

#main-image-right {
position:absolute;
z-index:20;
top:0px;
right:0px;
}

/* Styles */

.smalltext {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
padding:3px;
}

.smalltext2 {
font-family:Arial, Helvetica, sans-serif;
color:#3d0066;
font-size:11px;
padding:3px;
}

.bottom-table {
padding-top:10px;
padding-left:20px;
padding-bottom:20px;
}

.pagetext {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
}

.pagetext a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
text-decoration:none;
}

.pagetext a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#3d0066;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
text-decoration:none;
}

.purpledot {
color: #3d0066;
}

.title {
font-size:20px;
font-weight:bold;
color:#FFFFFF;
margin-top:20px;
}

.footer {
background-image:url(images/footer-bg.gif);
background-position:top;
background-repeat:repeat-x;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
padding-top:10px;
height:50px;
}

.footer a{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

.footer a:hover{
color:#3d0066;
font-size:10px;
text-decoration:underline;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:16px;
text-decoration:none;
padding-left:0px;
}

h1 a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
font-size:16px;
text-decoration:none;
padding-left:0px;
}

h1 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#3d0066;
font-size:16px;
text-decoration:none;
padding-left:0px;
}

.formboxes {
	width: 270px;
	padding: 2px;
	background-color:#3d0066;
	color:#FFFFFF;
	border:#FFFFFF solid 2px;
}
.formbuttons {
	width: 87px;
	padding: 2px;
	background-color: #ffffff;
	color:#3d0066;
	border:none;
}

.top-image {
padding-left:20px;
padding-bottom:20px;
}

.product-range img{border:10px solid #FFFFFF;}
img.product-range {border:10px solid #FFFFFF;}
img.product-range:hover{border:10px solid #3d0066;}

/* These hieghts and widths should be edited to your images */	
ul.pikachoose{
	margin-left:20px;
	padding-left:0px;
	width:600px;}
.main_pika{
	
	position: absolute;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	}
.pikachoose li{
	margin:5px;
	border:1px solid white;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul.pikachoose li img{position:relative;cursor:pointer;display:none;}
.main_pika img{border:5px solid #FFFFFF;}
.main_pika{position: relative;margin:0 auto; color:#FFFFFF}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:20px;right:20px; color:#FFFFFF;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer; color:#FFFFFF}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:45px;text-align:center; color:#FFFFFF;}
.pika_nav a{font-size: 12px;color:white;text-decoration: none;}
.pika_nav a:hover{text-decoration: underline;}
.pika_nav{padding-top:10px;clear:both;text-align:center; color:#FFFFFF}
.pika_link{cursor:pointer;}


/*Accordion Menu*/
.glossymenu{
top: 179px;
margin-left:-50%;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
z-index:100;
position:absolute;
}

.glossymenu a.menuitem{
background: black url(images/glossyback1a.gif) repeat-x bottom left;
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#3d0066;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #3d0066;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background:#ffffff;
color: #3d0066;
}

/*Accordion Menu*/