/****************************************************************/
/* global */

/****************************************************************/
.warn{
    color:#F00;
}

a{
    outline: none; /*stop dotted borders on firefox....*/
}

span {
    display: none;
}


/****************************************************************/
/* header */

/****************************************************************/

.logo2 {
    width: 220px;
    height: 27px;
    margin-top: 47px;
    margin-left: 23px;
    float: left;
}


/****************************************************************/
/* content panel */

/****************************************************************/

#shop_cont{
    margin: 10px 0 0 13px;
}
#shop_cont .pad{
    margin: 0 0 2em 0;
}

#shop_cont .smallprint{
    font-style: normal;
    font-size: 0.9em;
}
/*#shop_cont .smallprint.pad{
    margin: 0 0 3em 0;
}*/

#shop_cont #text_col{
    width: 470px;
}

#shop_cont a{
    color: #F6821E;
}
#shop_cont a:hover{
    text-decoration: underline;
}

#shop_cont h1{
    font-weight: normal;
    font-size: 2.4em;
    margin: 10px 0;
    padding: 0;
}

#shop_cont #text_col h2{
    font-weight: normal;
    font-size: 1.4em;
    margin: 20px 0 10px 0;
    padding: 0;
}

#shop_cont h3{
    font-weight: normal;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

#shop_cont h4{
    font-weight: bold;
    font-size: 1em;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
}

#shop_cont #main_hero{
    position:relative;
    width: 561px;
    border: 1px solid #CCCCCC;
    border-top:4px solid #F6821E;
    min-height: 239px;
}

#shop_cont #main_hero #mainherotext{
    margin: 0 0 40px 223px;
    padding: 0 17px 0 0;
}

#shop_cont #main_hero #mainherotext p{
    font-size: 1.2em;
    line-height: 1.4em;
}

#shop_cont p, #shop_cont ul{
    line-height: 1em;
    margin: 0 0 10px 0;
}

#shop_cont #main_hero .box_link_holder, #shop_cont .sub_hero .box_link_holder {
    background:#F6821E;
    color: #FFF;
}
#shop_cont #main_hero .box_link_holder a, #shop_cont .sub_hero .box_link_holder a{
    color: #FFF;
}

#shop_cont #mainheroimg{
    position: absolute;
    /*bottom: 0;*/
    top: 0;
}

#shop_cont #text_col table th, #shop_cont #text_col table td{
    padding: 0 10px 0 0;
    text-align: left;
}

/****************************************************************/
/* hero */

/****************************************************************/

#shop_cont .sub_hero{
    float: left;
    width: 177px;
    height: 179px;
    margin: 13px 13px 0 0;
    border: 1px solid #F6821E;
    position:relative;
}

#shop_cont .sub_hero.end{
    margin-right: 0;
}

#shop_cont .sub_hero.product{
    border: 1px solid #CCCCCC;
    border-top:4px solid #F6821E;
    height: 176px;
    position: relative;
}

#shop_cont .sub_hero.product p{
    position: absolute;
    top: 5px;
    left: 0;
    padding: 0 10px;
    width: 157px;
    text-align: center;
}

#shop_cont .sub_hero.product p.price{
    top: 135px;
    font-weight: bold;
    color: #F6821E;
    font-size: 1em;
}

#shop_cont .sub_hero.product img{
    padding: 0;
    margin: 0;
}

/****************************************************************/
/* list header */

/****************************************************************/

.listheader table{
    width: 567px;
    border: 0;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

.listheader td{
    height: 31px;
    padding: 0 10px;
    background: url(../images/header_grad.gif) repeat-x top;
}

.listheader.btm{
    margin-top: 9px;
}

.listheader.btm td{
    background: url(../images/header_grad_btm.gif) repeat-x bottom;
}

.listheader p{
    display: inline;
}

.listheader p.pagenum{
    padding-left: 20px;
}

/* list product */

.listproduct{
    background: url(../images/dotline.gif) repeat-x bottom;
    position: relative;
    min-height: 122px;
}

.listproduct img{
    float: left;
    margin: 8px 0 0 18px;
}

.listproduct .listproducttext{
    padding: 10px 0;
    margin: 0 0 0 123px;
    width: 420px;
}

.listproduct h2{
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.listproduct .add, .listproduct .nostock, .listproduct .more{
    position: absolute;
    bottom: 0;
    right: 0;
}

.listproduct .price{
    /*position: absolute;
	bottom: 7px;*/
    font-size: 1.2em;
    font-weight: bold;
    color: #F6821E;
}



/****************************************************************/
/* detail */

/****************************************************************/

p.top_btn{
    text-align: right;
}

.detail #imgpanel{
    float: left;
    width: 257px;
}

.detail #imgpanel #mainimg{
    text-align: center;
    margin: 0 0 11px 0;
}

