/* ================================
    CSS STYLES FOR JUST BEYOND.NET 
   ================================
*/   

BODY
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma,Helvetica;
    background-color: #ffffff; 
	text: #000000;

    SCROLLBAR-DARK-SHADOW-COLOR: #efefef;
    SCROLLBAR-3D-LIGHT-COLOR: #efefef;
    SCROLLBAR-HIGHLIGHT-COLOR: #efefef;
    SCROLLBAR-SHADOW-COLOR: #efefef; 
    SCROLLBAR-ARROW-COLOR: black; 
    SCROLLBAR-BASE-COLOR: #cccccc;
    SCROLLBAR-FACE-COLOR: #efefef;

/*     cursor: url("http://localhost/justbeyond.net/images/arrow.cur"); */

}

/* */
TABLE {
	BORDER-COLLAPSE: collapse;
}
TD {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A:link {
	COLOR: #efefef; TEXT-DECORATION: none; FONT-WEIGHT: BOLD
}
A:visited {
	COLOR: #efefef; TEXT-DECORATION: none; FONT-WEIGHT: BOLD
}
A:active {
	COLOR: #efefef; TEXT-DECORATION: none; FONT-WEIGHT: BOLD
}
A:hover {
	COLOR: #666666; TEXT-DECORATION: none; FONT-WEIGHT: BOLD
}

/* ==========================================================================
## FONT STYLES
============================================================================*/

.Normal
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    font-weight: normal;
    FONT-FAMILY: Tahoma,Helvetica;
}

.NormalModule
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    font-weight: normal;
    FONT-FAMILY: Tahoma,Helvetica;
}

.NormalBold
{
    FONT-SIZE: 8pt;
    font-weight: bold;
    FONT-FAMILY: Tahoma,Helvetica;
}
.NormalSmall
{
    FONT-SIZE: 8pt;
    font-weight: normal;
    FONT-FAMILY: Tahoma,Helvetica;
}
.NormalLight
{
    COLOR: #cecece;
}

/* ==========================================================================
## BG STYLES
============================================================================*/

.moduleTitleBg {
        BORDER: 0px #CCCCCC solid;
		BACKGROUND-COLOR: #bebebe;
		BACKGROUND-IMAGE: url(../images/BGtitleN.gif);
}
.moduleTitleBgA {
        BORDER: 0px #CCCCCC solid; 
		BACKGROUND-COLOR: #cecece;
		BACKGROUND-IMAGE: url(../images/BGtitleA.gif);
}
.itemStyle {
	BACKGROUND-COLOR: #FFFFFF;
}
.alternatingItemStyle {
	BACKGROUND-COLOR: #EEEEEE;
}



/* ==========================================================================
## ITEM TITLE STYLES
============================================================================*/

/* */
.NewsItemTitle
{
    color: #999966;
    font-family: "Geneva, Arial, Helvetica, sans-serif";
    font-size: 14px;
    font-weight: bold;
    HEIGHT: 16px
}

.ProductDetailsTitle
{
    color: #F30404;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    HEIGHT: 18px
}
.ImageDetailsTitle
{
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bolder;
    HEIGHT: 30px
}
/* ==========================================================================
## LINK STYLES
============================================================================*/

.FrontMenu {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: normal
}   

A.FrontMenu:link {
    text-decoration:    none;
    color:#000000;
    font-weight: normal;
}

A.FrontMenu:visited  {
    text-decoration:    none;
    color:#000000;
    font-weight: normal;
}

A.FrontMenu:active   {
    text-decoration:    none;
    color:#000000;
    font-weight: normal;
}

A.FrontMenu:hover    {
    text-decoration:    bold;
    color: #07B6DE;
}

.FrontMenuSmall {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: none
}   


A.FrontMenuSmall:link {
    text-decoration:    none;
    color:#84a30e;
}

A.FrontMenuSmall:visited  {
    text-decoration:    none;
    color:#84a30e;
}

A.FrontMenuSmall:active   {
    text-decoration:    none;
    color:#84a30e;
}

A.FrontMenuSmall:hover    {
    text-decoration:    bold;
    color: #555555;
}

.FrontMenuTextBlue {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold;
	color: #0066CC;
}
.FrontMenuText {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: normal;
	color: black;
}
.ProductsPageText {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: normal;
	color: black;
}

.SuppliersPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.SuppliersPage:link {
    text-decoration:    none;
    color:#555555;
}

A.SuppliersPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.SuppliersPage:active   {
    text-decoration:    none;
    color:#555555;
}

A.SuppliersPage:hover    {
    text-decoration:    bold;
    color: #9A00FF;
}

.SpecialsPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.SpecialsPage:link {
    text-decoration:    none;
    color:#555555;
}

A.SpecialsPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.SpecialsPage:active   {
    text-decoration:    none;
    color:#555555;
}

