/* Html Styles */

html
{
    height:100%;
}

body
{
    height:100%;
    font-family:Arial,Helvetica,"sans serif";
    background-image:url(./themes/bg.jpg); background-repeat:repeat-x; background-position:top center; background-color:#FFFFFF;
    margin:0px; background-attachment:fixed;
}

h1,h2,h3
{
    color:#0c2e56;
}
h3
{
    font-size:15px;
}
div
{
    margin:0px; border:none; padding:0px;
}

/* Layout Styles */

#SiteWrapper
{
    min-height:100%; width:980px;
    margin:auto; margin-top:0px; margin-bottom:0px;
    position:relative;
}

* html #SiteWrapper { /* for IE6 */
 height: 100%;
}

.HeadArea
{
    width:100%; height:115px;
    position:relative;
}

#Logo
{
    position:absolute; top:25px; left:35px;
}

#SearchBar
{
    width:517px; height:52px; background-image:url(./themes/searchbar.png);
    position:absolute; right:0px; top:0px;
}

#searchSpan
{
    font-size:14px; font-weight:bold; color:#ffffff;
    position:absolute;  top:6px; right:20px;
}

.searchTextInput
{
    margin-left: 10px;
}

.searchButton
{
    position: relative;
}

#PhoneHead
{
    font-size:36px; font-weight:bold;
    position:absolute; right:35px; top:47px;
    color:#ffffff;
}

.NavArea
{
    position:relative;
    background-color:#ffffff;
    background-image:url(./themes/navbartile.jpg); background-repeat:repeat-x;
    width:960px; margin:auto;
    padding-bottom:20px;
    height:50px;
}

.basketicon
{
    position:absolute; right:10px; top:2px;
    border:none;
}

.basketiconLink
{
    position:absolute; right:10px; top:2px;
    border:none;
}
.NavBarEnd
{
       float:left;
}

.NavBarEndRight
{
    float:right;
}

.Navbar
{
    display:inline-block; margin:auto;
    float:left;
    background-image:url(./themes/navbartile.jpg); background-repeat:repeat-x;
    height:50px;
}
.Navbar , .Navbar li, .Navbar li span
{
    border:none; margin:0px; padding:0px;
    list-style:none;
    height:50px; 
    cursor:pointer;
}

.Navbar li
{
    width:95px; height:50px; float:left;
    margin:0px; padding:0px;
    margin-right:-5px;
}
.Navbar li a span
{
    width:100%; height:44px; display:block;
}
.Navbar .NavBarLast
{
    border:none;
}

.Navbar li a:link,.Navbar li a:visited,.Navbar li a:hover,.Navbar li a:active
{
     height:100%; width:100%; display:inline-block; text-align:center;
     line-height:44px; text-decoration:none; color:#2f4b6b;
     margin:0px; padding:0px;
}

.Navbar li a:link,.Navbar li a:visited
{
    background-image:url(./themes/navbartile.jpg);
    margin:0px; padding:0px;
}

.Navbar li a:hover, .Navbar li a:active
{
    background-image:url(./themes/navbartile-o.jpg);
    margin:0px; padding:0px;
}

#SubNavbarArea
{
    background-color:#ffffff;
    background-image:url(./themes/navbartile.jpg); background-repeat:repeat-x;
    width:750px; height:50px; margin:auto;
    padding-bottom:20px; margin-top:10px; margin-left:-1px;
}

.SubNavbar
{
    display:inline-block; margin:auto;
    float:left;
    font-size:12px;
}
.SubNavbar , .SubNavbar li, .SubNavbar li span
{
    border:none; margin:0px; padding:0px;
    list-style:none;
    height:50px; 
}

.SubNavbar li
{
    height:50px; float:left;
    margin:0px; padding:0px 0px 0px 0px;
}
.SubNavbar li a span
{
    width:100%; height:44px; display:block;
}

.SubNavbar .SubNavbarLast
{
    border:none;
}

.SubNavbar li a:link,.SubNavbar li a:visited,.SubNavbar li a:hover,.SubNavbar li a:active
{
     height:100%; width:100%; display:inline-block; text-align:center;
     line-height:44px; text-decoration:none; color:#2f4b6b;
     margin:0px 5px 0px 5px;

}

.SubNavbar li a:link,.SubNavbar li a:visited
{
    background-image:url(./themes/Navbartile.jpg);
    text-decoration:underline;
}

.SubNavbar li a:hover, .SubNavbar li a:active
{
    background-image:url(./themes/Navbartile-o.jpg);
    text-decoration:none;
}
.SubNavbar li ul {display: none;}

.SubNavbar li:hover ul { display: block; }




#ContentHeader
{
    width:100%; height:14px;
    background-image:url(./themes/contentTop.png); background-repeat:no-repeat;
}

.ContentArea
{
       width:100%; min-height:100%;
       background-color:#ffffff;
       position:relative;
       padding-bottom:30px;
}

