/* CSS Document */

/*------Global Styles----------------------------------*/



/*--Removes default browser padding and margin on html and tables ------*/
html, body
{
    margin: 0;
    padding: 0;
    border: 0px;
}

/*table td {border:0; border-collapse: collapse; table-layout:fixed; vertical-align:middle; margin:0px; padding:0px;}
table
{
    float: left;
}
TABLE    { display: table;}
TR       { display: table-row; }
THEAD    { display: table-header-group; }
TBODY    { display: table-row-group; }
TFOOT    { display: table-footer-group; }
COL      { display: table-column; }
COLGROUP { display: table-column-group; }
TD, TH   { display: table-cell; }
CAPTION  { display: table-caption; }

TABLE h4 {margin:0px; padding:0px;}*/


/*--Font, centering, colors ------*/

body
{
    background: #ffffcc url(../images/bgBody.gif) repeat 0 0;
    margin: 3px 0 0 0;
    padding: 0;
    color: #000;
    font: x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}
html > body
{
    font-size: small;
    line-height: normal;
    text-align: center;
}


/*--global links------*/
a
{
    color: #ff6633;
}
a:hover
{
    color: #e51b24;
}



/*--headers 1-6------*/

#content h1, h2, h3, h4, h5
{
    font-size: 1.60em;
    color: black;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}
#content h2
{
    font-size: 90%;
}
#content h3
{
    font-size: 80%;
}
#content h4
{
    font-size: 70%;
}
#content h5
{
    font-size: 60%;
}
#content h6
{
    font-size: 50%;
}



/*default image border and padding

img a {border:0px;}
.leftColumn, .contentText img a {border:0px; margin:8px;}
.leftColumn, .contentText img {border:1px solid red; margin:8px;}*/

.RowHeader
{
    font-weight: bold;
}

.padding
{
    padding: 0px 6px 6px 6px;
}
div.padding img
{
    padding: 0px;
}

.noBorder img
{
    border: 0px;
}
.noBorder
{
    border-right: 0px solid red;
}
.noBorder li a
{
    border-right: 0px solid red;
}
.noBorder li
{
    border-right: 0px solid red;
}

a img
{
    border: 0px solid red;
}

/*-------structure----------------------------------*/


/*--centering wrapper, text alignment ------*/

#wrapper
{
    display: block;
    border: 0px solid red;
    width: 896px; /*background:white;*/
    margin: 0em auto;
    padding: 0em;
    display: block;
    text-align: left;
    height: auto;
}
#wrapperInner
{
    display: block;
    border: 0px solid red;
    width: 896px; /*background:white;*/
    margin: 0em auto;
    padding: 0em;
    display: block;
    height: auto;
}

/*#wrapperInner{
    border:1px solid green;
      
   }*/

/*--top---------------------------------*/
#top
{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background: #ffffcc;
    height:auto;
    font-size: 80%;
    line-height: normal;
    border: 0px solid green;
    margin: 0px 0px 15px 0px;
}



/*--------inside top--*/
#logo
{
    border: 0px solid red;
    float: left;
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
}


/*--------shopping cart/button--*/
#Masthead1_cartLogo
{
    border: 0px solid blue;
    float: right;
    position: relative;
    display: block;
    width: 400px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}



.btnPlaceOrder
{
    float: right;
    display: block;
    position: relative;
    background: none;
    top: 20px;
    border: 0px solid green;
    vertical-align: bottom;
}




/*-----Cart---------------------------------*/


