.btnCustomize {display: none;}
#mainContentSF {
	max-width: 1024px;
  	width: auto;
}

body {
   	background-color: #EDEDED;
  	margin: 0;
  	padding: 0;

}

#welcomeletter{
margin:auto;
}

.welcome{
margin:auto;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
font-size: 14px;
line-height:120%;
font-family: sans-serif;
}

.wh1{
font-size: 16px;
line-height:120%;
font-family: sans-serif;
font-weight:bold;
}
 
.tag {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #666666;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #66666;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #666666;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 9px;
}
.tinybodysup {
            color: #666666;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            vertical-align: text-top;
}
.signoff {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #336699;
            font-size: 11px;
            line-height: 1.2em;
}
.login {
         border-radius         : 15px;
        -o-border-radius      : 15px;
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000;
	background: none;
	padding-left: 15px

}
a.login {
        color: #000;
	font-size: 13px;
        font-weight: bold;
        text-transform:capitalize;
        text-decoration: none;
	background: none;

}
a.login:hover {
            color: #000;
            font-weight: bold;
            text-transform:capitalize;
            text-decoration: underline;
}
table.tableLogin {
	width: 100%;
	position: relative;
	z-index: 0;
	background-color: #fff;
	height: 46px;
	border-left: solid 7px #FFE100; 
	top: -56px
}
table.tableMain {
 	position: relative;
	z-index: 0;
	background-color: #ffffff;
	width: 100%;
	top: -56px;
	overflow:hidden;
}
table.tableMain td {
 //background-color: transparent;
}
table.tableSiteBanner {
	z-index: 5;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 143px;
overflow:hidden;

}
table.tableSiteBanner img {
	position: relative;
 	top: 0px;}

a {
            font-family: Arial, Helvetica, sans-serif;
}
A {
  color: #000000;
  text-decoration: none;
  /*font-weight:bold;*/
}

A:hover {
  color: #414348;
  text-decoration: underline;
}
.copyright, A.copyright, A.copyright:link, A.copyright:visited {
  background: transparent;
  color: #D10005;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-decoration: none;
}
A.copyright:hover {
  text-decoration: underline;
}
.anchor a{
            text-decoration: none;
	
}
.anchor a:hover {
            text-decoration: underline;
	
}
.clear {
            background-image: url(/img/_.gif);
            background-repeat: no-repeat;
            background-color: transparent;
}
.yellow {
            color: #ffffff;
}
.orange {
            color: #fffffff;
}
.green {
            color: #000000;
            font-size:14px;
            font-weight:bold;
}
.blue {
            color: #ffffff;
}
.cyan {
            color: #ffffff;
}


/* Stripes */

hgroup { margin: 35px 10px 0px }
#stripes {
        position: absolute;
        top:0px;
        left:0;
        width:100%;
        z-index: 4;
        box-shadow: 0 0 8px #333;
	height: 143px;
	background: #fff url('../user/images/global/ag-header-logo.png') 85% -80px no-repeat;
}
.strip {
background: #fff url('../user/images/yellow-header-stripe.png') 0 100% repeat-x;
position: relative;
width: 1000px;
height: 7px;
margin: 0 auto;
top:143px;
left: -5px
}

/******************************************************************************************
* MAIN NAVIGATION MENU *
*******************************************************************************************/
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}


ul#menu {
width: 100%;
height: 46px;
margin-left: ;
position: relative;
position: relative;
top: -60px;

z-index: 5;
padding: 0px 20px 0px 20px;
background-color:#000;

}

ul#menu li {
width: auto;
padding: 0px 10px;
text-align:center;
margin-top: 15px;
float:left;
}

#menu li a {
	text-transform:capitalize;
}
#menu { width: 1000px;  z-index:0; }

ul#menu li:first-child {
     padding-left: 15%;
}

.menuY {
	margin: 0;
	padding: 0;
}

.menuO {
	margin: 0;
	padding: 0;
}
.menuG {
	margin: 0;
	padding: 0;
        text-decoration: ;
}

.menuG a{
        color: #FFE100;
	text-decoration: ;
}

.menuY a, .menuO a, .menuB  a, .menuC a {
        color: #FFE100;
}