* html .ContentArea { /* for IE6 */
 height: 100%;
}

/* Left Side Bar */

#LeftSideBar
{
    width:194px; min-height:100%;
    float:left; margin-left:12px; margin-top:20px;
}

.SubListHeader
{
    width:192px; height:24px;
    background-image:url(./themes/subBoxHead.jpg);
    line-height:24px; color:#2f4b6b; font-weight:bold;
}

.SubListHeader span
{
    margin-left:20px;
}

.SubListFooter
{
    width:192px; height:19px;
    background-image:url(./themes/subBoxFoot.jpg); background-repeat:no-repeat;
    padding-bottom:20px;
}

.ListMini li, .ListMini li
{
    border:none; margin:0px; padding:0px;
    color:#2f4b6b; line-height:25px;
}

.ListMini
{
    width:192px; list-style:none;
    margin:0px; padding:0px; border:0px;
}

.ListMini li
{
    width:192px; height:25px;
    background-image:url(./themes/subBoxItem.jpg);
}

.ListMini li a:link, .ListMini li a:visited ,.ListMini li a:hover, .ListMini li a:active
{
    display:block; height:100%; width:100%;
    text-decoration: none; color:#2f4b6b; line-height:25px;
}
.ListMini li a:link, .ListMini li a:visited
{
    background-image:url(./themes/subBoxItem.jpg);
    
}
.ListMini li a:hover, .ListMini li a:active
{
    background-image:url(./themes/subBoxItem-o.jpg);
}

.ListMini li a span, .ListMini li span
{
    margin-left:20px;
}

.ListMini li span em
{
    font-weight:bold; font-style:normal;
}
    
/* sub list ALT */

.SubListHeaderAlt
{
    width:192px; height:24px;
    background-image:url(./themes/subBoxHeadAlt.jpg);
    line-height:24px; color:#ffffff; font-weight:bold;
}

.SubListHeaderAlt span
{
    margin-left:20px;
}

.SubListFooterAlt
{
    width:192px; height:19px;
    background-image:url(./themes/subBoxFootAlt.jpg); background-repeat:no-repeat;
    padding-bottom:20px;
}

.ListMiniAlt li, .ListMiniAlt li
{
    border:none; margin:0px; padding:0px;
    color:#ffffff; line-height:25px;
}

.ListMiniAlt
{
    width:192px; list-style:none;
    margin:0px; padding:0px; border:0px;
}

.ListMiniAlt li
{
    width:192px; height:25px;
    background-image:url(./themes/subBoxItemAlt.jpg);
}

.ListMiniAlt li a:link, .ListMiniAlt li a:visited ,.ListMiniAlt li a:hover, .ListMiniAlt li a:active
{
    display:block; height:100%; width:100%;
    text-decoration: none; color:#ffffff; line-height:25px;
}
.ListMiniAlt li a:link, .ListMiniAlt li a:visited
{
    background-image:url(./themes/subBoxItemAlt.jpg);
    
}
.ListMiniAlt li a:hover, .ListMiniAlt li a:active
{
    background-image:url(./themes/subBoxItem-o.jpg);
}

.ListMiniAlt li a span, .ListMiniAlt li span
{
    margin-left:20px;
}

.ListMiniAlt li span em
{
    font-weight:bold; font-style:normal;
}
/* Inner Content Area */

#InnerContent
{
    width:751px; float:right; margin-right:15px; margin-top:20px;
}

#InnerContent .HomeTxt
{
    margin-left:20px; margin-right:20px; color:#0c2e56;
}

#InnerContent h1
{
    margin-bottom:0px;
}
#InnerContent h2
{
    font-weight:normal; margin-bottom:0px; margin-top:8px;
}
#InnerContent p
{
    font-size:14px;
}

#InnerContent .FooterMsg
{
    font-size:16px; color:#ffffff; font-weight:bold;
}

#InnerContent .OfferSpan
{
    color:#ffffff; font-weight:bold; font-size:20px;
}

/* General Page Elements */
.Clear
{
    clear:both;
}

.InnerContentTop, .InnerContentBot
{
    width:751px; height:16px;
    background-repeat:no-repeat;
    border:none; padding:0px;
}

.InnerContentTop
{
    background-image:url(./themes/innerContentTop.jpg);
    margin-bottom:-21px;
}

.InnerContent
{
    background-color:#aebac8;
    margin:0px; border:none; padding:0px;
}

.InnerContentBot
{
    background-image:url(./themes/innerContentBot.jpg);
    margin-top:-16px;
}


.Footer
{
    width:100%; clear:both; height:20px;
}
.Footer .Cards
{
    float:right; margin-right:15px; margin-top:5px; display:block; clear:both;
}

/* Cats */
.CatHead
{
    width:739px; height:50px;
    background-image:url(./themes/headerBG.jpg); background-repeat:no-repeat;
    margin:0px; padding:0px 0px 0px 10px; line-height:48px; font-size:20px;
    text-transform:uppercase;
}