.bgCartLeft
{
    height: 71px;
    width: 10px;
    background: url(../images/leftCartTop.gif) no-repeat top left;
}
.bgCartRight
{
    height: 71px;
    width: 10px;
    background: url(../images/rightCartTop.gif) no-repeat top right;
}
.icoCart
{
    width: 60px;
    vertical-align: middle;
    text-align: right;
    padding: 0px 10px 0px 10px;
}
/*.cartInfo table td{border:5px solid green; text-align:left; vertical-align:top; width:150px; text-align:right; padding:0px; margin:0px;}*/
.cartTable
{
    float: right;
    height: 71px; /*border:1px solid black; */
    width: 400px;
    background: url(../images/bgCart.gif) repeat-x top right;
    padding: 0px;
    margin: 0px;
}
.cartBorder
{
    padding: 0px;
    margin: 0px;
}
/*Cart Nav-----*/
.cartNav
{
    display: block;
    position: relative;
    float: left;
    height: auto;
    width: auto;
    left: 0px;
    top: 0px;
    border: 0px solid purple;
    margin: 0px;
    padding: 0px;
    background: none;
}


.cartNav ul
{
    display: block;
    float: left;
    position: relative;
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: 0px solid #CCC1A1;
    font-weight: bold;
    left: 0px;
    font-size: 12px;
}


.cartNav li
{
    text-align: left;
    height: 12px;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    list-style-type: none;
    background: url(../images/bgBtnMenu.jpg) repeat-x 0 0;
}


.cartNav li a
{
    display: block;
    color: black;
    width: auto;
    border: 0px solid purple;
    text-decoration: underline;
    margin: 0px;
    background: url(../images/bgTopmenu.jpg) repeat-x 0px 0px;
}


.cartNav li a:hover
{
    color: #ff6633;
    text-decoration: underline;
}


/*--------top text info hrs--*/
.topText
{
    border: 0px solid blue;
    float: right;
    position: relative;
    display: block;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    top: 28px;
    font-size: 0.90em;
    font-weight: bold;
}


.topTextCart
{
    border: 0px solid blue;
    float: right;
    position: relative;
    display: block;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    top: 10px;
    font-size: 0.90em;
    font-weight: bold;
}

/*--content - wrapper-----------------------------------------------*/
#contentWrapper
{
    float: left;
    position: relative;
    display: block;
    font-size: 87%;
    line-height: normal;
    border-top: 0px;
    border-bottom: 2px solid #ff6633;
    border-left: 2px solid #ff6633;
    border-right: 2px solid #ff6633;
    background: white;
    width: 891px;
}
#contentInnerWrapper
{
    position: relative;
    display: block;
    font-size: 87%;
    line-height: normal;
    border-top: 0px;
    border-bottom: 2px solid #ff6633;
    border-left: 2px solid #ff6633;
    border-right: 2px solid #ff6633;
    background: white;
    width: 891px;
}

/*--sets content padding and is 2nd wrapper--------*/
#content
{
    float: left;
    position: relative;
    display: block;
    background: white;
    border: 0px solid black;
    width: auto;
    padding: 10px 10px 0px 10px;
}


/* OLD  #HomePagecontent {
      float:left;
	  position:relative;
	  display:block;
      background:white;
      border:0px solid black;
	  width:auto;	
	  padding: 0px 10px 20px 10px;
      }*/


#HomePagecontent
{
    float: left;
    position: relative;
    display: block;
    background: white;
    border: 0px solid black;
    width: auto;
    padding: 0px 0px 20px 0px;
}


.contentCenter
{
    text-align: center;
}


/*--content right column --------*/

.contentText
{
    float: left;
    margin-top: 0px;
    display: block;
    position: relative;
    left: 40px;
    background: white;
    border: 0px solid black;
    width: 590px;
}




.contentTextNoScroll
{
    float: left;
    margin-top: 20px;
    margin-left: 70px;
    display: block;
    position: relative;
    left: 40px;
    background: white;
    border: 0px solid black;
    width: 590px;
}




.contentTextMainSectionPage
{
    float: left;
    margin-top: 0px;
    display: block;
    position: relative;
    left: 40px;
    background: white;
    border: 0px solid black;
    width: 590px;
    height: 135px;
    overflow: auto;
}



