/* MODIFICATION HISTORY:
11/03/2010 minh.tran: Bug 2717 Enhancement needed for the cw_ContribProductList ConLib
11/12/2010 minh.tran: Bug 2711 �Review and Rate this Item�  should appear above and below review block
12/07/2010 minh.tran: Bug 2769 Need version of cw_SearchPage with 3 columns
12/10/2010 minh.tran: Bug 2774 How to have "sub menus" in the main Menu Line? 
12/13/2010 minh.tran: Bug 2776 Need Conlib to display data from cw_Reviews table
12/15/2010 minh.tran: Bug 2702 Enhancements needed for the AltFormatProductList ConLib
12/13/2010 minh.tran: Bug 2779 Generate functionality to have "Tabs" on Product page
01/06/2011 minh.tran: Bug 2781 Tracking Bug for adding Demo site layout as default layout in SVN
07/13/2012 minh.tran: Bug 3288 Alphabetical Author Directory
*/


/* This Style Sheet is only for styles that are added for pages added for CyberWolf PW10
   All styles used in the default setup of the default PW10 (AbleCommerce) site can be found in the 
   appled App_Themes' css files
*/


/****** BEGIN Home Page (Edits by RSA) *******/

/****** Style "Watch" text to match "Author Spotlight" *******/
.authorVideo h1 {
	font-family: myFirstFont,Arial;
	display: block;
	font-size: 16.67px;
	padding-top: 5px;
	-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

.authorVideo iframe {
	margin-top: -5px;
}
/****** END Style "Watch" text to match "Author Spotlight" *******/


/****** END Home Page *******/


/****** BEGIN "Politics & Current Events Category Grid-style Page (Edits by RSA) *******/

/****** Hide Navigation Breadcrumbs & Right Sidebar *******/
.CategoryBreadCrumbs {
	visibility:hidden;
}
td#rightSidebarPanel {
	visibility:hidden;
}
.pageHeader {
	width:960px;
}
div.pageHeader {
	margin-left:7.5px;
}
/****** END Hide Navigation Breadcrumbs & Right Sidebar *******/

/****** END "Politics & Current Events Category Grid-style Page *******/



/****** BEGIN Cover Image Border Styling (RSA) *******/

#ProductImage {border: solid 0px #dddddd;}
img.Thumbnail {
	border: solid 0px #dddddd;
}

/****** BEGIN Cover Image Border Styling *******/

/****** BEGIN Order Download Page *******/






#installer {
    color: #880000;
    text-align: center;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 0.8em;
}

    #installer img {
        border: 0;
    }

#cw_productlist {
    margin: 15px auto 0;
    width: 600px;
}

    #cw_productlist h2 {
        font-family: Helvetica, Verdana, sans-serif;
        font-size: 1em;
        margin-top: 30px;
        text-align: left;
    }

.productlistitem {
    border-bottom: 1px solid #000066;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    line-height: 1.4em;
    min-height: 96px;
    padding: 0 0 1em 87px;
    text-align: left;
}

    .productlistitem em {
        font-weight: bold;
        color: #aaaa55;
    }

.productthumbnail {
    float: left;
    margin-left: -87px;
    margin-right: 10px;
    border: 0;
}

.downloadbutton {
    width: 87px;
    height: 30px;
    border: 0;
}
/****** END Order Download Page *******/

/****** BEGIN My eBooks Page *******/
.myebookstableheader {
    color: #FFFFFF;
    background-color: #BBBBBB;
}

.myebookstablerow {
    text-align: center;
}

/****** END My eBooks Page *******/


/****** BEGIN Product and Contributor Pages *******/

/* Style for authors names*/
/* div surrounding author info */
.author {
    display: inline-block;
    float: left;
    font-size: 12px;
}

    .author a, .author a:link, .author a:visited {
        font-size: 12px;
        color: #333399;
        text-decoration: underline;
    }

        .author a:hover {
            color: #333399;
            text-decoration: underline;
        }
/* used for spacing between names */
.nounderline {
    display: inline-block;
    float: left;
    text-decoration: none;
}

a.nounderline:link {
    text-decoration: none;
}

/* Style for actual word Author or By, And etc. */
.authorbold {
    color: #575757;
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    float: left;
    display: block;
    clear: left;
}


/* Style for Contributor header display */
.clear {
    clear: both;
}

#mainPanel #contributor h1, #mainPanel #contributor h2 {
    margin-top: 0px;
}

#mainPanel #contributor td div {
    border: none 0px;
    padding: 0px;
}

#mainPanel #contributor .section .content {
    padding-left: 16px;
    padding-right: 16px;
}

