/* 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 PW11
   All styles used in the default setup of the default PW11 (AbleCommerce) site can be found in the 
   appled App_Themes' css files
*/

/****** BEGIN Order Download Page *******/
#installer
{
    color: #880000;
    text-align: center;
    font-size: 0.8em;
}

#installer img
{
    border: 0;
}

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

#cw_productlist h2
{
    font-size: 1em;
    margin-top: 30px;
    text-align: left;
}

.productlistitem
{
    border-bottom: 1px solid #000066;
    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: #113c74;
  

}

.myebookstablerow
{
    text-align: center;
  
}

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


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

/* Style for authors names*/
/* div surrounding author info */
.author
{
}
.author a, .author a:link, .author a:visited
{
    font-size: 14px;
    color: #666;
    text-decoration: none;
}
.author a:hover
{
    color: #666;
    text-decoration: underline;
}
/* used for spacing between names */
.nounderline
{
    text-decoration: none; color:#666 !important
}

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

/* Style for actual word Author or By, And etc. */
.authorbold
{
    color: #575757;
    font-size: 12px;
    font-weight: bold;
	display:none
}


/* 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: #fff; height: auto; margin: 0 -10px; }
#contributor .heading h1 { padding-left: 27px; padding-bottom:0px; margin-bottom:0px }
#contributor .heading h1 .contribhlight
{
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #000;
}
#contributor span { 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: #ccc; height: 26px; }
#contributor .contributor_alsoby h2 { padding-left: 8px; color:#183d6e }
#contributor .contributor_alsoby h2 span
{
    color: #183d6e;
    line-height: 26px;
}
#contributor .searchSortHeader { display: none; }
#contributor .products { list-style: none; margin: 0px; padding: 0px; }
#contributor .products li { margin: 0px 0px 0px 0px; padding: 10px; border-bottom: solid 1px #ccc; }
#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-size: 14px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 5px;
}
.producttitle a, .producttitle a:link, .producttitle a:visited
{
    color: #000 !important;
    text-decoration: none;
}
.producttitle a:hover
{
    color: #666 !important;
    text-decoration: underline;
}

.shortdescription
{
    color: #666;
    font-size: 12px;
    line-height: 15px;
}

.productattributestitle
{
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.productattributes
{
    color: #666;
    font-size: 14px;
}
/****** END Product and Contributor Pages *******/

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

#boxes .error
{
    color: Red;
}

.box
{

    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 3px 7px 9px 7px;
    width: auto !important;
}

.box form
{
    margin: 4px;
}

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

.box a, .box a:link, .box a:visited
{
    color: #000;
    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: inline; border:none; float:right }

/****** 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; display:inline; width:auto; position:relative; float:left }
/******* END Top Paging Control ********/

/****** Main menu *******/
.topnavigation {
	
	
	height:55px;
	text-align:left;
	width:100%;
}
#storeHeader .sf-navbar { height: 55px; margin-bottom: 0px; padding-bottom: 0px; list-style:none !important; display:inline !important }

#storeHeader .sf-navbar li {  }

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

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

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

#storeHeader .sf-navbar a { 

padding: 11px 19px 11px 20px; 
border: none 0px; 
font-size: 16px; 
font-weight: normal; 
text-transform: none; 
line-height: 24px; 
background: url(headerNav-divider.png) right no-repeat;
}

#storeHeader .sf-navbar a#headerNavLast { 
 
background: none;
border:none

}

#storeHeader .sf-navbar ul li a { 

background: none !important

}

#storeHeader .sf-navbar ul li a:hover { 

background:#dad9d9 !important

}



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

#storeHeader .sf-navbar .current ul, #storeHeader .sf-navbar li:hover ul, #storeHeader .sf-navbar li.sfHover ul { top: 46px; background-image:none !important; background-color: #dad9d9 !important }

#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; padding:10px 0px 10px 10px; font-size:14px }

#leftSidebarPanel .sf-menu a:hover {background:none !important; text-decoration:underline}

#leftSidebarPanel .sf-vertical {border-bottom:0px !important}

#leftSidebarPanel .sf-vertical, #leftSidebarPanel .sf-vertical li { width: 100%; border-bottom:dotted 2px #e3e3e3 }

#leftSidebarPanel .sf-vertical, #leftSidebarPanel .sf-vertical li:hover {background:none !important}

#leftSidebarPanel .sf-vertical .selected { background: none; font-weight: bolder; font-style:italic }



/****** 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;
	float: left;
	margin-right: 10px;
}

.discounts ul { margin-left: 0px; }
.discounts li { display: none; }
.discounts ul li:first-child { display: list-item; margin-left: -20px; list-style-type: none; }
.discounts li a { display: inline-block;width: 16px;height: 16px;cursor: pointer;vertical-align:middle; }
.discounts li a.collapse { background: url(/images/collapse.jpg) no-repeat; margin-left: 5px; }
.discounts li a.expand { background: url(/images/expand.jpg) no-repeat; margin-left: 5px;}

.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; }