.detail #imgpanel #thumbs{
    border: 1px solid #999;
    border-top:4px solid #999;
    text-align: center;
    padding: 6px 6px 5px 6px;
    background: url(../images/imgbox_grad.gif) repeat-x top;
}

.detail #imgpanel #thumbs a img{
    border: 1px solid #999;
    margin: 3px 5px 6px 5px;
}

.detail #imgpanel #thumbs a:hover img{
    border: 1px solid #F6821E;
}

.detail #imgpanel #thumbs p{
    color: #F6821E;
    font-weight: bold;
}

.detail #detailpanel{
    margin-left: 281px;
}

.detail #detailpanel h2{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1em;
}

#shop_cont .detail #detailpanel p{
    line-height: 1.2em;
}

.detail #detailpanel #addform{
    background: url(../images/dotline.gif) repeat-x top;
    padding: 15px 0 0 0;
}

.detail #detailpanel #addform p{
    font-weight: bold;
}

.detail #detailpanel .price{
    font-size: 1.2em;
    font-weight: bold;
    color: #F6821E;
}

.detail #detailpanel #links h2{
    margin: 2em 0 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    color: #333;
}
.detail #detailpanel #links p{
    margin: 0;
    padding: 0;
}



/****************************************************************/
/* basket page */

/****************************************************************/

#basketpanel{
    border: 1px solid #999;
    border-top:4px solid #999;
    background: url(../images/imgbox_grad.gif) repeat-x top;
    padding: 0 0 0 10px;
    margin: 0 0 15px 0;
}
#basketpanel a{
    color: #333;
}

#basketpanel th{
    padding-right: 10px;
    text-align: left;
    color: #F6821E;
}

#basketpanel th#product_row{
    width: 251px;
}

#updatepanel{
    float: left;
}

#checkoutpanel{
    float: right;
    width: 169px;
}

#checkoutpanel .subtotal{
    color: #F6821E;
    font-weight: bold;
}

#checkoutpanel .total{
    font-weight: bold;
    font-size: 1.2em;
}


/****************************************************************/
/* on account page */

/****************************************************************/

#invoice_address{
    float: left;
    width: 169px;
}
#delivery_address{
    float: right;
    width: 169px;
}

/****************************************************************/
/* side panel */

/****************************************************************/

.top_box{
    border-top:4px solid #999;
}

.btm_box{
    border-top:4px solid #F6821E;
}

.side_nav h3, .side_nav p{
    padding: 0 0 0 12px;
    line-height: 1.1em;
}

.side_nav p.imagebtn{
    padding: 5px 0 0 9px;
}

.side_nav h3, .side_nav p.price{
    font-weight: bold;
    color: #F6821E;
    margin: 0 0 0.5em 0;
    font-size: 1em;
}

.side_nav p.price{
    margin: 10px 0 0 0;
}

.side_nav input#f_s{
    margin: 5px 0 0 0;
    width: 109px;
}

.side_nav input#f_u{
    margin: 5px 0 0 0;
    width: 141px;
}


/****************************************************************/
/* form buttons */

/****************************************************************/

