/* UK Site */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ol,ul {
    list-style: none;
}

    ul.show {
        list-style: inside disc;
        color: #222;
        margin: 0 0 1.2em 0;
        line-height: 18px;
        font-size: 13px;
    }
    
    ol.show {
        list-style: inside decimal;
        color: #222;
        margin: 0 0 1.2em 0;
        line-height: 18px;
        font-size: 13px;
    }

    ol.news {
        font-family:Helvetica, sans-serif;
        font-size: 1.4em;
        font-weight: 100;
        margin: 0 0 1.0em 0;
        color: #333333;
    }

OL#news { counter-reset: item }

LI#news { display: block }
    LI#news:before {
        content: counter(item) ". ";
        counter-increment: item;
        display:block;
        }

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

address {
    font-size: 1.3em;
    font-style: normal;
}

html { 
    font: 62.5% "Verdana", "Lucida Grande", "Verdana", sans-serif; /* 62.5 is the magic number! */
}

body {
    text-align: center;
    background: url("/images/homepage/bkg_grad.png") 0 0 repeat-x; /* #82D0FF;  #2864a0; F2F2F2 1E74BB */
    background-color: #C7E9FF;
}

a img {
    border: 0;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/stricon_doc.gif") no-repeat center right;
}

a[href$='.txt'] {
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_txt.gif") no-repeat center right;
}

a[href$='.xls'] {
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_xls.gif") no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_feed.gif") no-repeat center right;
}

a[href$='.opml'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_opml.gif") no-repeat center right;
}

a[href$='.phps'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_phps.gif") no-repeat center right;
}

a[href$='.phps'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_phps.gif") no-repeat center right;
}

a[href$='.torrent'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_torrent.gif") no-repeat center right;
}

a[href$='.vcard'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_vcard.gif") no-repeat center right;
}

a[href$='.exe'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_exe.gif") no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_dmg.gif") no-repeat center right;
}

a[href$='.pps'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_pps.gif") no-repeat center right;
}

a[href$='.pdf'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_pdf.gif") no-repeat center right;
}

a[href$='.xpi'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_plugin.gif") no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_flash.gif") no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_archive.gif") no-repeat center right;
}

a[href$='.ical'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_ical.gif") no-repeat center right;
}

a[href$='.css'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_css.gif") no-repeat center right;
}

a[href$='.ttf'] { 
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_ttf.gif") no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
    padding: 5px 20px 5px 0;
    background: transparent url("/images/store_version2/icon_mailto.gif") no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
    padding-right: 0px !important;
    background: none !important;
}

.pdfLink {
    padding: 0px 0px 0px 5px !important;
}

/*
h1 {
    color: #1868B1;
    font-size: 3.2em;
    margin: 0 0 .4em 0;
    font-weight: normal;
} 
*/


h1 {
    display:block !important;
    font-weight: bold !important;
    font-size:20px !important;
    color: white !important;
    height: 44px !important;
    line-height: 42px !important;
    padding: 0px 0px 0px 15px !important;
    margin: 0 0 15px 0 !important;
}


    h1 span {
        font-size: 16px;
        font-weight:normal;
    }
    
        h1.lightred {
            background-image:url(/images/store_version2/header-lightred.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
            h1.red {
                background-image:url(/images/store_version2/header-red.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
    
        h1.green {
            background-image:url(/images/store_version2/header-green.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
            h1.darkgreen {
                background-image:url(/images/store_version2/header-darkgreen.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
    
        h1.pink {
            background-image:url(/images/store_version2/header-pink.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
    
        h1.blue {
            background-image:url(/images/store_version2/header-blue.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
            h1.lightblue {
                background-image:url(/images/store_version2/header-lightblue.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
        
            h1.darkblue {
                background-image:url(/images/store_version2/header-darkblue.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
    
        h1.purple { 
            background-image:url(/images/store_version2/header-lightpurple.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
            h1.darkpurple { 
                background-image:url(/images/store_version2/header-purple.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
    
        h1.orange {
            background-image:url(/images/store_version2/header-orange.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
            h1.lightorange {
                background-image:url(/images/store_version2/header-lightorange.jpg) !important;
                text-shadow: #666 -1px -1px !important;
            }
        
        h1.grey {
            background-image:url(/images/store_version2/header-grey.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }
        
        h1.turquoise {
            background-image:url(/images/store_version2/header-turquoise.jpg) !important;
            text-shadow: #666 -1px -1px !important;
        }

h2 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

h2 span {
    font-size: 15px;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 10px;
}

    h2 span.purple {
        color: #543581;
    }
        
    h2 span.pink {
        color: #DF2865;
    }
    
    h2 span.blue {
        color: #2370B9;
    }
    
    h2 span.green {
        color: #1DA239;
    }
    
    h2 span.red {
        color: #E80D00;
    }
    
    h2 span.orange {
        color: #FE6D1A;
    }
    
    h2 span.darkgrey {
        color: #666;
    }
    
    h2 span.grey {
        color: #666;
        margin-bottom: 0px;
    }

h3 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
}

    h3 span {
        display:inline;
    }
    
        h3 span img{
            width: 110px;
            height: 24px;
            margin-bottom: -5px;
        }
    
h4 {
    color: #222;
    margin: 0 0 .3em 0;
}

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

    h5.purple {
        color: #909;
    }
        
    h5.pink {
        color: #C06;
    }
    
    h5.blue {
        color: #36F;
    }
    
    h5.green {
        color: #060;
    }
    
    h5.red {
        color: #F00;
    }
    
    h5.orange {
        color: #F30;
    }
    
p {
    margin: 0 0 1.2em 0;
    line-height: 150%;
    font-size: 1.3em;
}

p.title {
    font-family:Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: bolder;
    margin: 0 0 0 0;
    color:#2073BB;
}

p.subtitle {
    font-family:Helvetica, sans-serif;
    font-size: 1.7em;
    font-weight: 700;
    margin: 0 0 0.9em 0;
    color:    #292929;
}

p.date {
    font-family:Helvetica, sans-serif;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 1.3em 0;
    color: #999999;
}

p.story {
    font-family:Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 100;
    margin: 0 0 1.0em 0;
    color: #333333;
}

p.archive {
    font-family:Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    margin: 0 0 0em 0;
    color:    #fff;
    background-color:#2073BB;
    padding-left: 5px;
    margin-bottom: 5px;
}    

a {
    color: #000;
}

table {
    font-size: 1.3em;
}

/* For top header */
.half {
    float:left;
    width:50%;
}
    
/* Layout */

#twitterfollow {
    border: 0;
    position: fixed;
    top: 200px;
    right:0;
    width:30px;
    height:159px;
    background: #fff url("../images/store_version2/twitterfollowus.png") no-repeat center;
}

.twittersubmit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
width:30px;
height:30px;
}

.facesubmit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:34px;
width:30px;
height:30px;
}

#downloadbox {
    width: 350px;
    margin: 0 auto;
    border: 10px solid #fff;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
}

#container {
    width: 900px;
    height: auto;
    margin: 0 auto;
    border: 10px solid #fff;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
}

#bottom {
    width: 890px;
    height: auto;
    margin: 20px auto 5px auto;
    padding: 0px 0px 5px 10px;
    background-color:transparent;
    text-align: left;
    overflow: hidden;
    font-size: 10px;
    border-bottom: 1px solid #666;
}

    #bottom a.link {
    text-decoration:none;    
    }
    
            #bottom a.link:hover {
            color:#3080c2;
            text-decoration: underline;    
            }

    #bottom.copyright {
        margin: 0px auto;
        padding: 0px 0px 35px 10px;
        text-align: right;
        overflow: hidden;
        border-bottom: 0px;
}


/* Header */
#header {
    height: 68px;
    border-bottom: 6px solid #82D0FF;
    padding: 0px 20px 0px 20px;
}
    #logo {
        width: 257px;
        height: 55px;
        float: right;
    }
    
        #logo img {
            display: block;
        }

#header.top {
    height: 25px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
}

    #header.top a {
    color:#000;
    font-size: 12px;
    text-decoration:none;    
    }
    
    #header.top a.first {
    text-shadow:1px 1px 2px #FFA787;
    color:#FF4200;
    font-size: 13px;
    }

    #header.top a.second {
    text-shadow:1px 1px 2px #FFD081;
    color:#FF9F00;
    font-size: 13px;
    }

    #header.top a.third {
    text-shadow:1px 1px 2px #C2EB79;
    color:#8BD900;
    font-size: 13px;
    }

    #header.top a.fourth {
    text-shadow:1px 1px 2px #A0EAFF;
    color:#00C5FF;
    font-size: 13px;
    }

    #header.top a.fith {
    text-shadow:1px 1px 2px #E2BBFF;
    color:#A935FF;
    font-size: 13px;
    }
    
    #header.top a.name {
    color:#000;
    font-size: 12px;
    text-decoration:none;
    font-weight:bold;
    }
    
    #header.top a.link {
    color:#000;
    font-size: 12px;
    text-decoration:none;    
    }
    
            #header.top a.link:hover {
            color:#3080c2;
            text-decoration: underline;    
            }

