/****************************
 WEBSITE LAYOUT STYLES
****************************/
html, body   { background-image: url("../header/images/bckground.jpg"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; z-index: 100 }

body#FCK_EDIT_STYLE{
background-image: none;
background-color:#ffffff;
} 

body.FCK_EDIT_STYLE{
background-image: none;
background-color:#ffffff;
} 


div#CENTERALL {
 position: relative;
 width: 969px;
 margin: 0px auto;
 text-align: left;
}

div#VGCHeader  { background-image: url("../header/images/header.jpg"); position: absolute; z-index: 200; top: 0; left: 0; width: 969px; height: 30px }

div#Anim {
 position: absolute;
 top: 0px;
 left: 263px;
 width: 706px;
 height: 316px;
 z-index: 600;
 background-image: url("../header/images/anim.jpg");
}

div#logo {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 263px;
 height: 264px;
 z-index: 600;
 background-image: url("../header/images/logo.jpg");
}

div#Container {
 position: relative;
 text-align: center;
 top: 30px;
 left: 0px;
 width: 969px;
 z-index: 100;
 background-image: url("../header/images/mid.jpg");
}

td#CatContent  { 
padding: 0px 0px 0px 15px;
}

table#VGCMainTable {
 table-layout: fixed;
}

td#VGCPanel {
 overflow: hidden;
 text-align: left;
}

td#VGCPanel img {
 display: block;
 margin: 0px;
}

td#VGCPanel div.content {
 width: 263px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 overflow: hidden;
}


td#VGCContent {
 background-image: none;
}

td#VGCContent div.content  {  
text-align: left; 
display: block; 
margin: 0; 
padding: 0px 35px 0px 12px; 
width: 659px; 
overflow: hidden }

td#VGCContent div.footercontent {
 display: block;
 width: 969px;
 height: 106px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-image: url("../header/images/footer.jpg");
}

td#VGCFooter {
 background-image: none;
}


/****************************
 TEXT AND LINK STYLES
****************************/
/* Background Color and/or Image */
body, html{ 
 background-color: #850101; 
}

/* This is a catch-all rule which helps keep the text
 looking consistant throughout the entire website. */
body, div, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, pre, table, td, thead, tt, ul {
 color: #000000;
 font-size: 13px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/* Default link font, size and color. */
a { 
 color: #3D743D; 
 font-size: 13px; 
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
 text-decoration: none; 
}
a:link    { color: #420dd9; text-decoration: none }
a:active    { color: #420dd9; text-decoration: none }
a:visited    { color: #420dd9; text-decoration: none }
a:hover     { color: #251b64; text-decoration: none }

/* Default header sizes */
h1 { font-size: 26pt; }
h2 { font-size: 22pt; }
h3 { font-size: 18pt; }
h4, h5, h6 { font-size: 15pt; }


/* Fany text */
*.copyrightsmall   { color: #B0B0B0; font-size: 11px; font-family: Arial }

*.footertext   { color: #000000; font-size: 13px; font-family: Arial; font-weight: bold }

*.footertextsm  { color: #959595; font-size: 12px; font-family: Arial; font-weight: normal; }

*.mainbigitalic {
 color: #3f438f;
 font-size: 15px;
 font-family: Arial;
 font-style: italic;
 font-weight: bold
}

*.mainbigbold {
 color: #22236a;
 font-size: 16px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-weight: bold
}

*.mainbigbold1 { 
 color: #2d5f27;
 font-size: 19px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-style: italic;
 font-weight: bold
}

/****************************
 NAVIGATION MENU STYLES (Vertical)
 The following CSS is based on Suckerfish CSS mulit-level menus.
****************************/
ul#MainMenu  { 
list-style: none; 
margin: 0px 0px 0px 15px;
padding: 0px; 
width: 200px;
line-height: 18px;
}

ul#MainMenu li  { 
 margin: 0px; 
 padding: 0px; 
 width: 200px; 
 text-align: left;
/* border: solid 1px #356FC5;*/
 border: solid 1px #860102;
}

ul#MainMenu li.VGC_MENU_DADDY {
}


ul#MainMenu li.MENU_SPECIAL  { background-color: #aecc75 }
 
ul#MainMenu li:hover, ul#MainMenu li.sfhover  {
 border: solid 1px #860102;
 background-color: #B0B0B0;
}
 
 ul#MainMenu li ul li:hover, ul#MainMenu li ul li.sfhover { 
 } 
 
 ul#MainMenu li ul li:hover a, ul#MainMenu li ul li.sfhover a { 

 }


ul#MainMenu li:hover ul, ul#MainMenu li.sfhover ul  { 
 left: auto; 
}

/* Link styles */
ul#MainMenu li a { 
 width: 200px;
 display: block;
 line-height: 18px;
 padding: 0px;
 margin: 0px;
 color: #12347C;
 font-size: 14px;
 text-decoration: none;
 font-weight: bold;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
 padding-left: 2px
}

ul#MainMenu li ul {
 background-color: #ffffff;
 margin-top: -19px;
 margin-left: 200px;
 padding: 0;
 position: absolute;
 left: -999em;
 width: 200px;
}