A.SpecialsPage:hover    {
    text-decoration:    bold;
    color: #FF002D;
}

.HeadstartPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.HeadstartPage:link {
    text-decoration:    none;
    color:#ED1C24;
}

A.HeadstartPage:visited  {
    text-decoration:    none;
    color:#ED1C24;
}

A.HeadstartPage:active   {
    text-decoration:    none;
    color:#ED1C24;
}

A.HeadstartPage:hover    {
    text-decoration:    bold;
    color: #cecece;
}

.SchoolPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.SchoolPage:link {
    text-decoration:    none;
    color:#555555;
}

A.SchoolPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.SchoolPage:active   {
    text-decoration:    none;
    color:#555555;
}

A.SchoolPage:hover    {
    text-decoration:    bold;
    color: #07B6DE;
}
.ArtworkPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.ArtworkPage:link {
    text-decoration:    none;
    color:#555555;
}

A.ArtworkPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.ArtworkPage:active   {
    text-decoration:    none;
    color:Red;
}

A.ArtworkPage:hover    {
    text-decoration:    bold;
    color: #97AC08;
}
.ArtworkPager {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.ArtworkPager:link {
    text-decoration:    none;
    color:#555555;
}

A.ArtworkPager:visited  {
    text-decoration:    none;
    color: #555555;
}

A.ArtworkPager:active   {
    text-decoration:    none;
    color: #CC0000;
}

A.ArtworkPage:hover    {
    text-decoration:    bold;
    color: #CC0000;
}

.AdminPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.AdminPage:link {
    text-decoration:    none;
    color:#555555;
}

A.AdminPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.AdminPage:active   {
    text-decoration:    none;
    color:#555555;
}

A.AdminPage:hover    {
    text-decoration:    bold;
    color: Red;
}
.ProductsPage {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.ProductsPage:link {
    text-decoration:    none;
    color:#555555;
}

A.ProductsPage:visited  {
    text-decoration:    none;
    color:#555555;
}

A.ProductsPage:active   {
    text-decoration:    none;
    color:#555555;
}

A.ProductsPage:hover    {
    text-decoration:    bold;
    color: #07B6DE;
}

.ArtMenu {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 10px;
    font-weight: bold
}   

A.ArtMenu:link {
    text-decoration:    none;
    color:#555555;
}

A.ArtMenu:visited  {
    text-decoration:    none;
    color:#555555;
}

A.ArtMenu:active   {
    text-decoration:    none;
    color:#555555;
}

A.ArtMenu:hover    {
    text-decoration:    bold;
    color: #FF0000;
}

/* text style for the TOP OF THE SITE LINKS */
.TopLink {
    font-family: "verdana";
    font-size: 10px;
    font-weight: normal
}   


A.TopLink:link {
    text-decoration:    none;
    color:#000000;
}

A.TopLink:visited  {
    text-decoration:    none;
    color:#000000;
}

A.TopLink:active   {
    text-decoration:    none;
    color:#000000;
}

A.TopLink:hover    {
    text-decoration:    bold;
    color:#990000;
}

.StatsLink {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: lighter
}   


A.StatsLink:link {
    text-decoration:    none;
    color:#999999;
}

A.StatsLink:visited  {
    text-decoration:    none;
    color:#999999;
}

A.StatsLink:active   {
    text-decoration:    none;
    color:#999999;
}

A.StatsLink:hover    {
    text-decoration:    none;
    color:#000000;
}

.ImageListLink {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: lighter;
	font-size: 11
}   
A.ImageListLink:link {
    text-decoration:    none;
    color:#FF0033;
}
A.ImageListLink:visited  {
    text-decoration:    none;
    color:#000000;
}
A.ImageListLink:active   {
    text-decoration:    none;
    color:#000000;
}
A.ImageListLink:hover    {
    text-decoration:    none;
    color:#FF0033;
}
/*****************************************************
TEXT BOXES
*****************************************************/
/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
	BORDER-LEFT: #E2CA20 1px solid;
	BORDER-RIGHT: #E2CA20 1px solid;
	BORDER-TOP: #E2CA20 1px solid;
	BORDER-BOTTOM: #E2CA20 1px solid;
	border: 1px;
    border-style:groove;
	FONT-FAMILY: "Geneva, Arial, Helvetica, sans-serif";
	FONT-SIZE: 15px;
	COLOR: black; 
	SCROLLBAR-ARROW-COLOR: black; 
    BACKGROUND-COLOR: #efefef;

}
.MailingListTextBox
{
    BORDER-RIGHT: #909090 0px solid;
    BORDER-TOP: #909090 0px solid;
    BORDER-LEFT: #909090 0px solid;
    BORDER-BOTTOM: #909090 0px solid;
    FONT-SIZE: 15px;
    COLOR: #cccccc;
    SCROLLBAR-ARROW-COLOR: #909090;
    FONT-FAMILY: "Geneva, Arial, Helvetica, sans-serif";
/*    background-image: url(Images/tboxbg.gif); */
/*    background-color: #1D2A34 */
    background-color: #243541;
}

.SmallSearchTextBox
{
    FONT-SIZE: 12px;
	height: 22px;
	width: 72px;
    COLOR: black;
    FONT-FAMILY: "Geneva, Arial, Helvetica, sans-serif";
    background-color: #D3D3D3;
    BORDER-RIGHT: #909090 0px solid;
    BORDER-TOP: #909090 0px solid;
    BORDER-LEFT: #909090 0px solid;
    BORDER-BOTTOM: #909090 0px solid;
}

.OrderFormTextBox
{
	BORDER-LEFT: #E2CA20 1px solid;
	BORDER-RIGHT: #E2CA20 1px solid;
	BORDER-TOP: #E2CA20 1px solid;
	BORDER-BOTTOM: #E2CA20 1px solid;
	width: 95%;
	border: 1px;
    border-style: groove;
	FONT-FAMILY: "Geneva, Arial, Helvetica, sans-serif";
	FONT-SIZE: 15px;
	COLOR: black; 
	SCROLLBAR-ARROW-COLOR: black; 
    BACKGROUND-COLOR: #efefef;

}

.TComboBox
{
    FONT-SIZE: 12px;
	height: 15;
	width: 100;
    COLOR: black;
    FONT-FAMILY: "Geneva, Arial, Helvetica, sans-serif";
    background-color: #D3D3D3;
    BORDER-RIGHT: #909090 0px solid;
    BORDER-TOP: #909090 0px solid;
    BORDER-LEFT: #909090 0px solid;
    BORDER-BOTTOM: #909090 0px solid;
}
/* ==========================================================================
## REST OF THE SITE
============================================================================*/

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

.swatchTable {
	border-left: 1px solid #999999;
	border-right: 0px solid #999999; 
	border-top:1px solid #999999; 
	border-bottom:1px solid #999999; 
}


.tableswatch {
	border-top: 0px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
}

.topandbottom {
	border-top: 1px solid #999999;
	border-right: 0px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.swatchunderline {
	font: underline;


}

/* Product Short Descriptions */
/* prodBox handles the white broder that turns pink on rollove */
.prodBox {
	border: 3px solid white;
	background : #dbdbdb;
	padding: 0px 0px 2px 0px;
}

.prodBoxPink {
	/*border: 2px solid white;*/
	background : white;
	padding: 0px 0px 2px 0px;
}
.prodBoxTopTen {
	border: 2px solid white;
	background : #dbdbdb;
	padding: 0px 0px 0px 0px;
}
a.shortDesc, a.shortDesc:link, a.shortDesc:active, a.shortDesc:visited {
	font : 10px/11px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
	text-align : center;
}
a.shortDesc:hover {
	text-decoration: underline;
}
a.priceDesc, a.priceDesc:link, a.priceDesc:active, a.priceDesc:visited{
	font : 10px/11px Arial, Helvetica, sans-serif;
	color : #cc0000;
	text-decoration: none;
	text-align : center;
}


/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
	width: 25;
	height: 22;
    border-style: solid;
    border-width: 0px;
    border-color: #556066; 
    background-color:#efefef;    
}
.SmallButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-indent: -5px;
    border-style: none;
    border-width: 1px;
    border-color: #556066; 
    background-color:#efefef;    
}

.normalBold {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.normalLite {
	FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: none
}   

.normalThick {
	FONT-SIZE: 14px; height: 20px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: none
}

.normalRed {
	FONT-SIZE: 11px; COLOR: #FF0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}

/* style for separator between site links */
.Accent
{
    color: green;
    font-weight:    bold;
}
/* WRITE IT UP */
SMALL   {
    font-size:  8px;
}
/* WRITE IT UP */
BIG {
    font-size:  14px;
}
/* WRITE IT UP */
BLOCKQUOTE, PRE {
    font-family:    Verdana, Helvetica, sans-serif, monospace;
	font-size:10px;
}

UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}
/* HR STYLES  */
HR {
    height:1pt;
    text-align: justify;
	color:#000000;
}
.HRProducts {
    height:1pt;
    text-align: center;
	color:#00D0FF;
}
.HRSpecials {
    height:1pt;
    text-align: center;
	color:#FF002D;
}
.HRSuppliers {
    height:1pt;
    text-align: justify;
	color:#A400FF;
}
.HRPresale {
    height:1pt;
    text-align: center;
	color:#FFA400;
}
.HRCompany {
    height:1pt;
    text-align: justify;
	color:#8CC63F;
}