// Vista Software CCS 
//----------------------
// To update forums, use the admin panel here:
// http://www.vistadb.net/forums/admin/index.php

// 10-01-2006
// #404040 grey sides (body)		
// forums: background, table head colour 2

// 1-1-2007
// #ffffff white sides


// #ff6600 	orange
// #ef5701	dark orange

// #ff6600	navy blue

// Links ---------------------------------------------------- 
x{}
A:link { color: #ff6600;  text-decoration: none; }
A:visited  { color: #ff6600;  text-decoration: none;}
A:hover { color: #fd4e09;  text-decoration: underline; }

A.menulink:link { color: #ffffff;  text-decoration: none; }
A.menulink:visited  { color: #ffffff;  text-decoration: none;}
A.menulink:hover { color: #fd4e09;  text-decoration: underline; }

A.footerlink:link { color: #ff6600;  text-decoration: none; }
A.footerlink:visited  { color: #ff6600;  text-decoration: none;}
A.footerlink:hover { color: #fd4e09;  text-decoration: underline; }


A.bodylink:link { color: #ff6600;  text-decoration: none; }
A.bodylink:visited  { color: #ff6600;  text-decoration: none;}
A.bodylink:hover { color: #fd4e09;  text-decoration: underline; }

A.menutitle:link { color: #ff6600;  text-decoration: none; }
A.menutitle:visited  { color: #ff6600;  text-decoration: none;}
A.menutitle:hover { color: #fd4e09;  background-color: #e6e6e6; text-decoration: underline; }


A.sitetitle:link { color: #ff6600;  text-decoration: none; }
A.sitetitle:visited  { color: #ff6600;  text-decoration: none;}
A.sitetitle:hover { color: #fd4e09;  text-decoration: underline; }


A.imagelink:link {  color: white;  text-decoration: none; }
A.imagelink:visited { color: white;  text-decoration: none; }
A.imagelink:hover {  color: white;  background-color: white;  text-decoration: none;}

xA.menuimagelink:link {  color: #000000;  text-decoration: none; }
xA.menuimagelink:visited { color: #000000;  text-decoration: none; }
xA.menuimagelink:hover {  color: #000000;  background-color: #000000;  text-decoration: none;}

A.menuimagelink:link {  color: #000000;  text-decoration: none; }
A.menuimagelink:visited { color: #000000;  text-decoration: none; }
A.menuimagelink:hover {  color: #000000;  background-color: #000000;  text-decoration: none;}



A.imagelinkmenu:link {  color: white;  text-decoration: none; }
A.imagelinkmenu:visited { color: white;  text-decoration: none; }
A.imagelinkmenu:hover {  color: white;  background-color: #e6e6e6; text-decoration: none; }

A.btnlink:link {  color: white;  text-decoration: none; }
A.btnlink:visited { color: white;  text-decoration: none; }
A.btnlink:hover {  color: white;  background-color: #e6e6e6; text-decoration: none;}

origBODY {  background-color: #ffffff; margin-top: 0px; margin-left: 0px; height: 0px; font-family: arial;  font-size: 10px;  font-style: normal;  font-variant: normal;  font-weight: normal;}

BODY { font-family: arial;  font-size: 10px;  font-style: normal;  font-variant: normal;  font-weight: normal;
	background-color : #eeeeee;
    background-image : url(images/common/background.gif);
    background-position : center;
    background-repeat : repeat-y;
    margin : 0 0 15px 0; padding: 0px;}



fancyBODY { background-color : #eeeee;
    background-image : url(/images/background.gif);
    background-position : center;
    background-repeat : repeat-y;
    margin : 15px 0 15px 0;
    padding : 0;
    text-align : center;
}

P {  line-height: 20px; font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal;  margin-bottom: 8px;  margin-top: 4px;}
FONT {  font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal;}
LI {  line-height: 16px; padding-bottom: 6px;}
xxxUL {  margin-top: 5px; margin-bottom: 5px; line-height: 16px; font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal; list-style-image: url(images/common/itemlist_triangle_red.gif);}
UL {  margin-top: 5px; margin-bottom: 5px; line-height: 16px; font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal; list-style-image: url(images/common/itemlist_square.gif);}
OL {  font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal;}
form { margin-top: 5px; margin-bottom: 5px; }
TD {  font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal;}
TEXTAREA, INPUT { font-family: arial; font-size: 11px; background-color: #FFFFFF; color: #ff6600; border: 1px #A8A8A8 solid; }
SELECT { font-family: arial; font-size: 11px; background-color: #FFFFFF; color: #ff6600; border: 1px #A8A8A8 solid; }
x{}

// Headings ----------------------------------------------------;
x{}
xxH1 { font-family: arial;  font-size: 18px; color: #ff6600;  margin-top: 5px;  margin-bottom: 3px;}
H1 { font-family: arial;  font-size: 18px; color: black;  margin-top: 5px;  margin-bottom: 3px;}
H2 { font-family: arial;  font-size: 16px; color: black;  font-weight: bold;  margin-bottom: 4px;}
H3 { font-family: arial;  font-size: 14px;  color: black; margin-bottom: 3px; }
H4 { font-family: arial;  font-size: 11px;  color: black; font-weight: bold; margin-bottom: 4px;}
H5 { font-family: arial;  font-size: 11px;  color: #4B4B4B; font-weight: bold; margin-bottom: 4px;}
.h2{ font-family: Arial;  font-size: 14px; color: #727c74; line-height: 14px; font-weight: bold;}

.backcolor { background-color: #backcolor; }
x.backcolor { background-color: #ffffff; }
.backcolor_darkgray { background-color: #646464; }
.backcolor_silver { background-color: silver; }
.backcolor_darkred { background-color: #5D0000; }

.newsitem { color: #808080; font-size: 11px; font-family: arial;  }

// Press ---------------------------------------------------- 
x{}
H1.h1press { font-family: arial;  font-size: 18px; color: #ff6600;  margin-top: 5px;  margin-bottom: 3px;}
P.moreinfo {  font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal;  margin-bottom: 8px;  margin-top: 4px;}
P.presscaption { font-style: italic; font-size: 14px;  margin-bottom: 20px; }
P.pressquote { font-stylex: italic; }

// Tables, Cells, News, Lines ---------------------------------------------------- 
x{}
.maintable 	{ background-color: #ffffff; border-top: 0px;  margin-top: 0px;  padding-top: 0px;  }
.maincell 	{ padding-top: 20px; padding-left: 15px; padding-right: 15px; border-bottom: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; font-family: arial;  font-size: 12px;  }
.menucell 	{ border-top: 0px;  padding-top: 20px;  padding-bottom: 4px; padding-left: 10px; text-align: background-color: #ffffff; line-height: 16px; font-family: arial;  font-size: 11px; }
.footermenucell 	{ background-color: #ffffff; xline-height: 16px; font-family: arial;  font-size: 11px; border-top: 0px;  padding-top: 4px;  padding-bottom: 4px; padding-left: 10px; text-align: left;}
orig.footermenucell 	{ background-color: #ffffff; xline-height: 16px; font-family: arial;  font-size: 11px; border-top: 0px;  padding-top: 20px;  padding-bottom: 4px; padding-left: 10px; text-align: left;}

good.menulist 	{  border-left: 0px; margin-left: 15px; margin-right: 5px; line-height: 14px; font-family: arial;  font-size: 12px;  list-style-image: 	url(images/common/itemlist_triangle_grey.gif);}
.menulist 	{  border-left: 0px; margin-left: 10px; margin-right: 5px; line-height: 12px; font-family: arial;  font-size: 12px;  list-style-image: url(images/common/itemlist_triangle_grey.gif);}

xxul.menulist li:before {	list-style-type: none; content: "\00BB \0020";	};
NICE.menulist 	{  border-left: 0px; margin-left: 15px; margin-right: 5px; line-height: 14px; font-family: arial;  font-size: 12px; }

.menulistred 	{  border-left: 0px; margin-left: 15px; margin-right: 5px; line-height: 14px; font-family: arial;  font-size: 12px;  list-style-image: url(images/common/itemlist_triangle_red.gif);}
.menucellmain { line-height: 16px; font-family: arial;  font-size: 11px;  border-top: 0px black;  padding-left: 12px;  padding-right: 10px;  padding-top: 20px;  margin-bottom: 4px;  text-align: left;}
.menutitle 	{  margin-left: 0px; font-family: arial;  color: black; font-size: 11px;  font-weight: bold;}
.sitetitle  {  margin-left: 0px; font-family: arial;  color: #ff6600; font-size: 11px;  font-weight: bold;}
.subtitle 	{  margin-left: 0px; font-family: arial;  color: black; font-size: 11px;  font-weight: bold;}
.menulink 	{  color: #888888; font-family: arial;  font-size: 11px;  text-align: left;}
.bodylink 	{  color: #888888; font-family: arial;  font-size: 11px;  text-align: left;}
.menulink2 	{  color: #ff6600; font-family: arial;  font-size: 11px;  text-align: left;}
.newsdate	{ font-family: arial; font-size: 11px; color: #000000; padding-right: 5px }
.newslist   {  margin-top: 5px; margin-left: 10px; margin-bottom: 5px; line-height: 16px; font-family: arial;  font-size: 12px;  font-style: normal;  font-variant: normal;  font-weight: normal; list-style-image: url(images/common/spacer.gif);}
.newslistmenu 	{  border-left: 0px; margin-left: 3px; margin-right: 3px; line-height: 14px; font-family: arial;  font-size: 11px;  list-style-image: url(images/common/spacer.gif);}

.TestFrom { font-family: "arial"; font-weight: bold;  font-size: 11px; text-align: right; }
.TestFrom2 	{ font-family: "arial"; font-size: 11px; font-weight: bold;  color: #606060; text-align: right; }
.TestFromx { font-family: "arial"; font-weight: bold;  font-size: 11px; text-align: left; }
.TestFromorig 	{ font-size: 11px; color: #6f0b09; font-stylex: italic; }


red.cellhead 	{  height:20; background-color: #ff6600; color: white; font-weight: bold; }
silver.cellhead 	{  height:20; background-color: silver; color: white; font-weight: bold; }
.cellhead 	{  height:20; background-color: #404040; color: white; font-weight: bold; }
.cellheadorig 	{  height:20; background-color: #e6e6e6;  color: #777777; font-weight: bold; }
.cellback 	{  background-color: #FFFFFF;}
.cellback2 	{  background-color: #FFFF99;}
.cellpromo_blue 		{  background-color: #FFFFFF; color: #100ccc; font-weight: bold;  }
.cellpromo {  background-color: #FFFFFF; color: #ff6600; font-weight: bold;  }
.cellsrppromo{  color: black;  font-size: 14px; xfont-weight: bold; text-decoration: line-through; }
.cellsrp{  background-color: #FFFFFF; color: black; xfont-weight: bold; }
.cellnopromo{  background-color: #FFFFFF; color: black; font-weight: bold; }

.represell { background-color: white; font-family: arial;  color:blue; font-size: 10px; font-weight: bold; vertical-align: "text-top";}

silver.linedivide{ background-color: silver; }
.linedivide{ background-color: #404040; }
.linedivide2{ background-color: #c0c0c0; }
.linedividev { background-color: #c0c0c0; }
.linedivideh { background-color: #c0c0c0; }
xx.linedividev { background-image: url(images/common/dotv.gif);}
xx.linedivideh { background-image: url(images/common/doth.gif);}

red.linedividefixed{ background-color: #ff6600; table-layout: fixed; }
silver_good.linedividefixed{ background-color: silver; table-layout: fixed; }
.linedividefixed{ background-color: #404040; table-layout: fixed; }
.horizline { padding-top: 1px;  padding-bottom: 1px;  background-image: url(images/common/dotblack.gif); background-repeat: repeat-x; background-position: 1px; }
.horizlinemenu { padding-top: 1px;  padding-bottom: 1px;  background-image: url(images/common/dotblack.gif); background-repeat: repeat-x; background-position: 1px; }

// Editbox and buttons ---------------------------------------------------- 
x{}

.editbox 	{ font-family: arial; font-size: 11px; bgcolor: #FFFFFF; background: #FFFFFF; background-color: #FFFFFF; color: #ff6600; border: 1px #A8A8A8 solid; }
.selectbox	{ font-family: arial; font-size: 11px; background-color: #FFFFFF; color: #ff6600; border: 1px solid #A8A8A8 }
.editboxlabel{ font-family: arial; font-size: 11px; color: #ff6600; }
.shopget 	{ font-family: arial; font-size: 11px; background-color: #FFFFFF; color: #ff6600; border: 1px #A8A8A8 solid; }
.textcap 	{ font-family: arial; font-size: 11px; background-color: white; vertical-align: middle; text-align: right;}
.shopinfo 	{ font-family: arial;  font-size: 11px; background-color: white; vertical-align: middle; text-align: right;}
.btn 		{ font-family: arial; font-size: 11px; color: #e6e6e6; background: #ff6600; border: 1px #e6e6e6 outset; }
.btn50 		{ font-family: arial; font-size: 11px; color: #e6e6e6; background: #ff6600; border: 1px #e6e6e6 outset; width: 50px;}
.shopgettext { font-family: arial; font-size: 11px; color: #ff6600; }
.shopinfotext { font-family: arial; font-size: 11px; }

// Text ---------------------------------------------------- 
x{} 
.source 	{  font-family: Courier New;  font-size: 11px;  color: navy; font-style: normal;}
.comment 	{  color: #ff6600; font-family: Courier New;  font-size: 11px;  font-style: normal;}
.InlineBold			{ font-weight: bold;  }
.InlineBoldFeature	{ font-weight: bold;  }
.InlineBoldRed		{ font-weight: bold ;color: #ff6600;  }
.BetaNote { background-color: #e6e6e6; color: ff6600;  }

// Lists ---------------------------------------------------- 
x{}
.linklist 		{  list-style-image: url(images/common/arrow_down.gif);}
.linklistright 	{  list-style-image: url(images/common/arrow_right.gif);}
.checklist 		{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/checkmark_bl.gif);}
xxxx.checklist 		{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/checkmark_red2.gif);}
.boxlist 		{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/checkmark_box_red.gif);}
.crosslist 		{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/cross_red.gif);}
.checklistgreen	{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/checkmark_green.gif);}
.checklistgreen2	{  list-style-image: url(images/common/checkmark_green.gif);}
.checklistgreen3	{  margin-left: 20px;  margin-bottom: 6px;  list-style-image: url(images/common/checkmark_green_good.gif);}
.checklist_item {  line-height: 14px; padding-bottom: 3px;}
.nochecklist	{  line-height: 14px; padding-bottom: 3px; list-style-image: url(images/common/blank.gif)}
.nochecklist2	{  margin-left: 20px; line-height: 14px; padding-bottom: 3px; list-style-image: url(images/common/blank.gif)}
.noindent 		{  margin-left: 10px; }

// Shopping----------------------------------------------------
x{}
.shopedit { font-family: arial; font-size: 11px; background-color: #FFFFFF; color: #ff6600; border: 1px #A8A8A8 solid; }
.shoptitle 	{  height:20; background-color: #e6e6e6;  color: #777777; font-weight: bold; }

.shoptitlesum { background-color: #e6e6e6; color: #ff6600; height: 22px; font-family: arial;  font-size: 12px; xfont-weight: bold;  vertical-align: middle;}
.shopprod { background-color: white; font-family: arial;  font-size: 11px; xfont-weight: bold;  vertical-align: middle;}
.shopshade {  background-color: #e6e6e6; font-family: arial;  font-size: 11px;}
.shopshadepromo {  background-color: Navy; color: white; xfont-weight: bold; font-family: arial;  font-size: 11px;}
.shopsku { background-color: white; color: gray; font-family: arial;  font-size: 11px; vertical-align: middle;}
.shopcap { background-color: white; color: gray; font-family: arial;  font-size: 11px; vertical-align: middle;}
.shopcell { background-color: white; font-family: arial; font-size: 11px; vertical-align: middle;} 
.shopresell { background-color: white; color: blue; font-family: arial; font-size: 11px; vertical-align: middle;}	
.notpaid { color: red; background-color: white; font-family: arial;  font-size: 11px; font-weight: bold; vertical-align: middle;} 

.login { color: blue; font-family: arial;  font-size: 11px; font-weight: bold; }
.logeval { color: #99CCFF; font-family: arial;  font-size: 10px; }
.logwarn { color: #FF9933; font-family: arial;  font-size: 10px; }
.logdenied { color: red; font-family: arial;  font-size: 10px; }
.logblock { color: red; font-family: arial;  font-size: 10px; }
.logsale { color: #FF00CC; font-family: arial;  font-size: 10px; }
.dlexceed { color: #00CCCC; font-family: arial;  font-size: 10px; }
.logoff { color: #006666; font-family: arial;  font-size: 10px; }
.logon { color: #339999; font-family: arial;  font-size: 10px; }
.logtitleam { background-color: silver; color: navy; height: 13px; font-family: arial;  font-size: 10px; font-weight: bold; }
.logtitlepm { background-color: gray; color: white; height: 13px; font-family: arial;  font-size: 10px; font-weight: bold; }

.xxx{}