#side {
    float: left;
    width: 318px;
    display: inline; /* This fixes the IE6 Float Double Margin Bug */
}

    #side #attention-grabber {
        font-weight: bold;
    }

    #side #attention-grabber p {
        color: #b62d39;
        text-align: center;
        margin: 0;
        line-height: 100%;
    }
        
.basket {
    border: 1px solid #119E3B;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

    .basket span.header {
        color: #fff;
        background: transparent url("../images/homepage/home_basket-headertop.png") no-repeat bottom;
        display: block;
        text-align: center;
        padding: .1em 0 .2em 0;
        font-weight: bold;
    }
    
    .basket span.header a {
        color:#fff;
    }
    
    .basket img {
        vertical-align: middle;
        margin-right: 5px;
    }
    
    .basket ul {
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #ddd; /* Light shadow... */
    }
    
        .basket ul li {
            float: left;
            text-align: left;
            padding: 9px 0px 0px 10px; 
            font-size: 1.1em;
        }
        
        .basket ul li.last {
            float: right;
            width: 98px;
            padding: 7px 0px 7px 0px;
        }
        
            .basket ul li span {
                font-size: 1.2em;
                font-weight: bold;
            }


#navigation {
    float: left;
    overflow: hidden;
    height:30px;
    width: 710px;    
    background: url("../images/homepage/home_nav_grad.png") 0 0 repeat-x;
    margin-bottom: 10px;
}

    #navigation li {
        display: inline;
    }
    
        #navigation li a {
            float: left;
            width: 77px;
            border-right: 1px solid #333333;
            text-align: center;
            color: #000000;
            text-decoration: none;
            padding: .7em 0;
            font-size: 1.2em;
        }
        
        #navigation li.last a {
            border-right-width: 0px;
            width: 77px;
        }
        
        #navigation li.int a {
            width: 86px;
        }
        
        #navigation li a:hover {
            background-color: #D2D1D5;
            color: #000000;
        }

#sitesearch {
    float: right;
    overflow: hidden;
    height:26px;
    width: 185px;    
    background: url("../images/homepage/home_search_grad.png") 0 0 repeat-x;
    padding: 4px 0px 0px 5px;
    margin-bottom: 10px;
}

/*=============================*/
/*=== LEFT SIDE BAR CONTENT ===*/
/*=============================*/
#newsletter {
    overflow: hidden;
    width: 188px;
    height: 136px;
    background-color: #F0EBF7;
    border: 1px solid #774CB0;
    margin-bottom:10px;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    }
    
#newsletter img {
    float:left;
    width: 50px;
    height: 50px;
    margin: 2px 5px 4px 7px;
    }

#newsletter h3 {
    font-weight: bold;
    font-size:14px;
    color: white;
    height: 22px;
    padding: 4px 0px 0px 10px;
    margin-bottom:7px;
    background-color: #774CB0;
}

#newsletter p {
    margin: 0px 3px 6px 8px;
    font-size: 1.2em;
}

#newsletter a {
    margin: 0px 8px 6px 8px;
    width:172px;
    height:34px;
    overflow:hidden;
    text-align:center;
    color: #fff;
    line-height:31px;
    font-size:15px;
    font-weight:bold;
    display: block;
    text-decoration:none;
    background: url(/images/store_version2/newsletter-button.png) 0 -34px no-repeat;
        }

            #newsletter a:hover {
                background-position: 0 0;
            }
            
            #newsletter a:active {
                background-position: 0 0;
                position: relative;
                top: 2px;
            }
    
#sidebar {
    float: left;
    overflow: hidden;
    width: 190px;
}    

#subject-nav {
    overflow: hidden;
    width: 188px;
    background-color: #EFF9FE;
    border: 1px solid #54BBF7;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    }

#subject-nav h3 {
    font-weight: bold;
    font-size:14px;
    color: white;
    height: 22px;
    padding: 4px 0px 0px 10px;
    margin-bottom:0px;
    background-color: #54BBF7;
}
    
    #subject-nav ul {
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 12px 0px;
    }
        
        #subject-nav ul li {
            padding-top: 0px; 
        }
        
        #subject-nav ul li a {
            font-size: 1.2em;
            color: black;
            display: block;
            padding: 2px 0;
            line-height: 17px;
            background: #EFF9FE;
            padding-left: 8px; 
            text-decoration: none;
        }
        
        #subject-nav ul li a:visited {
            color: black;
        }
        
        #subject-nav ul li a:hover { 
            color: white;
            background: #54BBF7;
            font-weight:bold;
        }

/*======================*/
/*=== FOOTER CONTENT ===*/
/*======================*/

/*
.sidebar {
    float: left;
    overflow: hidden;
    width: 188px;
    background-color: #EFF9FE;
    border: 1px solid #54BBF7;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.sidebar h3 {
    font-weight: bold;
    font-size:14px;
    color: white;
    height: 22px;
    padding: 4px 0px 0px 10px;
    margin-bottom:0px;
    background-color: #54BBF7;
}
    
    .sidebar ul {
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 12px 0px;
    }
        
        .sidebar ul li {
            padding-top: 0px;
        }
        
        .sidebar ul li a {
            font-size: 1.2em;
            color: black;
            display: block;
            padding: 2px 0;
            line-height: 17px;
            background: #EFF9FE;
            padding-left: 8px;
            text-decoration: none;
        }
        
        .sidebar ul li a:visited {
            color: black;
        }
        
        .sidebar ul li a:hover {
            color: white;
            background: #54BBF7;
            font-weight:bold;
        }
*/

#content {
    float: right;
    width: 700px;
    overflow: hidden;
}

#body {
    width: 700px;
    overflow: hidden;
}

#footer {
    float: left;
    width: 898px;
    height: auto;
    border: 1px solid #999999;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-bottom:8px;
    margin: 10px 0px 0px 0px;
}

#footertop {
    height: 21px;
    padding: 5px 0px 0px 10px;
    border-bottom: 1px solid #999999;
    -moz-border-radius: 0px;  
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    
}
    
    #footertop a {
        font-size:12px;
        font-weight:bold;
        color: #666;
    }

#footcoll {
    float:left;
    width: 204px;
    padding: 5px 10px 0px 10px;    
}    
    #footcoll h3 {
    font-weight: bold;
    font-size:12px;
    color: #666;
    padding: 4px 0px 0px 0px;
    margin-bottom:0px;
}
    
    #footcoll ul {
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 0px;
    }
        
        #footcoll ul li {
            padding-top: 0px; /*top spacing between menu items*/
        }

        #footcoll ul li a {
            color:#000;
            font-size: 11px;
            display: block;
            line-height: 17px;
            padding-left: 5px; /*link text is indented 8px*/
            text-decoration: none;
        }
        
        #footcoll ul li a:visited {
            color: black;
            text-decoration: none;
        }
        
        #footcoll ul li a:hover { /*hover state CSS*/
            color:#3080c2;
            text-decoration: underline;    
        }

