/* CSS Document */

body
{
    padding: 0;
    margin: 20px 0;
    background: white;
    color: #333333;
    font: 0.7em Verdana;
    line-height: 1.9em;
}

/*--------------------------------
            General
--------------------------------*/
p, blockquote, form, ul, ol, dl, fieldset, address
{
    margin: 0 0 1em 0;
}
.block
{
    display: block;
}
img
{
    border: 0;
}
input
{
    margin: 0;
    padding: 0;
}
label
{
    margin: 0px 5px;
}
.clear
{
    clear: both;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.center
{
    text-align: center;
}
a
{
    color: #577487;
}
a:hover
{
    color: #333333;
}

.indent
{
    margin-left: 20px;
}

ul
{
    list-style-type: disc;
    margin: 20px 20px 20px 35px;
}
ol
{
    margin: 20px 20px 20px 35px;
}
.imgBanner
{
    width: 900px;
    height: 200px;
    display: block;
}
input.btn, .btn input, #_ctl0_cphLangSelect_ddlLangSelect_wrapper *
{
    cursor: hand;
    cursor: pointer;
}
/*input.btn
{
    height: 26px;
    background-color: #f3e9df;
    border: 1px solid;
    border-color: #a1a1a1;
    cursor: hand;
    cursor: pointer;
}*/
.bluebox
{
    background: #9FB1BD;
    color: White;
    font-weight: bold;
    padding: 5px;
}
.questionMark
{
    display: inline;
}

.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}

/*--------------------------------
           Text Styles
--------------------------------*/
/*h1,h2,h3,h4,h5 { font-family:Georgia; color: #6A6A6A; color:#577487; font-weight:normal; margin:10px 0; }*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    margin: 0 0 1em 0;
    font-weight: normal;
}
h1, .h1
{
    font-family: Georgia;
    font-size: 22px;
    color: #6A6A6A;
}

h2, .h2
{
    font-size: 16px;
    color: #6A6A6A;
    font-weight: 600;
}

h3, .h3
{
    font-family: Georgia;
    font-size: 16px;
    color: #6A6A6A;
}

h4, .h4
{
    font-size: 18px;
    color: #6A6A6A;
}

h5, .h5
{
    font-size: 19px;
    line-height:22px;
    color: #333333;
    margin: 0 0 1em 0;
}

h6, .h6
{
    font-size: 18px;
    color: #333333;
    margin-bottom: 0.5em;
}
.ValidateFail
{
    color: red;
    font-size: 0.95em;
}
.ValidateSuccess
{
    color: Green;
    font-size: 0.95em;
}
.title
{
    font-size: 1.8em;
    margin: 0 0 20px 0;
    color: #797979;
    font-family: Georgia, "Times New Roman" , Times, serif;
}

.linkageBody
{
    font-size: 10px;
    color: #404040;
    font-style: italic;
}

.green
{
    color: Green;
}

.red
{
    color: Red;
}
.inputNumber
{
    text-align: right;
    padding: 0 2px;
}
.GridLink a
{
    text-decoration: none;
}

/*Header*/
.header
{
    /*background-image: url(../images/backgroundHeader.jpg);     background-repeat: repeat-x;     background-position: bottom;*/
    min-height: 70px;
    height: auto !important;
    height: 70px;
}
.headerContent
{
    width: 900px;
    margin: 0 auto;
    clear: both;
}
.logo
{
    width: 250px;
    float: left;
}
.logoInner
{
    padding-top: 16px;
}

.shopping, .langSelect, .countryFlag
{
    text-align: center;
    height: 60px;
    padding: 10px 0 0 0;
    font-size: 0.9em;
    color: #808080;
    margin-left: 10px;
}
.shopping, .langSelect, .countryFlag
{
    padding: 0 15px;
    text-align: -moz-center;
    float: right;
}
.countryFlag
{
    padding: 0 5px 0 15px;
}
.countryFlag img
{
    margin: 20px 0 0 0;
}
.langSelect
{
    padding: 16px 0 0 0;
    height: 54px;
}