/* products */
.ProdItem
{
    width:703px; height:auto;
    background-color:#91bcde;
    position:relative;
    -moz-border-radius: 15px; -webkit-border-radius: 15px;
    padding:15px 15px 0px 15px;
    border:solid 2px #9dcaee; border-style:outset;
    margin-top:15px;
}

.ProdItem .Clear
{
    height:15px;
}
.ProdTxtDiv
{
    padding:0px; margin:0px;
    width:415px;
    float:right;
    min-height:100%;
}

.ProdTxtDiv p,.ProdTxtDiv img,.ProdTxtDiv h2,.ProdTxtDiv span,.ProdTxtDiv input
{
    padding:0px; margin:0px;
    padding-bottom:4px;
}

.ProdItem img
{
    border:none;
}

.ProdItem .ProdImg
{
    border:none;
    width:263px; height:153px;
}

.ProdItem h2
{
    color:#2d5077; font-size:18px; padding-top:0px; margin-top:0px;
}

.ProdItem span
{
    color:#ffffff; font-weight:bold;
    display:block;
}

.ProdPrice
{
    color:#ffffff; font-weight:bold;
    display:block; font-size:20px;
}

.ProdItem .AddToBasket
{
    cursor:pointer;
}

.ProdVarDD
{
    font-size:16px;
}

.QtyLab
{
    color:#2d5077; font-size:19px;
}

.QtyBx
{
    width:96px;
}

/* Featured products */

.FeaturedProds
{
    width:740px; height:220px;
    overflow:hidden;
    margin:auto;
}

/* basket */
.basketProdName, .basketProdNameHead
{
    width:340px; display:inline-block;
}

.basketProdNameHead
{
    font-weight:bold;
}

.basketQty, .basketQtyHead, .basketPrice,.basketPriceHead
{
    width:90px; display:inline-block;
    text-align:center;
}

.basketQtyHead,.basketPriceHead
{
    font-weight:bold;
}

.basketRemove, .basketRemoveHead
{
    width:200px; display:inline-block;
    text-align:center;
}

.basketRemoveHead
{
    font-weight:bold;
}

.basketRemoveImge,.basketPlus,.basketMinus
{
    cursor:pointer;
}

.basketSubLabel
{
    width:200px; display:inline-block;
    text-align:right; font-weight:bold;
}

.basketSubPrice
{
    width:90px; display:inline-block;
    font-weight:bold; text-align:center;
}

#CalcBtn
{
    position: relative;
    top: 65px;
}

.DelTypeDDL
{
    position: relative;
    top: -67px;
    left: 101px;
    
}

/* Error Bar */

.ErrorBar
{
    display:none;
}


/*animation*/
#AnimWrap
{
    position:relative;
    height:256px; width:750px;
}
#a1
{
    display:block;
}

#a2
{
    display:block;
}

#a3
{
    display:block;
}

.AnimRot
{
    padding-bottom:30px;
}

/* sub menus */
.InnerSubNav
{
    display:block; margin:auto;
    float:none;
    font-size:12px;
}
.InnerSubNav li
{
    display:block;
}

.InnerSubNav , .InnerSubNav li, .InnerSubNav li span
{
    border:none; margin:0px; padding:0px;
    list-style:none;
    height:30px; 
}

.InnerSubNav li
{
    height:30px; float:none;
    margin:0px; padding:0px 0px 0px 0px;
}
.InnerSubNav li a span
{
    width:100%; height:28px; display:block;
    margin-bottom:2px;
}

.InnerSubNav li a:link,.InnerSubNav li a:visited,.InnerSubNav li a:hover,.InnerSubNav li a:active
{
     height:100%; width:100%; display:inline-block; text-align:center;
     line-height:30px; text-decoration:none; color:#2f4b6b;
     margin:0px 5px 0px 5px;

}

.InnerSubNav li a:link,.InnerSubNav li a:visited
{
    background-image:url(./themes/Navbartile.jpg);
    text-decoration:underline;
}

.InnerSubNav li a:hover, .InnerSubNav li a:active
{
    background-image:url(./themes/Navbartile-o.jpg);
    text-decoration:none;
}
.InnerSubNav li ul {display: none;}

.InnerSubNav li:hover ul { display: block; }


/* cats mini */

.CatsMiniPanelBar
{
    width:186px;
    margin-left:3px;
}

/* Contact */

#ContactLeft
{
    width:295px;
    float:left;
    margin-top:-30px;
}

#ContactRight
{
    width:430px;
    float:right;
}

.G80
{
    display:block; clear:both;
    font-size:10px; color:#ffffff;
    float:right;
}

.G80 a, .G80 a:link,.G80 a:visited,.G80 a:hover,.G80 a:active
{
    color:#e78e3f;
    text-decoration:underline
}

.G80 a:hover,.G80 a:active
{
    text-decoration:none;
}