ul#MainMenu li ul li  {
 background-color: #ffffff;
 list-style-type: none;
 width: 200px;
 border: solid 1px #860102;
}

ul#MainMenu li ul li a    { 
 color: #12347C; 
 font-size: 12px; 
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 text-decoration: none;
 font-weight: bold; 
 width: 179px;  
 line-height: 18px;
 list-style-type: none;
}

#PMainMenu li ul ul {
 margin: -1.35em 0 0 136px;
}

#MainMenu li:hover a, #MainMenu li:hover ul a, #MainMenu li.sfhover a, #MainMenu li.sfhover ul a {
 left: -999em;
 color: #12347C;
}

#MainMenu li:hover ul ul, #MainMenu li:hover ul ul ul, #MainMenu li.sfhover ul ul, #MainMenu li.sfhover ul ul ul {
 left: -999em;
}

#MainMenu li:hover ul, #MainMenu li li:hover ul, #MainMenu li li li li:hover ul,  #MainMenu li.sfhover ul, #MainMenu li li.sfhover ul, #MainMenu li li li li.sfhover ul {
 left: auto;
}
   
#MainMenu li li li:hover ul, #MainMenu li li li li li:hover ul, #MainMenu li li li.sfhover ul, #MainMenu li li li li li.sfhover ul {
 left: auto;
 margin-left: -14em;
}

#MainMenu ul li:hover, #MainMenu ul li.sfhover {
 background: #B0B0B0; color: #12347C
}

/****************************
 SIMPLE LIST PAGE STYLES
****************************/
/* Each item on a list page is inside a table.
   Set the size and basic color information here. */
table.VGC_LIST_ITEM   { 
background-color: #ffffff; 
margin: 0px; 
padding: 0; 
width: 100%; 
border: 0px }

/* Font color/size information for the item title */
td.VGC_LIST_TITLE {
 color: #000000;
 font-size: 15px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-weight: bold;
 text-align: left;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
}

/* Font color/size information for the item text. */
td.VGC_LIST_TEXT  { 
color: #000000; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
text-align: left; 
vertical-align: top; 
width: 100%; 
overflow: hidden; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 2px; 
padding-bottom: 2px; }

/* Font color/size information for the item date */
td.VGC_LIST_DATE {
 color: #000080;
 font-size: 12px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-weight: bold;
 text-align: center;
}

/* This applies to the images/links found in the 
media cell. */
td.VGC_LIST_MEDIA { 
padding: 0px;
margin: 0px;
 }

td.VGC_LIST_MEDIA a img {
 width: auto;
 padding: 5px;
 margin: 0px;
 border-color: #000000;
 border: 0px;
 border-style: solid;
}

img.VGC_LIST_MEDIA_IMAGE {
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 2px;
 padding-right: 2px;
 border-color: #000000;
 border: 1px;
 border-style: solid;
}

/* If you do not want the horizontal rule to show
then set the display property to 'none', else set it
to 'block'. */
hr.VGC_LIST_ITEM_DIVIDER {
 display: block; margin: 0px; padding: 2px
}

/* Applies to the list navigation (Page: 1, 2 etc.) */
span.VGC_LIST_NAV   { color: #000; font-size: 13px; font-weight: bold; line-height: 28px; padding-right: 5px; float: right }

/* Applies to the links in the navigation area */
span.VGC_LIST_NAV a { font-size: 13px; font-weight: bold;}

/* Applies to the List header */
h2#VGC_LIST_HEAD {
 color: #000000;
 font-size: 15px;
 margin: 0px;
 padding-top: 10px;
 text-align: center;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/* Applies to the List subheader */
h3#VGC_LIST_SUBHEAD {
 color: #000000;
 font-size: 13px;
 margin: 0px;
 padding-bottom: 15px;
 text-align: center;
 font-weight: bold;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/* Applies to the link pointing to the detailed page. */
a.VGC_LIST_DETAIL_LINK {
 color: #000000;
 font-size: 12px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: left;
 padding-left: 5px;
 padding-top: 5px
}

/* Applies to the image in the link */
a.VGC_LIST_DETAIL_LINK img {
font-size: 12px;
font-weight: bold;
}

/*Applies to the table the details are displayed in */
table#VGC_LIST_DETAILS { 
margin: 0px; 
padding: 0px; }

/*Applies to the cell containing the 'back' link */
td.VGC_LIST_DETAILS_BACK {
font-size: 12px;
font-weight: bold;
}

/* Applies to the cell containing the detail images and thumbs */
td.VGC_LIST_DETAILS_IMAGES {
 margin: 0px;
 overflow: hidden;
 }

