/* CSS Document */

body {
	font-family: verdana;
	font-size: 0.75em;
	color: #333;
	margin-top: 0px;
}

.boldText {
	font-weight: bold
}


/* background div */
.backgroundDiv {
	/*margin: 2em;
	padding: 2em;*/
	margin: 0em;
	padding: 0em 2em 2em 2em;
	background-color:#CCC;
	min-width: 80em;
}

/* ---------------------------------------- */


/* header */

.headerGradient {
	height: 9em;
	padding:0px;
	background:url(../images/header-gradient.jpg) repeat-x  0px 0px;
}



.header {
	height: 9em;
	margin: 0px auto;
	border-width: 0px;
	border-style: solid;
	border-color: #999;
	padding:0px;
	background:url(../images/header-image.jpg) no-repeat right top;
}

#headerImage{
}


/* ---------------------------------------- */

.menu#headerImage{
	background:url(../images/header-image.jpg) no-repeat -108px right #FF0000;
}


/* main menu */

.menu {
	background: #FF0000;
	height:2.5em
}

.menu ul {
	margin-top:2px;
}

#mainMenu {
	text-align: center;
}

#mainMenu ul {
	padding: 0;
}

#mainMenu li {
	list-style: none;
	margin-left:0px;
	float: left;
	margin-right:5px;
	background: url(../images/tab-off-background.jpg) repeat-x; 
}


#mainMenu a {
	display: block; 
	background: url(../images/tab-off-left.gif) no-repeat 0 0; 
	padding: 0 0 0px 10px; 
	color: #fff; 
	text-decoration: none; 
	font-weight: bold
}

#mainMenu a span {
	display: block; 
	background: url(../images/tab-off-right.gif) no-repeat 100% 0; 
	padding: 7px 10px 7px 0
}

#mainMenu a:hover {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

#mainMenu a:hover span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0
}

/* ---------------------------------------- */


/* main menu tab highlights */

body#design #mainMenu li.design a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#design #mainMenu li.design span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#home #mainMenu li.home a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#home #mainMenu li.home span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#store #mainMenu li.store a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#store #mainMenu li.store span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#bbs #mainMenu li.bbs a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#bbs #mainMenu li.bbs span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#contact #mainMenu li.contact a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#contact #mainMenu li.contact span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#about #mainMenu li.about a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#about #mainMenu li.about span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#about #mainMenu li.about a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#about #mainMenu li.about span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#gallery #mainMenu li.gallery a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#gallery #mainMenu li.gallery span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#gallery #mainMenu li.gallery a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#gallery #mainMenu li.gallery span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#events #mainMenu li.events a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#events #mainMenu li.events span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#terms #mainMenu li.terms a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#terms #mainMenu li.terms span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#copyright #mainMenu li.copyright a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#copyright #mainMenu li.copyright span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}

body#links #mainMenu li.links a {
	background: #FFF url(../images/tab-on-left.gif) no-repeat 0 0; 
	color: #000
}

body#links #mainMenu li.links span {
	background: url(../images/tab-on-right.gif) no-repeat 100% 0;
	color:#000
}



/* store menu */

#menuStore {
	width: 12.5em; 
}

html>body #menuStore {
	width: 12.2em
}

#menuStore ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
	clear:right
	
}



#menuStore li {
	list-style: none; 
	margin-left: 0em;
}

#menuStore a {
	width: 10em; 
	display:block; 
	padding: 0.3em 0.5em 0.3em 11px; 
	background: #6d728f; 
	color: #fff; 
	text-decoration: none;
	margin-bottom:5px;
	font-weight: bold;
}

html>body #menuStore a {
	width: auto
}

#menuStore a:hover {
	background: #fff; 
	color: #000
}

#menuStore .storeProducts a  {
	background: #fff; 
	color: #00; 
}

/* ---------------------------------------- */


/* content box */

.box {
	padding: 10px;
	border: solid 1px #cc0000;
	background-color:#cc0000;
	margin: 0 10px 10px 0;
}


#boxWhiteBackground {
	background-color:#fff;
}

#boxWhiteBackground h2{	
	font-size: 1.6em;
	margin-bottom: .50em;
	font-weight:lighter
}


#boxWhiteText {
	color: #fff
}

#boxWhiteText2 {
	color: #fff
}

#boxWhiteText h1{	
	font-size: 2em;
	margin: 0.25em 0 0.50em 0;
	font-weight:lighter
}

#boxWhiteText h2{	
	font-size: 1.6em;
	margin-bottom: .50em;
	font-weight:lighter
}

.rightColumnHomeStore h2{	
	font-size: 1.6em;
	margin-bottom: .50em;
	font-weight:lighter;
	color: #cc0000;
}

.rightColumnHome h2{	
	font-size: 1.6em;
	margin-bottom: .50em;
	font-weight:lighter;
	color: #cc0000
}

.box a{
	color: #FFF
}




/* ---------------------------------------- */


