body
{
    background-image: url(../../Media/Images/background-strip.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    background-position: center top;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    height: 100%;
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

h1, h2, h3, h4, h5
{
    color: #b12127;
    margin: 0 0 10px 0;
    font-family: Tahoma, Verdana;
}

h1
{
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: bold;
}

h2
{
    font-size: 18px;
    line-height: 20px;
}
h3
{
    font-size: 14px;
    line-height: 16px;
}
h4
{
    font-size: 12px;
    line-height: 15px;
}
h5
{
    font-size: 11px;
    line-height: 14px;
}

p
{
    margin: 0 0 10px 0;
}
a
{
    color: #b12127;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
img
{
    padding: 0px;
    border: 0px;
}
form
{
    padding: 0px;
    margin: 0px;
    height: 100%;
}

ul, ol
{
    padding: 10px 0 10px 30px;
}

li
{
    padding: 0 0 0 15px;
}

.link_
{
    text-decoration: none;
    border-bottom: dashed 1px black;
}
.starbullet
{
    list-style-image: url(../../media/images/star-bullet.gif);
    list-style-position: inside;
}
.editortitle
{
    color: #18499d;
    margin: 0px;
    font-size: 12px;
    font-family: Trebuchet MS,Verdana,Arial;
}
.featureBox
{
    padding: 10px;
    border: Solid 1px #CCCCCC;
    background-color: #EEEEEE;
    margin: 15px 0;
}
.featureBox ul
{
    margin-left: 30px;
    margin-top: 10px;
    padding-left: 0;
}
.error
{
    color: #FF0000;
    font-weight: bold;
}
.required
{
    color: #B12127;
    font-weight: bold;
}
.spacer
{
    overflow: hidden;
    height: 0;
    clear: both;
}

/* Used to counter-act the * { margin: 0; } declaration above */
.radiobutton label, .checkbox label
{
    margin-left: 5px;
    margin-right: 15px;
}

/* Toy Catalogue Styles */
#toycatalogue
{
    clear: both;
    width: 196px;
    overflow: hidden;
}
#toycatalogue .header
{
    height: 54px;
    background: url(../../Media/Images/toycatalogue-header.gif) no-repeat;
}
#toycatalogue .details
{
    border-left: solid 1px #943c3c;
    border-right: solid 1px #943c3c;
    overflow: hidden;
}
#toycatalogue .footer
{
    height: 26px;
    background: url(../../Media/Images/toycatalogue-footer.gif) no-repeat;
}

/* Brand Search Styles */
#brandsearch
{
    clear: both;
    width: 196px;
    height: 86px;
    background: url(../../Media/Images/brandsearch-background.gif) no-repeat;
}
#brandsearch .branddropdown
{
    padding-top: 44px;
    padding-left: 15px;
}

/* Guru Club Styles */
#guruclub
{
    clear: both;
    width: 196px;
    overflow: hidden;
    font-family: Trebuchet MS,Verdana,Arial;
}
#guruclub .header
{
    height: 47px; /*height: 55px;*/
    background: url(../../Media/Images/guruclub-header.gif) no-repeat;
}
#guruclub .header a
{
    display: block;
    width: 196px;
    height: 47px;
    text-decoration: none;
}
#guruclub .middle
{
    border-left: solid 1px #943c3c;
    border-right: solid 1px #943c3c;
    background-color: #ffffff;
    padding: 0 10px;
}
#guruclub .middle .contents
{
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

#register .snippetDetails
{
    margin: 0 0 20px 0;
}

#guruclub .middle .contents ul
{
    margin: 0;
    padding: 0;
}

#guruclub .middle .contents ul li, #register .snippetDetails ul li
{
    list-style-image: url(../../media/images/star-bullet.gif);
}

#guruclub .middle .link a
{
    margin-left: 5px;
}

#guruclub .middle .login
{
    margin: 10px 0 0 5px;
    color: #18499D;
}

#guruclub .middle .login a, #guruclub .middle .logout a
{
    margin-top: 10px;
}

#guruclub .middle .logout
{
    padding: 10px 0 0 5px;
}
#guruclub .footer
{
    height: 18px;
    background: url(../../Media/Images/guruclub-footer.gif) no-repeat;
}
/* Promo Panel */
#container .maincontent .rightcontent .rightcontentPromoPanel .header
{
    height: 18px;
    background: url(../../Media/Images/logolinks-header.gif) no-repeat;
}

#container .maincontent .rightcontent .rightcontentPromoPanel .middle
{
    border-left: solid 1px #943c3c;
    border-right: solid 1px #943c3c;
    padding: 0;
    text-align: center;
}

#container .maincontent .rightcontent .rightcontentPromoPanel .footer
{
    height: 18px;
    background: url(../../Media/Images/guruclub-footer.gif) no-repeat;
}


/* Logo Links style */
#container .maincontent .rightcontent .rightcontentLogoLinks .header
{
    height: 18px;
    background: url(../../Media/Images/logolinks-header.gif) no-repeat;
}

#container .maincontent .rightcontent .rightcontentLogoLinks .middle
{
    border-left: solid 1px #943c3c;
    border-right: solid 1px #943c3c;
    padding: 0 10px;
    text-align: center;
}

#container .maincontent .rightcontent .rightcontentLogoLinks .footer
{
    height: 18px;
    background: url(../../Media/Images/guruclub-footer.gif) no-repeat;
}

/******************** FOOTER MENU ********************/
#footer .menu
{
    margin-top: 10px;
    margin-bottom: 5px;
}

#footer .menu .row
{
    text-align: center;
    margin-bottom: 6px;
}

#footer .menu .row a:hover
{
    text-decoration: none;
    color: #18499D;
}

/* Brand Rotator */
#brandrotator
{
    clear: both;
    width: 196px;
    overflow: hidden;
}
#brandrotator ul
{
    margin: 0;
    padding: 0;
}
#brandrotator li
{
    margin: 0;
    padding: 0;
}
#brandrotator .header
{
    height: 19px;
    background: url(../../Media/Images/brandrotator-header.gif) no-repeat;
}
#brandrotator .header a
{
    display: block;
    width: 196px;
    height: 47px;
    text-decoration: none;
}
#brandrotator .details
{
    position: relative;
    border-left: solid 3px #b12127;
    border-right: solid 3px #b12127;
    height: 450px;
    overflow: hidden;
}
#brandrotator .details .rotator
{
    padding-left: 24px;
}
#brandrotator .details .item
{
    padding: 15px 0;
}

#brandrotator .details .transparencyTop, #brandrotator .details .transparencyBottom
{
    position: absolute;
    height: 12px;
    width: 190px;
    overflow: hidden;
    background-repeat: repeat-x;
    z-index: 1000;
}


#brandrotator .details .transparencyTop
{
    top: 0;
    background-image: url(../../Media/Images/rotator-transparency-top.png);
}

#brandrotator .details .transparencyBottom
{
    bottom: 0;
    background-image: url(../../Media/Images/rotator-transparency-bottom.png);
}

#brandrotator .footer
{
    height: 19px;
    background: url(../../Media/Images/brandrotator-footer.gif) no-repeat;
}

#toycataloguemenu
{
    clear: both;
    width: 194px;
    font-family: Trebuchet MS,Verdana,Arial;
}
#toycataloguemenu .tgheader
{
    height: 32px;
    line-height: 32px;
    color: #18499d;
    font-size: 18px;
    padding: 0px 13px;
    border-top: solid 1px #943c3c;
    background-color: #FFFFFF;
    text-transform: uppercase;
    overflow: hidden;
}
#toycataloguemenu .tgitem
{
    border-top: solid 1px #943c3c;
    background-color: #FFFFFF;
    overflow: hidden;
}
#toycataloguemenu .tgitem .tglink
{
    display: block;
    color: #b12127;
    font-size: 12px;
    font-family: Trebuchet MS,Verdana,Arial;
    text-decoration: none;
    margin: 2px 0;
}
#toycataloguemenu .tgitem .tglink:hover
{
    color: #18499d;
}
#toycataloguemenu .tgitem .tglink .tgtext
{
    padding: 0px 13px;
}
#toycataloguemenu .tgitem .tglink .tgtext .tgbullet
{
    color: #18499d;
}

/* Homepage Panels */
#homepagePanels
{
    clear: both;
    margin: 25px 0 0 0;
}

#homepagePanels .fullPanel
{
    clear: both;
    overflow: hidden;
}

#homepagePanels .promoPanel
{
    padding-left: 22px;
}

#homepagePanels .topPanel
{
    margin-top: 13px;
    clear: both;
    overflow: hidden;
}

#homepagePanels .bottomPanel, #homepagePanels .middlePanel, #homepagePanels .promoPanel
{
    margin-top: 13px;
    clear: both;
    overflow: hidden;
}

#homepagePanels .contactPanel
{
    margin-top: 13px;
    clear: both;
    overflow: hidden;
}

#homepagePanels .contactPanel .header
{
    background: url(../../media/images/background-home-full-panel-head.gif) no-repeat;
}

#homepagePanels .contactPanel .panelMain
{
    padding-top: 10px !important;
    width: 521px !important;
}

#homepagePanels .contactPanel #contactUs
{
    margin: 0 !important;
    width: 521px !important;
}

#homepagePanels .contactPanel #contactUs .contactUsTop, #homepagePanels .contactPanel #contactUs .contactUsMiddle, #homepagePanels .contactPanel #contactUs .contactUsBottom
{
    background: none !important;
    border: 0 !important;
}

#homepagePanels .panel
{
    float: left;
    width: 266px;
    height: 226px;
    background: url(../../media/images/background-home-panel.gif) no-repeat;
    overflow: hidden;
}
#homepagePanels .fullPanel .panel
{
    width: 545px;
    height: 226px;
    background: url(../../media/images/background-home-full-panel.gif) no-repeat;
    overflow: hidden;
}

#homepagePanels .panel .header, #homepagePanels .contactPanel .header
{
    clear: both;
    height: 47px;
    line-height: 47px;
    font-family: Comic Sans MS,Verdana,Arial;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px;
    text-indent: 20px;
}

#homepagePanels .panel .header a span.titlelink
{
    float: left;
    font-size: 16px;
    width: 110px;
}
#homepagePanels .panel .header a span.smalllink
{
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding-top: 8px;
    text-indent: 0;
    width: 150px;
    margin: 0;
}


#homepagePanels .panel .header a
{
    color: #FFFFFF;
    text-decoration: none;
}

#homepagePanels .panel .details
{
    clear: both;
    padding: 10px;
    color: #18499D;
}

#homepagePanels .fullPanel .panel .details
{
    height: 140px;
    overflow: hidden;
}

#homepagePanels .delivery, #homepagePanels .latest, #homepagePanels .comingsoon
{
    margin: 0 13px 0 0;
}

#homepagePanels .delivery .header
{
    font-family: Trebuchet MS, Verdana, Arial;
}
#homepagePanels .reviews
{
    margin: 0 13px 0 0;
}
#homepagePanels .reviews .details
{
    padding: 10px 17px;
}
#homepagePanels .reviews .details .readReviews
{
    margin: 12px 0 0 0;
}
#homepagePanels .reviews .details .readReviews a.reviewButton
{
    height: 20px;
    width: 232px;
    line-height: 20px;
    background-image: url(../../Media/Images/review-button.gif);
}
#homepagePanels .reviews .details .readReviews a.reviewButton:hover
{
    background-position: -232px 0;
}
#homepagePanels .reviews .details .readReviews a.reviewButton:active
{
    background-position: 0 0;
}


#homepagePanels .panel .details .item .image
{
    float: left;
    width: 85px;
    height: 140px;
    overflow: hidden;
}

#homepagePanels .panel .details .item .text
{
    float: left;
    margin: 0 0 0 10px;
    width: 151px;
    display: inline;
    font-size: 11px;
    line-height: 14px;
}

#homepagePanels .panel .details .item .text .restrict
{
    clear: both;
    font-family: Trebuchet MS,Verdana,Arial;
    font-size: 11px;
    height: 126px;
    line-height: 14px;
    overflow: hidden;
    margin: 0 0 14px 0;
}

#homepagePanels .specials .details .item .text .restrict .title
{
    font-weight: bold;
}

#homepagePanels .panel .details .item .text .moreInfo a
{
    display: block;
    width: 58px;
    height: 20px;
    background: url(../../media/images/more-button.gif) 0 0 no-repeat;
    text-decoration: none;
}

#homepagePanels .panel .details .item .text .moreInfo a:hover
{
    background-position: -58px 0;
}
#homepagePanels .panel .details .item .text .moreInfo a:active
{
    background-position: 0 0;
}


/* News Articles */
#homepagenewsarticles
{
    clear: both;
}
#homepagenewsarticles .article
{
    clear: both;
    overflow: hidden;
}
#homepagenewsarticles .article .image
{
    float: left;
    width: 84px;
}
#homepagenewsarticles .article .details
{
    float: left;
    width: 152px;
    margin-left: 10px;
    padding: 0px !important;
    clear: none !important;
}
#homepagenewsarticles .article .details .restrict
{
    clear: both;
    font-family: Trebuchet MS,Verdana,Arial;
    font-size: 11px;
    height: 126px;
    line-height: 14px;
    overflow: hidden;
    margin: 0 0 14px 0;
}
#homepagenewsarticles .article .details .restrict .title
{
}
#homepagenewsarticles .article .details .restrict .title a
{
    color: #b12127;
    font-weight: bold;
    text-decoration: none;
}
#homepagenewsarticles .article .details .restrict .title a:hover
{
    text-decoration: underline;
}
#homepagenewsarticles .article .details .restrict .intro
{
}
#homepagenewsarticles .article .details .moreinfo
{
    clear: both;
    height: 20px;
    overflow: hidden;
}
#homepagenewsarticles .article .details .moreinfo a
{
    display: block;
    width: 58px;
    height: 20px;
    background: url(../../media/images/more-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#homepagenewsarticles .article .details .moreinfo a:hover
{
    background-position: -58px 0;
}
#homepagenewsarticles .article .details .moreinfo a:active
{
    background-position: 0px 0;
}

#newsArticles
{
    clear: both;
    font-family: Verdana,Arial;
    width: 545px;
}
#newsArticles .categories
{
    margin: 0 0 20px 0;
}
#newsArticles .date
{
    font-weight: bold;
    margin: 0 0 10px 0;
}
#newsArticles .article
{
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}
#newsArticles .article .image
{
    float: left;
    width: 100px;
}
#newsArticles .article .text
{
    float: left;
    width: 445px;
}
#newsArticles .article .text .headline
{
}
#newsArticles .article .text .headline a
{
    font-size: 14px;
    font-weight: bold;
    color: #18499d;
}
#newsArticles .article .text .intro
{
    margin-top: 5px;
}
#newsArticles .article .text .moreInfo
{
    margin-top: 5px;
}
#newsArticles .article .text .moreInfo a
{
    display: block;
    width: 58px;
    height: 20px;
    background: url(../../media/images/more-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#newsArticles .article .text .moreInfo a:hover
{
    background-position: -58px 0;
}
#newsArticles .article .text .moreInfo a:active
{
    background-position: 0px 0;
}

#newsArticle
{
    clear: both;
    font-family: Verdana,Arial;
    width: 545px;
}
#newsArticle .heading
{
    font-size: 18px;
    font-weight: bold;
    color: #18499d;
}
#newsArticle .publishOnDate
{
    color: #666666;
    margin-top: 10px;
}
#newsArticle .intro
{
    margin-top: 20px;
    font-style: italic;
}
#newsArticle .body
{
    margin-top: 20px;
    overflow: hidden;
}
#newsArticle .body .wrappingContainer
{
    float: left;
}
#newsArticle .body .wrappingContainer .image-right
{
    float: right;
    vertical-align: text-top;
    padding: 0px 0px 10px 10px;
}
#newsArticle .moreInfo
{
    clear: both;
    color: #666666;
    margin-top: 20px;
}
#newsArticle .moreInfo a
{
    color: #0000ff;
    text-decoration: none;
}
#newsArticle .moreInfo a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
#newsArticle .latest
{
    clear: both;
    margin-top: 20px;
}

/******************** FREQUENTLY ASKED QUESTIONS ********************/
#frequentlyAskedQuestions
{
    font-family: Trebuchet MS, Verdana, Arial;
}

#frequentlyAskedQuestions a.category
{
    display: block;
    position: relative;
    padding: 6px 0 6px 14px;
    border-left: Solid 1px #18499D;
    border-right: Solid 1px #18499D;
    border-bottom: Solid 1px #18499D;
    background-color: #102F6B;
    background-image: url(../../Media/Images/faq-background.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 14px;
    text-transform: uppercase;
}

#frequentlyAskedQuestions a.category:hover
{
    text-decoration: none;
    background-image: url(../../Media/Images/faq-background-hover.gif);
    background-color: #2E4D89;
}

#frequentlyAskedQuestions a.category .arrow
{
    position: absolute;
    top: 9px;
    right: 18px;
    background-image: url(../../Media/Images/faq-arrow.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 11px;
    height: 6px;
    overflow: hidden;
    cursor: pointer;
}

#frequentlyAskedQuestions a.question
{
    display: block;
    padding: 6px 0 6px 14px;
    background-color: #E3EDFF;
    color: #B12127;
    font-weight: bold;
    border: Solid 1px #18499D;
    border-top: none;
}

#frequentlyAskedQuestions a.question .text
{
    background-image: url(../../Media/Images/faq-expand.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 14px 0 0;
}

#frequentlyAskedQuestions .answer
{
    padding: 6px 20px 6px 14px;
    border: Solid 1px #18499D;
    border-top: none;
}

#frequentlyAskedQuestions .answer a.title
{
    font-weight: bold;
    background-image: url(../../Media/Images/faq-expand.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 14px 0 0;
}

#frequentlyAskedQuestions .answer .text
{
    margin: 12px 0 0 0;
}


#frequentlyAskedQuestions .top
{
    border-top: Solid 1px #18499D;
}

/******************** SHOPPING CART STATUS ********************/
#shoppingCartStatus
{
    clear: both;
    font-family: Trebuchet MS,Verdana,Arial;
    font-size: 11px;
    line-height: 19px;
}

#shoppingCartStatus .cartTotals, #shoppingCartStatus .freightShipping, #shoppingCartStatus .total
{
    overflow: hidden;
    margin: 0 0 0 4px;
}

#shoppingCartStatus .total
{
    margin-bottom: 3px;
}

#shoppingCartStatus .cartTotals .cartItems, #shoppingCartStatus .freightShipping .freightPoints, #shoppingCartStatus .total .text
{
    float: left;
    width: 104px;
}

#shoppingCartStatus .cartTotals .itemsCount, #shoppingCartStatus .cartTotals .itemsTotal, #shoppingCartStatus .freightShipping .freightPoints .points, #shoppingCartStatus .freightShipping .shippingCost, #shoppingCartStatus .total
{
    font-weight: bold;
    color: #B12127;
}

#shoppingCartStatus .cartTotals .itemsTotal, #shoppingCartStatus .freightShipping .shippingCost, #shoppingCartStatus .total .value
{
    float: right;
    text-align: right;
    width: 50px;
    margin-right: 15px;
    display: inline;
}

#shoppingCartStatus .buttons
{
    clear: both;
    overflow: hidden;
}
#shoppingCartStatus .buttons .viewcart
{
    float: left;
    height: 25px;
}
#shoppingCartStatus .buttons .viewcart a
{
    display: block;
    width: 77px;
    height: 25px;
    background: url(../../Media/Images/viewcart-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#shoppingCartStatus .buttons .viewcart a:hover
{
    background-position: -77px 0;
}
#shoppingCartStatus .buttons .viewcart a:active
{
    background-position: 0px 0;
}
#shoppingCartStatus .buttons .checkout
{
    float: left;
    height: 25px;
    margin-left: 10px;
}
#shoppingCartStatus .buttons .checkout a
{
    display: block;
    width: 77px;
    height: 25px;
    background: url(../../Media/Images/checkout-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#shoppingCartStatus .buttons .checkout a:hover
{
    background-position: -77px 0;
}
#shoppingCartStatus .buttons .checkout a:active
{
    background-position: 0px 0;
}
#shoppingCartStatus .emptycart
{
    height: 50px;
    font-size: 14px;
}


/******************** GURU SEARCH ********************/
.guruSearchText
{
    width: 350px;
    margin: 10px 0 20px 0;
}

#guruSearch
{
    position: relative;
    font-family: Trebuchet MS, Verdana, Arial;
}

#guruSearch .guru
{
    position: absolute;
    z-index: 0;
    right: 25px;
    top: -118px;
    display: block;
    width: 171px;
    height: 376px;
    background-image: url(../../Media/Images/guru-search-body.png);
}

#guruSearch .guruArm
{
    position: absolute;
    z-index: 0;
    top: -19px;
    right: 196px;
    display: block;
    width: 72px;
    height: 32px;
    background-image: url(../../Media/Images/guru-search-arm.png);
}

#guruSearch .top, #guruSearch .bottom
{
    width: 444px;
    height: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#guruSearch .top
{
    background-image: url(../../Media/Images/gurusearch-top.gif);
}
#guruSearch .bottom
{
    background-image: url(../../Media/Images/gurusearch-bottom.gif);
}

#guruSearch .details
{
    border-left: Solid 3px #18499D;
    border-right: Solid 3px #18499D;
    background-color: #FFFFFF;
    padding: 0 12px 12px 12px;
    width: 414px;
    z-index: 100;
}

#guruSearch .details .gender, #guruSearch .details .age, #guruSearch .details .budget
{
    border-bottom: Solid 1px #18499D;
    padding: 8px 0 8px 5px;
    overflow: hidden;
}

#guruSearch .details .likes
{
    padding: 8px 0 0 5px;
}

#guruSearch .details .gender .title, #guruSearch .details .age .title, #guruSearch .details .budget .title, #guruSearch .details .likes .title
{
    font-family: Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    padding-right: 10px;
    color: #B12127;
}

#guruSearch .details .likes .title
{
    margin: 0 0 15px 0;
}

#guruSearch .details .gender .title, #guruSearch .details .age .title, #guruSearch .details .budget .title
{
    float: left;
}

#guruSearch .details .gender .radioButtonList td
{
    width: 90px;
}
#guruSearch .details .age .radioButtonList td
{
    padding: 0 8px 0 0;
    z-index: 1000;
}
#guruSearch .details .budget .radioButtonList td
{
    padding: 0 6px 0 0;
}

#guruSearch .details .likes .list
{
    margin: 0 0 10px 0;
}

#guruSearch .details .likes .list td
{
    padding: 5px 0;
    width: 120px;
}

#guruSearch .details .likes .textbox
{
    border: solid 1px #18499d;
}

#guruSearch .details .searchButton
{
    margin: 25px 0 0 0;
}

#guruSearch .details .searchButton a
{
    display: block;
    width: 185px;
    height: 30px;
    background-image: url(../../Media/Images/helpmesearch-button.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#guruSearch .details .searchButton a:hover
{
    background-position: -185px 0;
}

#guruSearch .details .searchButton a:active
{
    background-position: 0 0;
}


/******************** PRODUCTS / PRODUCT RELATED ********************/
#helpMessage
{
    padding: 5px;
    margin: 10px 0;
    border: Solid 2px #18499D;
    background-color: #FFFFFF;
    font-size: 11px;
}
#productDetails #helpMessage
{
    margin-left: 134px;
    width: 175px;
}

#products .paging
{
    font-size: 14px;
    overflow: hidden;
    font-family: Trebuchet MS, Verdana, Arial;
}
#products .paging .currentPage
{
    color: #18499D;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#products .paging .pageLinks
{
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0 0 0;
    color: #2453A2;
    overflow: hidden;
}

#products .paging .pageLinks .results
{
    float: left;
    padding: 4px 0;
}

#products .paging .pageLinks ul
{
    padding: 0 0 0 12px;
    float: left;
}

#products .paging .pageLinks ul li
{
    list-style-type: none;
    float: left;
    padding-left: 0;
}

#products .paging .pageLinks ul li a
{
    border: Solid 1px #2453A2;
    color: #2453A2;
    margin: 0 1px;
    padding: 4px;
    display: block;
    line-height: 1;
    background-color: #FFFFFF;
}

#products .paging .pageLinks ul li a:hover, #products .paging .pageLinks ul li a.selected
{
    color: #FFFFFF;
    background-color: #2453A2;
    text-decoration: none;
}

#products .listing
{
    clear: both;
    overflow: hidden;
    margin: 15px 0 5px 0;
}

#products .product .top, #productDetails .product .top, #products .product .bottom, #productDetails .product .bottom
{
    height: 8px;
    overflow: hidden;
}

#products .product .top, #productDetails .product .top
{
    background-image: url(../../Media/Images/products-top.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#products .product .bottom, #productDetails .product .bottom
{
    background-image: url(../../Media/Images/products-bottom.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#products .product .middle, #productDetails .product .middle
{
    clear: both;
    width: 537px;
    overflow: hidden;
    border-left: solid 3px #18499D;
    border-right: solid 3px #18499D;
    background-color: #FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial;
}


#products
{
    clear: both;
    font-family: Trebuchet MS,Verdana,Arial;
}
#products .product
{
    width: 543px;
    margin-bottom: 10px;
}
#products .product .middle
{
    clear: both;
    width: 537px;
    border-left: solid 3px #18499d;
    border-right: solid 3px #18499d;
    background-color: #ffffff;
}
#products .product .middle .main
{
    clear: both;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 8px;
}
* html #products .product .middle .main
{
    display: inline;
}
#products .product .middle .main .image
{
    float: left;
    width: 85px;
    text-align: center;
}
#products .product .middle .main .details
{
    float: left;
    width: 426px;
    margin-left: 10px;
}
#products .product .middle .main .details .topcontent
{
    clear: both;
    overflow: hidden;
}
#products .product .middle .main .details .topcontent .information
{
    float: left;
    width: 266px;
}
#products .product .middle .main .details .topcontent .information h1
{
    clear: both;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    font-family: Trebuchet MS, Verdana, Arial;
}
#products .product .middle .main .details .topcontent .information .synopsis
{
    clear: both;
    line-height: 14px;
}
#products .product .middle .main .details .topcontent .shoppingcart
{
    float: left;
    width: 150px;
    margin-left: 10px;
}
#products .product .middle .main .details .topcontent .shoppingcart .price
{
    clear: both;
    text-align: right;
    font-size: 24px;
    line-height: 26px;
    color: #b12127;
    font-weight: bold;
}
#products .product .middle .main .details .topcontent .shoppingcart .incgst
{
    clear: both;
    text-align: right;
    font-size: 10px;
}
#products .product .middle .main .details .topcontent .shoppingcart .freightPoints
{
    font-size: 10px;
    text-align: right;
    margin: 3px 0;
}
#products .product .middle .main .details .topcontent .shoppingcart .freightPoints .value
{
    font-weight: bold;
    font-size: 18px;
    color: #B12127;
}
#products .product .middle .main .details .topcontent .shoppingcart .inStock
{
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    margin: 2px 0 6px 0;
}
#products .product .middle .main .details .topcontent .shoppingcart .inStock img
{
    margin: 0 0 0 3px;
}
#products .product .middle .main .details .bottomcontent
{
    clear: both;
    overflow: hidden;
}
#products .product .middle .main .details .bottomcontent .moredetails
{
    float: left;
    width: 112px;
}
#products .product .middle .main .details .bottomcontent .moredetails a
{
    display: block;
    width: 112px;
    height: 20px;
    background: url(../../Media/Images/moredetails-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#products .product .middle .main .details .bottomcontent .moredetails a:hover
{
    background-position: -112px 0;
}
#products .product .middle .main .details .bottomcontent .moredetails a:active
{
    background-position: 0px 0;
}
#products .product .middle .main .details .bottomcontent .addToCart
{
    float: left;
    width: 304px;
    margin-left: 10px;
}
#products .product .middle .main .details .bottomcontent .addToCart .quantity
{
    float: right;
    font-size: 10px;
}
#products .product .middle .main .details .bottomcontent .addToCart .quantity input
{
    width: 55px;
    font-size: 12px;
    border: solid 1px #18499d;
}
#products .product .middle .main .details .bottomcontent .addToCart .addToCartButton
{
    float: right;
    margin-left: 10px;
}
#products .product .middle .main .details .bottomcontent .addToCart .addToCartButton a
{
    display: block;
    width: 112px;
    height: 20px;
    background: url(../../Media/Images/addtocart-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#products .product .middle .main .details .bottomcontent .addToCart .addToCartButton a:hover
{
    background-position: -112px 0;
}
#products .product .middle .main .details .bottomcontent .addToCart .addToCartButton a:active
{
    background-position: 0px 0;
}

#products .product .middle .main .details .bottomcontent .addToCart .addToCartButton a.addToCartClicked, #products .product .middle .main .details .bottomcontent .addToCart .addToCartButton a.addToCartClicked:hover
{
    background-image: url(../../Media/Images/addingtocart-button.gif);
    background-position: 0 0;
}

#products .product .bottom
{
    clear: both;
    height: 8px;
    background: url(../../Media/Images/products-bottom.gif) no-repeat;
    font-size: 1px;
}

#productDetails
{
    position: relative;
}
#productDetails .product .middle .content
{
    margin: 2px 8px 0 6px;
    float: none;
    width: 523px !important;
}

#productDetails .product .middle .content #fullImageDiv
{
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    z-index: 1000;
    text-align: center;
    width: 543px;
}

#productDetails .product .middle .content #fullImageDiv .contentArea
{
    border-left: Solid 3px #18499D;
    border-right: Solid 3px #18499D;
    background-color: #FFFFFF;
}

#productDetails .product .middle .content #fullImageDiv .contentArea .header
{
    overflow: hidden;
    margin: 0 5px 10px 5px;
}

#productDetails .product .middle .content #fullImageDiv .contentArea .header .title, #productDetails .product .middle .content #fullImageDiv .contentArea .header .close
{
    float: left;
    width: 260px;
}

#productDetails .product .middle .content #fullImageDiv .contentArea .header .title h1
{
    text-align: left;
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

#productDetails .product .middle .content #fullImageDiv .contentArea .header .close
{
    text-align: right;
}

#productDetails .product .middle .content #fullImageDiv .contentArea .image
{
    height: 570px;
    overflow: auto;
}

#productDetails .product .middle .content .images
{
    float: left;
    width: 183px;
    margin: 0 17px 0 0;
}
#productDetails .product .middle .content .images .mainImage
{
    border: Solid 1px #18499D;
    margin: 0 0 10px 0;
    position: relative;
}
#productDetails .product .middle .content .images .mainImage a
{
    text-decoration: none;
}
#productDetails .product .middle .content .images .mainImage .enlarge
{
    position: absolute;
    top: 1;
    right: 0;
    display: block;
    background-image: url(../../Media/Images/product-enlarge.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    text-decoration: none;
    cursor: pointer;
}
#productDetails .product .middle .content .images .row
{
    overflow: hidden;
    margin: 0 0 10px 0;
}
#productDetails .product .middle .content .images .row .left
{
    margin-right: 9px;
}
#productDetails .product .middle .content .images .row .smallImage
{
    border: Solid 1px #18499D;
    width: 85px;
    float: left;
    position: relative;
}
#productDetails .product .middle .content .images .row .smallImage a
{
    text-decoration: none;
}
#productDetails .product .middle .content .images .row .smallImage .enlarge
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-image: url(../../Media/Images/product-enlarge.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    text-decoration: none;
    cursor: pointer;
}
#productDetails .product .middle .content .details
{
    float: left;
    width: 323px;
}
#productDetails .product .middle .content .details .fixedContent h1
{
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    line-height: 16px;
}
#productDetails .product .middle .content .details .fixedContent .description .text
{
    margin: 0 0 18px 0;
}
#productDetails .product .middle .content .details .fixedContent .description .itemHeader
{
    font-family: Trebuchet MS, Verdana, Arial;
    color: #18499D;
    font-size: 12px;
}
#productDetails .product .middle .content .details .shoppingCart .pricing
{
    text-align: right;
    font-size: 12px;
    color: #000000;
    margin: 0 0 12px 0;
}
#productDetails .product .middle .content .details .shoppingCart .pricing .price
{
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    color: #B12127;
    line-height: 1;
}
#productDetails .product .middle .content .details .shoppingCart .moreDetails
{
    margin: 18px 0 0 0;
    overflow: hidden;
}
#productDetails .product .middle .content .details .shoppingCart .moreDetails .inStock
{
    float: left;
    width: 188px;
    text-transform: uppercase;
    text-align: right;
    margin-top: 4px;
}
#productDetails .product .middle .content .details .shoppingCart .moreDetails .inStock img
{
    margin: 0 0 0 3px;
}
#productDetails .product .middle .content .details .shoppingCart .moreDetails .freightPoints
{
    float: left;
    font-size: 10px;
    text-align: right;
    width: 135px;
}
#productDetails .product .middle .content .details .shoppingCart .moreDetails .freightPoints .value
{
    font-weight: bold;
    font-size: 18px;
    color: #B12127;
}
#productDetails .product .middle .content .details .addToCart
{
    font-size: 10px;
    text-align: right;
    margin: 20px 0 0 0;
    width: 323px;
    overflow: hidden;
}
#productDetails .product .middle .content .details .addToCart .quantity
{
    float: right;
}
#productDetails .product .middle .content .details .addToCart .quantity input#qtyTextBox
{
    width: 50px;
    font-size: 12px;
    border: Solid 1px #18499D;
}
#productDetails .product .middle .content .details .addToCart .addToCartButton
{
    float: right;
    margin-left: 10px;
    width: 112px;
}
#productDetails .product .middle .content .details .addToCart .addToCartButton a
{
    display: block;
    float: right;
    width: 112px;
    height: 20px;
    background: url(../../Media/Images/addtocart-button.gif) 0 0 no-repeat;
    text-decoration: none;
}
#productDetails .product .middle .content .details .addToCart .addToCartButton a:hover
{
    background-position: -112px 0;
}
#productDetails .product .middle .content .details .addToCart .addToCartButton a:active
{
    background-position: 0px 0;
}

#products .product .middle .main .details .outputMessage, #productDetails .product .middle .content .details .outputMessage
{
    margin: 10px 0;
    border: 2px solid #FF0000;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

#products .product .middle .main .details .outputMessage
{
    width: 412px;
}
#productDetails .product .middle .content .details .outputMessage
{
    width: 309px;
}

#productDetails .product .middle .content .details .shoppingCart .addToCart .addToCartButton a.addToCartClicked, #productDetails .product .middle .content .details .shoppingCart .addToCart .addToCartButton a.addToCartClicked:hover
{
    background-image: url(../../Media/Images/addingtocart-button.gif);
    background-position: 0 0;
}


#productDetails .backToSearch
{
    margin: 10px 2px 0 0;
}
#productDetails .backToSearchTop
{
    position: absolute;
    right: 2px;
    top: -30px;
}

#productDetails .backToSearch a, #productDetails .backToSearchTop a
{
    display: block;
    float: right;
    width: 172px;
    height: 20px;
    background: url(../../Media/Images/backtosearch-button.gif);
    background-position: 0 0;
    text-decoration: none;
}

#productDetails .backToSearch a:hover, #productDetails .backToSearchTop a:hover
{
    background-position: -172px 0;
    text-decoration: none;
}

#productDetails .backToSearch a:active, #productDetails .backToSearchTop a:active
{
    background-position: 0 0;
}


/******************** GENERIC SHOPPING CART STYLING ********************/
table#shoppingCartProcess
{
    font-family: Trebuchet MS, Verdana, Arial;
}

table#shoppingCartProcess td.header
{
    font-size: 16px;
    font-weight: bold;
    color: #B12127;
}

table#shoppingCartProcess td.active, table#shoppingCartProcess td.inactive
{
    width: 135px;
    text-align: center;
}

table#shoppingCartProcess td.active
{
    font-weight: bold;
    color: #B12127;
}

#cmsShoppingCart
{
    font-family: Trebuchet MS, Verdana, Arial;
}

#cmsShoppingCart .heading
{
    font-weight: bold;
}

#cmsShoppingCart table.cartHeader
{
    width: 100%;
}

#cmsShoppingCart table.cartHeader td
{
    padding: 5px 3px;
    font-weight: bold;
    border-bottom: Solid 3px #18499D;
}

#cmsShoppingCart table.cartHeader td.description
{
    width: 371px;
}

#cmsShoppingCart table.cartHeader td.quantity
{
    width: 30px;
    text-align: center;
}

#cmsShoppingCart table.cartHeader td.subTotal, #cmsShoppingCart table.cartHeader td.total
{
    width: 60px;
}

#cmsShoppingCart table.cartHeader td.subTotal, #cmsShoppingCart table.cartHeader td.total
{
    text-align: right;
}

#cmsShoppingCart .cartContents
{
    padding-bottom: 0 !important;
}

#cmsShoppingCart .cartContents table.cartContent td
{
    border-bottom: Solid 1px #18499D;
    padding: 5px 3px;
    vertical-align: middle;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td.couponTotalClass
{
    padding: 5px 3px;
}

#cmsShoppingCart .cartContents table.cartContent td input
{
    border: Solid 1px #18499D;
}

#cmsShoppingCart .cartContents table.cartContent td.delete
{
    width: 20px;
}

#cmsShoppingCart .cartContents table.cartContent td.description
{
    width: 345px;
}

#cmsShoppingCart .cartContents table.cartContent td.quantity, #cmsShoppingCart .cartContents table.cartContent td.quantity input
{
    width: 30px;
}

#cmsShoppingCart .cartContents table.cartContent td.subTotal, #cmsShoppingCart .cartContents table.cartContent td.total
{
    width: 60px;
    text-align: right;
}

#cmsShoppingCart .cartContents table.cartContent td.subTotal
{
    font-weight: bold;
}

#cmsShoppingCart .cartContents .cartContent .lineItemDescriptionClass
{
    width: 371px !important;
}

#cmsShoppingCart .cartContents .cartContent .lineItemQuantityClass
{
    width: 32px !important;
    text-align: center;
}

#cmsShoppingCart .cartContents .cartContent .lineItemTotalClass, #cmsShoppingCart .cartContents .cartContent .lineItemSubTotalClass
{
    width: 60px !important;
    padding-left: 3px !important;
}

#cmsShoppingCart .totals
{
    overflow: hidden;
}

#cmsShoppingCart .totals .freightPoints
{
    float: left;
    padding: 3px 0 0 3px;
}

#cmsShoppingCart .totals .cartTotals
{
    float: right;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td
{
    padding: 0;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td hr
{
    display: none;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td.itemsTotalHeadingClass, #cmsShoppingCart .totals .cartTotals table.cartTotal td.freightAndHandlingTotalHeadingClass, #cmsShoppingCart .totals .cartTotals table.cartTotal td.finalTotalHeadingClass
{
    width: 130px;
    padding: 5px 3px;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td.itemsTotalClass, #cmsShoppingCart .totals .cartTotals table.cartTotal td.freightAndHandlingTotalClass, #cmsShoppingCart .totals .cartTotals table.cartTotal td.finalTotalClass
{
    width: 60px;
    padding: 5px 3px;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td.finalTotalHeadingClass, #cmsShoppingCart .totals .cartTotals table.cartTotal td.finalTotalClass
{
    border-top: Solid 3px #18499D;
}

#cmsShoppingCart .totals .cartTotals table.cartTotal td.includesGstTotalClass
{
    display: none;
}

#cmsShoppingCart .outputMessage
{
    border: Solid 2px #FF0000;
    font-weight: bold;
    width: 530px;
    margin: 10px 0;
    padding: 5px;
}

#cmsShoppingCart .navigationControls
{
    padding: 20px 0 0 0;
    clear: both;
    overflow: hidden;
}

#cmsShoppingCart .navigationControls .clearButton, #cmsShoppingCart .navigationControls .proceedButton
{
    float: left;
    width: 272px;
}

#cmsShoppingCart .navigationControls .clearButton
{
    padding-top: 0 !important;
    text-align: left !important;
}

#cmsShoppingCart .navigationControls .proceedButton
{
    text-align: right;
}

#collectDetails .outputMessage
{
    margin: 10px 0;
    border: 2px solid #FF0000;
    padding: 5px;
    font-weight: bold;
    width: 530px;
}

#collectDetails, #confirmOrder, #receipt
{
    font-family: Trebuchet MS, Verdana, Arial;
}

#collectDetails .contactDetails, #collectDetails .deliveryDetails, #collectDetails .specialInstructions, #confirmOrder .contactDetails, #confirmOrder .deliveryDetails, #confirmOrder .specialInstructions, #receipt .transactionDetails, #receipt .contactDetails, #receipt .deliveryDetails, #receipt .paymentDetails, #receipt .specialInstructions
{
    margin: 0 0 15px 0;
    overflow: hidden;
    clear: both;
}

#collectDetails .paymentDetails
{
    margin: 0 0 5px 0;
}

#collectDetails .navigationControls
{
    margin: 15px 0 0 0;
}

#collectDetails .contactDetails .heading, #collectDetails .deliveryDetails .heading, #collectDetails .specialInstructions .heading, #collectDetails .paymentDetails .heading, #confirmOrder .contactDetails .heading, #confirmOrder .deliveryDetails .heading, #confirmOrder .specialInstructions .heading, #confirmOrder .paymentDetails .heading, #receipt .transactionDetails .heading, #receipt .contactDetails .heading, #receipt .deliveryDetails .heading, #receipt .paymentDetails .heading, #receipt .specialInstructions .heading
{
    font-size: 14px;
    margin: 0 0 4px 0;
    color: #B12127;
    font-weight: bold;
}

#collectDetails .deliveryDetails .billingAddress, #collectDetails .deliveryDetails .deliveryAddress, #confirmOrder .deliveryDetails .billingAddress, #confirmOrder .deliveryDetails .deliveryAddress, #receipt .deliveryDetails .billingAddress, #receipt .deliveryDetails .deliveryAddress
{
    float: left;
    width: 265px;
    display: inline;
}

#collectDetails .deliveryDetails .billingAddress, #confirmOrder .deliveryDetails .billingAddress, #receipt .deliveryDetails .billingAddress
{
    margin: 0 15px 0 0;
}

#collectDetails .deliveryDetails .billingAddress .heading, #collectDetails .deliveryDetails .deliveryAddress .heading, #confirmOrder .deliveryDetails .billingAddress .heading, #confirmOrder .deliveryDetails .deliveryAddress .heading, #receipt .deliveryDetails .billingAddress .heading, #receipt .deliveryDetails .deliveryAddress .heading
{
    color: #000000;
    font-size: 12px;
}

#collectDetails .contactDetails .details table td, #collectDetails .deliveryDetails .billingAddress .details table td, #collectDetails .deliveryDetails .deliveryAddress .details table td, #confirmOrder .contactDetails .details table td, #confirmOrder .deliveryDetails .billingAddress .details table td, #confirmOrder .deliveryDetails .deliveryAddress .details table td, #confirmOrder .paymentDetails .details table td, #receipt .contactDetails .details table td, #receipt .deliveryDetails .billingAddress .details table td, #receipt .deliveryDetails .deliveryAddress .details table td, #receipt .paymentDetails .details table td
{
    padding: 3px;
}

#collectDetails .contactDetails .details table td.label, #confirmOrder .contactDetails .details table td.label, #confirmOrder .paymentDetails .details table td.label, #receipt .contactDetails .details table td.label
{
    width: 150px;
}

#collectDetails .deliveryDetails .billingAddress .details table td.label, #collectDetails .deliveryDetails .deliveryAddress .details table td.label, #confirmOrder .deliveryDetails .billingAddress .details table td.label, #confirmOrder .deliveryDetails .deliveryAddress .details table td.label, #receipt .deliveryDetails .billingAddress .details table td.label, #receipt .deliveryDetails .deliveryAddress .details table td.label
{
    width: 75px;
    vertical-align: top;
}

#collectDetails .contactDetails .details table td input, #collectDetails .deliveryDetails .billingAddress .details table td input, #collectDetails .deliveryDetails .billingAddress .details table td select, #collectDetails .deliveryDetails .deliveryAddress .details table td input, #collectDetails .deliveryDetails .deliveryAddress .details table td select, #collectDetails .specialInstructions textarea, #confirmOrder .paymentDetails .details table td .textbox, #confirmOrder .paymentDetails .details table td select
{
    border: Solid 1px #18499D;
}

#collectDetails .deliveryDetails .billingAddress .details table td select, #collectDetails .deliveryDetails .deliveryAddress .details table td select
{
    margin-bottom: 0;
}

/******************** SHOPPING CART BUTTONS ********************/
#collectDetails .navigationControls .backClearButtons, #confirmOrder .navigationControls .backButton, #receipt .navigationControls .printButton
{
    float: left;
    width: 270px;
}

#cmsShoppingCart .navigationControls .proceedButton, #collectDetails .navigationControls .proceedButton, #confirmOrder .navigationControls .proceedButton
{
    float: right;
    width: 270px;
    text-align: right;
}

#cmsShoppingCart .navigationControls .clearButton a, #cmsShoppingCart .navigationControls .proceedButton a, #cmsShoppingCart .cartCoupon .couponSubmitButton, #cmsShoppingCart .cartCoupon .couponRemoveButton, #collectDetails .navigationControls .backClearButtons .backButton a, #collectDetails .navigationControls .backClearButtons .clearButton a, #collectDetails .navigationControls .proceedButton a, #confirmOrder .navigationControls .backButton a, #confirmOrder .navigationControls .proceedButton a, #receipt .navigationControls .printButton a, #receipt .navigationControls .homeButton a
{
    display: block;
    width: 77px;
    height: 25px;
    overflow: hidden;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#cmsShoppingCart .cartCoupon .couponSubmitButton, #cmsShoppingCart .cartCoupon .couponRemoveButton
{
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
}

#cmsShoppingCart .navigationControls .proceedButton a, #collectDetails .navigationControls .proceedButton a, #confirmOrder .navigationControls .proceedButton a
{
    margin-left: 193px;
}

#cmsShoppingCart .navigationControls .clearButton a
{
    background-image: url(../../Media/Images/clear-button.gif);
}
#cmsShoppingCart .navigationControls .proceedButton a
{
    background-image: url(../../Media/Images/next-button.gif);
}
#cmsShoppingCart .cartCoupon .couponSubmitButton
{
    background-image: url(../../Media/Images/coupon-submit-button.gif);
}
#cmsShoppingCart .cartCoupon .couponRemoveButton
{
    background-image: url(../../Media/Images/coupon-remove-button.gif);
}
#collectDetails .navigationControls .backClearButtons .backButton a
{
    background-image: url(../../Media/Images/back-button.gif);
}
#collectDetails .navigationControls .backClearButtons .clearButton a
{
    background-image: url(../../Media/Images/clear-button.gif);
}
#collectDetails .navigationControls .proceedButton a
{
    background-image: url(../../Media/Images/next-button.gif);
}
#confirmOrder .navigationControls .backButton a
{
    background-image: url(../../Media/Images/back-button.gif);
}
#confirmOrder .navigationControls .proceedButton a
{
    background-image: url(../../Media/Images/confirm-button.gif);
}
#receipt .navigationControls .printButton a
{
    background-image: url(../../Media/Images/print-button.gif);
}
#receipt .navigationControls .homeButton a
{
    background-image: url(../../Media/Images/home-button.gif);
}

#cmsShoppingCart .navigationControls .clearButton a:hover, #cmsShoppingCart .navigationControls .proceedButton a:hover, #cmsShoppingCart .cartCoupon .couponSubmitButton:hover, #cmsShoppingCart .cartCoupon .couponRemoveButton:hover, #collectDetails .navigationControls .backClearButtons .backButton a:hover, #collectDetails .navigationControls .backClearButtons .clearButton a:hover, #collectDetails .navigationControls .proceedButton a:hover, #confirmOrder .navigationControls .backButton a:hover, #confirmOrder .navigationControls .proceedButton a:hover, #receipt .navigationControls .printButton a:hover, #receipt .navigationControls .homeButton a:hover
{
    background-position: -77px 0;
}

#cmsShoppingCart .navigationControls .clearButton a:active, #cmsShoppingCart .navigationControls .proceedButton a:active, #collectDetails .navigationControls .backClearButtons .backButton a:active, #collectDetails .navigationControls .backClearButtons .clearButton a:active, #collectDetails .navigationControls .proceedButton a:active, #confirmOrder .navigationControls .backButton a:active, #confirmOrder .navigationControls .proceedButton a:active, #receipt .navigationControls .printButton a:active, #receipt .navigationControls .homeButton a:active
{
    background-position: 0 0;
}


/******************** COLLECT DETAILS ********************/
#collectDetails .specialInstructions .details
{
    overflow: hidden;
    margin: 0 0 3px 0;
}

#collectDetails .specialInstructions .details .giftTagMessage, #collectDetails .specialInstructions .details .example
{
    float: left;
}

#collectDetails .specialInstructions .details .giftTagMessage
{
    width: 352px;
    padding: 0 15px 0 0;
}

#collectDetails .specialInstructions .details .example
{
    width: 175px;
}

#collectDetails .specialInstructions .footnote
{
    font-style: italic;
    font-size: 11px;
}

#collectDetails .navigationControls .backClearButtons .backButton, #collectDetails .navigationControls .backClearButtons .clearButton
{
    float: left;
    display: inline;
}
#collectDetails .navigationControls .backClearButtons .clearButton
{
    margin-left: 10px;
}


/******************** CONFIRM ORDER ********************/
#confirmOrder .paymentDetails
{
    margin: 0 0 5px 0;
}

#confirmOrder .navigationControls
{
    margin: 15px 0 0 0;
}

#confirmOrder .paymentDetails .details table td .ccv
{
    font-size: 11px;
}

/******************** RECIEPT ********************/
#receipt .paymentDetails .details table td.longlabel
{
    width: 150px;
}

#receipt .navigationControls
{
    overflow: hidden;
}

#receipt .navigationControls .homeButton
{
    float: right;
    width: 77px;
    margin-left: 193px;
    text-align: right;
}

/******************** FORMS ********************/
#subscribeNewsletter, #unsubscribeNewsletter, #contactUs, #register, #login, #updateDetails, #forgotYourPassword
{
    margin: 0 0 30px 0;
    width: 543px;
}

#subscribeNewsletter .subscribeNewsletterTop, #subscribeNewsletter .subscribeNewsletterBottom, #unsubscribeNewsletter .unsubscribeNewsletterTop, #unsubscribeNewsletter .unsubscribeNewsletterBottom, #contactUs .contactUsTop, #contactUs .contactUsBottom, #register .registerTop, #register .registerBottom, #login .loginTop, #login .loginBottom, #updateDetails .updateDetailsTop, #updateDetails .updateDetailsBottom, #forgotYourPassword .forgotYourPasswordTop, #forgotYourPassword .forgotYourPasswordBottom, #homepagePanels .contactPanel .panelBottom
{
    height: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
}

#subscribeNewsletter .subscribeNewsletterTop, #unsubscribeNewsletter .unsubscribeNewsletterTop, #contactUs .contactUsTop, #register .registerTop, #login .loginTop, #updateDetails .updateDetailsTop, #forgotYourPassword .forgotYourPasswordTop
{
    margin: 10px 0 0 0;
    background-image: url(../../Media/Images/products-top.gif);
}

#subscribeNewsletter .subscribeNewsletterBottom, #unsubscribeNewsletter .unsubscribeNewsletterBottom, #contactUs .contactUsBottom, #register .registerBottom, #login .loginBottom, #updateDetails .updateDetailsBottom, #forgotYourPassword .forgotYourPasswordBottom, #homepagePanels .contactPanel .panelBottom
{
    margin: 0 0 10px 0;
    background-image: url(../../Media/Images/products-bottom.gif);
}

#subscribeNewsletter .subscribeNewsletterMiddle, #unsubscribeNewsletter .unsubscribeNewsletterMiddle, #contactUs .contactUsMiddle, #register .registerMiddle, #login .loginMiddle, #updateDetails .updateDetailsMiddle, #forgotYourPassword .forgotYourPasswordMiddle, #homepagePanels .contactPanel .panelMain
{
    border-left: Solid 3px #18499D;
    border-right: Solid 3px #18499D;
    background-color: #FFFFFF;
    padding: 0 8px 3px 8px;
    font-family: Trebuchet MS, Verdana, Arial;
}

#subscribeNewsletter .subscribeNewsletterMiddle table, #unsubscribeNewsletter .unsubscribeNewsletterMiddle table, #contactUs .contactUsMiddle table, #register .registerMiddle table, #login .loginMiddle table.tableLayout, #updateDetails .updateDetailsMiddle table, #forgotYourPassword .forgotYourPasswordMiddle table
{
    margin: 0 0 10px 0;
}

#subscribeNewsletter .subscribeNewsletterMiddle table td, #unsubscribeNewsletter .unsubscribeNewsletterMiddle table td, #contactUs .contactUsMiddle table td, #register .registerMiddle table td, #login .loginMiddle table.tableLayout td, #updateDetails .updateDetailsMiddle table td, #forgotYourPassword .forgotYourPasswordMiddle table td
{
    padding: 3px;
    vertical-align: top;
}

#subscribeNewsletter .subscribeNewsletterMiddle table td input, #unsubscribeNewsletter .unsubscribeNewsletterMiddle table td input, #contactUs .contactUsMiddle table td input, #contactUs .contactUsMiddle table td textarea, #register .registerMiddle table td .inputControl, #login .loginMiddle td .inputControl, #updateDetails .updateDetailsMiddle td .inputControl, #forgotYourPassword .forgotYourPasswordMiddle table td input
{
    border: Solid 1px #18499D;
}

#register .registerMiddle table.listControl, #updateDetails .updateDetailsMiddle table.listControl
{
    margin: 0;
}

#register .registerMiddle table.listControl td, #updateDetails .updateDetailsMiddle table.listControl td
{
    padding: 0;
    width: 90px;
}

#subscribeNewsletter .buttons, #unsubscribeNewsletter .buttons, #contactUs .buttons, #register .buttons, #login .buttons, #updateDetails .buttons, #forgotYourPassword .buttons
{
    margin: 15px 0 0 0;
    overflow: hidden;
}

#subscribeNewsletter .buttons .submitButton, #subscribeNewsletter .buttons .resetButton, #unsubscribeNewsletter .buttons .submitButton, #unsubscribeNewsletter .buttons .resetButton, #contactUs .buttons .submitButton, #contactUs .buttons .resetButton, #register .buttons .submitButton, #register .buttons .resetButton, #login .buttons .submitButton, #updateDetails .buttons .submitButton, #forgotYourPassword .buttons .submitButton
{
    float: left;
}

#subscribeNewsletter .buttons .submitButton a, #subscribeNewsletter .buttons .resetButton a, #unsubscribeNewsletter .buttons .submitButton a, #unsubscribeNewsletter .buttons .resetButton a, #contactUs .buttons .submitButton a, #contactUs .buttons .resetButton a, #register .buttons .submitButton a, #register .buttons .resetButton a, #login .buttons .submitButton a, #updateDetails .buttons .submitButton a, #forgotYourPassword .buttons .submitButton a
{
    display: block;
    width: 77px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 5px 0 0;
}

#subscribeNewsletter .buttons .submitButton a
{
    background-image: url(../../Media/Images/subscribe-button.gif);
}
#login .buttons .submitButton a
{
    background-image: url(../../Media/Images/loginform-button.gif);
}

#unsubscribeNewsletter .buttons .submitButton a, #contactUs .buttons .submitButton a, #register .buttons .submitButton a, #updateDetails .buttons .submitButton a, #forgotYourPassword .buttons .submitButton a
{
    background-image: url(../../Media/Images/submitform-button.gif);
}

#subscribeNewsletter .buttons .resetButton a, #unsubscribeNewsletter .buttons .resetButton a, #contactUs .buttons .resetButton a, #register .buttons .resetButton a
{
    background-image: url(../../Media/Images/resetform-button.gif);
}

#subscribeNewsletter .buttons .submitButton a:hover, #subscribeNewsletter .buttons .resetButton a:hover, #unsubscribeNewsletter .buttons .submitButton a:hover, #unsubscribeNewsletter .buttons .resetButton a:hover, #contactUs .buttons .submitButton a:hover, #contactUs .buttons .resetButton a:hover, #register .buttons .submitButton a:hover, #register .buttons .resetButton a:hover, #login .buttons .submitButton a:hover, #updateDetails .buttons .submitButton a:hover, #forgotYourPassword .buttons .submitButton a:hover
{
    background-position: -77px 0;
}

#subscribeNewsletter .buttons .submitButton a:active, #subscribeNewsletter .buttons .resetButton a:active, #unsubscribeNewsletter .buttons .resetButton a:active, #unsubscribeNewsletter .buttons .resetButton a:active, #contactUs .buttons .submitButton a:active, #contactUs .buttons .resetButton a:active, #register .buttons .submitButton a:active, #register .buttons .resetButton a:active, #login .buttons .submitButton a:active, #updateDetails .buttons .submitButton a:active, #forgotYourPassword .buttons .submitButton a:active
{
    background-position: 0 0;
}

/******************** GENERIC BUTTONS ********************/
a.longButton, a.button
{
    background-position: 0 0;
    background-color: #B12127;
    color: #FFFFFF;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 25px;
}

a.longButton:hover, a.button:hover
{
    text-decoration: none;
    background-color: #18449D;
}

a.longButton:active, a.button:active
{
    background-position: 0 0;
}

a.longButton
{
    width: 165px;
    background-image: url(../../Media/Images/longbutton.jpg);
}

a.longButton:hover
{
    background-position: -165px 0;
}
a.longButton:active
{
    background-position: 0 0;
}


/******************** SEARCH RELATED ********************/
.searchArea .searchBox
{
    border: Solid 1px #7396AD;
    padding: 5px;
}
.searchArea .searchBox .searchDescription
{
    font-size: 9pt;
    font-family: Arial, Verdana;
}

/******************** SEARCH RESULTS RELATED ********************/
#searchResults
{
    margin: 10px 0 0 0;
    font-family: Trebuchet MS, Verdana, Arial;
}
#searchResults .searchHit, #searchResults .searchAlt
{
    padding: 10px 20px;
    border-bottom: Solid 1px #CCCCCC;
}
#searchResults .searchAlt
{
    background-color: #e3e3e3;
}
#searchResults .searchTop
{
    border-top: Solid 1px #CCCCCC;
}
#searchResults .searchHit .titleLink, #searchResults .searchAlt .titleLink
{
    font-weight: bold;
}
#searchResults .searchHit .typeDescription, #searchResults .searchAlt .typeDescription
{
}
#searchResults .searchHit .searchHit
{
    border: none;
    background-color: Transparent;
    padding-top: 0;
}

/******************** SEARCH HELP RELATED ********************/
#searchHelp .searchSection
{
    padding: 10px;
    border-bottom: Solid 1px #CCCCCC;
}
#searchHelp .searchAlt
{
    background-color: #F0F0F0;
}
#searchHelp .searchTop
{
    border-top: Solid 1px #CCCCCC;
    margin-top: 10px;
}
#searchHelp .searchBottom
{
    border-bottom: none;
}


/******************** LINKS LISTING (Used on 404 Page) ********************/
.linksListing
{
    width: 100%; 
    overflow: hidden; 
    margin-top: 20px;
}

.linksListing .footerMenu
{
    float: left; 
    width: 240px; 
    margin-left: 20px;
}

.linksListing .categories
{
    float: right; 
    width: 260px;
}