/* Twitter */

#twitter-box {
    background-color: #EFF9FE;
    width: 178px;
    height: 416px;
    float: left;
    margin: 0px 0px 0px 11px;
    border: 1px solid #54BBF7;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#twitter-box h2 {
    height: 21px;
    padding: 5px 10px 0px 10px;
    background-color: #54BBF7;
    -moz-border-radius: 0px;  
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}

#twitter {
    width: 158px;
    font-size: 11px;
    color: black;
    margin: 0;
    padding:10px 0px 13px 10px;
}

    #twitter a {
        text-decoration: none;
    }
    
        #twitter a:hover { /*hover state CSS*/
            color:#3080c2;
            text-decoration: underline;    
        }

#tweet {
    width: 158px;
    height: 308px;
    font-size: 11px;
    color: black;
    margin: 0;
    padding:10px 0px 13px 10px;
    overflow:hidden;
}

#tweet ul li {
    padding:0px 0px 10px 0px;
}

    #tweet ul li a {
        color:#3080c2;
        text-decoration: none;    
        font-style: italic;
    }
    
        #tweet ul li a:hover { /*hover state CSS*/
            text-decoration: underline;    
        }


/* END OF TWITTER FEED */

#newprod {
    float: left;
    width: 507px;
    height: 269px;
    border: 1px solid #999999;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#newprodtop {
    height: 21px;
    padding: 5px 0px 0px 10px;
    border-bottom: 1px solid #999999;
    -moz-border-radius: 0px;  
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    
}
    
    #newprodtop a {
        font-size:12px;
        font-weight:bold;
        color:#999999;
    }
    
#newprod img {
    float:left;
    width: 487px;
    height: 106px;
    margin: 10px 10px 0px 10px;
}

/* Product "Types" */
#types {
    width: 100%;
    overflow: hidden;
}

    #types div.type {
        float: left;
        width: 345px;
        margin: 0 5px 5px 0;
        height: 218px;
        padding: 14px 0 .4em 0;
        background: #fff url("../images/layout/type-background.gif") no-repeat center;
    }
    
    #types div.type h2 img {
        display: block;
        width: 341px;
        margin: 0 auto;
    }
    
    
    
    #types div.type p {
        padding: 0 .7em;
        text-align: justify;
        line-height: 130%;
        height: 110px;
        margin: 0;
        font-size: 1.15em;
    }
    
    #types div.type p.find-out-more {
        height: auto;
    }
    
    
    p.find-out-more {
        margin: 0;
        text-align: center;
        height: 79px;
    }



    
/* Breadcrumbs */
#content #breadcrumbs {
    width: 100%;
    overflow: hidden;
    padding: 0 0 .3em 0;
    margin: 0 0 1em 0;
    font-size: 1.2em;
}

    #breadcrumbs li {
        display: inline;
        list-style: none;
    }

        #breadcrumbs li a {
            margin: 0 .5em 0 0;
            padding: .3em .4em;
            display: block;
            float: left;
            text-decoration: none;
        }

        #breadcrumbs li.home a {
            color: #086AA5;
            background-color: #DFF0FA;
        }
        
        #breadcrumbs li.deep a {
            color: #A66E11;
            background-color: #FCF3E4;
        }

        #breadcrumbs li.current a {
            color: #604b29;
            font-weight: bold;
            background-color: #fff;
        }

/* cataloglist.tpl */

#body.cataloglist h1 {
    color: #222;
    font-weight: bold;
}

#body.cataloglist #flash {
    background-color: #eee;
    font-size: 1.2em;
    color: #999;
    padding: 1em 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: .3em;
}

    #body.cataloglist #list-header {
        width: 100%;
        overflow: hidden;
        margin: 0 0 .3em 0;
    }
    
        #body.cataloglist #brief {
            float: left;
            width: 67%;
        }
        
            #body.cataloglist #brief h1 {
                margin-bottom: .1em;
            }
            
            #body.cataloglist #brief h3 {
                font-size: 1.5em;
                font-weight: bold;
            }
            
            #body.cataloglist #brief h4 {
                font-size: 1.3em;
                font-weight: bold;
                margin-bottom: .4em;
            }
        
        #body.cataloglist #list-sidebar {
            float: right;
            width: 31%;
            padding-left: 1%;
            text-align: center;
            border-left: 2px solid #1b82c1;
        }
        
            #body.cataloglist #list-sidebar h3 {
                font-size: 1.6em;
                color: #000;
                font-weight: bold;
            }


    #body.cataloglist #subjects,
    #body.news .columns {
        width: 100%;
        overflow: hidden;
    }
    
    #body.news .columns {
        margin-bottom:2em;
    }
            
        #body.cataloglist #subjects li,
        #body.news .columns li {
            display: inline;
        }
            
            #body.cataloglist #subjects li a,
            #body.news .columns li a {
                display: block;
                float: left;
                padding: 1em 0;
                color: #fff;
                text-decoration: none;
                font-size: 1.1em;
                width: 32%;
                margin: 0 1% 1% 0;
                text-align: center;
                background-color: #1868B1; /* Default DayDream Blue */
            }
            
            #body.cataloglist #packs {
                text-align: center;    
                color: #000;
                margin: 1em 0;
            }
            
                #body.cataloglist #packs p {
                    margin: 0 0 1em 0;
                    font-size: 1.2em;
                }
                
                    
                        #body.cataloglist #packs div.button a {
                            color: #fff;
                            display: block;
                            padding: 1.1em 0;
                            margin-left:231px;
                            width: 224px;
                            background-color: #900;
                            text-decoration: none;
                        }
    

#body.cataloglist h1.round {
    background-color: #9CCEF3;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 2.1em;
}

#body.cataloglist #tabs {
    width: 100%;
}
    
    #body.cataloglist #tabs td {
        text-align: center;
        vertical-align: middle;
        background-color: #9ccef3;
        padding: .7em;
        border: 5px solid #fff;
        border: 0 5px;
    }
    
        #body.cataloglist #tabs td a {
            text-decoration: none;
            color: #2d6ab1;
            font-weight: bold;
        }
        
    #body.cataloglist #tabs td.selected {
        background-color: #3c77ba;
    }
    
        #body.cataloglist #tabs td.selected a {
            color: #fff;
        }
    
#payment-methods {
    padding: .5em 0;
}

    #payment-methods a {
        line-height: 150%;
        font-size: 1.3em;        
    }
                
div.products {
    width: 99.7%;
    overflow: hidden;
    padding-left: .7%;
}

    div.products div.product {
        float: left;
        text-align: center;
        border: 1px solid #b7daeb;
        padding: .7em 0;
        width: 32%;
        height: 420px;
        margin: 0 1% 2% 0;
    }

        div.products.two-across div.product {
            width: 48%;
        }        

div.products div.product h3 {
    height: 3em;
    margin-top: .4em;
}

div.products div.product h3 a {
    text-decoration: none;
}

div.products div.product div.add {
    margin: 0;
}

    div.products div.product div.add ul.price {
        margin: .5em 0;
        font-size: 1.4em;
        height: 5em;
    }



#body.cataloglist #results div.product div.button {
    margin-top: .4em;
}

#body.cataloglist #results {
    text-align: center;
    margin: .5em 0 .3em 0;
    font-size: 1.3em;
    font-weight: normal;
}

    #body.cataloglist #results li {
        display: inline;
        padding: .5em;
        border: 1px solid #ddd;
    }
    
    #body.cataloglist #results li a {
        text-decoration: none;
    }
    
    #body.cataloglist #results li.current {
        background-color: #19984e;
    }
    
        #body.cataloglist #results li.current a {
            color: #fff;
        }
        
        #body.cataloglist #results li.disabled {
            color: #999;
        }
        