#contributor {
    /*background-color: #d1d6cf; */
    background-color: #ffffff;
    padding: 0 10px;
}

    #contributor .heading {
        background-color: #405162;
        height: 26px;
        margin: 0 -10px;
    }

        #contributor .heading h1 {
            padding-left: 16px;
        }

            #contributor .heading h1 .contribhlight {
                font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: bold;
                line-height: 26px;
                color: #fff;
            }

    #contributor span {
        color: #61727a;
        line-height: 18px;
    }

        #contributor span.error {
            color: #ff0000;
        }

    #contributor .section {
        margin-top: 10px;
    }

    #contributor .author .thumbnail {
        width: 220px;
        min-height: 300px;
    }

    #contributor .author h2 {
        font-size: 13px;
    }

    #contributor .contributor_alsoby {
        background-color: #a2aead;
        height: 26px;
    }

        #contributor .contributor_alsoby h2 {
            padding-left: 8px;
        }

            #contributor .contributor_alsoby h2 span {
                color: #fff;
                font: bold 13px "Lucida Grande", Arial, Helvetica, sans-serif;
                line-height: 26px;
            }

    #contributor .searchSortHeader {
        display: none;
    }

    #contributor .products {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #contributor .products li {
            margin: 0px 0px 16px 0px;
            padding: 10px;
            border: solid 1px #a2aead;
        }

    #contributor .product a {
        color: #61727a;
    }

    #contributor .product .productthumbnail {
        clear: both;
        margin: 0px;
        width: 90px;
        height: 120px;
        margin-left: 17px;
    }

    #contributor .product .shortdescription {
        margin-top: 8px;
    }

    #contributor .product .AddToWishlist {
        background-color: #c7d2b0;
        color: #61727a;
        padding: 8px;
        font-weight: bolder;
    }

    #contributor .product .AddToCart {
        background-color: #ac794c;
        color: #fff;
        padding: 8px;
        font-weight: bolder;
    }

    #contributor .product input {
        border: solid 1px #ac794c;
    }
/*
.normal
{
    color: #4B4B4B;
    font-family: 'Lucida Grande' , Arial, Helvetica, sans-serif;
    line-height: 15px;
}

.contribshortbio
{
    color: #4B4B4B;
    font-family: 'Lucida Grande' , Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    padding-bottom: 12px;
}

.subhr
{
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: #999;
    border-top-style: solid;
    border-top-width: 1px;
}

div.section div.content td div
{
    border: 0;
    padding: 0;
}
*/
.producttitle {
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #353535;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 5px;
}

    .producttitle a, .producttitle a:link, .producttitle a:visited {
        color: #353535;
        text-decoration: none;
    }

        .producttitle a:hover {
            color: #353535;
            text-decoration: underline;
        }

.shortdescription {
    color: #4B4B4B;
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

.productattributestitle {
    color: #575757;
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.productattributes {
    color: #575757;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14px;
}
/****** END Product and Contributor Pages *******/

/****** BEGIN Alternate Format Product Page *******/
#boxes {
    margin-top: 7px;
    margin-bottom: 7px;
}

    #boxes .error {
        color: Red;
    }

.box {
    background-color: #f4f4e8;
    border-bottom: 1px solid #d1d1be;
    border-right: 1px solid #d1d1be;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 3px 7px 3px 7px;
    width: 400px;
}

    .box form {
        margin: 4px;
    }

    .box td {
        font-size: 11px;
        line-height: 15px;
    }

    .box a, .box a:link, .box a:visited {
        color: #3E657F;
        text-decoration: underline;
        font-size: 11px;
        text-align: right;
    }

.addcartdiv .price, .addcartdiv .quantity, .addcartdiv .productform {
    font-size: 11px;
    font-weight: bold;
}

.box .addcartdiv input[type="image"] {
    margin-top: 0px;
}

.box .addcartdiv input.button {
    width: 110px;
    display: block;
}

/****** END Alternate Format Product Page *******/

/****** Review Section *******/
.reviews a, .reviews a:link, .reviews a:visited {
    color: #333399;
    font-size: 12px;
    text-decoration: underline;
}
/****** END Review Section *******/

/****** Review Section *******/
.reviewhead h2 {
    color: #990000;
    font-size: 14px;
}

.reviewtext {
    /* font-style: italic; */
    line-height: 17px;
    margin-top: 12px;
    margin-bottom: 18px;
}
/****** END Review Section *******/
/******* Custom Three Column Simple Search with lenght control ********/
#cw_SearchPage3Column .thumbnail {
    background: transparent;
    height: 90px;
}

#cw_SearchPage3Column .name {
    height: 15px;
    overflow: hidden;
}

#cw_SearchPage3Column .format {
    height: 30px;
    overflow: hidden;
}

#cw_SearchPage3Column .subtitle {
    height: 15px;
    overflow: hidden;
}
/******* END Custom Three Column Simple Search with lenght control ********/

/******* Top Paging Control ********/
.paging.top {
    margin: 0px;
    padding: 0px;
    height: auto;
    text-align: inherit;
}
/******* END Top Paging Control ********/