/* horizontal alignment */
.menu, .content, .footer, .clear, .headerImage{
	margin: 0em auto;
}

/* ---------------------------------------- */


/* side borders */
.clear, .menu, .content, .mainMenu{
	border-width: 0px 0px 0 0px;
	border-style: solid;
	border-color: #999;
	padding:1px;
}


/* ---------------------------------------- */


/* content */
.content {
	padding-top:7px;
}


/* ---------------------------------------- */


/* width of web site */
.header, .menu, .content, .footer, .clear, .allColumn, .headerImage{
/*	width: 85em;
*/}


/* ---------------------------------------- */


/* left column */

.leftColumnHome {
	float:left;
	width:25em
}

.leftColumn {
	float:left;
	width:12.5em
}

/* ---------------------------------------- */


/* right column */
.rightColumn {
	margin-left: 12.5em;
}

.rightColumnHome {
	margin-left: 25em;
	height: 82em;
	background: url(../images/mat_background.jpg) no-repeat;
}

.rightColumnHomeStore {
	margin-left: 35em;
	margin-top: 1em;
}

.rightColumnHomeStore, .rightColumn {
	clear:right;
	background:#FFF;
	border: #cc0000 solid 1px;
	padding: 10px;
}

.rightColumnHome {
	clear:right;
	border: #cc0000 solid 1px;
	padding: 10px;
}

/* ---------------------------------------- */




/* all column */
.allColumn {

}

/* ---------------------------------------- */


.clear {
	clear:both;
	height:0em;
}

/* footer */
.footer{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #999;
	padding:1px;
}



/* footer nav */

#footerNav ul {
	list-style: none; 
	padding: 0; 
	margin: 15px 0 0; 
	white-space: nowrap; 
	text-align: center
}

#footerNav li {
	display: inline; 
	padding: 0 0.8em 0 1em; 
	border-left: 0.1em solid #000
}

#footerNav a {
	color:#cc0000; 
	text-decoration: none
}

#footerNav a:hover {
	text-decoration: underline; 
	color: #000
}

#footerNav li.firstLink {
	border: 0; 
	padding-left: 0
}

/*------------STORE STYLES ----------------*/

#enterStore {
	float:right
}

table {
text-align: left;
}

TD {
	font-size: 1em;
	font-family : Verdana;
}


TD.smaller {
	font-size: 0.65em;
	font-family : Verdana;
	color : #000000;
}

P.smaller {
	font-size: 0.65em;
	font-family : Verdana;
	color : #000000;
}

HR {
	color : #3399CC;
}

.prod3image {
	width: 100px;
	margin-right: -15px;
}

span.price, .prodprice {
	font-size: 1em;
	color: #333;
	padding-top: 4px;
	font-weight:bold;
	text-align: center;
}

.detailprice{
	font-size: 1em;
	color: #333;
	padding-top: 4px;
	font-weight:bold;
}


div.prodcurrency {
	font-size: 0.65em;
	font-family : Verdana,Arial,sans-serif;
	color: #666;
	text-align: center;
	width: 100%;
	margin:5px;
}


td.product {
	border: 1px dotted #3B4754;
	background-color: #FFF;
}

.cpd {
background : #cc0000;
}


.cpdll {
background : #F1F9FC;
color: #333;
}


#cpdllImgColumn{
width: 115px;
min-width:115px;
}


.cpdhl {
background : #cc0000;
color: #fff;
font-weight: bold;
}

.ectlink a {
	color: #333
}

.ectlink a:visited {
	color: #333
}


.catimage {
	border: 1px #cc0000 solid;
}


.mincart {
	width:12.2em;
}


TD.mincart {
	background-color: #cc0000;
	color:#FFF;
}

TD.mincart a{
	color:#FFF;
}

P.mincart {

}

.sideImage {
	margin-top: 10px;
	border: #FFF solid 2px;
}

.sideImageTop {
	border: #FFF solid 2px;
}

/*  ----   */

.featured {
	position:absolute;
	width:600px;
	margin-top:520px;
	height: 355px;
	padding:10px;
	border: solid 1px #cc0000;
	background:url(../images/featuredBackground.jpg) bottom left no-repeat #F2F1F1;

}

.featuredNoMat {
	position:absolute;
	width:650px;
	margin-top:20px;
	height: 455px;
	padding:10px;
	border: solid 1px #cc0000;
	background:url(../images/featuredBackground.jpg) bottom left no-repeat #F2F1F1;

}

.featuredLeft {
	float: left;
	width: 280px;
	padding-right:20px;
	position:relative
}

.featuredRight {
	margin:0 10px 0 10px;
	padding-right:10px;
	position:absolute;
	left:300px;
}

.featuredClear {
	clear: both
}

/*----*/

.storeHomeBox {
	margin-bottom:5px;
	padding:5px;
	background-color:#f2f2f2;
	width:85%;
}

.currencyDsiclaimer {
	color:#999;
	font-size:10px;
}