@import url(facebox.css);
@import url(dropdown_menu.css);

/*

GoLite, 2009

Table of Contents:
	1. MAIN HTML SHELL
		a. main navigation, b. search & shopping cart, c. body content,	d. footer
	2. HOMEPAGE CONTENT
		a. homepage product slider
	3. CATEGORY PAGE
		a. category product
	4. PRODUCT DETAIL
		a. product image, b. product logos // extra links, c. homepage product slider
	5. SEARCH PAGE
	6. PRESS, PRODUCT RELEASE, GENERIC CONTENT
		a. main content area, b. sort by field, c. generic content
	7. SHOPPING CART
		a. upsells, b. total, coupons & notes, c. address book
	8. ACCOUNT INFO
	9. SHIPPING OPTIONS
	10. PAYMENT OPTIONS
	11. ORDER CONFIRMATION
	12. ORDER COMPLETE	
	13. SIZING LIGHTBOX
		
*/

*
{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

img
{
    -ms-interpolation-mode: bicubic;
}

body
{
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666;
}

h3
{
    font-size: 15px;
    font-weight: bold;
}

a:link, a:visited
{
    color: #666;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
.clr
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
h1
{
    font-weight: normal;
}



/* 1. MAIN HTML SHELL */

#container
{
    width: 100%;
}

#header
{
    background: #ffbc43;
    height: 49px;
}
#header .inner
{
    margin: 0 auto;
    width: 977px;
}
#logo
{
    margin: 0 40px 0 0;
    float: left;
}

div.no-data
{
    padding-top: 50px;
    width: 100%;
    text-align: center;
}


/* a. main navigation --------------------------------------------------------------------------------- */


#nav
{
    float: left;
}
#nav ul
{
    list-style: none;
}
#nav li
{
    float: left;
}
#nav .dd
{
    margin: -15px -15px 0 -150px;
    background: url(../img/bg_drop-down.png) 0 0 no-repeat;
    position: relative;
    float: left;
    padding-bottom: 15px;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav .dd
{
    background: url(../img/bg_drop-down.gif) 0 0 no-repeat;
}
/**/

#nav .dd-in
{
    padding: 15px 30px 0 30px;
    float: left;
}
#nav .dd-in h2
{
    padding: 0 0 10px 0;
    font-size: 13px;
}
#nav .dd-in p
{
    padding: 0 0 5px 0;
    font-weight: normal;
}
#nav .dd-in a
{
    padding: 0;
    color: #575852;
}
#nav .dd-in a:hover
{
    color: #f9b03e;
}
#nav p
{
    padding: 0 0 5px 0;
    color: #f9b03e;
    font-weight: bold;
}
#nav p.header
{
    padding: 0 0 5px 0;
    font-weight: bold;
    color: #575852;
}
#nav p.sub
{
    padding: 0 0 5px 10px;
    color: #f9b03e;
    font-weight: normal;
}

/* b. search & shopping cart --------------------------------------------------------------------------------- */

.search
{
    margin: 27px 0 0 0;
    padding: 0;
    background: url(../img/bg_search.gif) 0 0 no-repeat;
    width: 179px;
    height: 17px;
    float: right;
}

.search .input
{
    margin: 0 0 0 7px;
    padding: 2px 1px 0px 1px;
    border: 1px solid #FFF;
    font: normal 11px Arial, Helvetica, sans-serif;
    width: 142px;
    height: 13px;
    float: left;
    font-size: 9px;
    font-weight: bold;
    color: #6a6b65;
}
.search .go
{
    float: right;
}
#cart
{
    margin: 27px 0 0 5px;
    background: url(../img/bg_cart.gif) 0 0 no-repeat;
    color: #575852;
    width: 71px;
    height: 17px;
    float: right;
}
#cart a
{
    display: block;
    width: 100%;
    height: 100%;
}
#cart p
{
    padding: 3px 7px 0 0;
    text-align: right;
    color: #6a6b65;
    font-size: 9px;
}


/* c. body content --------------------------------------------------------------------------------- */

#content
{
    margin: 0 auto;
    padding: 7px 0 0 0;
    width: 977px;
    min-height: 648px;
    height: auto !important; /* fix for IE6 */
}

/* d. footer --------------------------------------------------------------------------------- */

#footer
{
    margin: 0 auto;
    padding: 15px 0 30px 0;
    border-top: 1px solid #999;
    color: #ffbc43;
    width: 977px;
}
#footer a
{
    color: #666;
}
#footer span
{
    padding: 0 5px;
}
#footer .left
{
    float: left;
    width:600px;
}
#footer .right
{
    float: right;
}

.signup
{
    padding: 0;
    background: url(/resources/img/signup/background.gif) 0 0 no-repeat;
    width: 179px;
    height: 17px;
    float: left;
}


.signup .input
{
    background-color: #EFEFEF;
    border: 0 none;
    color: #6A6B65;
    float: left;
    font: bold 9px Arial,Helvetica,sans-serif;
    margin: 2px 0 0 7px;
    width: 137px;
}

.signup .go
{
    float: right;
   
}

.signup-form
{
    margin-top:-18px;
}

.signup-form .required
{
    color: #F9B03E;
    padding-left: 3px;
}

.signup-form .contest-text
{
    width: 433px;
    font-weight: bold;
}

.signup-form .opt-in
{
    margin-right: 0px;
    margin-top: 2px;
}
/* ================================================================================================ */


/* 2. HOMEPAGE CONTENT */


#slideshow
{
    position: relative;
}
#slideshow #count
{
    top: 5px;
    right: 10px;
    position: absolute;
    color: #999;
    z-index: 9999;
}
#slideshow #count a, #slideshow #count span
{
    color: #575852;
}

#slideshow #count a.activeSlide
{
    color: #f9b03e;
}

#slideshow #pics
{
    overflow:hidden;
}

#slideshow #pics, #slideshow #pics img
{
    width: 977px !important;
    height: 517px !important;
}



* html #slideshow #previous
{
    display: block;
}

* html #slideshow #next
{
    display: block;
}

#slideshow #previous
{
    top: 238px;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
#slideshow #next
{
    top: 238px;
    right: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
/* Below applies to IE6 Only */
/*\*/
* html #slideshow #next
{
    right: -1px;
}

#slideshow div.hotspot-group
{
    display: none;
}

#slideshow div.hotspot
{
    position: absolute;
    z-index: 99998;
}

#slideshow div.hotspot, #slideshow div.hotspot a
{
    position: absolute;
    z-index: 99998;
    display: block;
    height: 13px;
    width: 13px;
    padding: 5px;
}

#slideshow div.hotspot a img
{
    position: absolute;
    z-index: 99998;
}

*html #slideshow div.hotspot a img
{
    position: absolute;
    z-index: 99998;
    height: 13px;
    width: 18px;
}

#slideshow div.hotspot-group
{
}

#slideshow div.popover
{
    position: absolute;
    z-index: 99999;
    display: none;
}

#slideshow div.popover div.content
{
    background-image: url('/resources/img/hotspots/portait_hs_bg.png');
    background-repeat: repeat;
    background-position: center;
    padding: 5px 10px 5px 10px;
    text-align: center;
    color: #333333;
}

#slideshow div.popover div.content a
{
    text-decoration: underline;
}

#slideshow div.popover div.bottom
{
    text-align: center;
    width: auto;
}


/**/

/* a. homepage product slider --------------------------------------------------------------------------------- */

#slider-home
{
    margin: 6px 0 0 0;
    border-top: 1px solid #999;
}

#slider-home .left
{
    padding: 25px 0 0 0;
    float: left;
    cursor: pointer;
}
#slider-home .right
{
    padding: 25px 0 0 0;
    float: right;
    cursor: pointer;
}

#slider-home .products
{
    overflow: hidden;
    position: relative;
    height: 100px;
}

#slider-home .products .product-images
{
    position: absolute;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    margin-top: 2px;
}

#slider-home .products img
{
    padding: 0 15px;
    height: 97px;
    width: 97px;
}

#slider-home .mover-wrapper
{
    border-top: 1px solid #999;
    height: 26px;
    width: 977px;
}




.mover-wrapper .mover
{
    height: 22px;
}

.ui-slider
{
    width: 850px;
}

.mover .ui-slider-handle
{
    margin: 3px 0;
    background-image: url('/resources/img/img_slider.gif');
    height: 19px;
    width: 127px;
    display: block;
    opacity: .85;
}




/* ================================================================================================ */


/* 3. CATEGORY PAGE */

.breadcrumb-cart
{
    margin: -15px 0 0 0;
}

#breadcrumb
{
    margin: 15px 0 0 0;
    color: #999;
    float: left;
}
#breadcrumb span
{
    padding: 0 5px;
    color: #ffbc43;
}
#live-chat
{
    margin: 15px 0 0 0;
    float: right;
}

/* a. category product --------------------------------------------------------------------------------- */

.category, .category-last
{
    margin: 20px 15px 0 0;
    width: 232px;
    position: relative;
    float: left;
}


.category h2, .category-last h2
{
    font-weight: normal;
}
/* Below applies to IE6 Only */
/*\*/
* html .category
{
    margin: 20px 13px 0 0;
}
/**/
.category-last
{
    margin: 20px 0 0 0;
}
.category h2 a, .category-last h2 a
{
    padding: 10px 0 0 10px;
    color: #575852;
    font-size: 16px;
    position: absolute;
    display: block;
    width: 222px;
    height: 222px;
}
.category h2 a:hover, .category-last h2 a:hover
{
    padding: 9px 1px 1px 9px;
    color: #575852;
    text-decoration: none;
    border: 1px solid #ffbc43;
}
.category a img, .category-last a img
{
    border: 1px solid #999;
}
.category-image
{
    width: 170px;
    height: 170px;
    padding: 41px 31px 21px 31px;
}
.category a:hover img, .category-last a:hover img
{
    border: 1px solid #ffbc43;
}
.category p, .category-last p
{
    padding: 10px 0;
}
.category .mens, .category-last .mens
{
    top: 92px;
    left: 0;
    position: absolute;
}
.category .womens, .category-last .womens
{
    top: 92px;
    right: -1px;
    position: absolute;
}
.category .mens img, .category-last .mens img, .category .womens img, .category-last .womens img
{
    border: none;
}

.category .mens a:hover img, .category-last .mens a:hover img, .category .womens a:hover img, .category-last .womens a:hover img
{
    border: none;
}


/* ================================================================================================ */


/* 4. PRODUCT DETAIL */


#alpha
{
    margin: 30px 0 0 0;
    padding: 0 0 0 70px;
    width: 211px;
    float: left;
    height: 500px;
}
#alpha h1
{
    padding: 0 0 10px 0;
    color: #575852;
    font-size: 18px;
}

#alpha h1 .condensed
{
    font-size: 17px;
}

#alpha, #alpha p
{
    font-size: 12px;
}

#alpha p
{
    padding: 0 0 5px 0;
}
#alpha ul
{
    margin: 10px 0 0 0;
    list-style: none;
}
#alpha li
{
    padding: 0 0 5px 0;
}
#alpha .input
{
    border: 1px solid #999;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    width: 211px;
}

#alpha option.out-stock
{
    color: #9b9b9b;
}

#alpha .add, #alpha .retailer
{
    margin: 0 5px 0px 0;
    float: left;
    width: 103px;
    height: 22px;
    padding: 0 0 0 0;
}

#alpha .add
{
    background-image: url('/resources/img/b_AddToCartd.jpg');
}

#alpha .retailer
{
    background-image: url('/resources/img/b_FindRetailer.jpg');
}

#alpha .add:hover, #alpha .retailer:hover
{
    background-position: bottom;
}

#alpha .add a, #alpha .retailer a
{
    display: block;
    height: 100%;
    width: 100%;
}


#alpha .retailer
{
    margin: 0;
    float: left;
}

#alpha .colors
{
    padding: 10px 0 5px 5px;
    clear: both;
    width: 206px !important;
    margin-top: 5px;
}

#alpha .colors img.scrollbar
{
    padding: 0;
    float: left;
    width: 5px;
    height: 108px;
}

#alpha .colors img
{
    padding: 0 0 5px 0;
    height: 47px;
    width: 47px;
}

#alpha #prod-info
{
    width: 211px;
}

#alpha #prod-info img
{
    padding: 13px 0 0 0;
    float: left;
}

#alpha #prod-info .tabs
{
    font-size: 11px;
    width: 220px;
}

#alpha #prod-info .tabs .jScrollPaneContainer
{
    width: 220px !important;
}


#prod-wrapper .jScrollPaneTrack
{
    margin-top: 5px;
}

#alpha #prod-info .tabs ul
{
    padding: 0 0 30px 0;
}
#alpha #prod-info .tabs li
{
    padding: 0 9px 0 0;
    float: left;
}

#alpha .tabs li a:hover
{
    text-decoration: none;
}

#alpha .tabs li a.active
{
    padding: 0 0 2px 0;
    font-weight: bold;
    border-bottom: 4px solid #CCC !important;
    display: block;
}

#container #content #alpha .tabs .hidden
{
    display: none;
}


.tabs .jScrollPaneTrack
{
    height: 135px !important;
}



#container #content #alpha .tabs .tab-inner ul
{
    margin: 0;
    padding: 0;
    padding-left: 15px;
    list-style-type: disc !important;
    width: 168px;
    position: relative;
}

#container #content #alpha .tabs .tab-inner
{
    height: 140px;
    padding-left: 15px;
    width: 185px !important;
}

#container #content #alpha .tabs .tab-inner ul.specs
{
    list-style-type: none !important;
}

#container #content #alpha .tabs .tab-inner ul.specs li ul
{
    padding-left: 0px;
}

#container #content #alpha .tabs .tab-inner li
{
    padding: 0 0 5px 0 !important;
    float: none !important;
}

#sizingChart img
{
    width: 900px;
}

#fabricChart, #usesAndCareChart
{
    padding: 15px;
}

#fabricChart .logo
{
    margin-bottom: 10px;
}

#fabricChart span, #fabricChart p
{
    color: #666666 !important;
}

#facebox
{
    z-index: 9999999;
}



/* a. product image --------------------------------------------------------------------------------- */

#beta
{
    margin: 30px 0 0 0;
    width: 500px;
    float: left;
    padding-left: 20px;
    position: relative;
}

#beta img
{
    height: 500px;
    width: 500px;
    cursor: pointer;
}

/* b. product logos // extra links --------------------------------------------------------------------------------- */

#gamma
{
    margin: 30px 0 0 0;
    padding: 0 0 0 20px;
    width: 131px;
    height: 500px;
    float: right;
}




#gamma img
{
}

#gamma p
{
    padding: 0 0 10px 0;
}

#gamma #fabric
{
    height: 330px;
}

#gamma #fabric img
{
    height: 70px;
    width: 70px;
}

#gamma #extras
{
}
#gamma #extras p
{
    padding: 0 0 5px 0;
    font-size: 11px;
}
#gamma #extras p a.active
{
    color: #ffbc43;
}

/* c. product page product slider --------------------------------------------------------------------------------- */

#slider-prod
{
    margin: 6px 0 0 0;
    position: relative;
    height: 125px;
}

#slider-prod .right img, #slider-prod .left img
{
    opacity: .85;
    filter: Alpha(Opacity=85); /*IE*/
    height: 50px;
    width: 33px;
}

#slider-prod .left
{
    top: 25px;
    left: -8px;
    position: absolute;
    cursor: pointer;
    z-index: 9999;
}

#slider-prod .right
{
    top: 25px;
    right: 0;
    position: absolute;
    cursor: pointer;
    z-index: 9999;
}

#slider-prod .products
{
    height: 119px;
    position: relative;
    overflow: hidden;
}

#slider-prod .products .product-images
{
    position: absolute;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

#slider-prod .products img
{
    padding: 0 16px;
    height: 97px;
    width: 97px;
}

#slider-prod .mover-wrapper
{
    position: absolute;
    bottom: 3px;
}
/* Below applies to IE6 Only */
/*\*/
* html #slider-prod .products img
{
    margin: 0 0 -3px 0;
    padding: 0 16px;
}
/**/
#slider-prod .products img.divider
{
    padding: 0;
    width: 1px;
}

#slider-prod .products .group
{
    margin: 0 10px 0 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 97px;
    position: relative;
    float: left;
}

#slider-prod .products .group p
{
    width: auto;
    text-align: center;
    display: block;
    padding-top: 5px;
}

#slider-prod .products .group a
{
    width: 129px;
    height: 100%;
}



.tool-tip-product, #gamma .tool-tip-fabric
{
    position: absolute;
    z-index: 99999;
    left: -9999px;
    background-color: #434343;
    padding: 20px;
    color: #ffffff;
    font-weight: bold;
    width: 196px;
    padding: 20px 20px 20px 30px;
    opacity: .85;
    filter: Alpha(Opacity=85); /*IE*/
}

.tool-tip-product h3, #gamma .tool-tip-fabric h2
{
    color: #FFBC43;
    font-size: 12px;
}

#gamma .tool-tip-fabric h2
{
    line-height: 20px;
}

.tool-tip-product h3
{
    line-height: 13px;
}


#slider-prod .mover
{
    padding: 3px 0 0 0;
    position: relative;
    height: 23px;
}
/* Below applies to IE6 Only */
/*\*/
* html #slider-prod .mover
{
    margin: -3px 0 0 0;
    padding: 0;
}
/**/
#slider-prod .mover img
{
    position: absolute;
    z-index: 5;
}
/* Below applies to IE6 Only */
/*\*/
* html #slider-prod .mover img
{
    top: 102px;
    position: absolute;
    z-index: 5;
}
/**/


/* ================================================================================================ */


/* 5. SEARCH PAGE */

.epsilon
{
    width: 488px;
    float: left;
}
.epsilon-other
{
    width: 976px;
    float: left;
}
.zeta
{
    width: 487px;
    float: right;
}

.epsilon h1, .zeta h1, .epsilon-other h1
{
    padding: 20px 0 20px 120px;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
}


.epsilon .result, .zeta .result, .epsilon-other .result
{
    width: 413px;
}

.epsilon .result, .zeta .result
{
    clear: both;
}

.epsilon-other .result
{
    float: left;
}

.epsilon .result img, .zeta .result img, .epsilon-other .result img
{
    padding: 0 20px 50px 0;
    float: left;
    height: 100px;
    width: 100px;
}
.epsilon .result h2, .zeta .result h2, .epsilon-other .result h2
{
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #575852;
}
.epsilon .result p, .zeta .result p, .epsilon-other .result p
{
    padding: 0 0 10px 0;
}

.epsilon .result a:hover, .zeta .result a:hover, .epsilon-other .result a:hover
{
    text-decoration: none;
}

.second-column
{
    margin-left: 75px;
}

/* ================================================================================================ */


/* 6. PRESS, PRODUCT RELEASE, GENERIC CONTENT */

#eta
{
    margin: 25px 0 0 0;
    width: 234px;
    float: left;
}
#eta ul
{
    list-style: none;
    font-weight: bold;
}
#eta li:first
{
    padding: 0 0 0 0;
}
#eta li
{
    padding: 10px 0 0 0;
}
#eta ul ul li
{
    padding: 5px 0 0 0;
}
#eta ul ul
{
    margin: 0 0 0 20px;
    list-style: none;
    font-weight: normal;
}
#eta a.active
{
    color: #f9b03e;
}

/* a. main content area --------------------------------------------------------------------------------- */

#theta
{
    margin: 30px 0 0 0;
    position: relative;
    width: 742px;
    float: left;
}
#theta h1
{
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
}
#theta p
{
    padding: 0 0 20px 0;
    font-size: 12px;
    line-height: 16px;
}
#theta p a
{
    text-decoration: underline;
}
#theta #generic .release
{
    padding: 15px 0;
}

.press-image
{
    width: 150px;
    height: 175px;
}

#theta #generic .release h3
{
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #f9b03e;
}
#theta #generic .release h2, #theta #generic .parentnode
{
    padding: 0 0 10px 0;
    font-size: 18px;
    color: #575852;
    line-height: 20px;
}

#theta #generic .parentnode
{
    padding-top: 15px;
}

#theta #generic .parentnode1
{
    font-size: 11px;
    padding: 3px;
    font-weight: bold;
}

#theta #generic .release p
{
    padding: 5px 0;
}
#theta #generic .release p a
{
    color: #f9b03e;
    text-decoration: none;
}

/* b. sort by field --------------------------------------------------------------------------------- */

#theta #generic #sort
{
    color: #908f8e;
    top: 0;
    right: 0;
    position: absolute;
    width: 170px;
}
#theta #generic #sort span
{
    padding: 2px 0 0 0;
    display: block;
    float: left;
}

/* Below applies to IE6 Only */

* html #theta #generic #sort span
{
    padding: 4px 0 0 0;
}
/**/

#theta #generic #sort .input
{
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 124px;
    float: right;
}

.input
{
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
}



/* c. generic content --------------------------------------------------------------------------------- */

#theta #generic h1
{
    padding: 0 0 30px 0;
}
#theta #generic h2
{
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #575852;
}

/* ================================================================================================ */


/* 7. SHOPPING CART */

.iota
{
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px 0 0 0;
    width: 702px;
}
.iota h1
{
    padding: 0 0 20px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
}

.iota h2
{
    padding: 0 0 20px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
    font-weight: normal;
}
.iota table
{
}
.iota table th
{
    padding: 0 0 10px 0;
    color: #999;
    font-size: 12px;
    text-align: left;
}
.iota table th.product, .iota table td.product
{
    width: 341px;
}
.iota table th.quantiy, .iota table td.quantiy
{
    width: 149px;
}
.iota table th.price, .iota table td.price
{
    width: 158px;
}
.iota table th.total, .iota table td.total
{
    width: 54px;
}
.iota table td.spacer
{
    padding: 0;
    background: #d8d8d7;
    height: 6px;
}


.iota table td.product
{
    padding: 15px 0 0 0;
}
.iota table td.product img
{
    margin: -15px 0 0 0;
    float: left;
    height: 74px;
    width: 74px;
    padding: 10px;
}
.iota table td.product p
{
    font-weight: bold;
    font-size: 11px;
}
.iota table td.product p.sku
{
    font-weight: normal;
}


.iota table td.quantiy .input
{
    margin: 0 0 5px 0;
    padding: 0 0 0 3px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    border: 1px solid #CCC;
    width: 40px;
    height: 20px;
}
.iota table td.quantiy a
{
    color: #999;
    font-size: 11px;
}


.iota table td.price p
{
    font-weight: bold;
    font-size: 12px;
    color: #666;
}


.iota table td.total
{
    text-align: right;
}
.iota table td.total p
{
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

.iota table td.btn
{
    padding: 0 0 10px 0;
    text-align: right;
}

.iota .edit
{
    padding: 10px 0 0 0;
}
.iota .edit a
{
    color: #f9b03e;
}

/* a. upsells --------------------------------------------------------------------------------- */

#kappa
{
    margin: 30px 0;
    width: 386px;
    float: left;
}
#kappa h2
{
    padding: 0 0 20px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
    font-weight: normal;
}
#kappa .upsell
{
    margin: -1px 0 0 0;
    border-top: 1px solid #d8d8d7;
    border-bottom: 1px solid #d8d8d7;
}
#kappa .upsell img.prodIcon
{
    float: left;
    height: 97px;
    width: 97px;
    padding: 10px;
}
#kappa .upsell p
{
    padding: 10px 0 0 0;
    font-size: 12px;
    line-height: 16px;
}
#kappa .upsell p a
{
    color: #f9b03e;
}
#kappa .upsell .add
{
    padding: 0 0 10px 0;
    float: right;
}
#kappa .questions h2
{
    padding: 20px 0 10px 0;
}
#kappa .questions p
{
    padding: 0 0 3px 0;
}
#kappa .questions span
{
    padding: 10px 0 0 0;
    display: block;
}
#kappa .questions span img
{
    padding: 0 20px 0 0;
    float: left;
}
#kappa .questions span p
{
    padding: 10px 0 0 0;
}
#kappa .questions span p a
{
    font-weight: bold;
}

/* b. total, coupons & notes --------------------------------------------------------------------------------- */

.lambda
{
    margin: 30px 0;
    width: 211px;
    float: right;
}

.lambda table
{
    margin: 0 0 20px 0;
    text-align: right;
    font-size: 12px;
}
.lambda table td
{
    padding: 0 0 5px 0;
}
.lambda table td.title
{
    text-align: left;
}
.lambda table td.price
{
    font-weight: bold;
}
.lambda .left
{
    float: left;
}
.lambda .right
{
    float: right;
}
.lambda .coupon, .lambda .notes
{
    margin: 20px 0 0 0;
    clear: both;
}

.lambda .coupon h2, .lambda .notes h2
{
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
    font-weight: normal;
}
.lambda .coupon .input
{
    margin: 10px 0;
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 211px;
}
.lambda .notes .input
{
    margin: 10px 0;
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 211px;
    height: 80px;
    font-size: 11px;
}

/* c. address book --------------------------------------------------------------------------------- */

.login
{
    margin: 30px 10px 0 0;
    font-size: 11px;
    width: 341px;
    float: left;
}
.login h2
{
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #f9b03e;
}
.login p
{
    padding: 0 0 10px 0;
}
.login fieldset ul
{
    list-style: none;
}
.login fieldset li
{
    padding: 10px 0 0 0;
}
.login fieldset label
{
    padding: 0 0 5px 0;
    color: #999;
    font-weight: bold;
    display: block;
}
.login fieldset .input
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
}

.login fieldset li p a, .highlight, .highlight:visited
{
    color: #f9b03e !important;
}



.new-login
{
    margin: 30px 0 0 0;
    width: 351px;
    float: left;
}
.new-login h2
{
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #f9b03e;
}

/* ================================================================================================ */


/* 8. ACCOUNT INFO */

.account
{
    margin: 30px 0;
}
.account h2
{
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #f9b03e;
    font-weight: normal;
}
.account fieldset ul
{
    margin: 20px 0;
    list-style: none;
}
.account fieldset li
{
    padding: 0 0 10px 0;
}
.account fieldset li label
{
    padding: 5px 10px 0 0;
    text-align: right;
    width: 150px;
    display: block;
    float: left;
}
.account fieldset li .input, .account .input
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 270px;
}
.account fieldset li .input-dd
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 275px;
}
.account fieldset li .space
{
    padding: 0 5px;
}
.account p.left
{
    padding: 0 0 0 10px;
}


/* ================================================================================================ */


/* 9. SHIPPING OPTIONS */

#shipping-options
{
    margin: 30px 0;
}
#shipping-options fieldset p
{
    font-weight: bold;
}
#shipping-options .input
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 450px;
}
#shipping-options ul
{
    margin: 20px 0 0 0;
    list-style-type: none;
}
#shipping-options li
{
    padding: 0 0 5px 0;
}
#shipping-options p.method
{
    float: right;
}
#shipping-options p.method a
{
    padding: 0 0 0 5px;
}

/* ================================================================================================ */


/* 10. PAYMENT OPTIONS */

.payment-info
{
    margin: 30px 0 0 0;
}
.payment-info p
{
    padding: 0 0 10px 0;
}
.payment-info p img
{
    padding: 0 0 0 10px;
}
.payment-info fieldset ul
{
    margin: 20px 0;
    list-style: none;
}
.payment-info fieldset li
{
    padding: 0 0 10px 0;
}
.payment-info fieldset li label
{
    padding: 5px 10px 0 0;
    text-align: right;
    width: 150px;
    display: block;
    float: left;
}
.payment-info fieldset li .input, .tb-correct-input
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 210px;
}
.payment-info fieldset li .input-dd, .tb-correct-input-dd
{
    padding: 2px;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    width: 100px;
}
.payment-info fieldset li .space
{
    padding: 0 2px;
}
.payment-info fieldset p.checkout, .tb-correct-checkout
{
    text-align: right;
}
.payment-info .lambda .title, #order-confirmation .lambda .title
{
    width: 380px;
}


/* ================================================================================================ */


/* 11. ORDER CONFIRMATION */

#order-confirmation
{
    margin: 30px 0 0 0;
    color: #908f8e;
}

#order-confirmation ul
{
    margin: 15px 0 0 0;
    padding: 0 0 30px 0;
    list-style: none;
}
#order-confirmation li
{
    padding: 0 0 15px 0;
    width: 300px;
    float: left;
}
#order-confirmation h3
{
    font-size: 12px;
    color: #908f8e;
}

#order-confirmation p.order input, .account p.checkout input
{
    float: right;
}

/* ================================================================================================ */


/* 12. ORDER COMPLETE */

#complete
{
    margin: 30px 0 0 0;
}
#complete h3
{
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #908f8e;
}
#complete p
{
    color: #908f8e;
}
#complete p.print
{
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #908f8e;
}


/* ================================================================================================ */


/* 13. SIZING LIGHTBOX */

#sizing p.btn
{
    margin: -21px 0 0 0;
}
/* Below applies to IE6 Only */
/*\*/
* html #sizing p.btn
{
    margin: 0;
    position: relative;
}
/**/

#sizing p.btn span
{
    display: block;
    float: left;
}
#sizing p.btn a
{
    padding: 0 0 30px 30px;
    float: left;
}

.errorLg
{
    color: Red;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    padding: 10px;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.gender-select
{
    display: none;
}



/*========================================= UI specific styles

*/


/* Slider
----------------------------------*/
.ui-slider
{
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.ui-slider .ui-slider-range
{
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.ui-slider-horizontal
{
    height: .8em;
}

.ui-slider-horizontal .ui-slider-range
{
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
    right: 0;
}

.ui-slider-vertical
{
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max
{
    top: 0;
}



.jScrollPaneContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1;
    float: left;
}

.jScrollPaneTrack
{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #ffffff;
    border: solid 1px #a9a9a9;
}

#prod-wrapper .jScrollPaneTrack
{
    height: 112px !important;
}

.jScrollPaneDrag
{
    position: absolute;
    background: #a9a9a9;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp
{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover
{
    /*background-color: #f60;*/
}

a.jScrollArrowDown
{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover
{
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
    /*background-color: #f00;*/
}

.left .jScrollPaneTrack
{
    left: 0;
    right: auto;
}



/*--legacy philosophy style--*/



.markthru_price
{
    text-decoration: line-through;
}

.product_delim
{
}



div#container div#feature table tr td.academy img
{
    float: left;
    margin: 0;
    padding: 0;
}

p.inc
{
    line-height: 17px !important;
}



.twoup
{
    width: 597px;
    padding-top: 0px !important;
    margin-top: 0px !important;
}




.productframe.small
{
    background-image: url(../../images_products/three_up_bk.gif);
    width: 138px;
    padding: 0;
}

div.pcontainer div.productframe.small h2
{
    display: block;
    height: 15px;
    color: #FFFFFF;
    margin: 0;
    vertical-align: top;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
div.pcontainer a:
{
    float: left;
    padding-bottom: 4px;
    background-image: url(../../images/styles/product_shadow.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

div.pcontainer h2
{
    color: #f99f1d;
    margin: 0;
    padding: 0;
    font-size: 16px;
}
div.threeup div.productframe div.image
{
    width: 140px;
    height: 140px;
    background-image: url(../../images_products/four_up_prod_bk.gif);
    background-repeat: repeat-y;
}
.shadow
{
    padding-right: 2px;
    background-image: url(../../images/styles/product_shadow_right.gif);
    background-position: top right;
    background-repeat: repeat-y;
}
.product1image
{
    padding-left: 60px;
}
.product2image
{
    padding-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
    background-image: url(../../images/styles/product_shadow_right.gif);
    background-position: top left;
    background-repeat: repeat;
}
.dotted
{
    background-image: url(../../images/styles/dotted.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 20px;
}
.phead
{
    font-size: 14px;
    font-family: "Times New Roman" , Times, serif;
    margin-left: 10px;
    margin-bottom: 4px;
    padding: 0;
    color: #f99f1d;
    text-align: left;
}
.ptext
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
/*Form Elements*/
input
{
    /* 	border-top: 2px solid #848484; 	border-left: 2px solid #848484; 	border-bottom: 2px solid #fafbfc; 	border-right: 2px solid #fafbfc; */
}


div.download
{
    padding: 4px;
}



div.download img
{
    margin: 0 0 0 10px;
    padding: 0;
    vertical-align: bottom;
}
.rt
{
    border-right: 1px solid #c8c8c8;
}


.cll
{
    clear: left;
}


/*## Ambassador ##*/
div.golite_team
{
    margin-top: 0;
    height: 56px;
    background-image: url(../../images/ambassadors/team_golite.jpg);
    background-repeat: no-repeat;
    width: 811px;
}
/* HOME_FEATURES */


.bdr
{
    border-right: 1px solid #c8c8c8;
    padding-right: 20px;
}
.bdl
{
    border-left: 1px solid #c8c8c8;
    padding-left: 20px;
}
div#feature table tr td.text2
{
    padding: 0px 5px 0px 8px;
    vertical-align: top;
    width: 190px;
}

div#feature table tr td.image
{
    vertical-align: top;
}
div#feature table tr td h1
{
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    font-family: "Times New Roman" , Times, serif;
    font-size: 11px;
    font-weight: normal;
}
div#feature table tr td p
{
    margin: 0px 0px 10px 0px;
    padding: 0;
}

/*##Callout##*/
.calloutbackground
{
    background-color: #E9E7E8;
    margin: 0;
}
.callouttop
{
    background-image: url("../../images/seasonal/callouts/callout_top.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
}

h5
{
    color: #f99f1d;
    text-align: left;
}
.calloutText
{
    text-align: left;
    margin-left: 10px;
}

/*##Product main page##*/
.product_main
{
    background-image: url(../../images_products/products_gender_selector.jpg);
    height: 54px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: 0px;
}
.product_main_lower
{
    border-left: 1px solid #c8c8c8;
}

/*## LAYOUT_EGGSHELLS ##*/
div#eggshells
{
    position: absolute;
    margin: 0px auto 0px 444px;
    top: 127px;
    left: 50%;
    vertical-align: top;
    text-align: left;
    width: 19px;
}
div#eggshells img
{
    margin-bottom: 9px;
}
a#logo
{
    display: block;
    width: 140px;
    height: 66px;
    position: absolute;
    margin-top: 43px;
    left: 40%;
    margin-left: -393px;
}
/*End of Eggshell*/
.error
{
    font-size: 12;
    font-weight: bold;
    color: Red;
}

.categoryintro
{
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #848484;
}



/*Left Navigation Menu Styles*/
.menuTitle
{
    background-image: url("../../images/nav_head_bk.gif");
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 12px;
}
.menuTop
{
    padding-top: 5px;
}
.menu
{
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #848484;
}

.menuChildren
{
    text-align: left;
    line-height: 15px;
    font-size: 10px;
    font-weight: normal;
    color: #848484;
}

.menuHover
{
    color: #f99f1d;
}

.menuSelected
{
    color: #f99f1d;
}
/*End Left Menu Navigation Styles*/
.floatright
{
    float: right;
    margin: 50 50 50 50;
    position: relative;
    border: solid 10px white;
}
.floatleft
{
    float: left;
    position: relative;
    border: solid 10px white;
}
.floatcenter
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: solid 10px white;
}
.sectiontitle
{
    font-size: 14px;
    font-weight: bold;
}
.headerbar
{
    width: 850px;
    color: #CCCCCC;
}
.formTitle
{
    font-size: 10px;
    font-weight: bold;
}
.formEntry
{
    font-size: 10px;
    font-weight: normal;
}
.product_insert
{
    width: 295px;
    height: 295px;
}
.product_detail
{
}
.product_uses
{
}
.product_description
{
}
ul.menu
{
    margin: 0;
    padding: 0;
}
ul.menu li
{
    list-style-type: none;
    float: left;
    background-image: url(../../images_products/menu_closed.gif);
    background-repeat: no-repeat;
    width: 98px;
    height: 20px;
    margin: 0;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}
ul.menu li.active
{
    background-image: url(../../images_products/menu_open.gif);
}
ul.menu li a, ul.menu li a:visited, ul.menu li a:hover
{
    display: block;
    padding: 4px 0 0 20px;
    text-decoration: none;
}
div.menu_body
{
    width: 294px;
    margin-bottom: 15px;
    border-left: 1px solid #c3c0c0;
    border-right: 1px solid #c3c0c0;
    border-bottom: 1px solid #c3c0c0;
    clear: left;
}
div.menu_body div.menu_text
{
    height: 247px;
    width: 264px;
    overflow: auto;
    padding: 15px 15px 15px 15px;
}
div.menu_body div.menu_text_hidden
{
    display: none;
}
div.menu_body div.menu_text ul
{
    padding: 0 15px 10px 15px;
}
div.menu_body div.menu_text strong
{
    color: #f99f1d;
}
.lu_recommends
{
    background-image: url(../../images_products/lu_reccomends.jpg);
    background-repeat: no-repeat;
    width: 288px;
    height: 53px;
    text-align: center;
}
span.grey_block
{
    background-color: #a9a7a7;
    padding: 2px 5px 2px 5px;
    display: block;
    float: left;
    text-align: center;
    color: #FFFFFF;
    margin-right: 10px;
}
div.product_image
{
    text-align: center;
    margin: 15px 0 15px 0;
}
div.try
{
    list-style-type: disc;
    float: none;
    margin: 0;
}
/* Styles for gallery detail page */

#thumbs div
{
    margin: 5px;
    float: left;
}




.categoryheader
{
    font-size: 16px;
    font-weight: bold;
    color: #a6a6a6;
}

/* //subnav dropdown*/

/* prodeal  */
#theta #generic label
{
    font-weight: bold;
    padding-top: 7px;
    padding-left: 3px;
    padding-bottom: 3px;
}



.required
{
    color: red;
}

/* prodeal pages */
div#calloutAreaLeft
{
    width: 130px;
    float: left;
    text-align: left;
    padding: 5px 0px 0px 0px;
}

div#rightCol
{
    width: 512px;
    text-align: left;
    float: left;
    padding: 0px 0px 20px 15px;
}

div#rightCol div#left
{
    width: 246px;
    float: left;
    text-align: left;
    padding: 0px 0px 0px 50px;
}

div#rightCol div#right
{
    width: 216px;
    float: right;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

div#bottomCol
{
    width: 512px;
    float: left;
    text-align: left;
    padding: 10px 0px 0px 150px;
}

label.inline
{
    font-weight: normal;
    display: inline;
    padding-left: .4em;
    position: relative;
    top: -3px;
}

table.thumbnails
{
    width: 100%;
}
table.thumbnails tr td
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    border: none;
    width: 25%;
    text-align: center;
    vertical-align: top;
}
table.thumbnails tr td a
{
    text-decoration: underline;
}
table.thumbnails tr td img
{
    border: none;
    height: 75px;
    width: 75px;
}

input.formBtn
{
    border: 1px solid #6f6e63;
    font-size: 11px;
    background-color: #6a6b65;
    color: #ffffff;
    padding: 2px;
    padding-left: 4px;
    cursor: pointer;
}

/* DIALOG BOX UI COMPONENT */
/* inherits from popup*/
.dialog
{
    font-size: 10pt;
    margin: 10px;
    padding: 5px;
    border-right: #333 1px solid;
    border-top: #333 1px solid;
    border-left: #333 1px solid;
    border-bottom: #333 1px solid;
    background-color: #eee;
}

.dialog
{
    z-index: 102;
    left: 180px;
    position: absolute;
    top: 120px;
}


/* end prodeal pages */

/* sitemap styles */

div#sitemap .parentnode
{
    font-size: 14px;
    color: Gray;
    font-weight: bold;
    line-height: 30px;
}


/*sitemap*/


/*knowlite*/

.knowlite_title
{
    font-weight: bold;
}

.knowlite_text tr td ul li
{
    padding-bottom: 10px;
}


#theta_knowlite
{
    margin: 20px 0px 0px 0px;
    padding-left: 40px;
    position: relative;
    float: left;
    width: 920px;
}
#theta_knowlite h1
{
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 22px;
    color: #f9b03e;
}
#theta_knowlite p
{
    padding: 0 0 20px 0;
    font-size: 12px;
    line-height: 16px;
}
#theta_knowlite p a
{
    text-decoration: underline;
}
#theta_knowlite #generic .release
{
    padding: 15px 0;
}
#theta_knowlite #generic .release h3
{
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #f9b03e;
}
#theta_knowlite #generic .release h2, #theta_knowlite #generic .parentnode
{
    padding: 0 0 10px 0;
    font-size: 18px;
    color: #575852;
    line-height: 20px;
}

#theta_knowlite #generic .parentnode
{
    padding-top: 15px;
}

#theta_knowlite #generic .parentnode1
{
    font-size: 11px;
    padding: 3px;
    font-weight: bold;
}

#theta_knowlite #generic .release p
{
    padding: 5px 0;
}
#theta_knowlite #generic .release p a
{
    color: #f9b03e;
    text-decoration: none;
}

/* b. sort by field --------------------------------------------------------------------------------- */

#theta_knowlite #generic #sort
{
    color: #908f8e;
    top: 0;
    right: 0;
    position: absolute;
    width: 170px;
}
#theta_knowlite #generic #sort span
{
    padding: 2px 0 0 0;
    display: block;
    float: left;
}


#theta_knowlite #arrow
{
    list-style-type: none !important;
}


#theta_knowlite #arrow a
{
    padding: 4px;
}

#theta_knowlite span.navtree
{
}


#theta_knowlite #arrow
{
    margin: 15px 0 0 0;
    color: #999;
    float: left;
}

#theta_knowlite #arrow span
{
    padding: 0 5px;
    color: #ffbc43;
}

#theta_knowlite hr
{
    display: none;
}


#out_stock
{
    text-align: center;
    display: none;
    position: absolute;
    top: 200px;
    left: 200px;
    background: #666666;
    color: White;
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
}


.cart_shipping_disclaimer, .cart_shipping_disclaimer a
{
    color: #FFBC43;
}

.cart_shipping_disclaimer
{
    float: left;
    text-align: left;
    font-size: 12px;
    width: 565px;
}


/**support section (/support)**/

#login-dealer, #top-divider, #login-sales
{
    height: 281px;
    float: left;
}


#login-dealer, #login-sales
{
    font-size: 12px;
}

#login-dealer, #login-sales
{
    width: 463px;
    float: left;
}

#login-dealer
{
    margin-left: 22px;
}

#login-sales
{
    margin-right: 5px;
    margin-left: 11px;
}

#login-knowlite h1, #login-dealer h2, #login-sales h2
{
    color: #F9B03E;
    line-height: 22px;
    padding: 0 0 10px;
}


#login-dealer h2, #login-sales h2
{
    font-size: 17px;
    font-weight: normal;
}

#login-knowlite h1
{
    font-size: 22px;
}


#top-divider
{
    width: 1px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #aaaaaa;
}


#login-knowlite
{
    border-top: solid 1px #aaaaaa;
    width: 957px;
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
}

#login-dealer-header, #login-sales-header
{
    padding: 34px 30px 30px 19px;
    font-size: 12px;
}






#login-knowlite-header
{
    margin: 14px 128px 29px 128px;
}

#login-knowlite-header .login-form
{
    margin-left: 234px;
}


.login-form label
{
    font-size: 11px;
    float: left;
    width: 65px;
}


#support-container br, .login-form br
{
    clear: left;
}


.login-form .input
{
    width: 90px;
    margin-bottom: 4px;
}

.login-form .formBtn
{
    float: right;
}

.login-form
{
    margin-left: 220px;
}

.login-form
{
    margin-top: 27px;
}

#support-container iframe
{
    margin-top: 14px;
    overflow: hidden;
}

#support-container .errorLg
{
    width: 410px !important;
    font-size: 11px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px !important;
    text-align: left;
}

#support-container .links
{
    margin-left: 130px;
}

#support-container .links, #support-container .links a
{
    font-size: 11px;
}

#login-sales-header iframe
{
    height: 85px;
    border-bottom-width: 10px;
    padding-bottom: 10px;
    height: 85px;
    width: 325px;
    margin-top: 0px;
}

#login-dealer-header iframe
{
    margin-left: 94px;
}

.login-form
{
    width: 157px;
    margin-left: 94px;
}

.badField
{
    color: Red;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

.login-form input
{
    font-size: 10px;
}

* html #login-dealer, #login-sales
{
    width: 450px;
}

* html .login-form label
{
    width: 40px;
}

* html #login-sales-header iframe
{
    height: 100px;
}

/**golite index**/
#indexChart
{
    height: 235px;
    width: 581px;
    margin: 0 auto;
    margin-top: 12px;
    font-weight: bold;
}

#indexChart #button-strip
{
    margin: 0;
    padding: 0;
    height: 32px;
    float: left;
    width: 300px;
    margin-bottom: 4px;
    margin-top: -20px;
}

#indexChart #button-strip a, #indexChart #button-strip div
{
    height: 32px;
    width: 104px;
    display: block;
    float: left;
}

#indexChart #button-strip #button-description
{
    background-image: url('/resources/img/index/btn-index-description-off.gif');
    background-repeat: no-repeat;
}

#indexChart #button-strip #button-description.on
{
    background-image: url('/resources/img/index/btn-index-description-on.gif');
}

#indexChart #button-strip #button-rankings
{
    margin-left: 6px;
    background-image: url('/resources/img/index/btn-index-ranking-off.gif');
    background-repeat: no-repeat;
}

#indexChart #button-strip #button-rankings.on
{
    background-image: url('/resources/img/index/btn-index-ranking-on.gif');
}

#indexChart #description-view
{
    font-weight: normal;
    font-size: 12px;
}

#indexChart .index-title
{
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 6px;
    color: #FFBC43;
}

#indexChart .index-title span
{
    vertical-align: top;
    padding-left: 6px;
}

#indexChart .index-footer
{
    font-size: 13px;
    padding-top: 20px;
}

#indexChart .index-footer a
{
    color: #FFBC43;
}

#indexChart .index-description
{
    float: left;
    width: 350px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: normal;
}

.indexContainer
{
    float: left;
    width: 157px;
    margin-bottom: 11px;
}

#ranking-view
{
    margin-top: 12px;
}

.indexContainer, .indexContainer div
{
    height: 11px;
}

.indexContainer div
{
    float: left;
    width: 28px;
    padding: 1px;
    float: left;
    margin-left: 1px;
    background-repeat: no-repeat;
}

.indexContainer div div
{
    width: 14px;
    margin: 0px;
    padding: 0px;
}

.indexContainer div.bar
{
    background-image: url('/resources/img/index/bar-bg.gif');
}

.indexContainer div div.on
{
    background-color: #616161;
}

.indexContainer div div.off
{
    background-color: #ffffff;
}

.indexContainer .bar-end-on .off
{
    width: 16px !important;
}

.indexContainer .bar-start-on .off
{
    border-right: solid 1px #d9d9d9 !important;
    width: 12px !important;
}

.indexContainer .bar-end-on .off
{
    border-right: solid 1px #d9d9d9 !important;
}

.indexContainer div.bar-start-on
{
    background-image: url('/resources/img/index/bar-on-left.gif');
}

.indexContainer div.bar-end-on
{
    background-image: url('/resources/img/index/bar-on-right.gif');
}

.indexContainer div.bar-start-off
{
    background-image: url('/resources/img/index/bar-off-left.gif');
}

.indexContainer div.bar-end-off
{
    background-image: url('/resources/img/index/bar-off-right.gif');
}

* html #indexChart #button-strip
{
    margin-top: 0px !important;
}