.menuB {
}

.menuC /* select / hilight color */ {
	
}
.menuO a, .menuY a, .menuB a /* select / hilight color */ {
        font-weight: bold;
   	font-size: 12pt;
	text-decoration:none;
	text-transform:capitalize;
	color: #FFE100;
}
.menuO a:hover, .menuY a:hover, .menuB a:hover, .menuG a, .menuG a:hover /* select / hilight color */ {
        font-weight: bold;
   	font-size: 12pt;
        text-decoration:;
	text-transform:capitalize;
	color: #fff;
}


/******************************************************************************************
* END MAIN NAVIGATION MENU *
*******************************************************************************************/

/******************************************************************************************
* CUSTOM 3-COLUMN GRID *
*******************************************************************************************/


/* 3-column grid using 840px full width */
.grid3col {display: table; width: 100%; margin-bottom: 20px;}
.grid3col .column { width: 33%; text-align:center; font-weight:bold;}
.grid3col .column a { font-weight:bold; text-decoration: none;}
.grid3col .column a:hover { color: red; text-decoration: underline;}
.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

/******************************************************************************************
* END CUSTOM 3-COLUMN GRID *
*******************************************************************************************/

/* LOGIN BOX*/
#bigbox {
        background-color: #EDEDED;
         margin-left:auto; margin-right:30;
        border: 1px solid #969696;
        border-radius         : 15px;
        -o-border-radius      : 15px;
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
        box-shadow         : 0px 1px 10px #888;
        -o-box-shadow      : 0px 1px 10px #888;
        -moz-box-shadow    : 0px 1px 10px #888;
        -webkit-box-shadow : 0px 1px 10px #888;
         
}
/* END Login Box */  

#login_pass {
       
         border           : 3px double  #0073bb;
         border-radius         : 15px;
        -o-border-radius      : 15px;
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
}

#login_user {
         border           : 3px double  #0073bb;
         border-radius         : 15px;
        -o-border-radius      : 15px;
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
}

/*CATEGORY HEADER TEXT*/
.source {
        color: #000;
}


