*
{
    margin: 0;
    padding: 0;
}

html, body, #wrap
{
    height: 100%;
}

#wrap
{
    height: auto;
    min-height: 100%;
    background-image: url(../images/wrap_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

body
{
    font-family: arial,tahoma,verdana,sans-serif;
    background-color: #00366b;
}

#main
{
    padding-bottom: 20px;
    background-color: #fff;
    margin: 0 auto;
    width: 960px;
}
/* NAVbar Styles */
#footer
{
    position: relative;
    margin-top: 5px;
    height: 120px;
    clear: both;
}

#footer span#spanFooter, #footer span#spanFooter a
{
    font-size: 10px;
    color: #557488;
}
#footerContent
{
    margin: 0px auto;
    width: 960px;
    height: 100px;
    background-color: #FFF;
    padding-top: 8px;
    font-size: 12px;
}

#footerContent p
{
    text-align: center;
    float: left;
    margin-left: 225px;
    line-height: 18px;
    margin-top: -20px;
    font-size: 11px;
}

#footerContent p a
{
    color: #000;
    text-decoration: none;
}

#footerContent p a:hover
{
    color: #ffa323;
    text-decoration: none;
}

/* CLEAR FIX*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */


#header
{
    margin: 0px auto;
    width: 960px;
}
#header #logo
{
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 219px;
    height: 105px;
    margin-bottom: 23px;
}

#header #search
{
    background-image: url(../images/search_bg.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -52px;
    padding: 20px 0 0 15px;
    width: 400px;
    height: 54px;
}


#header #search select
{
    background-image: url(../images/searchDrop_bg.png);
    background-repeat: no-repeat;
    border: none;
    font-weight: bold;
    padding: 2px;
    width: 140px;
    height: 22px;
    color: #ffa323;
}


.searchTxt
{
    background-image: url(../images/searchTxt_bg.png);
    background-repeat: no-repeat;
    background-color: #ececec;
    width: 159px;
    height: 20px;
    padding-top: 5px;
    padding-left: 18px;
    margin-left: 2px;
    border: 0px;
}

.goButton
{
    background-image: url(../images/goButton_bg.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    border: none;
    padding-top: 1px;
}



/* NAVbar Styles */


ul#topnav
{
    margin: -22px 0 0 0;
    padding: 0;
    width: 960px;
    list-style: none;
    position: relative;
    font-family: Verdana, Helvetica;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 12px;
    background: url(../images/nav_bg.png) repeat-x;
    height: 70px;
}
ul#topnav li
{
    float: left;
    margin: 0;
    padding: 0;
}
ul#topnav li a
{
    padding: 15px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}
ul#topnav li:hover
{
    background-color: #83c7e6;
    padding-bottom: 10px;
}
ul#topnav li span
{
    float: left;
    padding: 16px 0;
    position: absolute;
    left: 0;
    top: 35px;
    font-size: 11px;
    height: 0px;
    display: none;
    width: 960px;
    color: #fff;
}
ul#topnav li:hover span
{
    display: block;
}
ul#topnav li span a
{
    display: inline;
}
ul#topnav li span a:hover
{
    text-decoration: underline;
}

#mainBanner
{
    background-repeat: no-repeat;
    clear: both;
    width: 960px;
    height: 264px;
}

#spacer
{
    width: 100%;
    height: 5px;
    margin: 10px 0 10px 0;
}



#novaLogo
{
    background-image: url(../images/novaLogo.png);
    background-repeat: no-repeat;
    width: 118px;
    height: 45px;
    margin: 20px 0 0 30px;
}

#fischlerLogo
{
    background-image: url(../images/fischlerLogo.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -25px;
    margin-right: 20px;
    width: 137px;
    height: 45px;
}


/*span message block*/
.block
{
    display: block;
    background-color: #FFFFCC;
    border: 1px solid #cccccc;
    width: 280px;
    padding: 5px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    color: #999999;
    margin-bottom: 10px;
}

/*span message block*/
.blockG
{
    display: block;
    background-color: #FFFFB9;
    border: 1px dotted #B7CEFF;
    width: 420px;
    padding: 5px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: #006699;
    margin-bottom: 10px;
}
input[type="radio"], input[type="checkbox"]
{
    margin-left: 0;
    margin-top: 0;
    vertical-align: middle;
}
/*  Side MEnu*/
#sideBar #sideMenu
{
    width: 215px;
    margin: 5px 10px 0 0px;
    padding: 0;
    clear: both;
    overflow: hidden;
}
#sideBar #sideMenu h6
{
    margin: 5px 0 0 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    background: #00376e url("../images/menu_selected.png") repeat-x;
    color: #FFFFFF;
}
#sideBar #sideMenu h6 a
{
    margin: 0;
    padding: 0;
    height: 1%;
    display: block;
    clear: both;
    overflow: hidden;
    background: url("../images/menu_l_selected.png") no-repeat top left;
    color: #ffffff;
    text-decoration: none;
}

#sideBar #sideMenu h6 span
{
    margin: 0;
    padding: 9px 10px 4px;
    height: 1%;
    display: block;
    cursor: default;
    background: url("../images/menu_r_selected.png") no-repeat top right;
    font-size: 15px;
}
#sideBar #sideMenu ul
{
    margin: 0;
    padding: 0;
    background: #84c6e6;
}

#sideBar #sideMenu li
{
    border-top: 1px solid #329ecf;
}
#sideBar #sideMenu li a
{
    margin: 0 0 0 4px;
    padding: 7px 0 9px 14px;
    height: 1%;
    display: block;
    background: url("../images/menu_arrow.png") no-repeat 0 9px;
    color: #ffffff;
    font-size: 12px;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
}

#sideBar #sideMenu li ul li
{
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    list-style: none;
    padding: 0 0 0 15px;
    border-top: 1px solid #329ecf;
    background-color: #addef6;
    color: #ffffff;
}

/** SlideShow **/
#featured
{
    position: relative;
    height: 100%;
    width: 100%;
}
table #featured tr#banner, table #featured tr#banner td
{
    height: 260px;
}

#featured ul.ui-tabs-nav
{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 1100px;
}
#featured ul.ui-tabs-nav li
{
    padding: 1px 0 0 2px;
    font-size: 12px;
    color: #666;
    width: 235px;
    float: left;
}
#featured ul.ui-tabs-nav li img
{
    float: left;
    margin: 2px 5px;
    background: #fff;
    padding: 2px;
    border: 1px solid #eee;
}
#featured ul.ui-tabs-nav li span
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    padding-left: 5px;
}
#featured li.ui-tabs-nav-item a
{
    display: block;
    height: 60px;
    color: #333;
    background: #fff;
    text-decoration: none;
    line-height: 20px;
}
#featured li.ui-tabs-nav-item a:hover
{
    background: #d9f2fd;
}
#featured li.ui-tabs-selected
{
    background: #83c7e6;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a
{
    background: #83c7e6;
}
#featured .ui-tabs-panel
{
    width: 960px;
    height: 200px;
    position: relative;
    float: left;
}
#featured .ui-tabs-hide
{
    display: none;
}

#featured #fragment-1, #featured #fragment-2, #featured #fragment-3, #featured #fragment-4, #featured #fragment-5
{
    width: 100%;
    height: 100%;
    margin-top: 0px;
    z-index: 0;
}
.bluetitle
{
    color: #004894;
}
/**Sliding Panel**/

#panel_container
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 904px;
    top: 0px;
    z-index: 20;
}


/*  Login Button  */

.panel_button
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0px;
    left: 350px;
    width: 208px;
    height: 54px;
    background-image: url(../images/cartandlogin.png);
    background-repeat: no-repeat;
    z-index: 2520;
    cursor: pointer;
}

.panel_button img
{
    position: relative;
    top: 2px;
    left: 5px;
    border: none;
}

.panel_button a
{
    text-decoration: none;
    color: #545454;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: -7px;
    left: -45px;
    font-family: Arial, Helvetica, sans-serif;
}

.panel_button span
{
    text-decoration: none;
    color: #545454;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: -7px;
    left: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.panel_button a:hover
{
    color: #999999;
}

.panel_button span.login
{
    position: absolute;
    top: 17px;
    left: 204px;
}
.panel_button div.divCart
{
    width: 60%;
}
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: left;
}

#toppanel
{
    position: absolute;
    width: 900px;
    left: 0px;
    z-index: 25;
}

#panel
{
    width: 1000px;
    position: relative;
    top: 1px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel .checkoutBtn
{
    left: 851px;
    position: absolute;
    top: 371px;
    text-decoration: none;
}
#panel .checkoutBtn img
{
    border: none;
}

#panel_contents
{
    background-image: url(../images/cartBGslice.png);
    background-repeat: repeat-x;
    background-color: #dfe9eb;
    height: 100%;
    width: 1000px;
    position: absolute;
    left: 277px;
    z-index: -1;
}

#panel h1
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #7dc4e4;
    font-weight: normal;
    line-height: 35px;
    left: 300px;
    position: absolute;
    top: 10px;
}

#panel h2
{
    text-align: center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #447c6f;
    line-height: 25px;
    font-size: 16px;
    position: absolute;
    top: 60px;
    left: 350px;
}
#panel #memberpointsdiv
{
    color: #7DC4E4;
    left: 306px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 36px;
}

#content
{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    position: relative;
    top: 90px;
    left: 300px;
    text-align: left;
    color: #545454;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 30px;
}
.cart
{
    position: absolute;
    left: 300px;
    top: 50px;
    font-size: 12px;
    color: #7a959e;
}
.cartpage
{
    position: absolute;
    left: 300px;
    top: 325px;
    font-size: 12px;
    color: #7a959e;
}

.item
{
    background-image: url(../images/cartItem_bg.png);
    background-repeat: repeat-x;
}
.item img.itemImg
{
    width: 38px;
    height: 38px;
}
.itemStart
{
    background-image: url(../images/itemStart.png);
    background-repeat: repeat-x;
    width: 7px;
    height: 53px;
    float: left;
}

.itemEnd
{
    background-image: url(../images/itemEnd.png);
    background-repeat: repeat-x;
    width: 7px;
    height: 53px;
    float: right;
    margin-top: -58px;
}

.cartSummary
{
    background-image: url(../images/cartSummary.png);
    background-repeat: repeat-x;
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
    height: 25px;
}


.removeButton
{
    background-image: url(../images/removeButton_bg.png);
    background-repeat: no-repeat;
    border: none;
    color: #f05139;
    width: 54px;
    height: 20px;
}

.total
{
    color: #000000;
    margin-left: 400px;
}


.removeButton
{
    background-image: url(../images/removeButton_bg.png);
    background-repeat: no-repeat;
    border: none;
    color: #f05139;
    width: 54px;
    height: 20px;
}


.removeButton
{
    background-image: url(../images/removeButton_bg.png);
    background-repeat: no-repeat;
    border: none;
    color: #f05139;
    width: 54px;
    height: 20px;
}
/**Shop Main**/
#mainBanner
{
    width: 100%;
    height: 100%; /*background-color: #232323; */
    background-color: #83C7E6;
    background-repeat: no-repeat;
}


#mainBannerCap
{
    width: 960px;
    height: 50px;
    background-image: url(../images/mainbannercap.png);
    background-repeat: no-repeat;
}

#mainBannerCap p
{
    font-size: 14px;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
}

#sideBar
{
    width: 213px;
    margin: 10px 0 0 10px;
    float: left;
}
#sideBar .categoryHeader
{
    margin-left: 4px;
    color: #666666;
}
#shop
{
    margin: 10px 0 0 10px;
    width: 715px;
    float: left;
}

#shopNavTop span
{
    text-align: center;
    font-size: 10px;
    margin-left: 0.5em;
    margin-top: 0.5em;
}
#shopNavTop
{
    background-image: url(../images/subNavTop.png);
    background-repeat: no-repeat;
    margin-left: 4px;
    margin-top: 3px;
    width: 206px;
    height: 20px;
}

#shopNavBottom
{
    background-image: url(../images/subNavBottom.png);
    background-repeat: no-repeat;
    margin-left: 4px;
    width: 210px;
    height: 20px;
}

#shopNav
{
    width: 206px;
    padding-left: 5px;
    margin-left: 4px;
    background-image: url(../images/shopNavSlice.png);
    background-repeat: repeat-y;
}
#subscribeTop
{
    background-image: url(../images/subscribeTop.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: 2px;
    width: 210px;
    height: 43px;
}

#subscribeMiddle
{
    background-image: url(../images/subsctibeMiddle.png);
    background-repeat: no-repeat;
    margin-left: 2px;
    width: 210px;
    height: 43px;
}

#subscribeMiddle p
{
    font-size: 12px;
    padding: 5px;
    color: #7b7358;
    margin: 0;
}

#subscribeBottom
{
    background-image: url(../images/subscribeBottom.png);
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: "Tahoma" , Arial, Helvetica, sans-serif;
    margin-top: -1px;
    padding-left: 2px;
    margin-left: 2px;
    width: 210px;
    height: 43px;
}

#subscribeBottom input
{
    /*background-image: url(../images/subscribeTxtBg.png);     background-repeat: no-repeat;     border: none;     */
    padding: 0;
    width: 125px;
    height: 21px;
}
#subscribeBottom img, #subscribeBottom input[type=image]
{
    border: medium none;
    float: right;
    margin-top: -23px;
    padding: 0;
}
.shiftUp
{
    display: block;
    padding-top: 7px;
}
.lift
{
    margin-top: -15px;
}


.product
{
    background-image: url(../images/shopItemBg.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
    width: 160px;
    height: 183px;
    margin-bottom: 10px;
}


.product img
{
    margin: 5px;
    height: 110px;
    width: 150px;
}

.product .desc
{
    margin-top: 16px;
    margin-left: 8px;
    font-size: 12px;
    color: #afafaf; /*width: 200px; */
}

.product .desc .price
{
    color: #e27414;
}

.product .desc a
{
    color: #5c5c5c;
}


.product .desc a:hover
{
    color: #e27414;
}

.leftSpace
{
    margin-left: 10px;
}

.productContainer
{
    margin-left: 20px;
    margin-top: 10px;
}

.shopPagination
{
    width: 670px;
    margin-left: 20px;
}


.pagetotal
{
    float: left;
    font-size: 10px;
}
.pager
{
    margin-left: 20px;
    font-size: 10px;
    color: #0086CE;
}
.shoppagenav
{
    float: right;
    font-size: 10px;
}

.shoppagenav .floattext
{
}

#shop h1
{
    margin: 0 0 0 20px;
    font-size: 26px;
    color: #666666;
}

#navlist
{
    padding-left: 0;
    margin-left: 0;
    font-size: 10px;
    border-bottom: 1px dotted #666666;
    width: 195px;
}

#navlist li
{
    list-style: none;
    margin: 0;
    padding: 0.5em;
    border-top: 1px dotted #666666;
}

#navlist li a
{
    text-decoration: none;
    color: #666666;
}

#navlist li a:hover
{
    text-decoration: none;
    color: #5aa6be;
}


.searchContainer
{
    border-top: 1px solid #329ecf;
    margin-top: 20px;
    padding-top: 10px;
}
.searchContainer span
{
    display: block;
    margin-bottom: 6px;
}

.searchContainer input[type="text"].itemSearch
{
    padding: 3px 5px;
    width: 90%;
}

.searchContainer input[type="submit"]
{
    display: block;
    background: #DEE7ED url(../images/button_bg.png) repeat-x scroll 0 50%;
    border: 1px solid #7DA2B9;
    cursor: pointer;
    margin-top:2px;
    padding: 2px 3px 2px 3px;
}
