@import url("global.css");
@import url("form.css");
@import url("accordion.css");

/* GLOBAL */
/* ------------------------------------------------------------------------------------ */

BODY {
	font: 12px Arial;
	color: #393939;
}

A:link, A:active, A:visited, A:hover {
	color: #393939;
}

INPUT, TEXTAREA {
	border: solid 1px #393939;
}

/* RED */
/* ------------------------------------------------------------------------------------ */
BODY.red {
	background-color: #a1070f;
}

.redLeftCell {
	background: url('../images/left-cell-red.gif') repeat-x top left;
}
.redRightCell {
	background: url('../images/right-cell-red.gif') repeat-x top left;
}
.redMainCell {
	background: url('../images/red-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.red .tableTitle {
	color: #b10423;
	font: bold 14px Arial;
	display: inline-block;
	
}
.red TABLE.tableOne TH {
	color: #b10423;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.red TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #393939;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.red A.navLeft:link, .red A.navLeft:active, .red A.navLeft:visited {
	display: block;
	color: #b10423;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.red A.navLeft:hover, .red A.navLeftOn:link, .red A.navLeftOn:active, .red A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.red H2 {
	color: #b10423;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* BLUE */
/* ------------------------------------------------------------------------------------ */
BODY.blue {
	background-color: #335896;
}

.blueLeftCell {
	background: url('../images/left-cell-blue.gif') repeat-x top left;
}
.blueRightCell {
	background: url('../images/right-cell-blue.gif') repeat-x top left;
}
.blueMainCell {
	background: url('../images/blue-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.blue .tableTitle {
	color: #335896;
	font: bold 14px Arial;
	display: inline-block;
	
}
.blue TABLE.tableOne TH {
	color: #335896;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.blue TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #393939;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.blue A.navLeft:link, .blue A.navLeft:active, .blue A.navLeft:visited {
	display: block;
	color: #335896;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.blue A.navLeft:hover, .blue A.navLeftOn:link, .blue A.navLeftOn:active, .blue A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.blue H2 {
	color: #335896;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* BROWN */
/* ------------------------------------------------------------------------------------ */
BODY.brown {
	background-color: #582c06;
}

.brownLeftCell {
	background: url('../images/left-cell-brown.gif') repeat-x top left;
}
.brownRightCell {
	background: url('../images/right-cell-brown.gif') repeat-x top left;
}
.brownMainCell {
	background: url('../images/brown-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.brown .tableTitle {
	color: #582c06;
	font: bold 14px Arial;
	display: inline-block;
	
}
.brown TABLE.tableOne TH {
	color: #582c06;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.brown TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #393939;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.brown A.navLeft:link, .brown A.navLeft:active, .brown A.navLeft:visited {
	display: block;
	color: #582c06;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.brown A.navLeft:hover, .brown A.navLeftOn:link, .brown A.navLeftOn:active, .brown A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.brown H2 {
	color: #582c06;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* GREEN */
/* ------------------------------------------------------------------------------------ */
BODY.green {
	background-color: #448e35;
}

.greenLeftCell {
	background: url('../images/left-cell-green.gif') repeat-x top left;
}
.greenRightCell {
	background: url('../images/right-cell-green.gif') repeat-x top left;
}
.greenMainCell {
	background: url('../images/green-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.green .tableTitle {
	color: #448e35;
	font: bold 14px Arial;
	display: inline-block;
	
}
.green TABLE.tableOne TH {
	color: #448e35;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.green TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #393939;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.green A.navLeft:link, .green A.navLeft:active, .green A.navLeft:visited {
	display: block;
	color: #448e35;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.green A.navLeft:hover, .green A.navLeftOn:link, .green A.navLeftOn:active, .green A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.green H2 {
	color: #448e35;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* YELLOW */
/* ------------------------------------------------------------------------------------ */
BODY.yellow {
	background-color: #fce400;
}

.yellowLeftCell {
	background: url('../images/left-cell-yellow.gif') repeat-x top left;
}
.yellowRightCell {
	background: url('../images/right-cell-yellow.gif') repeat-x top left;
}
.yellowMainCell {
	background: url('../images/yellow-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.yellow .tableTitle {
	color: #fcc737;
	font: bold 14px Arial;
	display: inline-block;
	
}
.yellow TABLE.tableOne TH {
	color: #fcc737;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.yellow TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #fcc737;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.yellow A.navLeft:link, .yellow A.navLeft:active, .yellow A.navLeft:visited {
	display: block;
	color: #fcc737;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.yellow A.navLeft:hover, .yellow A.navLeftOn:link, .yellow A.navLeftOn:active, .yellow A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.yellow H2 {
	color: #fcc737;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* GRAY */
/* ------------------------------------------------------------------------------------ */
BODY.gray {
	background-color: #959494;
}

.grayLeftCell {
	background: url('../images/left-cell-gray.gif') repeat-x top left;
}
.grayRightCell {
	background: url('../images/right-cell-gray.gif') repeat-x top left;
}
.grayMainCell {
	background: url('../images/gray-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.gray .tableTitle {
	color: #959494;
	font: bold 14px Arial;
	display: inline-block;
	
}
.gray TABLE.tableOne TH {
	color: #959494;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.gray TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #959494;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.gray A.navLeft:link, .gray A.navLeft:active, .gray A.navLeft:visited {
	display: block;
	color: #959494;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.gray A.navLeft:hover, .gray A.navLeftOn:link, .gray A.navLeftOn:active, .gray A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.gray H2 {
	color: #959494;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}

/* VIOLET */
/* ------------------------------------------------------------------------------------ */
BODY.violet {
	background-color: #583187;
}

.violetLeftCell {
	background: url('../images/left-cell-violet.gif') repeat-x top left;
}
.violetRightCell {
	background: url('../images/right-cell-violet.gif') repeat-x top left;
}
.violetMainCell {
	background: url('../images/violet-content.png') no-repeat top left;
	width: 892px;
	padding-top: 25px
}
.violet .tableTitle {
	color: #583187;
	font: bold 14px Arial;
	display: inline-block;
	
}
.violet TABLE.tableOne TH {
	color: #583187;
	font: bold 14px Arial;
	padding-bottom: 3px;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
}
.violet TABLE.tableOne TD {
	border-bottom: solid 1px #c0c0c0;
	color: #583187;
	font: normal 10px Arial;
	padding: 1px 0 0 5px;
}
.violet A.navLeft:link, .violet A.navLeft:active, .violet A.navLeft:visited {
	display: block;
	color: #583187;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	line-height: 18px;
}
.violet A.navLeft:hover, .violet A.navLeftOn:link, .violet A.navLeftOn:active, .violet A.navLeftOn:visited  {
	display: block;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 20px;
	color: #000000;
	background: url('../images/nav-left-arrow.gif') no-repeat left center;
	line-height: 18px;
}
.violet H2 {
	color: #583187;
	font: bold 14px Arial;
	padding-left: 34px;
	margin-bottom: 3px;
}
/* ------------------------------------------------------------------------------------ */

#mainHolder {
	margin: 34px auto 0 auto;
	padding: 0 10px 10px 0;
	background-image: url('../images/main-bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 884px;
	height: 743px;
	position: relative;
}

#capplogo {
	position: absolute;
	top: 24px;
	right: 0px;
	z-index: 100;
	width: 90px;
	height: 36px;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

#content {
	width: 884px;
	height: 743px;
}
.contentColorOne {
	background-color: #eaf5f6;
}
.flashColorOne {
	background-color: #b2ced1;
}
.flashColorTwo {
	background: url('../images/flash-col-two.gif') repeat-x top left;
}

H1 {
	font: normal 18px Arial;
	color: #0b302e;
	margin: 0;
}
P, SPAN {
	color: #000000;
	font: 10px Arial;
	text-align: left;
}
P {
	margin: 10px 0;
}
#footerHolder {
	width: 892px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#footerHolder A:link, #footerHolder A:active, #footerHolder A:visited {
	color: White;
	font: normal 10px Arial;
	text-decoration: none;
	margin-left: 16px;
}

#countryList {
	padding-left: 180px;
}

#countryList A:link, #countryList A:active, #countryList A:visited {
	display: block;
	color: #5b7c7d;
	text-transform: uppercase;
	text-decoration: none;
	font: 10px Arial;
	line-height: 18px;
	letter-spacing: 1px;
}
#countryList A:hover {
	color: Black;
}
#countrySelInner {
	background-image: none;
	background-color: transparent;
	cursor: default;
}

#countrySelInner DIV {
	display: block;
	color: #5b7c7d;
	text-decoration: none;
	font: 10px Arial;
	line-height: 15px;
	letter-spacing: 0.5px;
	margin-left: 5px;
}

#countySelList DIV {
	display: block;
	color: #5b7c7d;
	text-decoration: none;
	font: 10px Arial;
	line-height: 15px;
	letter-spacing: 0.5px;
	padding-left: 5px;
	cursor: default;
}
#countySelList DIV:hover {
	background-color: #b2ced1;
	color: Black;
}


.contentColTwo {
	background: url('../images/content-two.gif') repeat-x left bottom;
}

#accordion A:link, #accordion A:active, #accordion A:visited{
	display: block;
	color: #343730;
	font: normal 12px Arial;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 5px;
}
#accordion A:hover, .ui-state-active {
	background: url('../images/nav-arrow.gif') no-repeat right center;
	margin-bottom: 5px;
}
#accordion DIV A:link, #accordion DIV A:active, #accordion DIV A:visited{
	display: block;
	color: #828283;
	font: normal 12px Arial;
	text-decoration: none;
	text-align: right;
	background-image: none;
	padding-right: 15px;
	margin-bottom: 3px;
}
#accordion DIV A:hover, #accordion DIV A.on:link, #accordion DIV A.on:active, #accordion DIV A.on:visited  {
	display: block;
	color: #828283;
	font: normal 12px Arial;
	text-decoration: none;
	text-align: right;
	background: url('../images/subnav-arrow.gif') no-repeat right center;
	padding-right: 15px;
}
/* SUB LINK */
#accordion DIV DIV A:link, #accordion DIV DIV A:active, #accordion DIV DIV A:visited{
	display: block;
	color: #a1a0a0;
	font: normal 12px Arial;
	text-decoration: none;
	text-align: left;
	background-image: none;
	padding-left: 15px;
	margin-bottom: 3px;
	width: 175px;
}
#accordion DIV DIV A:hover, #accordion DIV DIV A.on:link, #accordion DIV DIV A.on:active, #accordion DIV DIV A.on:visited{
	display: block;
	color: #a1a0a0;
	font: normal 12px Arial;
	text-decoration: none;
	text-align: left;
	background-image: none;
	padding-left: 15px;
	margin-bottom: 3px;
	width: 175px;
	background: url('../images/subsub-arrow.gif') no-repeat left center;
}