#auxregisterbtn{
    background: url(../images/buttons/Register.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxregisterbtn:hover{
    background: url(../images/buttons/Register.gif) 0 -29px;
}

#auxsigninbtn{
    background: url(../images/buttons/SignIn.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxsigninbtn:hover{
    background: url(../images/buttons/SignIn.gif) 0 -29px;
}

#auxsignoutbtn{
    background: url(../images/buttons/SignOut.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxsignoutbtn:hover{
    background: url(../images/buttons/SignOut.gif) 0 -29px;
}

#auxsearchbtn{
    background: url(../images/buttons/GO.gif) 0 0;
    width: 31px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxsearchbtn:hover{
    background: url(../images/buttons/GO.gif) 0 -29px;
}

#auxbasketbtn{
    background: url(../images/buttons/ViewBasket.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxbasketbtn:hover{
    background: url(../images/buttons/ViewBasket.gif) 0 -29px;
}

#auxcheckoutbtn{
    background: url(../images/buttons/GoToCheckout.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxcheckoutbtn:hover{
    background: url(../images/buttons/GoToCheckout.gif) 0 -29px;
}

#auxsubscribebtn{
    background: url(../images/buttons/Subscribe2.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxsubscribebtn:hover{
    background: url(../images/buttons/Subscribe2.gif) 0 -29px;
}
#auxunsubscribebtn{
    background: url(../images/buttons/Unsubscribe2.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#auxunsubscribebtn:hover{
    background: url(../images/buttons/Unsubscribe2.gif) 0 -29px;
}

#mailingbtn{
    background: url(../images/buttons/Subscribe.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
#mailingbtn:hover{
    background: url(../images/buttons/Subscribe.gif) 0 -29px;
}

p.add button{
    background: url(../images/buttons/AddBasketSm.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
p.add button:hover{
    background: url(../images/buttons/AddBasketSm.gif) 0 -29px;
}

p.more button{
    background: url(../images/buttons/moreSml.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
p.more button:hover{
    background: url(../images/buttons/moreSml.gif) 0 -29px;
}

p.nostock button{
    background: url(../images/buttons/emailAlert.gif) 0 0;
    width: 108px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
}
p.nostock button:hover{
    background: url(../images/buttons/emailAlert.gif) 0 -29px;
}

#allbtn{
    background: url(../images/buttons/ViewAllProducts.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-top: -3px;
}
#allbtn:hover{
    background: url(../images/buttons/ViewAllProducts.gif) 0 -36px;
}

#submitbtn{
    background: url(../images/buttons/AddBasketLg.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#submitbtn:hover{
    background: url(../images/buttons/AddBasketLg.gif) 0 -36px;
}

#nostockbtn{
    background: url(../images/buttons/emailAlertLg.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#nostockbtn:hover{
    background: url(../images/buttons/emailAlertLg.gif) 0 -36px;
}

#continuebtn{
    background: url(../images/buttons/ContinueShopping.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-top: -3px;
    margin-left: -2px;
}
#continuebtn:hover{
    background: url(../images/buttons/ContinueShopping.gif) 0 -36px;
}

#checkoutBtn{
    background: url(../images/buttons/Checkout2.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#checkoutBtn:hover{
    background: url(../images/buttons/Checkout2.gif) 0 -36px;
}

#updateBtn{
    background: url(../images/buttons/UpdateBasket.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-top: -3px;
    margin-left: -2px;
}
#updateBtn:hover{
    background: url(../images/buttons/UpdateBasket.gif) 0 -36px;
}

#sendBtn{
    background: url(../images/buttons/sendBtn.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#sendBtn:hover{
    background: url(../images/buttons/sendBtn.gif) 0 -36px;
}

.useBtnSml{
    background: url(../images/buttons/UseAddress.gif) 0 0;
    width: 120px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
.useBtnSml:hover{
    background: url(../images/buttons/UseAddress.gif) 0 -29px;
}

.editBtnSml{
    background: url(../images/buttons/EditAddress.gif) 0 0;
    width: 120px;
    height: 29px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
.editBtnSml:hover{
    background: url(../images/buttons/EditAddress.gif) 0 -29px;
}

#confirmBtn{
    background: url(../images/buttons/confirmBtn.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#confirmBtn:hover{
    background: url(../images/buttons/confirmBtn.gif) 0 -36px;
}

#useBtn{
    background: url(../images/buttons/useBtn.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#useBtn:hover{
    background: url(../images/buttons/useBtn.gif) 0 -36px;
}

#signinBtn{
    background: url(../images/buttons/signinBtn.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#signinBtn:hover{
    background: url(../images/buttons/signinBtn.gif) 0 -36px;
}

#registerBtn{
    background: url(../images/buttons/registerBtn.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#registerBtn:hover{
    background: url(../images/buttons/registerBtn.gif) 0 -36px;
}

#createBtn{
    background: url(../images/buttons/createBtn.gif) 0 0;
    width: 125px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#createBtn:hover{
    background: url(../images/buttons/createBtn.gif) 0 -36px;
}

#payOnAccountBtn{
    background: url(../images/buttons/payOnAccountBtn.gif) 0 0;
    width: 169px;
    height: 36px;
    border: 0 none;
    cursor: pointer;
    margin-left: -2px;
}
#payOnAccountBtn:hover{
    background: url(../images/buttons/payOnAccountBtn.gif) 0 -36px;
}


/****************************************************************/
/* fees table */

/****************************************************************/

table.fees{
    border-collapse:collapse;
    text-align: center;
}
table.fees, table.fees th, table.fees td{
    border: 1px solid black;
}
table.fees th{
    background: #DDD;
}
table.fees td{
    width: 5em;
    padding: 2px 10px;
}