/* catalogdetail.tpl */

#body.catalogdetail #related-products {
    clear: both;
    padding-top: 2em;
}

#body.catalogdetail #related-products h2 {
    text-align: center;
    font-size: 1.4em;
    width: 98%;
    background-color: #1f954d;
    color: #fff;
    padding: 5px 0;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#body.catalogdetail #information {
    float: right;
    width: 270px;
    border: 2px solid #97d1ea;
    padding: 1.3em .4em;
}

    #body.catalogdetail #information h1 {
        color: #1868B1;
        font-size: 2.2em;
        margin: 0 0 1em 0;
    }
    
        #body.catalogdetail #information h1 span {
            display: block;
            color: #1faad4;
            font-size: .8em;
            margin-top: .1em;
        }
        
    #body.catalogdetail #information h2 {
        color: #298a8b;
        font-size: 1.6em;
        padding: .3em 0;
    }
    
    
        #body.catalogdetail #information #details h2 {
            background: #fff url("../images/layout/order-details.gif") no-repeat;
            color: #fff;
            padding: .3em .6em;
            font-weight: bold;
        }
        
        #body.catalogdetail #information #details table {
            background: #fff url("../images/layout/order-details-bottom.gif") no-repeat bottom;

        }
    
        
        #body.catalogdetail #information table {
            width: 270px;
            margin: 0 auto;
            margin: 0;
            border-collapse: collapse;
        }
        
        #body.catalogdetail #information table th,
        #body.catalogdetail #information table td {
            padding: .4em;
            width: 50%;
            vertical-align: top;
        }
        
        
        #body.catalogdetail #information ul.errors li {
            color: #db0818;
        }
            
        
        #body.catalogdetail #information table th {
            text-align: right;
            width: 35%;
        }
        
        #body.catalogdetail #information table td select {
            width: 90%;
            display: block;
            border: 1px inset #444;
        }
        
        #body.catalogdetail #information table #add {
            text-align: center;
        }
        

#body.catalogdetail #information #windows {
    width: 93%;
    margin: 0 auto;
    overflow: hidden;
}

#body.catalogdetail #information #windows li {
    width: 49%;
    text-align: center;
    float: left;
    margin: 0 0 8px 0;
}
    
#body.catalogdetail #information div.section {
    margin: 0 0 1em 0;
}

#body.catalogdetail #media {
    float: left;
    width: 400px;
}

    #body.catalogdetail #extras {
        padding: .3em 0;
        width: 100%;
        overflow: hidden;
        list-style: none;
    }
    
        #body.catalogdetail #extras #panel {
            padding: .2em;
        }
            #body.catalogdetail #extras #panel h1 {
                color: #1868B1;
                font-weight: normal;
                font-size: 1.6em;
                font-weight: bold;
            }
            
            #body.catalogdetail #extras #icons {
                width: 100%;
                overflow: hidden;
                padding: .3em 0;
                margin: 0;
            }
        
                #body.catalogdetail #extras #icons li {
                    width: 25%;
                    height: 86px;
                    margin-bottom: 10px;
                    float: left;
                    background: #fff url('../images/store_version2/extras-off.gif') no-repeat center;
                }
                
                #body.catalogdetail #extras #icons li:hover {
                    background: #fff url('../images/store_version2/extras-hover.gif') no-repeat center;
                }
                
                #body.catalogdetail #extras #icons li.ui-tabs-selected {
                    background: #fff url('../images/store_version2/extras-on.gif') no-repeat center;
                }
    
                #body.catalogdetail #extras #icons li a img {
                    border: 0;
                    width: 85px;
                    height: 85px;
                    display: block;
                    margin: 0 auto;
                }
                
        
        .ui-tabs-hide { display: none; }


.ui-dialog {
    background-color: #fff;
    border: 5px solid #333;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar {
    border-bottom: 2px solid #0eaddb;
    background-color: #1fbbf4;
    width: 100%;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar a.ui-dialog-titlebar-close {
    text-indent: -9999px;
    background: transparent url("../images/store_version2/dialog.close.gif") no-repeat center;
    width: 48px;
    height: 25px;
    display: block;
    margin: 0 10px 0 0;
    float: right;
}

.ui-dialog .ui-dialog-title {
    display: none;
}

.ui-dialog .ui-dialog-content {
    margin: 1em;
}
.ui-dialog .ui-dialog-content h1 {
    background-color: #1a984e;
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    border: 1px solid #0f7d38;
    padding: .3em;
    margin: 0 0 1em 0;
}

.ui-dialog .ui-dialog-content ul {
    margin: 0 0 1.5em 0;
    padding: 0 0 0 2em;
    list-style: disc;
}

.ui-dialog .ui-dialog-content ul li {
    list-style: disc;
    padding: .1em 0;
}
#dialogs {
    display: none;
}


/* Homepage */

#homepage {
    width: 698px;
    border: 1px solid #54BBF7;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}    

/* Search */

#searchwrapper {
width:180px; /*follow your image's size*/
height:22px;/*follow your image's size*/
background-image:url(../images/homepage/home_searchbox.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:1px;
left:10px;
width:121px;
height:19px;
color:#666666;
font-size: 13px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:1px;
left:136px;
width:44px;
height:20px;
}

/* CSS Homepage Test */

/* Fonts */

h5.homepage {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.8em;
    color: #fff;
    font-weight: bold;
    margin: 0 0 1.2em 0;
    line-height: 175%;
}

h5.description {
    font-weight: normal;
    margin: 0 0 1.2em 0;
    line-height: 145%;
    font-size: 1.2em;
}

h5.freecenter {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.7em;
    color: #fff;
    font-weight: normal;
    margin: 0 0 1.2em 0;
    line-height: 185%;
}

h5.bottom {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.7em;
    font-weight: normal;
    margin: 0 0 1.2em 0;
    line-height: 185%;
}

/* Banner */

