/*##########################################################################################################
============================================================================================================
Client-Side Display Elements
------------------------------------------------------------------------------------------------------------
This is the default stylesheet for all client-side (visitor facing) elements that
appear on the website itself (i.e. checkout system).
============================================================================================================
##########################################################################################################*/


/*################################################################################################
--------------------------------------------------------------------------------------------------
>> General
--------------------------------------------------------------------------------------------------
################################################################################################*/

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.sohotext {
	font-family : Arial;
	font-size: 9pt;
}

.SMtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.smtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.uptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
}

/* Generic form button style. */
.FormLt1 {
	font-family : Arial;
	font-size : 8pt;
	cursor: pointer;
}




/*################################################################################################
--------------------------------------------------------------------------------------------------
>> Menu System - #VMENU#
--------------------------------------------------------------------------------------------------
################################################################################################*/


/*################################################################################
>> Main Menu Links
##################################################################################

/* ====================================================================== */
/* This is the main vmenu table */
/* ---------------------------------------------------------------------- */
/* <table> */
   table.vmenu_mainz {
      width: 100%;
      border: 0px;
      padding: 0px 0px 0px 0px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;  
   }

 /* <tr> */  
 
  /* <td> ---- [<div><a>Main Page</a></div>] ---- </td>
  /*-----------------------------------------------------------*/
     td.vmenu_main_off {
        width: 100%;
        border: 0px;
        padding: 8px 5px 0px 10px;
        font-weight: normal;
     }
     td.vmenu_main_on {
        width: 100%;
        border: 0px;
        padding: 8px 5px 0px 10px;
        font-weight: bold;
     }
  
   /* <div> ---- [<a>Main Page</a>] ---- </div>
   /*-----------------------------------------------------------*/
      div.vmenu_main_off {
         width: 100%;
      }
      div.vmenu_main_on {
         width: 100%;
      }    
  
    /* <a> ---- [Main Page] ---- </a>
    /*-----------------------------------------------------------*/  
       a.vmenu_main_off:link { color: #336699; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:visited { color: #336699; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:hover { color: #6699cc; text-decoration: none; border-bottom: 0px solid #000000; }
       a.vmenu_main_off:active { color: #6699cc; text-decoration: none; border-bottom: 0px solid #000000; }
       
       a.vmenu_main_on:link { color: #336699; text-decoration: underline; }
       a.vmenu_main_on:visited { color: #336699; text-decoration: underline; }
       a.vmenu_main_on:hover { color: #6699cc; text-decoration: underline; }
       a.vmenu_main_on:active { color: #6699cc; text-decoration: underline; }
    
   /* </div> */
  /* </td> */
 /* </tr> */  

/*################################################################################
>> Sub Menu Links
################################################################################## 
 
 /* <tr> */
 
  /* <td> ---- [<table><tr><td><div> >> </div></td><td><div><a>Main Page</a></div></td></table>] ---- </td>
  /*-------------------------------------------------------------------------------------------------------------*/
     td.vmenu_main_sub {
        width: 100%;
        border: 0px;
        padding: 0px 0px 0px 0px;
     }
   
   /* <table> Submenu link table */
   /*-----------------------------------------------------------*/   
      table.vmenu_subz {
        width: 100%;
        border: 0px;
        padding: 0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
      }
    
    /* <tr> */
    
     /* <td> Submenu Item Bullet */
     /*-----------------------------------------------------------*/        
        td.vmenu_sub_bull_off {
           width: 20px;
           padding: 3px 0px 0px 13px;
           font-size: 11px;
           font-weight: bold;
           color: #858585;   
        }
        td.vmenu_sub_bull_on {
           width: 20px;
           padding: 3px 0px 0px 13px;
           font-size: 11px;
           font-weight: bold;
           color: #505050;   
        }
 
      /* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/        
         div.vmenu_sub_bull_off {
            padding: 0px;
            width: 100%;
         }
         
         div.vmenu_sub_bull_on {
            padding: 0px;
            width: 100%;
         }            
         
      /* </div> */
      
     /* </td> */
     
     /* <td> Submenu Item Link */
     /*-----------------------------------------------------------*/    
        td.vmenu_sub_off {
           width: 100%;
           border: 0px;
           padding: 3px 0px 0px 5px;
           font-size: 11px;
           font-weight: normal;
        }
        td.vmenu_sub_on {
           width: 100%;
           border: 0px;
           padding: 3px 0px 0px 5px;
           font-size: 11px;
           font-weight: bold;   
        }
        
      /* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/          
         div.vmenu_sub_off {
            width: 100%;
            border: 0px;
            padding: 0px 0px 0px 0px;
         
         }
         
         div.vmenu_sub_on {
            width: 100%;
            border: 0px;
            padding: 0px 0px 0px 0px;
        }

       /* <a href=> A cell containing an individual main menu link
       /*-----------------------------------------------------------*/ 
          a.vmenu_sub_off:link { color: #336699; text-decoration: none; }
          a.vmenu_sub_off:visited { color: #336699; text-decoration: none; }
          a.vmenu_sub_off:hover { color: #6699cc; text-decoration: none; }
          a.vmenu_sub_off:active { color: #6699cc; text-decoration: none; }
          
          a.vmenu_sub_on:link { color: #6699cc; text-decoration: none; }
          a.vmenu_sub_on:visited { color: #6699cc; text-decoration: none; }
          a.vmenu_sub_on:hover { color: #6699cc; text-decoration: none; }
          a.vmenu_sub_on:active { color: #6699cc; text-decoration: none; }
       /* </a> */    
      
      /* </div> */
      
     /* </td> */          
 
/* =========================================================== */



/*################################################################################################
--------------------------------------------------------------------------------------------------
>> Menu System - #HMAINS#
--------------------------------------------------------------------------------------------------
################################################################################################*/


/* This is the main hsub table */
table.hmains {
   width: 100%;
   border: 0px;
   padding: 0px 0px 0px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

/* This cell contains a submenu link */
td.hmains {
   border: 0px;
   padding: 2px 10px 2px 10px;
}

a.hmains:link { color: #CAB585; text-decoration: none; }
a.hmains:visited { color: #CAB585; text-decoration: none; }
a.hmains:hover { color: #CAB585; text-decoration: none; }
a.hmains:active { color: #CAB585; text-decoration: none; }





/*################################################################################################
--------------------------------------------------------------------------------------------------
>> Menu System - #HSUBS#
--------------------------------------------------------------------------------------------------
################################################################################################*/

/* This is the main hsub table */
table.hsubs {
   border: 0px;
   padding: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

/* This cell contains a submenu link */
td.hsubs {
   border: 0px;
   padding: 2px 10px 2px 10px;
}
a.hsubs:link { color: #336699; text-decoration: none; }
a.hsubs:visited { color: #336699; text-decoration: none; }
a.hsubs:hover { color: #6699cc; text-decoration: none; }
a.hsubs:active { color: #6699cc; text-decoration: none; }


/*################################################################################################
--------------------------------------------------------------------------------------------------
>> #NEWS#
--------------------------------------------------------------------------------------------------
################################################################################################*/

/* Newsbox
/*-----------------------------------------------------------*/

/* <font> */
.newsbox_date {
   font-family: tahoma, verdana, Courier New, Courier, mono;
   font-size: 10px;
   font-weight: bold;
   color: #FFFFFF;
}
.boxTitle1, .boxTitle2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: bold;
}
.boxReadMore1  , .boxReadMore2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
	color: #336699; 
}
td.boxReadMore1:visited  , td.boxReadMore2:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
	color: #336699;
}
.copy {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.boxReadMore1:hover {
color: #000000;
}

a.newsbox:link { color: #000000; text-decoration: none; font-weight: bold; }
a.newsbox:visited { color: #000000; text-decoration: none; font-weight: bold; }
a.newsbox:hover { color: #980000; text-decoration: none; }
a.newsbox:active { color: #980000; text-decoration: none; }

/* <font> */
.newsbox_tease {
   font-family: Arial, helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #2E2E2E;
}

/* Full Ariticle Display
/*-----------------------------------------------------------*/
table.article_table {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
}

td.article_title {
   font-family: Courier New, Courier, mono;
   font-size: 16px;
   font-weight: bold;
   color: #2E2E2E;
}

font.article_date {
   color: #336699;
}
      
td.article_content {
   padding: 4px;
}

/*################################################################################################
--------------------------------------------------------------------------------------------------
>> Old Styles (to be phased out after obsolecense is assured)
--------------------------------------------------------------------------------------------------
################################################################################################*/
textarea {
	font-size:8pt;
	height:75px;
	width:175px;
}

.logohead {
	font-family : Arial;
	font-size : 25pt;
	font-weight : bold;
}

.logosub {
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
}



.border {
	font-family: Arial;
	font-size: 8pt;
	border: 1px #000000 inset;
}



.menusys {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}





#shopping_module table {
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   color: #000000; /*#<? echo $getCss['table_textcolor']; ?>;*/
}

 #moreinfo-summary, #moreinfo-pricing, #moreinfo-details, #moreinfo-comments, #searchcolumn table, #addcart-current_cart_contents {
   font-family: Arial, Helvetica, sans-serif;
   border: 1px solid #ccc;
   background-color: #FFFFFF;/*#<? echo $getCss['table_bgcolor']; ?>;*/
}
#moreinfo-summary th {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   font-size: 11px;
}
#moreinfo-pricing th {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   font-size: 11px;
}
#moreinfo-details th {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   font-size: 11px;
}
#moreinfo-comments th {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   font-size: 11px;
}
#moreinfo-comments {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #FFFFFF;
   font-size: 11px;
}

#addcart-current_cart_contents th{
   border: 1px solid #ccc;
   background-color: #CCCCCC;
}

table.shopping-selfcontained_box {
   font-family: Arial, Helvetica, sans-serif;
   border: 1px solid #ccc;
   background-color: #FFFFFF; /* #<? echo $getCss['table_bgcolor']; ?>; */
   font-size: 11px;
}

/* Added below - By Rami */
.shopping-selfcontained_box th{
   background-color: #CCCCCC;
}
.shipping-selfcontained_box input {
	background-color: #FFFFFF;
}
#shopping_module th {
   background-color: #CCCCCC;/* <? echo $OPTIONS['DISPLAY_HEADERBG']; ?>; */
   color: #000000; /*<? echo $OPTIONS['DISPLAY_HEADERTXT']; ?>;*/
   text-align: left;
}

/*--------------------------------------------------------
 pgm-more_information.php
--------------------------------------------------------*/
table#moreinfo-pricing {
   margin-top: 15px;
}
#moreinfo-pricing th {
   text-align: center;
}

table#moreinfo-comments {
   margin-top: 15px;
}


/*--------------------------------------------------------
 prod_search_column.inc
--------------------------------------------------------*/
#searchcolumn-login_or_date td {
   padding: 5px;
   vertical-align: top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   font-weight: bold;
   background-color: #CCCCCC;
}

#searchcolumn-login_or_date {
   border-bottom: 0px;
   background-color: transparent;
}

#searchcolumn-items_in_cart {
   color: #000000;/*#<? echo $OPTIONS['DISPLAY_CARTTXT']; ?>;*/
   background-color: #FFFFFF;/*#<? echo $OPTIONS['DISPLAY_CARTBG']; ?>;*/
}


/*--------------------------------------------------------
 pgm-checkout.php
--------------------------------------------------------*/
#checkout-steps th{
   text-align: center;
   background-color: #CCCCCC;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	color: #FFFFFF;
}
.style5 {font-size: 18px}
.style6 {font-size: 24px}

#vsubs input{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#336699;
	background: #8599cb;
	border-color: #8599cb;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
	width: 100px;
	height: 20px;
	cursor: pointer;
	text-align: left;
	background-image: url(bgbutton.gif);
	
}

/* Added below by Rami */
body {
	color: #726330;
	background-image: url(images/bg.gif);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F5F3DE;
}
h1 {
	background-image: url(images/h1_bg.gif);
	width: 213px;
	height: 19px;
	background-color: #eec636;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 2px;
}
h2 {
	background-image: url(images/h2_bg.gif);
	width: 248px;
	height: 19px;
	background-color: #de800f;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 8px;
	padding-top: 2px;
}
h3 {
	border-bottom: double #DBCDAC;
	color: #DE800F;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 492px;
	margin-left: 12px;
	margin-top: 30px;
}
h4 {
	line-height: 2em;
	text-align: justify;
	width: 492px;
	margin-left: 12px;
	margin-right: 10px;
	color: #8F9F37;
	margin-bottom: 0px;
	margin-top: 30px;
	text-decoration: underline;
	font-size: 12px;
}
p {
	line-height: 2em;
	text-align: justify;
	width: 492px;
	margin-left: 12px;
	margin-right: 10px;
}
#rightcol li {
	line-height: 2em;
	text-align: justify;
	margin-right: 10px;
	margin-bottom: 15px;
	list-style-image: url(images/bullet.png);
}
#rightcol ol li{
	list-style: upper-alpha;
	line-height: 2em;
}
a:link, a:visited{
	color: #CAB585;
}
a:hover{
	color: #B99D5E;
	text-decoration: none;
}
#container {
	background-color: #FFFFFF;
	background-image: url(images/container_bg.gif);
	background-repeat: repeat-y;
	width: 796px;
	margin: auto;
}
#contentholder {
	width: 300px;
}
#menu {
	height: 34px;
	width: 771px;
	margin-top: 0px;
	margin-left: 12px;
	background-color:  #39361C;
	background-image: url(images/menu.gif);
}
#leftcol {
	width: 256px;
	float: left;
	padding-left: 12px;
}
#rightcol {
	width: 515px;
	float: right;
	padding-right: 13px;
	vertical-align: top;
}
#logo {
	width: 256px;
	height: 145px;
	background-color: #6E7A2A;
	text-align: center;
	font-size: 14px;

}
#flash {
	height: 143px;
	border: 0px solid #2C2A18;
	padding-bottom: 4px;
}
.col1 {
	float: left;
	margin-left: -1px;
	font-weight: bold;
	margin-bottom: 0px;
}
.col1 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.col1 ul li{
	width: 125px;
	margin: 2px;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.col2 {
	float: right;
}
.col2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.col2 ul li{
	width: 84px;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(images/leftcol_shadow.gif);
	background-position: right;
	background-repeat: repeat-y;
}
.row1{
	background-color:#f1f1f1;
}
.row2{
	background-color: #f6f6f6;
}
.center{
	text-align:center;
}
.table{
	padding: 15px;
}
.t1 {
	background-color: #de800f;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.t2 {
	background-color:#f1f1f1;
	font-size: 10px;
	margin-left: 10px;
}
.t3 {
	background-color: #f6f6f6;
	font-size: 10px;
	margin-left: 10px;
}
#leftcolText{
	line-height:1.5;
	margin-left: 7px;
	margin-right: 20px;
	text-align: justify;
	color: #6A7614;
}
.menu{
	width: 771px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/menu.gif);
}

.menu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.menu ul{
	border: 0px;
	margin: 0;
	text-align: right;
	height: 34px;
	padding: 0;
	margin-left: 45px;
}

.menu ul li{
	float:left;
	display:inline;
	list-style:none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	background-image: url(images/menu.gif);
}

.menu ul li a{
	margin: 0;
	text-decoration: none;
	width: 111px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

.menu ul li a:hover{
	background: url(images/menu_onhover.gif);
	background-position: center;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #CAB688; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 10px Arial;
	line-height:18px;
	z-index: 300;
	background-color: #F5F5E1;
	width: 110px;
	visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #CAB688;
	padding: 1px 0;
	text-decoration: none;
	color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{
	background-color: #EBEBC7;
}

#footer{
	background-image: url(images/footerbg.gif);
	height: 60px;
	width: 546px;
	text-align: center;
	padding-left: 250px;
	font-size: 10px;
	padding-top: 20px;
	background-color: #FFFFFF;
}
.footer{
	background-image: url(images/footerbg.gif);
	height: 60px;
	width: 546px;
	text-align: center;
	padding-left: 250px;
	font-size: 10px;
	padding-top: 20px;
	background-color: #FFFFFF;
}
.imaanstudios {
	vertical-align: middle;
}