/*--------------------------------
           Top Links
--------------------------------*/
.line
{
    height: 12px;
    background: url(../images/line.gif) repeat-x;
    overflow: hidden;
}
.shadow
{
    background: url( '../images/backgroundContentShadow.jpg' ) repeat-x top;
    height: 12px;
    overflow: hidden;
    margin: 0 0 10px 0;
}

#toplinks
{
    background: url(../images/backgroundTopLinks.jpg) bottom;
    background-repeat: repeat-x;
    height: 28px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #a6a6a6;
}

#toplinksulcontainer
{
    width: 900px;
    margin: 0 auto;
}

/*--------------------------------
         Content Area
--------------------------------*/
.middle
{
    width: 100%;
    background: #f2f2f2;
    background-repeat: repeat-x;
}
.middleContent
{
    width: 900px;
    margin: 0 auto;
    border-left: 1px solid #a7a6aa;
    border-right: 1px solid #a7a6aa; /*border-bottom: 1px solid #a7a6aa;*/
    background: white;
}
.middleContentNarrow
{
    width: 800px;
    margin: 0 auto;
    border-left: 1px solid #a7a6aa;
    border-right: 1px solid #a7a6aa; /*border-bottom: 1px solid #a7a6aa;*/
    background: white;
}


.staticContent, .outerpadding
{
    padding: 25px 15px;
}

.innerpadding
{
    padding: 5px;
}

/*---------------------------
         Home Page
---------------------------*/
#leftContentHome
{
    width: 570px;
    float: left;
    margin: 15px 0 0 0;
}

#leftContentInner
{
    padding: 0 20px;
}

#homeItems
{
    float: left;
    width: 163px;
    padding: 0 5px;
    text-align: center;
}

#endoresement
{
    background: url(../images/indexMainColBg.jpg);
    width: 570px;
    height: 152px;
}

.rollover
{
    margin: 30px 0 0 0;
    height: 105px;
    width: 64px;
    float: right;
}

#rightContentHome
{
    width: 329px;
    float: right;
    margin: 15px 0 0 0;
    border-left: 1px solid #e4e4e4;
}

.rss *
{
    vertical-align: middle;
}

/*---Article Stubs---*/
.articles
{
    width: 100%;
}
.articles .profile
{
    padding: 5px;
    min-height: 100px;
    border: 1px solid #ddd;
    background-color: #F0F0F0;
    margin-bottom: 1px;
}
.articles a
{
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}
.articles .profile:hover
{
    background-color: #D9E6EF;
}

/*---Product Stubs---*/
.products
{
    /*border-color: #e2e2e2;     border-style: solid;     border-width: 2px 0px;*/
    background: url(../images/separator.gif) top no-repeat;
    width: 515px;
    margin: 5px 0;
}
.product
{
    background: url(../images/separator.gif) bottom no-repeat;
    padding: 10px 0 10px 35px;
}

.productImage
{
    width: 70px;
    margin-right: 35px;
}
.productCenterText
{
    width: 300px;
}


/*---------------------------
       Checkout Page
---------------------------*/

.popupHostDiv
{
    margin: 0 auto;
    padding: 5px;
    width:65%;
    border: 1px solid #9fb1bd;
    position:relative;
    /* top:-150px;*/ 
}

.pnlIFrameHostTitleHost
{
	width:100%;
	margin:0px;
	padding:2px;
}

#infotable
{
    width: 65%;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #9fb1bd;
}

#infotableTotals
{
    width: 400px;
    margin: 15px 0 0 0;
    float: right;
    padding: 5px;
    border: 1px solid #9fb1bd;
}

.infotableEven
{
    background: #ececec;
    padding: 3px 6px;
    margin: 0;
}

.infotableOdd
{
    padding: 3px 6px;
    margin: 0;
}

.infotableLeft
{
    width: 25%;
    float: left;
}

.infotableLeft *
{
    padding: 0px;
    margin: 0px;
}

.infotableLeft50
{
    width: 50%;
    float: left;
}