.homeBanner {
    overflow:hidden;
    float:left;
    width: 698px;
    height: 136px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #009CDA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}
    
.main_image {
    width: 518px;
    height: 136px;
    float: left;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

.main_image img {
    padding: 0px;
    float: right;
}

.main_image h2 {
    color:#000;
    font-size: 18px;
    font-weight: bold;
}
.main_image p {
    color:#000;
    font-size: 1.2em;
    line-height: 1.6em;
    padding-bottom:5px;
    margin: 0;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
    color:#000;
    font-size: 11px;
    padding-left: 17px;
    background: url(../images/homepage/go.png) no-repeat 0 center;
}
.main_image .desc{
    position: absolute;
    bottom: 16px;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 295px;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

/* Firefox */
@-moz-document url-prefix()
{
.main_image .desc{
    position: absolute;
    bottom: 15px;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 295px;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
.main_image .desc{
    position: absolute;
    bottom: 17px;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 295px;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
}

.main_image .block{
    width: 100%;
    background:    #E4D0FD; /*E4D0FD #009CDA*/
    padding:10px;
}

.main_image a.show {background-position: left bottom;}

/* thumb */

.image_thumb {
    float: left;
    width: 180px;
}

.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    text-align:center;
    margin: 0;
    height: 34px;
    background: url(../images/homepage/banner_grad.png) repeat-x;
    width: 180px;
    float: left;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: url(../images/homepage/banner_gradOver.png) repeat-x;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: url(../images/homepage/banner_gradDown.png) repeat-x;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-weight: bold;
    font-size: 13px;
    color:#FFF;
    margin: 0 0;
    padding: 9px 0 0 0;
}
.image_thumb ul li .block {
    float: left;
    padding: 0;
    width: 180px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
.image_thumb ul li small{display: none;}/*--Hide the description on the list items--*/
.image_thumb ul li a{display: none;}/*--Hide the description on the list items--*/
    

/* Catergories */

.homeCatergories {
    text-align: center;
    overflow:hidden;
    float:left;
    width: 163px;
    height: 113px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px !important;
    z-index: 2;
}
    
    .homeCatergories span {
        margin-bottom: 0px !important;
        height: 111px;
        z-index: 1;
    }
    
        .homeCatergories span a {
            overflow:hidden;
            height: 111px;
            font-weight: bold;
            font-size:14px;
            color: white;
            display: block;
            line-height: 23px;
            text-decoration:none;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px 5px 5px 5px;
            padding: 0px !important;
            margin-bottom: 0px !important;
        }

        .homeCatergories span a img {
            width:145px;
            height:88px;
            padding: 0px !important;
            margin-bottom: 0px !important;
        }

        .homeCatergories span.wallcharts a {
            background: url("/images/store_version2/wall_grad.png") 0 0 repeat-x;
            border: solid 1px #E42130;
        }
    
            .homeCatergories span.wallcharts a:hover {
                background-color: #e5e5e5;
            }

        .homeCatergories span.pocket a {
            background: url("/images/store_version2/pp_grad.png") 0 0 repeat-x;
            border: solid 1px #EE7333;
        }
    
            .homeCatergories span.pocket a:hover {
                background-color: #e5e5e5;
            }

        .homeCatergories span.work a {
            background: url("/images/store_version2/work_grad.png") 0 0 repeat-x;
            border: solid 1px #139F3B;
        }
    
            .homeCatergories span.work a:hover {
                background-color: #e5e5e5;
            }
        
        .homeCatergories span.int a {
            line-height: 24px;
            font-size: 13px;
            background: url("/images/store_version2/int_grad.png") 0 0 repeat-x;
            border: solid 1px #2370B9;
        }
        
        .homeCatergories span.int a img {
            margin-top: -1px;
        }
    
            .homeCatergories span.int a:hover {
                background-color: #e5e5e5;
            }
            
        .homeCatergories span.vle a {
            background: url("/images/store_version2/vle_grad.png") 0 0 repeat-x;
            border: solid 1px #51327F;
        }
    
            .homeCatergories span.vle a:hover {
                background-color: #e5e5e5;
            }
            
        .homeCatergories span.desk a {
            background: url("/images/store_version2/desk_grad.png") 0 0 repeat-x;
            border: solid 1px #DF2665;
        }
        
        .homeCatergories span.desk a:hover {
                background-color: #e5e5e5;
            }

/* Free */

#homeFree {
    float:left;
    margin-top: -10px;
    width: 509px;
    height: 73px;
    background-image: url(/images/store_version2/free_btn.png);
    background-position: 0px -73px;
    overflow: hidden;
}

#homeFree a {
    display: block;
    width: 509px;
    height: 73px;
    text-indent: -999999em;
    overflow: hidden;
}

/* Right Bar */

.rightBar {
    font-weight:bold;
    line-height:35px;
    padding-bottom:2px;
    font-size: 14px;
    border-bottom:
    1px solid #999999;
    text-decoration: none;
}

.homeRightBar {
    text-align:center;
    float: right;
    overflow: hidden;
    float: right;
    width: 178px;
    height: 297px;
    background-color:#DDDDDD;
    border: 1px solid #DDDDDD;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}
    
    .homeRightBar ul {
        list-style-type: none;
        margin: 0px 0px 0px 0px;
    }
        
        .homeRightBar ul li {
            padding: 0 0 0 0; /*top spacing between menu items*/            
        }
        
        .homeRightBar ul li a {
            font-size: 11px;
            color: black;
            display: block;
            background-color:#DDDDDD;
            text-decoration: none;
            padding-top: 5px;
            height:94px;
        }
        
        .homeRightBar ul li a.middle {
            font-size: 11px;
            color: black;
            display: block;
            background-color:#CCCCCC;
            border-top: 1px solid #666666;
            border-bottom: 1px solid #666666;
            text-decoration: none;
        }
        
        .homeRightBar ul li a:visited {
            color: black;
        }
        
        .homeRightBar ul li a.middle:hover { /*hover state CSS*/
            background-color:#CCCCCC;
            text-decoration:underline;
        }
        
        .homeRightBar ul li a:hover { /*hover state CSS*/
            background-color:#DDDDDD;
            text-decoration:underline;
        }

/* DayDream News! */

#body.news #story {
    float: left;
    width: 60%;
    padding: 0 2% 0 0;
}

    #body.news #story h1 {
        margin: 0 0 .5em 0;
    }

    #body.news #story ol {
        padding: 0 0 0 3em;
    }
    
            #body.news #story ol li {
                list-style: decimal;
                margin: 0 0 .5em 0;
            }

#body.news #archive {
    float: right;
    width: 34%;
    padding: 1%;
    border-left: 2px solid #62a8da;
}

    #body.news #archive h3 {
        text-align: center;
        color: #000;
        font-weight: bold;
    }
    
        #body.news #archive ul li {
            border-bottom: 1px dotted #ccc;
        }
        
            #body.news #archive ul li a {
                font-size: 1.3em;
                text-decoration: none;
                display: block;
                padding: .5em .3em;
            }
            
            #body.news #archive ul li a:hover {
                background-color: #d1e7f7;
            }

/* DayDream News! ****TEST***** */

#line {
    text-align:left;
    width: 90%;
    height: 33px;
    border-top: 0px;
    border-bottom: thin solid #2073BB;
    border-left: 0px;
    border-right: 0px;
    padding:0px 0px 0px 0px;
}

#body.newstest #story {
    float: left;
    width: 60%;
    padding: 0 2% 0 0;
}

    #body.newstest #story h1 {
        margin: 0 0 .5em 0;
    }

    #body.newstest #story ol {
        padding: 0 0 0 3em;
    }
    
            #body.newstest #story ol li {
                list-style: decimal;
                margin: 0 0 .5em 0;
            }

#body.newstest #archive {
    float: right;
    width: 34%;
    padding: 1%;
    border-left: 2px solid #62a8da;
}

    #body.newstest #archive h3 {
        text-align: center;
        color: #000;
        font-weight: bold;
    }
    
        #body.newstest #archive ul li {
            border-bottom: 1px dotted #ccc;
        }
        
            #body.newstest #archive ul li a {
                font-size: 1.3em;
                text-decoration: none;
                display: block;
                padding: .5em .3em;
            }
            
            #body.newstest #archive ul li a:hover {
                background-color: #d1e7f7;
            }


/* Request Brochure! */

#body.requestbrochure fieldset {
    padding: .2em 1em .4em 1em;
    border: 1px solid #bbb;
    margin: 0 0 2em 0;
}

    #body.requestbrochure fieldset legend {
        font-size: bold;
        font-size: 1.3em;
        color: #1868B1;
        padding: .1em;
        background-color: #fff;
    }
    
    #body.requestbrochure fieldset label {
        font-size: 1.1em;
    }
    
    #body.requestbrochure fieldset p {
        margin: 0 0 .2em 0;
    }


        #body.requestbrochure fieldset.choices ul li {
            float: left;
            width: 30%;
            padding: .2em .5%;
            margin: .1em 1% .1em 0;
        }
        
            #body.requestbrochure fieldset.choices ul li.checked {
                font-weight: bold;
            }
        
            #body.requestbrochure fieldset.choices ul li input {
                vertical-align: middle;
            }
    
table.form th {
    text-align: right;
    font-weight: normal;
    width: 50%;
    padding: .3em;
    vertical-align: top;
}




/* International Customers */