.contentTextMainSectionPageHOME
{
    float: left;
    margin-top: -31px;
    display: block;
    position: relative;
    left: 0px;
    background: #ffffff;
    border: 0px solid black;
    width: 414px;
    height: auto;
    padding: -5px 0px 0px 0px;
    text-align: left;
}
.contentTextMainSectionLowerHOME
{
    float: left;
    display: block;
    position: relative;
    left: 0px;
    background: WHITE;
    border: 0px solid black;
    width: 414px;
    height: auto;
    padding: 0px 0px 7px 0px;
    text-align: left;
}


/*.contentTextMainSectionPageHOME img {margin:0px 6px 4px 0px;}*/


/*homepage right column*/
.rightColumn
{
    float: right;
    margin-top: 0px;
    display: block;
    position: relative;
    left: 0px;
    background: white;
    border: 0px solid black;
    width: 226px;
    height: auto;
    padding: 0px 0px 5px 0px;
    text-align: left;
}


/*--content right column --------*/
.contentTextNoLeftColumn
{
    float: left;
    margin-top: 10px;
    display: block;
    position: relative;
    left: 140px;
    background: white;
    border: 0px solid black;
    width: 600px; /*overflow: auto;*/
}


.contentTextNoLeftColumnMainSectionPage
{
    float: left;
    margin-top: 10px;
    display: block;
    position: relative;
    left: 140px;
    background: white;
    border: 0px solid black;
    width: 600px;
    height: 135px;
    overflow: auto;
}


/*  

   .contentTextNoLeftColumn {
      float:left;
	  margin-top:10px;
	  display:block;
	  position:relative;
    left:100px;
      background:white;
      border:0px solid black;
	  width:80%;
	  overflow: auto;

 .contentFullTextNoLeftColumn {
      float:left;
	  margin-top:10px;
	  display:block;
	  position:relative;
      left:150px;
      background:white;
      border:0px solid black;
	  width:80%;
  }*/


.contentFullTextNoLeftColumn
{
    float: left;
    margin-top: 10px;
    display: block;
    position: relative;
    left: 140px;
    background: white;
    border: 0px solid black;
    width: 600px;
}

.contectFullPageFull
{
    margin-top: 10px;
    margin-top: 10px;    
    width: 700px;
}

.contentCart
{
    margin-top: 0px;
    padding-left: 10px;
    background: white;
}

/*--content left column --------*/



.leftColumnHome
{
    float: left;
    margin-top: 0px;
    display: block;
    position: relative;
    left: 0px;
    background: white;
    border: 0px solid black;
    width: 251px;
}


.leftColumn
{
    float: left;
    margin-top: 0px;
    display: block;
    position: relative;
    left: 0px;
    background: white;
    border: 0px solid black;
    width: 200px;
}



/* Menu styles---------------------------------*/


/* middle bg --------------*/
.tabOffHome
{
    background: #ffffcc url(../images/taboffHome.gif) repeat-x left bottom;
}
.tabOff
{
    background: #ffffcc url(../images/tabOff.gif) repeat-x left bottom;
}
.tabOn
{
    background: #ffffcc url(../images/tabon.gif) repeat-x left bottom;
}