.homeTable { color: #005D40; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
.homeTable a { color: #005D40; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }
.homeTable a:hover { color: #009900; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }

/* Page Heading */
.pageHeading  { color: #005D40; font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic; float: right; padding-right: 20px; }
/* END Page Heading */

/* HOME PAGE TABS */

/* FOOTER*/
#FooterStyle {
        float:inherit;
	position:relative;
        margin: 0 auto;
        width: 948px;
        margin-top: 5px;
	background: none;
	padding: 10px;
         z-index: 3;
	margin:0 auto; 
	background-color: transparent; 
	text-align: center;
	color: #fff;
	font-size:12px;
	margin-top:15px;
	left: 0px;	 
	background-repeat: repeat repeat; 	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(151,151,151,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(100%,rgba(151,151,151,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(151,151,151,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(151,151,151,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(151,151,151,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(151,151,151,1) 100%); /* W3C */
	-webkit-box-reflect: below 2px
 	-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
}
.footer   {font-size: 12px;
	font-weight: bold;
        text-align: center;
        text-decoration:none;
	text-transform: uppercase;
       	padding: 0 15px;
	color: #000;
        text-shadow: 0px 1px 1px #fff; 
}

/* End Footer*/

#tabProducts {
        background-image:url(user/images/Global/HomePage/tabProducts.png);
        left:0;
        width:100%;

}

.body {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #333333;
            font-size: 13px;
            line-height: 1.2em;
	
}
h1 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 18px;
            line-height: 1.2em;
}
.h1 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
}
h2 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 24px;
            line-height: 1.2em;

}
.h2 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 13px;
            line-height: 1.2em;
}
.h3 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
	
}
 
/* context help */
a.glossaryTerm, a.glossaryTerm:link, a.glossaryTerm:visited {
            border-bottom: 1px dotted #027FC2;
            color: #282828;
            text-decoration: none;
            cursor: help;
}
a.glossaryTerm:hover {
            border-bottom: 1px solid #027FC2;
}
th a.glossaryTerm, th a.glossaryTerm:link, th a.glossaryTerm:visited {
            border-bottom: 1px dotted #FFFFFF;
            color: #FFFFFF;
}
th a.glossaryTerm:hover {
            border-bottom: 1px solid #FFFFFF;
}
 
/* tabular data */
.dataQuantity, .dataQuantityNegative {
            text-align: right;
}
.dataQuantityNegative {
            color: #A30A0D;
}
.textInfo {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.6em;
            color: #1D239A;
}
 
/* cart image */
table.tblImage {
            border: 1px solid #CCCCCC;
}
table.tblImage td {
            background-color: #FFFFFF;
            padding: 0em;
            margin: 0em;
            text-align: center;
            vertical-align: middle;
 
}
 
 
 
/* fancy form buttons */
button {
        border-radius         : 15px;
        -o-border-radius      : 15px;
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px Arial, Helvetica, Verdana, sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer;
}
.button_a
{
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px Arial, Helvetica, Verdana, sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer; 
}
span.button {
            padding-right: 3px;
            float: left;
            display: block;
            background: url(/img/button/buttonSecondaryRt.gif) no-repeat top right;
            height: 18px;
            overflow: visible;
}
button.action {
            padding-left: 25px; /* space for arrow */
            margin-top: 0px;
            background: url(/img/button/buttonPrimary.gif) no-repeat top left;
            padding-bottom: 4px;
            padding-top: 1px;
}
span.action {
            padding-right: 3px;
            float: left;
            padding-top: 0px;
            display: block;
            background: url(/img/button/buttonPrimaryRt.gif) no-repeat top right;
            font-size: 1.2em;
            text-transform: uppercase;
            height: 18px;
            vertical-align: top;
            overflow: visible;
}
.buttonContainer {
/*         float: right; */
            padding: 5px;
            clear: both;
/*         text-align: right; */
}
.buttonContainer span.action, .buttonContainer span.button {
            margin: 5px; /* was 10px */
}
 
.buttonContainerSmall {
            padding: 0px 0px;
            margin-left: 5px;
}
button.small {
            padding: 0px 5px 3px 8px; /* text within button */
            border: 0px none #FFFFFF;
            margin-top: 0px;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
            overflow: visible;
            cursor: pointer;
}
span.small {
            padding-right: 3px;
            float: left;
/*         margin-right: 3px; */
            background: url(/img/button/buttonSecondarySmallRt.gif) no-repeat top right;
            height: 15px;
}
button.smallAction {
            padding: 0px 5px 4px 18px; /* text within button */
            margin-top: 0;
            margin-right: 3px;
            background: url(/img/button/buttonPrimarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
}
span.smallAction {
            padding-right: 3px;
            float: left;
            background: url(/img/button/buttonPrimarySmallRt.gif) no-repeat top right;
            text-transform: uppercase;
            height: 15px;
}
button.nonAction {
            border: none;
            padding: 0 0 0 12px;
            margin-right: 15px;
            background: transparent url(/img/button/linkSecondary.gif) no-repeat 0px 4px;
            color: #0B6997;
            font-size: 1.1em;
            font-weight: bold;
            text-transform: capitalize;
}
button.nAction {
            background: transparent url(/img/button/linkPrimary.gif) no-repeat scroll 2px 8px;
            color: #0B6997;
            height: auto;
            padding:5px 0pt 0pt 14px;
}
 
/******************************************************************************************
* PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable {background: #ffffff; border: 0; }

ul.TreeControl {
        float: inherit;
	position:relative;
        background-color: none;
	margin-right: 5px;
	padding: 10px;
}
ul.TreeControl { color: #414348; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { padding: 5px 0px 5px 0px; }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
        float: inherit;
	position:relative;
        color:#414348; 
        margin: 5px 0px 5px 0px;
        padding: 0 0 0 5px;

	background: url('../user/images/yellow-bar.jpg') 0 100% repeat-x;
	padding-bottom:8pt;
	font-size: 9pt;
	font-weight: bold;
	text-transform:uppercase; 
}
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 5px; padding: 0; font-size: 10pt;}
ul.TreeControl ul { padding-left: 5px; }
ul.TreeControl li a { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #414348; }
ul.TreeControl li a:hover { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #224390; }
ul.TreeControl li.TCopen a { list-style: none; background: url(/..user/images/tree_closed.gif); text-decoration: none; color: #414348; }
ul.TreeControl li.TCclosed a { list-style: none; background: url(); text-decoration: none; color: #414348;}

ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color:#414348;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
ul.TreeControl li.TCbullet a:hover { 
         margin-left: 20px;
         color:#fff;
         text-shadow: #000 1px 1px 2px;
}

ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; }

ul.TreeContril li.TCclosed {
}

/******************************************************************************************
* END PRODUCT SIDE MENU *
*******************************************************************************************/

.myText { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: left; background-color: #FFFFFF; }
.myTextR { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: right; background-color: #FFFFFF; }
 
/* EZ Tab Concept */
/* Tabs Container */
div.easycard-tabs { background-image: url(/catalog/img/EZTabRow.gif); }
div.easycard-tabs td { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px;}
/* Active Tab */
div.easycard-tabs td.activetab-left  { background-image: url(/catalog/img/EZActiveL.gif); width: 8px; height: 26px; }
div.easycard-tabs td.activetab-right { background-image: url(/catalog/img/EZActiveR.gif); width: 10px; height: 26px; }
div.easycard-tabs td.activetab-text  { background-image: url(/catalog/img/EZActiveM.gif); font-weight: bold; color: #000000; padding: 0px 5px 0px 5px; }
/* Inactive Tabs */
div.easycard-tabs td.tab-left  { background-image: url(/catalog/img/EZTabL.gif); width: 9px; height: 26px; }
div.easycard-tabs td.tab-right { background-image: url(/catalog/img/EZTabR.gif); width: 11px; height: 26px; }
div.easycard-tabs td.tab-text  { background-image: url(/catalog/img/EZTabM.gif); color: #000000; padding: 2px 5px 0px 5px; }
div.easycard-tabs td.tab-text a { color:#0000FF; }
/* Bottom Decoration */
div.easycard-tabs-btm1 { background-color: none; border-top: 1px thin #000000; height: 9px; overflow: hidden; }
div.easycard-tabs-btm2 { background-color: #ffffff; border: 0px; height: 9px; overflow: hidden; }
div.easycard-tabs-btm3 { border: 0px; padding: 4px; }
/* table below tabs */
.easycard-table { border: 0px;}
/* end EZ Tab Concept */
 
/* search paging styles */
 
/***********************************************
* informative boxes                           *
***********************************************/
table.tblGreen,
table.tblGreenPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FFFFFF;
            background-color: #FFFFFF;
}
table.tblGreen th,
table.tblGreenPad th,
table.tblGreen td.tblGreen,
table.tblGreenPad td.tblGreenPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGreen th,
table.tblGreenPad th {
            background-color: #CCFFCC;
            color: #666666;
            font-size: 90%;
}
table.tblGreen td {
            background-color: #F6FFF6;
}
table.tblGreenPad td {
            background-color: #F6FFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblGray,
table.tblGrayPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #333333;
}
table.tblGray th,
table.tblGray td.tblGray,
table.tblGrayPad th,
table.tblGrayPad td.tblGrayPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGray th,
table.tblGrayPad th {
            background-color: #D3DCE3;
            color: #666666;
            font-size: 90%;
}
table.tblGray td {
            background-color: #EEEEEE;
}
table.tblGrayPad td {
            background-color: #EEEEEE;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue,
table.tblBluePad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #6699FF;
}
table.tblBlue th,
table.tblBlue td.tblBlue,
table.tblBluePad th,
table.tblBluePad td.tblBluePad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblBlue th,
table.tblBluePad th {
            background-color: #B0DDEC;
            color: #666666;
            font-size: 90%;
}
table.tblBlue td {
            background-color: #EEF3FF;
}
table.tblBluePad td {
            background-color: #EEF3FF;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblRed,
table.tblRedPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF6633;
}
table.tblRed th,
table.tblRed td.tblRed,
table.tblRedPad th,
table.tblRedPad td.tblRedPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblRed th,
table.tblRedPad th {
            background-color: #FFCCCC;
            color: #666666;
            font-size: 90%;
}
table.tblRed td {
            background-color: #FFF6F6;
}
table.tblRedPad td {
            background-color: #FFF6F6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblYellow,
table.tblYellowPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF9900;
}
table.tblYellow th,
table.tblYellow td.tblYellow,
table.tblYellowPad th,
table.tblYellowPad td.tblYellowPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblYellow th,
table.tblYellowPad th {
            background-color: #FFCC66;
            color: #666666;
            font-size: 90%;
}
table.tblYellow td {
            background-color: #FFFFF6;
}
table.tblYellowPad td {
            background-color: #FFFFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue tr.r td,
table.tblBluePad tr.r td,
table.tblGray tr.r td,
table.tblGrayPad tr.r td,
table.tblGreen tr.r td,
table.tblGreenPad tr.r td,
table.tblRed tr.r td,
table.tblRedPad tr.r td,
table.tblYellow tr.r td,
table.tblYellowPad tr.r td {
            background-color: #FFEEEE;
}
table.tblBlue tr.o td,
table.tblBluePad tr.o td,
table.tblGray tr.o td,
table.tblGrayPad tr.o td,
table.tblGreen tr.o td,
table.tblGreenPad tr.o td,
table.tblRed tr.o td,
table.tblRedPad tr.o td,
table.tblYellow tr.o td,
table.tblYellowPad tr.o td {
            background-color: #FFFFFF;
}
table.tblBlue tr.e td,
table.tblBluePad tr.e td,
table.tblGray tr.e td,
table.tblGrayPad tr.e td,
table.tblGreen tr.e td,
table.tblGreenPad tr.e td,
table.tblRed tr.e td,
table.tblRedPad tr.e td,
table.tblYellow tr.e td,
table.tblYellowPad tr.e td {
            background-color: #EEFFEE;
}
 
table.tblBlue tr.oh td,
table.tblBluePad tr.oh td,
table.tblGray tr.oh td,
table.tblGrayPad tr.oh td,
table.tblGreen tr.oh td,
table.tblGreenPad tr.oh td,
table.tblRed tr.oh td,
table.tblRedPad tr.oh td,
table.tblYellow tr.oh td,
table.tblYellowPad tr.oh td,
table.tblBlue tr.eh td,
table.tblBluePad tr.eh td,
table.tblGray tr.eh td,
table.tblGrayPad tr.eh td,
table.tblGreen tr.eh td,
table.tblGreenPad tr.eh td,
table.tblRed tr.eh td,
table.tblRedPad tr.eh td,
table.tblYellow tr.eh td,
table.tblYellowPad tr.eh td
table.tblBlue tr.rh td,
table.tblBluePad tr.rh td,
table.tblGray tr.rh td,
table.tblGrayPad tr.rh td,
table.tblGreen tr.rh td,
table.tblGreenPad tr.rh td,
table.tblRed tr.rh td,
table.tblRedPad tr.rh td,
table.tblYellow tr.rh td,
table.tblYellowPad tr.rh td {
            background-color: #DDEEFF;
}
 
table.tblPage {
            border: 0px;
            margin-bottom: 0.2em;
            margin-top: 0.2em;
}
table.tblPage td {
            color: #666666;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 30px;
}
table.tblPage A:link,
table.tblPage A:visited,
table.tblPage A:active,
table.tblPage A:hover {
            color: #666666;
}
table.tblPage strong {
            color: #CC0000;
}
 
table.tblPageEdit {
            margin-bottom: 0.2em;
            margin-top: 0.2em;
            border: 1px solid #b7b7b6;
            padding: 0px;
}
table.tblPageEdit td .number {
            font-size: 1.4em;
}
table.tblPageEdit td {
            background-color: #dbe5f1;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 32px;
            border: 1px solid #666;
            cursor: pointer;
            height: 32px;
            vertical-align: middle;
}
table.tblPageEdit td.active {
            background-color: #95b3d7;
            border-width: 2px;
            border-color: #000;
}
table.tblPageEdit A:link,
table.tblPageEdit A:visited,
table.tblPageEdit A:active,
table.tblPageEdit A:hover {
            color: #666666;
            text-decoration: none;
}
 
/**********************************************
* message boxes: warning, error, confirmation *
***********************************************/
.notice {
    color:              #000000;
    background-color:   #FFFFDD;
}
h1.notice,
div.notice {
            margin:             0.5em 0 0.5em 0;
            border:             2px solid #FFD700;
            background-image:        url(/img/s_notice.png);
            background-repeat:  no-repeat;
            background-position: 10px 50%;
            padding:            10px 10px 10px 36px;
}
div.notice h1 {
            border-bottom:              2px solid #FF0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.warning {
            color:                                        #CC0000;
            background-color:          #FFFFCC;
}
p.warning,
h1.warning,
div.warning {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #CC0000;
            background-image:        url(/img/s_warn.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.warning h1 {
            border-bottom:              2px solid #cc0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.error {
            background-color:          #FFFFCC;
            color:                                        #FF0000;
}
h1.error,
div.error {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #FF0000;
            background-image:        url(/img/s_error.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.error h1 {
            border-bottom:              2px solid #FFDD00;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.confirmation {
            background-color:          #FFFFCC;
}

/**********************************************
* fixed navigation *
***********************************************/
#fixednav
 {
 background-color:#FFE100;
 width:100%;
 height:50px;
 box-shadow: 0px 1px 20px #D1D1CF;
 position:fixed;
 top:0px;
}
#navigation{
 list-style-type:none; 
float:right;
margin-right:10px;}

#navigation .fixednavbar a{
}

#navigation .fixednavbar a:hover{
font-style:bold;
text-decoration:underline;}

#fixednav li {
padding:10px;
display: inline-block;
border-right:1px solid #000;
}

#fixednav ul li:last-child { display: inline-block; border-right:none; }

#fixednav .fixednavbar li { display:inline; padding: 0 10px; }

#fixednav .fixednavbar li a {
padding-left: 25px; /* Create padding on the left where the icon goes */
}

.fixednavbar .fixednav-button-myaccount a { background:url('../user/images/lock.png') no-repeat 0px -2px transparent; background-size: 20px;}
.fixednavbar .fixednav-button-cart a { background:url('../user/images/cart.png') no-repeat 0px -2px transparent; background-size: 18px;}

/**********************************************
* back to top arrow *
***********************************************/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/**********************************************
*grow pic *
***********************************************/

.pic {
  border: 1px solid #CBCBCB;  
  float: none;
  height: 122px;
  width: 249px;
  margin: 0px;
  overflow: hidden;
  border-radius:15px;
display:inline-block;

}

.grow img {
  height: 122px;
  width: 249px;
  border:;
  border-radius:15px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 259px;
  height: 132px;
}
#separator{
width:auto;
margin:auto;
text-align:center;
padding: 10px 0px 10px 10px;
}

#categories {
	background-color:#fff;
	width:100%;
	height:100%;
	display:block;
margin:auto;
text-align:center;
padding:25px;
	}


#slider{
width:auto;
margin:auto;
height: 438px;
}

/**********************************************
*home page links*
***********************************************/
.welcome A:link {color: #ff6600; text-decoration: none}
.welcome A:visited {color: #0000ff; text-decoration: none}
.welcome A:active {color: #0000CC; text-decoration: none}
.welcome A:hover {color: #6699cc ; text-decoration: underline; color: red;}


.progress, 
.checkoutProgress {
	top: -56px;
	border-top: 1px solid #D5D5D5;
}
.progress .circle .title,
.checkoutProgress .circle .title  {
	color: #b5b5ba;
	font-size: 13px;
	line-height: 30px;
	margin-left: -5px;
	font-family: inherit;
	width: initial;
	margin-top: 0px;
	font-weight: inherit;
	float: none;
}
.progress .circle .label,
.checkoutProgress .circle .label {
	margin-top: 2px;
}

#cartContainer.floatClass {
 	top: -30px; 
  	right: 0;
}

#searchText {
	width: 28px !important;
}
#searchbar input[type="text"]:focus {
	width: 125px !important;
}


/****HIDE STUFF****/
#PorCAddress,
#orderCCBtn,
#shipProfileTbl {display: none;}