/* SHOP */
A.shopNav:link, A.shopNav:active, A.shopNav:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px;
	font: bold 10px Arial;
	color: Black;
	margin-right: 10px;
}

A.shopNav:hover, A.shopNavOn:link, A.shopNavOn:active, A.shopNavOn:visited {
	display: inline-block;
	background-color: #ececec;
	text-decoration: none;
	font: bold 10px Arial;
	padding: 5px;
	color: Black;
	margin-right: 10px;
}
A.shopNavSub:link, A.shopNavSub:active, A.shopNavSub:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px;
	font: normal 10px Arial;
	color: Black;
	margin-right: 10px;
}

A.shopNavSub:hover {
	display: inline-block;
	background-color: #ececec;
}

.productBox {
	float: left;
	width: 260px;
	height: 320px;
	position: relative;
}

.roundHolder {
	background: url('../images/round-bg.gif') no-repeat left top;
	padding-bottom: 3px;
}
.roundHolder INPUT {
	background-color: Transparent;
	width: 140px;
	height: 20px;
	border-style: none;
	font: 10px Arial;
	color: #777;
	padding: 0 3px;
}

.roundHolderText {
	background: url('../images/round-text-bg.gif') no-repeat left top;
}
.roundHolderText TEXTAREA{
	background-color: Transparent;
	width: 460px;
	height: 100px;
	border-style: none;
	font: 10px Arial;
	color: #777;
	padding: 0 3px;
	overflow: auto;
}
#contactForm {
	font-size: 10px;
}

TD.req {
	padding-left: 12px;
	background: url('../images/star.gif') no-repeat left center;
	vertical-align: middle;
}
TD.nreq {
	padding-left: 12px;
	vertical-align: middle;
}
SELECT {
	width: 150px;
}

.newsTitle {
	font: bold 12px Arial;
	color: Black;
	text-align: right;
	margin: 15px 0;
}
.newsText {
	font: normal 10px Arial;
	text-align: justify;
	color: Black;
}

.error {
	color: #990000;
}

#detailText, #detailText P {
	color: Black;
}

/* LANGUAGE */
#languageHolder {
	width: 185px;
	height: 22px;
	overflow: hidden;
}
#languageTop {
	background: url('../images/language-bg.gif') no-repeat top left;
	width: 185px;
	height: 22px;
}
#languageSelect {
	background: White;
	border: solid 1px #dcdcdc;
	width: 183px;
	padding: 5px 0;
	margin-top: 5px;
}

#languageSelect A:link, #languageSelect A:active, #languageSelect A:visited {
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px 2px ;
	height: 15px;
	text-align: right;
	padding: 3px 10px;
}
#languageSelect A:hover {
	background-color: #eeeeee;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 2px ;
	text-align: right;
}