img#VGC_LIST_MAIN_IMAGE {
 border-style: solid;
 border-color: #000000;
 border: 1px;
 padding: 2px;
 }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_TITLE  { 
color: #343799; 
font-size: 18px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold; 
text-align: left; 
}

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_TEXT { 
color: #000000; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
text-align: left; 
vertical-align: top;
overflow: hidden; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 2px; 
padding-bottom: 2px; 
}

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_LABEL  { color: #000000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; white-space: nowrap; }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_VALUE  { color: #343799; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; white-space: nowrap; }


/* applies to the thumbs on the detail page */
img.VGC_LIST_DETAIL_THUMB {
 border-color: #000000;
 border: 1px solid;
 margin: 0px;
}

a.VGC_LIST_ARCHIVE_BUTTON {
 float: left;
}

a.VGC_LIST_ARCHIVE_BUTTON img{
 border: 0px;
 margin: 0px 0px;
 padding: 0px;
}

/****************************
 INFO REQUEST PAGE STYLES
****************************/

/* Everything in the mail form is inside this division. */
div#VGC_MAIL_FORM {

}

div#VGC_MAIL_FORM fieldset legend {
 margin-bottom: 10px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: navy;
}

span.VGC_MAIL_TEXT {
 float: left;
 margin-left: 10px;
 margin-top: 5px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-size: 12px;
 font-weight: bold;

}

/* Each input element has a label. */
div#VGC_MAIL_FORM label   { 
font-size: 13px; 
background-color: #aac7ff; 
margin: 0 0 0 10px; 
padding: 2px; 
width: 200px; 
float: left;
border: solid 1px #4C74BC; 
}

/* The style for each input element. */
div#VGC_MAIL_FORM input, select, textarea {
 font-size: 13px;
 float: left;
 margin-left: 5px;
 margin-bottom: 5px;
 background-color: #ffffff;
 padding: 2px; 
 border: solid 1px navy;
 
}

/* This helps format the page. */
div#VGC_MAIL_FORM br  { clear: left; border: solid 1px navy }

/* The security code elements are inside this division. */
div#VGC_MAIL_SECURITY {

}

/* Style for the security code message. */
div#VGC_MAIL_SECURITY p {

}

/* Style for the security code input box. */
div#VGC_MAIL_SECURITY input {

}

/* style for the security code image. */
div#VGC_MAIL_SECURITY img {

}

span.VGC_MAIL_STATUS {
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #ff0000;
}

/****************************
 SITEMAP STYLES
****************************/
ul#SiteMap {
 list-style-type: none;
}

ul#SiteMap li a   { 
line-height: 15px; 
text-decoration: none;
margin-top: 0; 
padding: 10px;
color: #127ABC;
font-size: 13px;
font-weight: bold;
 }

ul#SiteMap ul li a  { 
font-size: 11px; 
background: transparent; 
padding: 10px; }

ul#SiteMap2 {
 list-style-type: none;
}

ul#SiteMap2 li a   { 
line-height: 15px; 
text-decoration: none;
margin-top: 0; 
padding: 10px;
color: #127ABC;
font-size: 13px;
font-weight: bold;
 }

ul#SiteMap2 ul li a  { 
font-size: 11px; 
font-weight: normal;
background: transparent; 
padding: 10px; }


/* This applies to the 'tiles' that contain the thumbnail and caption*/
table.PRODUCT {
 float: left;
 width: 198px;
 height: 200px;
 background-color: #E2DBD3;
 margin: 5px;
 text-align: center;
 border: #000000 1px solid;
}

img.PRODUCT_THUMB {
 margin: 6px;
 border: #000000 1px solid;
}

a.PRODUCT_CAPTION {
display: block;
font-size: 12px;
margin: 0px 1px 0px 1px;
color: maroon;
font-weight: bold;
}

a.PRODUCT_CAPTION_TEXT {
display: block;
font-size: 10px;
margin: 0px 1px 0px 1px;
color: maroon;
}

img.DETAILS_BUTTON {

}

/* Product navigation links: Page: 1 2 3 etc. */
span.PRODUCT_NAV {
 
}

/* horizontal lines seperating the nav links from the content.*/
hr.PRODUCT_NAV_HR {
width: 97%; 
 clear: both;
}

/* the following are used for the detail view */
table#PRODUCT_DETAILS {

}

h2#PRODUCT_NAME {
font-size: 16px;
font-weight: bold;
color: maroon;

}

span#PRODUCT_DESCRIPTION {

}

img#PRODUCT_IMAGE {
border: #000000 1px solid;

}

span#DISCLAIMER {
font-size: 10px;
margin: 0px;
color: black;
}

img#BACK_BUTTON {

}

img#CART_BUTTON {

}

span.PRODUCT_DETAIL {

}

/******************
 * Gallery Styles *
 *****************/

table.GalleryThumbBox {
 float: left;
 width: 160px;
 height: 175px;
 padding: 0px;
 margin: 0px 0px 4px 4px;
 border: 0px;
 background-color: #B0B0B0;
}

table.GalleryThumbBox:hover {
 background-color: #959595;
}


img.GalleryThumb {
 display: block;
 margin: 0px;
 border: 0px;
}

span.ThumbCaption {
 color: #000000;
 font-size: 9pt;
}

img.GalleryLargeImage {

}

select.GalleryCategory {
 margin-top: 2px;
}

/**********************
 * VGC BANNER STYLEs
 *********************/
a.VGC_BANNER {
 margin-left: 0px; }

a.VGC_BANNER img{
 border: 1px solid black;
 margin-bottom: 0px;
 margin-top: 1px;
}