#body.internationalorders #resellers {
    width: 100%;
    overflow: hidden;
}

    #body.internationalorders #resellers div.contact {
        float: left;
        width: 48%;
        margin-bottom: 2em;
        padding: .5%;
        font-size: .9em;
    }
    
        #body.internationalorders #resellers div h3 {
            font-weight: bold;
            margin: 0;
        }
    
        #body.internationalorders #resellers div address.vcard {
            margin-top: .2em;
        }
        
address.vcard {
    line-height: 150%;
    margin-top: 3em;
}


/* Checkout*/

#body.checkout h2 {
    margin: 1.3em 0 .1em 0;
}

#body.checkout p {
    margin: .3em 0 1em 0;
}

#body.checkout table {
    width: 100%;
    border-collapse: collapse;
}

#body.checkout fieldset {
    padding: 1% .5%;
    width: 98%;
    margin: 0 0 1.2em 0;
    border: 1px solid #ddd;
}

#body.checkout fieldset p {
    padding: .5em;
}

#body.checkout fieldset legend {
    padding: .2em .5em;
    font-size: 1.3em;
}

#body.checkout table td, 
#body.checkout table th {
    vertical-align: top;
    padding: .3em;
}


#body.checkout table.form th {
    text-align: right;
    width: 200px;
}

#body.checkout p.important {
    background-color: #f6facd;
    padding: .3em;
    margin: 1em 0;
}

    #body.checkout p.important a {
        text-decoration: underline;
        color: #4d5409;
        font-weight: bold;
    }

#body.checkout table.form p.note {
    font-size: .8em;
    margin: 0;
    padding: 0;
    font-style: italic;
}

#body.checkout #totals tr td,
#body.checkout #totals tr th {
    border-bottom: 1px solid #ddd;
}

/* CheckoutPro */

#body.checkout #checkout-methods {
    width: 100%;
    overflow: hidden;
    margin-top: 1.5em;
}

    #body.checkout #checkout-methods div.method {
        margin-bottom: 1.5em;
    }

    #body.checkout #checkout-methods p {
        margin: .3em 0;
    }

    #body.checkout #new-and-anon {
        float: left;
        width: 43%;
    }
    
    #body.checkout #returning-customers {
        float: right;
        width: 55%;
    }
    
        #body.checkout div.button {
            text-align: center;
        }
    
    #body.checkout #returning-customers table.form th {
        width: 100px;
    }
    


/* Cart */
#body.checkout #accurate-shipping-amount {
    text-align: center;
    margin: 0 0 2em 0;
}

#body.checkout #cart {
    margin: 2em 0 .5em 0;
    border-bottom: 1px solid #ddd;
}

#body.checkout #cart th {
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: .85em;
}

#body.checkout #cart tr.remove {
    background-color: #fdd5d3;
}

#body.checkout #cart th,
#body.checkout #cart td {
    text-align: center;
    padding: .4em 0;
    vertical-align: middle;
}

#body.checkout #cart th.qty,
#body.checkout #cart td.qty,
#body.checkout #cart td.qty input {
    text-align: center;
}

#body.checkout #cart th.item,
#body.checkout #cart td.item {
    width: 55%;
    text-align: left;
}

#body.checkout#cart td.item a {
    font-size: 1.3em;
    text-decoration: underline;
}

#body.checkout #cart td.item span {
    color: #888;
    font-size: .8em;
    display: block;
}

#body.checkout #cart td.photo img {
    height: 70px;
}

#body.checkout #update {
    text-align: right;
}

#body.checkout #estimated-totals {
    margin: 3em auto 2em auto;
    padding: .5em;
}

#body.checkout #estimated-totals h2 {
    margin: 0 0 .2em 0;
}


#body.checkout #estimated-totals table th,
#body.checkout #estimated-totals table td {
    border-bottom: 1px dotted #999;
}


#body.checkout p.note {
    text-align: left;
    margin: .3em 0 0 0;
    color: #888;
    font-style: italic;
}

#body.checkout.cart p.note {
    text-align: center;
}


#body.checkout #checkoutpro {
    text-align: center;
}

#body.checkout.cart #cart-options {
    list-style: none;
    padding: 0;
}





/* Invoice Template Specifics */

#body.checkout.invoice table {
    margin: 0 0 1em 0;
}

#body.checkout.invoice #order-details td,
#body.checkout.invoice #order-details th {
    text-align: center;
    border: 1px solid #ddd;
}

#body.checkout #cart th.item,
#body.checkout #cart td.item {
    text-align: left;
}

#body.checkout #totals {
    width: 100%;
}

#body.checkout #totals th
#body.checkout #totals td {
    border: 1px solid #ddd;
}

#body.checkout #totals th {
    text-align: left;
    font-weight: normal;
    width: 50%;
}

#body.checkout #totals td {
    text-align: right;
    width: 50%;
}

#checkout-progress{
    width: 640px;
    height: 68px;
    display: block;
    margin: .5em auto;
}


/* Support Center */

#support-center {
    width: 100%;
    overflow: hidden;
}

#body.service #content #support-center div.type {
    float: left;
    width: 50%;
    height: 200px;
}

#body.service #content div.set h2 {
    margin: 2em 0 .5em 0;
    font-size: 2.3em;
}

#support-center h3 {
    font-weight: bold;
    margin: 1.5em 0 .2em 0;
}
#support-center ul {
    font-size: 1.3em;
    padding: .3em 0 .5em 2em;
}

    #support-center ul li {
        margin: .3em 0;
        list-style-type: disc;
    }
#support-center p {
    margin: 0 0 .5em 0;
}


#body.cataloglist div.freeresourcecentre h2 {
    text-align: center;
    font-size: 1.4em;
    width: 98%;
    background-color: #1f954d;
    color: #fff;
    padding: 5px 0;
    margin: 0 0 10px 0;
    font-weight: bold;
}

/* LEA Page */

#lea_1 {
    width: 674px;
      border-width:thin;
    border-style:solid;
    border-color:#808080;
    padding:10px 10px 10px 10px;
    background:#FFF;
    
}

#lea_2 {
    width: 700px;
    height: 80px;
    padding:20px 0px 0px 0px;
    background:#FFF;
    
}

#lea_3 {
    width: 700px;
    height: 100px;
    padding:0px 0px 0px 0px;
    background:#FFF;
    
}


#lea_menu {
    border-width:thin;
    border-style:solid;
    border-color:#B3B3B3;
    height: 90px;
    padding:10px 10px 10px 20px;
    background:#CCCCCC;

}

#lea_menu ul {
    align: center;
    margin: 0px;
    padding: 0 0 0 0;
    list-style: none;
}

#lea_menu ul li {
    display: inline;
    
}

#lea_menu ul li a {
    float: left;
    padding: 12px 0 0 0;    
    text-align: center;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    background: url(http://www.daydreameducation.co.uk/images/store_version2/lea_menu.png) no-repeat;
    width: 157px;
    height: 35px;
    font-size: 15px;
    outline: none;
    color: #fff;
}

#lea_menu li a:hover, #lea_menu li .current {
    background: url(http://www.daydreameducation.co.uk/images/store_version2/lea_menu_current.png) no-repeat;
}

/* Hidden Div's containing LEA info */

#lea_form_hide {
    border-top:  0px;
    border-bottom: 5px solid #FFFFFF;
    border-left: 0px;
    border-right: 0px;
    height: 140px;
    padding:10px 52px 10px 10px;
    background:#E6E6E6;
    display: none;

}

#lea_menu_hide {
    border-top:  5px solid #FFFFFF;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    height: 140px;
    padding:10px 10px 10px 10px;
    background:#E6E6E6;
    display: none;

}

/* Bottom Tabs */

#lea_tabs ul {
    align: center;
    margin: 0px;
    padding: 0 0 0 0;
    list-style: none;
}

#lea_tabs li {
    display: inline;
    
}

#lea_tabs ul li a {
    float: left;
    padding: 20px 0 0 0;    
    text-align: center;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    background: url(http://www.daydreameducation.co.uk/images/store_version2/leaoffers-tab.png) no-repeat;
    width: 140px;
    height: 76px;
    font-size: 15px;
    outline: none;
    color: #000000;
}