.infotableLeft50 *, .infotableRight50 *
{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.infotableRight50
{
    width: 50%;
    float: right;
}

.rightAlign
{
    text-align: right;
}

.infotableSummaryLeft
{
    width: 70%;
    float: left;
}

.infotableSummaryLeft *, .infotableSummaryRight *
{
    padding: 0px;
    margin: 0px;
}

.infotableSummaryRight
{
    width: 30%;
    float: left;
    text-align: right;
}

.paymentRight *, .paymentLeft *
{
    padding: 0px;
    margin: 0px;
}

.infotableRight
{
    width: 75%;
    float: right;
}

#cartCenter
{
    width: 750px;
    margin: 0 auto;
}
.cartButtons
{
    width: 660px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: right;
}

#cartRight
{
    width: 214px;
    padding: 5px 0 5px 629px;
    font-size: 1.2em;
    font-weight: bold;
}

#validation
{
    width: 400px;
    margin: 0 auto;
    text-align: left;
}

/*--------------------------------
         Products Page
--------------------------------*/
.leftLinks
{
    background: url(../images/imgSM_Nut.jpg);
    min-height: 350px;
    height: auto !important;
    height: 350px;
    width: 231px;
    float: left;
    padding: 15px 0 0 0;
}

.rightContent
{
    float: right;
    width: 669px;
    min-height: 350px;
    height: auto !important;
}

.imgTopCropped
{
    display: block;
}

.productText
{
    padding: 170px 15px 15px 15px;
}

.productMain
{
    background-position: left top;
    background-repeat: no-repeat;
    width: 669px;
}

.productMainLeft
{
    padding: 70px 0 10px 0;
    width: 475px;
    float: left;
}

.productMainLeft h5
{
    margin-bottom: 45px;
}

.productMainLeft h5, .productMainLeft h6
{
    padding: 0 0 0 15px;
}


#productMainRight
{
    width: 184px;
    text-align: center;
    padding: 50px 5px 0 5px;
    float: right;
}

.productDescription
{
    border-top-width: 13px;
    border-top-style: solid;
    border-top-color: #64C894;
    padding: 15px;
}

.productAssociated
{
    margin: 10px 0;
}

#productLoggedOutMessage
{
    padding: 15px 2px;
}


/*---Product Section RAD Menu---*/

/*Categories*/
.panelBarCatHoverExpanded
{
    padding-left: 8px;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px; /*color: #5E5E5E;*/
    color: black;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarCatHoverCollapsed
{
    padding-left: 8px;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: #6A6A6A;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarCatExpanded
{
    padding-left: 8px;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    white-space: normal;
}
.panelBarCatCollapsed
{
    padding-left: 8px;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: #6A6A6A;
    white-space: normal;
}
.panelBarCatSelected
{
    padding-left: 8px;
    font-size: 17px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: Black;
    border-bottom: solid 0px Black;
    white-space: normal;
}

/*Groups*/
.panelBarGroupHoverExpanded
{
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: Black;
    white-space: normal; /*       border-left: solid 1px gray;     border-right: solid 1px gray; background-color: #F0F6FF; OPACITY */
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarGroupHoverCollapsed
{
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: Black;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarGroupExpanded
{
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    white-space: normal;
}
.panelBarGroupCollapsed
{
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: Black;
    white-space: normal;
}
.panelBarGroupSelected
{
    padding-left: 10px;
    font-size: 13px;
    cursor: text;
    line-height: 30px;
    color: Gray;
    white-space: normal;
}

/*Items*/
.panelBarItemHoverExpanded
{
    padding-left: 20px;
    font-size: 10px;
    cursor: pointer;
    cursor: hand;
    line-height: 30px;
    color: Black;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarItemHoverCollapsed
{
    padding-left: 20px;
    font-size: 10px;
    cursor: pointer;
    cursor: hand;
    line-height: 20px;
    color: Black;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}
.panelBarItemExpanded
{
    padding-left: 20px;
    font-size: 10px;
    cursor: pointer;
    cursor: hand;
    line-height: 20px;
    color: Black;
    white-space: normal;
}
.panelBarItemCollapsed
{
    padding-left: 20px;
    font-size: 10px;
    cursor: pointer;
    cursor: hand;
    line-height: 20px;
    color: Black;
    white-space: normal;
}
.panelBarItemSelected
{
    padding-left: 20px;
    font-size: 10px;
    cursor: text;
    line-height: 20px;
    color: Black;
    white-space: normal;
    background: url(../images/sideMenu.png);
    background-position: left left;
}

.curlycontainer
{
    border: 1px solid #b8b8b8;
    margin-bottom: 1em;
    width: 600px;
}

.curlycontainer .innerdiv
{
    background: transparent url(../images/brcorner.gif) bottom right no-repeat;
    position: relative;
    left: 2px;
    top: 2px;
    padding: 15px;
}

/*--------------------------------
       Login/Error Page
--------------------------------*/
.loginbox
{
    min-height: 213px;
    height: auto !important;
    height: 213px;
    padding: 80px 250px 10px 250px;
    background: url(../images/login_bg.jpg) 0 0 no-repeat;
}

.loginboxsetup
{
    min-height: 228px;
    height: auto !important;
    height: 228px;
    padding: 85px 250px 20px 250px;
    background: url(../images/login_bg.jpg) 0 0 no-repeat;
}

.logininput
{
    margin: 0 0 5px 15px;
    padding: 2px;
}

.textinput
{
    border: 1px solid #a7a7a7;
    padding: 4px;
}


/*--------------------------------
          User Area
--------------------------------*/
#userareaLeft
{
    float: left;
    width: 174px;
    background: url(../images/backgroundUserAreaLinks.gif) repeat-y bottom;
    padding: 20px 0 250px 0;
}

#userareaRight
{
    float: right;
    width: 696px;
    padding: 15px;
}

#address
{
    border: solid 1px #9FB1BD;
    padding: 5px 5px 5px 20px;
    width: 240px;
    text-align: left;
    margin: 10px;
}

/*------------------------ 
    Registration page 
------------------------*/


.menuReg
{
    background-image: url(images/Templates/RegistrationTemplate/registration_02.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 909px;
}

.regTop1
{
    background-image: url(images/Templates/RegistrationTemplate/registration_step1.jpg);
    background-repeat: no-repeat; /*background-position: left top;*/
    height: 151px;
    width: 878px; /*border: 1px solid red;*/
}

.regTop2
{
    background-image: url(images/Templates/RegistrationTemplate/registration_step2.jpg);
    background-repeat: no-repeat; /*background-position: left top;*/
    height: 151px;
    width: 878px; /*border: 1px solid red;*/
}

.regTop3
{
    background-image: url(images/Templates/RegistrationTemplate/registration_step3.jpg);
    background-repeat: no-repeat; /*background-position: left top;*/
    height: 151px;
    width: 878px; /*border: 1px solid red;*/
}


.regBtm
{
    background-image: url(images/Templates/RegistrationTemplate/registration_11.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 15px;
    width: 878px;
}

.regTile
{
    background-image: url(images/Templates/RegistrationTemplate/registration_08.jpg);
    background-repeat: repeat-y;
    width: 878px;
}

.registerText
{
    font-size: 12px;
    padding-left: 0px;
}

.registerTextSpecial
{
    font-size: 12px;
    padding-left: 20px;
}

.registerTextSmall
{
    font-size: 10px;
}

.registerHeader
{
    font-size: 16px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
}



/*--------------------------------
			 Footer
--------------------------------*/
.footer
{
    /*margin:0 auto;     width:902px;     background-image: url(../images/backgroundFooter.jpg);     background-position: top;     background-repeat: repeat-x;*/
    padding: 5px 0 30px 0;
}
.footerContent
{
    padding: 15px 0 0 0;
    margin-top: 10px;
    font-size: 0.9em;
}
#xhtml
{
    float: left;
    width: 80px;
}
#copyright
{
    float: right;
    width: 500px;
    text-align: right;
}

/*------------------------
      Verisign
------------------------*/
#verisignHome
{
    width: 135px;
    float: right;
    margin: 0 10px 10px 0;
    text-align: center;
}
#verisignHome *
{
    padding: 0px;
    margin: 0px;
}
#verisignText
{
    color: #000000;
    text-decoration: none;
    font: bold 7px verdana,sans-serif;
    letter-spacing: .5px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}