/****** Main menu *******/
.topnavigation {
    background: url("/App_Themes/SciFantasyDemo/images/storeHeader_navigationBG.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 0 none;
    border-top: 1px solid #005B94;
    height: 24px;
    text-align: left;
    width: 100%;
}

#storeHeader .sf-navbar {
    height: 24px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    #storeHeader .sf-navbar li {
        background-color: #425163;
    }

        #storeHeader .sf-navbar li ul {
            width: 120px;
        }

    #storeHeader .sf-navbar .sf-sub-indicator {
        display: none;
    }

    #storeHeader .sf-navbar ul .sf-sub-indicator {
        display: block;
    }

    #storeHeader .sf-navbar a {
        padding: 6px 12px 6px 20px;
        border: none 0px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        font-weight: bolder;
        text-transform: uppercase;
        line-height: 12px;
        background: url("/App_Themes/SciFantasyDemo/images/blueDots.gif") no-repeat 0 60% transparent;
    }

        #storeHeader .sf-navbar a:focus, #storeHeader .sf-navbar a:hover, #storeHeader .sf-navbar a:active {
            text-decoration: none;
            background-color: #94a6ad;
        }

    #storeHeader .sf-navbar .current ul, #storeHeader .sf-navbar li:hover ul, #storeHeader .sf-navbar li.sfHover ul {
        top: 24px;
    }

    #storeHeader .sf-navbar ul li:hover ul, #storeHeader .sf-navbar ul li.sfHover ul {
        top: 6px;
    }

#leftSidebarPanel .sf-menu a {
    border-left: none 0px;
    border-right: none 0px;
}

#leftSidebarPanel .sf-vertical, #leftSidebarPanel .sf-vertical li {
    width: 100%;
}

    #leftSidebarPanel .sf-vertical .selected {
        background: none repeat scroll 0 0 #61727A;
        font-weight: bolder;
    }
/****** END Main menu *******/
.searchSortHeader h1 {
    background: url("/App_Themes/Glass_MidNight/images/header_icon_mid.gif") no-repeat scroll 3px 0 transparent;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    text-indent: 37px;
    float: left;
    margin-right: 10px;
}

.addcartdiv .discounts {
    position: relative;
    top: -5px;
}

    .addcartdiv .discounts ul {
        margin-top: -5px;
        margin-left: -10px;
    }

    * html .addcartdiv .discounts ul {
        margin-top: 0px;
        margin-left: 32px;
    }

    *:first-child + html .addcartdiv .discounts ul {
        margin-top: 0px;
        margin-left: 32px;
    }

.catalog td.tableNode {
    text-align: left;
}

.catalog tr.header {
    display: none;
}

.catalog tr.paging td {
    border: none 0px;
}

    .catalog tr.paging td table {
        margin-top: 10px;
    }

* html .catalog tr.paging span, * html .catalog tr.paging a {
    display: block;
    height: 10px;
}

*:first-child + html .catalog tr.paging span {
    display: block;
    height: 10px;
}

*:first-child + html .catalog tr.paging a {
    display: block;
    height: 10px;
}

#mainPanel div.paymentFormPanel div.content td div {
    border: none 0px;
}

.tmbrowleft {
    display: none;
    float: left;
    background-image: url('/images/ThumbnailShadows/dropshadow-lt.png');
    background-repeat: no-repeat;
    width: 5px;
}

.tmbmidtop {
    display: none;
    background-image: url('/images/ThumbnailShadows/dropshadow-tl.png');
    background-repeat: no-repeat;
    height: 6px;
    text-align: right;
}

.tmbmidbtm {
    display: none;
    background-image: url('/images/ThumbnailShadows/dropshadow-bl.png');
    background-repeat: no-repeat;
    height: 16px;
    text-align: right;
}

.tmbrowright {
    display: none;
    float: left;
    background-image: url('/images/ThumbnailShadows/dropshadow-rt.png');
    background-repeat: no-repeat;
    width: 13px;
}

.tmbrowmid {
    display: block;
    float: left;
}

.productImage {
    position: relative;
}

    .productImage .magnify {
        float: right;
        margin-right: 5px;
        margin-top: -46px;
        position: relative;
        z-index: 1000;
    }

.AuthorDirectory .searchSortHeader {
    margin-bottom: 10px;
}

.AuthorDirectory .header {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder;
}

    .AuthorDirectory .header td {
        color: #333;
        background: #eee;
        border-top: solid 5px #fff;
        border-bottom: solid 5px #fff;
        padding: 5px 0px 5px 5px;
    }

.AuthorDirectory .anchors {
    background-color: #A2AEAD;
}

    .AuthorDirectory .anchors .alphagroup {
        color: #333;
        font-weight: bolder;
        padding: 5px;
    }

    .AuthorDirectory .anchors .toplink a {
        color: #333;
        font-size: 11px;
        padding-right: 5px;
    }

.AuthorDirectory .name {
    color: #333;
    border-bottom: solid 1px #ccc;
    font-weight: bolder;
    padding: 10px 0px 10px 5px;
}

.AuthorDirectory .type {
    color: #333;
    border-bottom: solid 1px #ccc;
    font-style: italic;
    padding: 10px 0px 10px 5px;
}

.AuthorDirectory .description {
    color: #666;
    border-bottom: solid 1px #ccc;
    padding: 10px 0px 10px 5px;
}

.proddet_cats {
    padding-top: 11px;
}

    .proddet_cats ul {
        padding-left: 0px;
    }