#lea_tabs li a:hover, #lea_tabs li .current {
    background: url(http://www.daydreameducation.co.uk/images/store_version2/leaoffers-tab-over.png) no-repeat;
}

#lea_tab_hide1 {
    height: 100px;
    width: 697px;
    background-image: url(http://www.daydreameducation.co.uk/images/store_version2/lea-compatible.png);
    display: none;

}

/* Shipping Page */

#shipping_table {
    border-top:  0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 600px;
    height: 95px;
    padding:10px 10px 10px 10px;
    background:#E6E6E6;

}

#shipping_table_r1 {
    border-top:  0px;
    border-bottom: 1px solid #000000;
    border-left: 0px;
    border-right: 0px;
    width: 600px;
    height: 20px;

}

#shipping_table_rpad {
    padding:10px 0px 0px 0px;

}

#shipping_table_r2 {
    border-top:  0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 595px;
    height: 20px;
    background:#DADADA;
    padding:0px 0px 0px 5px;
    

}

#shipping_table_r3 {
    border-top:  0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 595px;
    height: 20px;
    padding:0px 0px 0px 5px;

}

#shipping_table_r4 {
    border-top:  0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 595px;
    height: 20px;
    background:#DADADA;
    padding:0px 0px 0px 5px;

}

#shipping_table_c1 {
    display:table-cell; 
    float:left;
    height: 15px;
    width: 115px;

}

#shipping_table_c2 {
    float:left;
    height: 15px;
    margin-left:110px; 
    display:table-cell;

}

/* Quotes */

#quote {
    display:none;
}

#quoteName {
    display:none;
}

/*
a.quote {
    font-family:Helvetica, sans-serif;
    font-style: italic;
    font-size: 1.3em;
    color:#000;
}

a.nameschool {
    font-family:Helvetica, sans-serif;
    font-size: 1.3em;
    color:#000;
}

#quoteName {
    float:left;
    width: 100%;
    height: auto;
    padding:0px 0px 0px 35px;
    margin: 0px 0px 20px 0px;
}

#quote.image {
    float:left;
    width: 100%;
    height: 20px;
    margin:0px 0px 0px 16px;
    background: url("/images/partners-images/quote_tail.png") no-repeat;

}

#quote {
    float:left;
    width: 250px;
    height:    auto;
    margin:0px 0px 0px 10px;
    background:#E9F5FE;

}

#quoteinside {
    text-align:center;
    width: 220px;
    height:    auto;
    padding: 15px 15px 15px 15px;
    
}

#quote.int {
    float:left;
    width: 370px;
    height:    auto;
    margin:0px 0px 0px 10px;

}

#quoteinside.int {
    text-align:center;
    width: 340px;
    height:    auto;
    padding: 15px 15px 15px 15px;
    
}

.o_t {background: url("/images/partners-images/wall_dot.png") 0 0 repeat-x; width:100%}
.o_b {background: url("/images/partners-images/wall_dot.png") 0 100% repeat-x}
.o_l {background: url("/images/partners-images/wall_dot.png") 0 0 repeat-y; height:auto}
.o_r {background: url("/images/partners-images/wall_dot.png") 100% 0 repeat-y; padding: 0px 0px 0px 0px; height:auto}

.o_bl {background: url("/images/partners-images/wall_bl.png") 0 100% no-repeat}
.o_br {background: url("/images/partners-images/wall_br.png") 100% 100% no-repeat}
.o_tl {background: url("/images/partners-images/wall_tl.png") 0 0 no-repeat}
.o_tr {background: url("/images/partners-images/wall_tr.png") 100% 0 no-repeat; padding: 0px 0px 0px 0px; height:auto}

*/

/* Facebook and Twitter buttons in News */

#faceBtn {
    height:45px;
    width: 310px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align:center;
}
    
        #faceBtn span {
            margin-bottom:0px;
        }
    
            #faceBtn span a {
                overflow:hidden;
                padding:14px 0px 10px 0px;
                height:21px;
                font-size:13px;
                color: black;
                display: block;
                text-decoration:none;
            }

            #faceBtn span.text a {
                background: url("https://www.daydreameducation.co.uk/testarea/memory4media/images/face_Btn.png") no-repeat;
            }
    
                #faceBtn span.text a:hover {
                    background: url("https://www.daydreameducation.co.uk/testarea/memory4media/images/face_BtnOver.png") no-repeat;
                
                }

#twitterBtn {
    width: 310px;
    height:45px;
    margin-bottom: 20px;
    text-align:center;
}

        #twitterBtn span {
            margin-bottom:0px;
        }
    
            #twitterBtn span a {
                overflow:hidden;
                padding:14px 0px 10px 0px;
                height:21px;
                font-size:13px;
                color: black;
                display: block;
                text-decoration:none;
            }

            #twitterBtn span.text a {
                background: url("https://www.daydreameducation.co.uk/testarea/memory4media/images/twitter_Btn.png") 0 0 repeat-x;
            }
    
                #twitterBtn span.text a:hover {
                    background: url("https://www.daydreameducation.co.uk/testarea/memory4media/images/twitter_BtnOver.png") 0 0 repeat-x;
                
                }
                
/* Image Gallery */

#gallery-btn {
    width: 160px;
    margin-bottom: 20px;
    text-align: center;
    background: url("/images/store_version2/lea_menu_current.png") 0 0 no-repeat;
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
}

        #gallery-btn a {
            overflow:hidden;
            padding:14px 0px 10px 0px;
            font-size:13px;
            color: #fff;
            display: block;
            text-decoration:none;
            background: url("/images/store_version2/lea_menu.png") 0 0 no-repeat;
        }

            #gallery-btn a:hover {
                background: url("/images/store_version2/lea_menu_current.png") 0 0 no-repeat;
            }

/* Subject header Colours */
    
html.artanddesign h1, html.religiouseducation h1 {
    background-image: url('/images/store_version2/header-lightpurple.jpg');
    text-shadow: #666 -1px -1px;
}    
    
html.businessstudies h1 {
    background-image: url('/images/store_version2/header-turquoise.jpg');
    text-shadow: #666 -1px -1px;
}

html.physicaleducation h1 {
    background-image: url('/images/store_version2/header-lightgreen.jpg');
    text-shadow: #666 -1px -1px;
}

html.designandtechnology h1 {
    background-image: url('/images/store_version2/header-black.jpg');
    text-shadow: #666 -1px -1px;
}

html.english h1, html.functionalskills h1, html.childdevelopment h1, html.schoolessentials h1, html.modernlanguages h1, html.interactiveresourcesuites h1 {
    background-image: url('/images/store_version2/header-darkblue.jpg');
    text-shadow: #666 -1px -1px;
}

html.englishliterature h1, html.dance h1 {
    background-image: url('/images/store_version2/header-pink.jpg');
    text-shadow: #666 -1px -1px;
}

html.ict h1 {
    background-image: url('/images/store_version2/header-grey.jpg');
    text-shadow: #666 -1px -1px;
}

html.maths h1, html.mathsalevel h1, html.keystage1 h1, html.keystage2 h1, html.keystage3 h1, html.gcse h1, html.alevel h1, html.adnoddaucymraeg h1, html.pocketposterpacks h1 {
    background-image: url('/images/store_version2/header-red.jpg') !important;
    text-shadow: #666 -1px -1px;
}

html.motivation h1, html.geography h1, html.pshe h1, html.drama h1 {
    background-image: url('/images/store_version2/header-orange.jpg');
    text-shadow: #666 -1px -1px;
}

