/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}
/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; 
	font-size: 8pt;
	background-color: #D7D7C7;
}
/* center wrapper, min max width */
div#pagewrapper {
	border: 0px;
	margin: 0 auto;       /* this centers wrapper */
	max-width: auto;   /* IE wont understand these, so we will use javascript magick */
	min-width: 777px;
	background-color: #D7D7C7;
}
div#topmostbar {
	background-image: url("../images/bg_purple_grad.gif");
	height: 40px;
	border-bottom: 1px solid #FFFFFF;
}
div#topmenubar {
	background-color: #A7CF38;
	height: 25px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#topmenubar2 {
	background-color: #E28F26;
	height: 20px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#topimages {
	background: transparent; 
	height: 155px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#centerbar {
	background-image: url("../images/bg_purple_grad.gif");
	height: 90px;
	border-bottom: 1px solid #FFFFFF;
}
div#centerbar2 {
	background-color: #E28F26;
	height: 15px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#maincontent {
	background: transparent; 
	height: auto;
	text-align: center;
}
div#maincontentwrapper {
	margin: 0 auto;       /* this centers wrapper */
	width: 777px;
	background-color: #FFFFFF;
	height: auto;
	text-align: center;
}
div#maincontentleft {
	float: left;
	width: 200px;
	background: transparent; 
	height: auto;
	text-align: left;
	padding: 5px;
}
div#maincontentright {
	float: right;
	width: 555px;
	background: transparent; 
	height: auto;
	text-align: left;
	padding: 5px;
}
div#pleasewait {
	height: 400px;
	text-align: center;
	vertical-align: middle;
}

div#bottombar1 {
	background-color: #7C449A;
	height: 5px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#bottombar2 {
	background-color: #A7CF38;
	height: 10px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#bottombar3 {
	background-color: #E28F26;
	height: auto;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
div#bottombar4 {
	background-image: url("../images/bg_purple_grad_inv.gif");
	height: 40px;
}
div#maincontentright td {
	text-align: left;
}
#accordionAnyus {
	width : 200px;
	border-bottom: 1px solid #D7D7C7; 
	margin-top: 4px; 
	border-top: 1px solid #D7D7C7; 
}
.accordionTabTitleBar {
	font-size           : 11px;
	padding             : 2px;
	border-style        : solid none solid none;
	border-top-color    : #D7D7C7;
	border-bottom-color : #FFFFFF;
	border-width        : 1px 0px 1px 0px;
	background-color: #A7CF38; 
	color: rgb(255, 255, 255); 
	font-weight: bold;
}

.accordionTabTitleBarHover {
   font-size        : 11px;
	background-color : #1f669b;
	color            : #000000;
}

.accordionTabContentBox {
	font-size        : 11px;
	border           : 1px solid #D7D7C7;
	border-top-width : 0px;
	padding          : 0px 8px 0px 8px;
	border-style: solid; 
	border-style: solid; 
	border-color: rgb(31, 102, 155); 
	border-width: 0px 1px; 
	margin: 0px; 
}

p {
	font-size: 11px; 
	color: #4F4646; 
	font-weight: normal;
	margin: 5px;
	padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
p.form {
   margin: 0 0 0 0; /* some air around p elements */
}
p.errortext {
	font-weight:bold; 
	color:#ff0000;
	padding-left: 5px;
}
p.smallTextBold {
	font-size:0.8em; 
	font-weight:bold; 
	padding-left: 5px;
}
p.smallText {
	font-size:0.8em; 
	padding-left: 5px;
}
p.fakeButton {
	cursor: pointer;
	color: #692C8B;
	background: #D7D7C7;
	border: 1px solid #000;
	text-align: center;
	padding: 3px;
	margin: 5px;
}
a.fakeButton {
	cursor: pointer;
	font-size: 11px; 
	text-decoration: none;
	color: #692C8B;
	background: #D7D7C7;
	text-align: center;
	padding: 3px;
	margin: 5px;
}
td.fakeButton {
	height: 30px;
	vertical-align: middle;
}

a.category {
	color: #4F4646; 
	text-decoration: none;
}
a.category:link {
   text-decoration: none;
}

h6 {font-size: 8px; color: #4F4646; font-weight: bold;}
h5 {font-size: 9px; color: #4F4646; font-weight: bold;}
h4 {font-size: 10px; color: #4F4646; font-weight: bold;}
h3 {font-size: 12px; color: #4F4646; font-weight: bold;}
h2 {font-size: 14px; color: #4F4646; font-weight: bold; margin-bottom: 5px;}
h1 {font-size: 18px; color: #692C8B; font-weight: bold; margin: 5px;}

a.nav_white {font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal;}
a.nav_white:link {font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; text-decoration: none;}
a.nav_white:visited {font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; text-decoration: none;}
a.nav_white:hover {font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; text-decoration: underline;}
a.nav_white:active {font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; text-decoration: none;}

a.category {text-decoration: none;}
a.category:link {text-decoration: none;}
a.category:visited {text-decoration: none;}
a.category:hover {text-decoration: underline;}
a.category:active {text-decoration: none;}

.general_sm {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}

#maincontentleft ul {
	list-style-image: url("../images/arrow.jpg");
	margin-left: 20px;
	padding: 5px;
}

#maincontentleft li {
	padding: 2px;
}

img.bigpicture {
	margin-right: 5px;
	border: 1px solid #C0C0C0;
}
img.thumbnail {
	border: 1px solid #C0C0C0;
}

/* Tables */

td {
	text-align: center;
}

table.topmenu {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 25px;
}
td.topmenu {
	background-color: #726E4F;
}
table.topmenu2 {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 20px;
}
td.topmenu2a {
	background-color: #BCC1A4;
}
td.topmenu2b {
	background-color: #BCBEC0;
}
table.topimages {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
}
td.topimagesa {
	background-color: #FFFFFF;
	text-align: center;
	border-bottom: 5px solid #FFFFFF;
}
td.topimagesb {
	background-color: #F2F2F3;
	text-align: left;
	border-bottom: 5px solid #F2F2F3;
}
table.centerbar {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	background: transparent; 
}
td.centerbar {
	background: transparent; 
	text-align: left;
	vertical-align: top;
	font-size: 9px; 
	font-family: Arial; 
	color: #ffffff; 
	font-weight: normal;
	padding-right: 3px;
	padding-top: 10px;
}
table.bottombar1 {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	background-color: #FFFFFF;
}
td.bottombar1 {
	background-color: #FFFFFF;
	font-size: 2px; 
}
table.bottombar2 {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 10px;
	background-color: #FFFFFF;
}
table.bottombar3 {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 15px;
	background-color: #FFFFFF;
}
table.bottombar4 {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	background: transparent; 
}
td.bottombar4 {
	background: transparent; 
}

table.basket {
	/*This centers the table*/
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
td.basket {
	border: 1px solid #692C8B;
}

span.currentpage {
	color: #FFFFFF; 
}

/* FORMS */
.button{
	font-size: 11px; 
	color: #692C8B;
	background: #D7D7C7;
	border: 1px solid #000;
}

.textfield{
	color: #546F7E;
	font-size: 11px; 
}

.textarea{
	font-size: 11px; 
	color: #546F7E;
	font-family: Arial, Helvetica, sans-serif;
}

.dropdown{
	color: #546F7E;
	font-size: 11px; 
}
/* END FORMS */