/* current selected tab link----------------*/
.tabOn a
{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

/* links in tabs----------	------------*/
.navLink
{
    color: white;
    display: block;
    padding-top: 10px;
    width: 100%;
    height: 34px;
    border: 0px solid red;
    text-decoration: none;
    font-weight: bold;
}
.navLink a:visited
{
    color: white;
    display: block;
    padding-top: 10px;
    width: 100%;
    height: 34px;
    border: 0px solid red;
    text-decoration: none;
    font-weight: bold;
}
.navLink a:active
{
    color: white;
    display: block;
    padding-top: 10px;
    width: 100%;
    height: 34px;
    border: 0px solid red;
    text-decoration: none;
    font-weight: bold;
}


/* controls Left and Right Overlaps in tabs----------------------*/
.tabOverlapOnL
{
    background: #ffffcc url(../images/tabsOverlap-on.gif) no-repeat right bottom;
    width: 22px;
    height: 49px;
}
.tabOverlapOnR
{
    background: #ffffcc url(../images/tabsOverlap-onR.gif) repeat-x left bottom;
    width: 22px;
    height: 49px;
}
.tabOverlapOff
{
    background: #ffffcc url(../images/tabsOverlapsoff.gif) repeat-x left bottom;
    width: 22px;
    height: 49px;
}
.tabOverlapOffHome
{
    background: #ffffcc url(../images/tabsOverlapsoffHome.gif) repeat-x left bottom;
    width: 22px;
    height: 49px;
}
.tabOverlapOffHome2
{
    background: #ffffcc url(../images/tabsOverlapsoffHome2.gif) repeat-x left bottom;
    width: 22px;
    height: 49px;
}

/* far left and far right side oftabs---------------*/

.tabPos1-OffHome
{
    background: #ffffcc url(../images/tabPos1-OffHome.gif) no-repeat left bottom;
    width: 26px;
}
.tabPos1-On
{
    background: #ffffcc url(../images/tabPos1-On.gif) no-repeat left bottom;
    width: 21px;
}
.tabPos1-Off
{
    background: #ffffcc url(../images/tabPos1-Off.gif) no-repeat left bottom;
    width: 26px;
}
.tabPos7-On
{
    background: #ffffcc url(../images/tabPos6-On.gif) no-repeat left bottom;
    width: 21px;
}
.tabPos7-Off
{
    background: #ffffcc url(../images/tabPos6-Off.gif) no-repeat left bottom;
    width: 27px;
}

/* changes background below the tabs--------------*/
.bgMenu-Off
{
    background: #ffffcc url(../images/bgMenuOff.gif) no-repeat -1px -18px;
}
.bgMenuHome-Off
{
    background: #ffffcc url(../images/bgMenuOffHome.gif) no-repeat -1px -18px;
}
.bgMenuPos1-On
{
    background: #ffffcc url(../images/bgMenuPos1-On.gif) no-repeat -1px 0px;
}
.bgMenuPos7-On
{
    background: #ffffcc url(../images/bgMenuPos7-On.gif) no-repeat 0px 0px;
}


/*Menu----------------------------------------------------*/

/*------Tabs---------*/

#tabNav
{
    width: 895px;
    border: 0px solid red;
}

#tabNav table
{
    float:left;
    width: 895px;
    border: 0px solid red;
}
#tabNav td
{
    border: 0px solid blue;
    padding: 0px;
    vertical-align: middle;
}
#tabNav img
{
    padding: 0px;
    vertical-align: bottom;
}


/*Sub Nav-----------*/
.subNav
{
    display: block;
    position: relative;
    float: left;
    height: 15px;
    width: 100%;
    left: 0px;
    top: 0px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: none;
}



.subNav ul
{
    display: block;
    float: left;
    position: relative;
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: 0px solid #CCC1A1;
    font-weight: bold;
    left: 20px;
    font-size: 11px;
}



.subNav li
{
    display: inline;
    float: left;
    margin: 0px;
    padding: 0px;
}




.subNav li a
{
    display: block;
    float: left;
    color: black;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
    height: 12px;
    margin: 0px;
    border-right: 2px solid #673301;
}


.subNav li a:hover
{
    color: #ff6633;
    text-decoration: none;
}

.subnavOn
{
    color: #ff6633;
    text-decoration: none;
}
#subnavOn a
{
    color: #ff6633;
    text-decoration: none;
}


/*Footer container--------*/

#footer
{
    color: #ff6633;
    float: left;
    position: relative;
    display: block;
    border-top: 0px solid #ff6633;
    font-weight: bold;
    width: 891px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
}
.footerText
{
    float: left;
    position: relative;
    display: block;
    border-top: 2px solid #ff6633;
    width: 100%;
    padding: 5px 0px 5px 0px;
    text-align: center;
    vertical-align: middle;
}