html.music h1, html.musictechnology h1, html.searchresults h1 {
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

/*html.history h1, html.earlyyears h1 {
    background-image: url('/images/store_version2/header-darkgreen.jpg');
    text-shadow: #666 -1px -1px;
}*/

html.science h1, html.sciencealevel h1 {
    background-image: url('/images/store_version2/header-purple.jpg');
    text-shadow: #666 -1px -1px;
}

html.elementary h1, html.middle h1, html.high h1 {
    background-image: url('/images/store_version2/header-red.jpg');
    text-shadow: #666 -1px -1px;
}

/* Category Btn Colours */

#category-buttons.buttons-across-3 li a.wallcharts, #category-buttons.buttons-across-3 li a.individualtitles, #category-buttons.buttons-across-3 li a.addysggorfforol, #category-buttons.buttons-across-3 li a.secondary, #category-buttons.buttons-across-3 li a.ks3andgcse { 
    background-image: url("/images/store_version2/cat-wall.jpg"); 
}

#category-buttons.buttons-across-3 li a.pocketposters, #category-buttons.buttons-across-3 li a.minisets, #category-buttons.buttons-across-3 li a.drama { 
    background-image: url("/images/store_version2/cat-pp.jpg"); 
}

#category-buttons.buttons-across-3 li a.worksheets, #category-buttons.buttons-across-3 li a.fullset, #category-buttons.buttons-across-3 li a.dt { 
    background-image: url("/images/store_version2/cat-work.jpg"); 
}

#category-buttons.buttons-across-3 li a.interactivesoftware, #category-buttons.buttons-across-3 li a.astbusnes, #category-buttons.buttons-across-3 li a.astudiaethaubusnes, #category-buttons.buttons-across-3 li a.primary, #category-buttons.buttons-across-3 li a.ks2 { 
    background-image: url("/images/store_version2/cat-int.jpg"); 
}

#category-buttons.buttons-across-3 li a.vlesoftware, #category-buttons.buttons-across-3 li a.gwbusnes { 
    background-image: url("/images/store_version2/cat-vle.jpg"); 
}

#category-buttons.buttons-across-3 li a.deskcharts { 
    background-image: url("/images/store_version2/cat-desk.jpg"); 
}

#category-buttons.buttons-across-2 li a.fullsets { 
    background-image: url("/images/store_version2/desk-chart-buttons_green.jpg"); 
}

#category-buttons.buttons-across-2 li a.individualtitles { 
    background-image: url("/images/store_version2/desk-chart-buttons_red.jpg"); 
}

/* Subject Btn Colours */

/* Category Button */

#category-buttons {
    width: 700px;
    overflow: hidden;
}

    #category-buttons li {
        display: inline; /* IE7... */
    }

    #category-buttons li a {
        float: left;
        display: block;
        width: 228px;
        color: white;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        overflow: hidden;
        text-shadow: #666 -1px -1px;
        background-color: #666;
        background-repeat: no-repeat;
        border-radius: 10px;
    }

        #category-buttons.buttons-across-2 li a { 
            width: 346px;
            margin: 0 7px 7px 0;
            font-size: 21px;
            line-height: 67px;
            background-position: 0 -70px;
        }

        #category-buttons.buttons-across-3 li a { 
            width: 228px;
            height: 70px;
            font-size: 21px;
            line-height: 67px;
            background-position: 0 -70px;
            margin: 0 7px 7px 0;
        }

        #category-buttons.buttons-across-4 li a { 
            width: 169px;
            height: 34px;
            margin: 0 5px 5px 0;
            line-height: 32px;
            font-size: 14px;
            background-position: 0 -34px;
        }



        #category-buttons.buttons-across-2 a.c-2,
        #category-buttons.buttons-across-3 a.c-3,
        #category-buttons.buttons-across-4 a.c-4 {
            margin-right: 0;
        }


        #category-buttons li a:hover {
            background-position: 0 0 !important;
        }

#category-buttons.buttons-across-4 li a.businessstudies {
    background: url(/images/store_version2/business-btn.jpg) 0 -34px no-repeat;
    background-color: #00B5CA; 
}

#category-buttons.buttons-across-4 li a.english, #category-buttons.buttons-across-4 li a.functionalskills, #category-buttons.buttons-across-4 li a.schoolessentials, #category-buttons.buttons-across-4 li a.modernlanguages, #category-buttons.buttons-across-4 li a.childdevelopment, #category-buttons.buttons-across-4 li a.primary {
    background: url(/images/store_version2/english-btn.jpg) 0 -34px no-repeat;
    background-color: #3D77BA; 
}

#category-buttons.buttons-across-4 li a.ict {
    background: url(/images/store_version2/it-btn.jpg) 0 -34px no-repeat;
    background-color: #8D9095; 
}

#category-buttons.buttons-across-4 li a.designandtechnology {
    background: url(/images/store_version2/dt-btn.jpg) 0 -34px no-repeat;
    font-size: 13px;
    background-color: #8D9095; 
}

#category-buttons.buttons-across-4 li a.maths, #category-buttons.buttons-across-4 li a.mathsalevel, #category-buttons.buttons-across-4 li a.welsh, #category-buttons.buttons-across-4 li a.pocketposterpacks, #category-buttons.buttons-across-4 li a.secondary {
    background: url(/images/store_version2/math-btn.jpg) 0 -34px no-repeat;
    background-color: #E42130; 
}

#category-buttons.buttons-across-4 li a.motivation, #category-buttons.buttons-across-4 li a.drama, #category-buttons.buttons-across-4 li a.pshe, #category-buttons.buttons-across-4 li a.geography {
    background: url(/images/store_version2/motiv-health-btn.jpg) 0 -34px no-repeat;
    background-color: #FAB32A; 
}

#category-buttons.buttons-across-4 li a.music, #category-buttons.buttons-across-4 li a.musictechnology {
    background: url(/images/store_version2/music-btn.jpg) 0 -34px no-repeat;
    background-color: #00B9F3; 
}

#category-buttons.buttons-across-4 li a.art, #category-buttons.buttons-across-4 li a.religiouseducation {
    background: url(/images/store_version2/art-btn.jpg) 0 -34px no-repeat;
    background-color: #57408E; 
}

#category-buttons.buttons-across-4 li a.dance, #category-buttons.buttons-across-4 li a.englishliterature {
    background: url(/images/store_version2/dance-btn.jpg) 0 -34px no-repeat;
    background-color: #E62A70; 
}

#category-buttons.buttons-across-4 li a.history, #category-buttons.buttons-across-4 li a.earlyyears {
    background: url(/images/store_version2/stem-btn.jpg) 0 -34px no-repeat;
    background-color: #00A94E; 
}

#category-buttons.buttons-across-4 li a.physicaleducation {
    background: url(/images/store_version2/pe-btn.jpg) 0 -34px no-repeat;
    background-color: #80BF44; 
}

#category-buttons.buttons-across-4 li a.science, #category-buttons.buttons-across-4 li a.artanddesign {
    background: url(/images/store_version2/science-btn.jpg) 0 -34px no-repeat;
    background-color: #963A8D; 
}

/* Wallchart Detail img size */

html.detail.wallcharts #detailPage { height: 666px; }

    html.detail.wallcharts #detailPage-details.bottom { height: 577px; }

html.detail.deskcharts #detailPage { height: 666px; }

    html.detail.deskcharts #detailPage-details.bottom { height: 577px; }

html.detail.adnoddaucymraeg #detailPage { height: 666px; }

    html.detail.adnoddaucymraeg #detailPage-details.bottom { height: 577px; }

/* Generic Header Colours */

#list-header h1 {
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.checkout h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.history h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.memberlogin h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.signin h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.lostpassword h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.cataloglisteof h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

#body.searchresults h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

.cataloglist h1{
    background-image: url('/images/store_version2/header-lightblue.jpg');
    text-shadow: #666 -1px -1px;
}

/* Category Btn Font Size */

#category-buttons.buttons-across-3 li a { 
    font-size: 20px !important;
    line-height: 67px !important;
}