﻿
/*------------Global Styles----------------------------------------------------------------------------------------------- */
* {padding:0; margin:0;}
body { background: #FFF; margin: 0px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 0.75em; }

a:link { color: #082CC6; text-decoration: none; }
a:visited { color: #4762D5; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1, h2, h3, h4, h5 { color: #C39D0F; font-weight: normal; }
h1 { font-size: 196%; margin-top: 0; padding-top: .10em; line-height: 110%; }
h2 { font-size: 147%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }

.DisplayNone{ display:none;}
.Display{ display:block;}
.Mandatory { color:Red;}

.Error{ font-size:90%; color:Red;}


/* Header */
.SiteHeader {clear:both; widows:740px;}
.SiteHeader .Menu{float:left;  margin-bottom:10px;  width:520px;}
.CodeSeperator { height:1px;background-color:#44aaff;}
/* End Header */

/*------------------ End Global Styles -----------------------------------------------------------------------------------*/


/*------------------Content Styles ---------------------------------------------------------------------------------------*/
#master { padding-left:200px;padding-right:200px;padding-top:30px;}
#content { clear:both; padding-top:2em; width:740px; min-height:400px; }
#Wrapper {width:740px; margin:auto; padding-top:2em; }

/*------------------Content Styles ---------------------------------------------------------------------------------------*/

/* Footer */

#Footer { clear:both; width:740px; text-align:center; padding-top:20px; padding-bottom:10px; }
#Footer a{ font-size:90%;}


/* End Footer */

/* CookieInfo Div */

#cookieInfoDiv { width:740px; height:77px; background: url(../../image/home/disabled-cookie-bg.gif) no-repeat bottom left; }
#cookieInfoDiv .AlertIcon{ text-align:center; float:left; width:50px;}
#cookieInfoDiv .InfoText{ float:left; width:680px; text-align:left;}
#cookieInfoDiv .Spacer { clear:both; height:15px;}


/* End CookieInfo Div */


/*-------------------------- Show/Hide Style -----------------------------------------------------------------------------*/

.Show { display:block;}
.Hide { display:none;}

/*-------------------------- Show/Hide Style -----------------------------------------------------------------------------*/

/* Grid*/

.GridAlternatingRow {padding:5px; background-color:#eeffff;}
.GridHeaderRow { height:30px; background-color:#77bbff; color:White;}
.GridItemStyle{ padding:5px;}

/*End grid */


/* Banner */

#MasterBanner{  margin-top:20px; width:740px;}

/*End Banner */

/*Top Search */
#TopSearch {clear:both; position:absolute; margin-left:-205px;}
#SearchTop {clear:both; width:210px; float:left; margin-top:9px;}
.SearchBoxDisplay { background: no-repeat bottom left; background-image: url(../../image/Navigation/search-fill.gif); }
.TopSearchCap {  background:  no-repeat top left;  background-image: url(../../image/Navigation/search-cap.gif); }
#SearchInput{clear:both; width:210px;}
#SearchBy {clear:both; width:210px;}
#TopSearch .ShowSearchBy {width:210px;}
#TopSearch .HideSearchBy {display:none;}
#TopSearch .Input { float:left; width:150px; text-align:left;}
#TopSearch .ColSpacer { float:left; width:5px;}
#TopSearch .Action { float:left; width:50px;}
#TopSearch .GrayedText { color:Gray;}


/*End Top Search */


/*User Login */

#AccountLogin{width:740px; clear:both;}
#AccountLogin .RowSpacer { clear:both; height:5px;}
#UserLogin{float:left; width:370px;}
#UserLogin .LoginLabel{ float:left; width:115px; text-align:right;}
#UserLogin .ColumnSpacer { float:left; width:15px; text-align:center;}
#UserLogin .Mandatory { color:Red;}
#UserLogin .LoginInput{ float:left;  width:240px; text-align:left;}
#AccountLogin .Message {float:left; width:370px;}
#AccountLogin .MadatoryText{ color:Red; font-size:90%;}


#UserRegistration {width:740px; clear:both;}
#UserRegistration .RegistrationInfo{ padding:5px; border: solid 1px;}


#UserDetails {width:740px; clear:both;}
#UserDetails .RowSpacer { clear:both; height:5px;}
#UserDetails .InputSection{width:370px; float:left;}
#UserDetails .MessageSection {width:370px; float:left; padding-top:20px;}
#UserDetails .LoginLabel {  float:left; width:115px;  text-align:right; }
#UserDetails .LoginInput {  float:left; width:240px;  text-align:left;  }
#UserDetails .ColumnSpacer { float:left; width:15px; text-align:center;}
#UserDetails .Mandatory { color:Red;}
#UserDetails .RegistrationInfo{ padding:5px; border: solid 1px;}
#UserDetails .ValidationSummary { padding-top:20px;}

 .WeakPwd { background-color:Red; border:solid 1px; padding:3px; color:White; font-weight:bold;}
 .AveragePwd { background-color:Yellow; border:solid 1px; padding:3px; font-weight:bold;}
 .StrongPwd { background-color:Green; border:solid 1px; padding:3px; color:White; font-weight:bold;}

#RetrievePassword{width:740px; clear:both;}
#RetrievePassword .Left {float:left; width:370px;}
#RetrievePassword .Right {float:left; width:370px;}

#RetrievePassword .RowSpacer { clear:both; height:5px;}
#RetrievePassword .Label {  float:left; width:130px; text-align:right; }
#RetrievePassword .Input {  float:left;  width:230px; }

#Message{float:left; width:370px;}

/*End User Login */



/*Contact */

#ContactUs {clear:both; width:740px;}
#ContactUs .Label { float:left; width:40px;}
#ContactUs .InputField { float:left;  width:200px;}
#ContactUs .ClearFloat {clear:both;}
#ContactUs .LineSeperator { clear:both; height:5px;}
#ContactUs .CommentBox { overflow:auto;}
#ContactUs .InputSection { float:left; width:320px;}
#ContactUs .ErrorSection { float:left; width:400px;}


#ContactUsDetails{}
#ContactUsDetails .InputSection { padding-top:5px;}
#ContactUsDetails .Label{ text-align:right; width:100px;  vertical-align:top; }
#ContactUsDetails .Spacer { display:table-cell; width:15px; text-align:right; padding-right:5px; vertical-align:top;}
#ContactUsDetails .InputField{ display:table-cell; }
#ContactUsDetails .Comments { overflow:auto; }
/*End Contact */


/* Account Details */

#AccountDetails {clear:both; width:740px;}
#AccountDetails .UserName{ height:35px; }
#AccountDetails .LeftSection{ float:left; width:390px;}
#AccountDetails .UserLinks { font-size: 90%; margin: 0; padding-top:4px; line-height: 110%; }
#AccountDetails .SectionHeader{border-bottom: 1px solid #CCC; font-size:80%;}

/* End Account Details */



/* Address Mangement */

#AddressManagement{ clear:both; width:740px;}
#AddressManagement .LeftSection{ float:left; width:390px;}
#AddressManagement .RightSection { float:left; width:320px;}
#AddressManagement .Label { float:left; width:100px; padding:2px; text-align:right;}
#AddressManagement .Input { float:left; }
#AddressManagement .ColumnSpacer{ float:left;width:10px; text-align:center; }
#AddressManagement .RowSpacer { clear:both; height:5px;}

/* End Address Mangement */



/*Order Address Control*/

#OrderAddressControl{ clear:both; width:360px;}
#OrderAddressControl .LeftSection{ float:left; width:360px;}
#OrderAddressControl .Label { float:left; width:120px; padding:2px; text-align:right;}
#OrderAddressControl .Input { float:left; }
#OrderAddressControl .ColumnSpacer{ float:left;width:10px; text-align:center; }
#OrderAddressControl .RowSpacer { clear:both; height:5px;}

/*End Order Address Control */

/* Edit Login */

#EditLogin .Label { float:left; width:120px; text-align:right;}
#EditLogin .Input { clear:both; float:left; padding-left:120px;}
#EditLogin .MessageSection{ clear:both;  display:inline; float:right;  vertical-align:top; }

/*End  Edit Login */

/* Edit User Details */
#EditDetails {clear:both; width:740px;}
#EditDetails .Label { float:left; width:120px; text-align:right;}
#EditDetails .Input { float:left;}
#EditDetails .LeftSection{ float:left; width:400px;}
#EditDetails .RightSection { float:left;}
#EditDetails .RowSpacer { clear:both; height:5px;}

/* End Edit User Details */
#ChangePassword {clear:both; width:740px; }
#ChangePassword .LeftSection{ float:left; width:390px;}
#ChangePassword .RightSection { float:left; width:320px;}
#ChangePassword .Label { float:left; width:120px; padding:2px; text-align:right;}
#ChangePassword .Input { float:left; }
#ChangePassword .ColumnSpacer{ float:left;width:5px;}

#ChangePassword .RowSpacer { clear:both; height:5px;}

/* JQuery Test */

/* User Addresses */

#UserAddresses {clear:both; width:740px;}
#UserAddresses .Label { float:left; width:60px; text-align:left; font-weight:bold;}
#UserAddresses .Input { float:left;}
#UserAddresses .BillingAddress{ float:left; width:350px;}
#UserAddresses .ShippingAddress { float:left; width:350px;}
#UserAddresses .ColumnSpacer{ float:left;width:5px;}
#UserAddresses .RowSpacer { clear:both; height:5px;}
#AddressDisplayButtons { margin-top:5px;}


/*End User Addresses */

/* Generic title list gridview*/
#GenericTitleView {margin:auto;}
#GenericTitleView .AlternatingRow {padding:5px; background-color:#eeffff;}
#GenericTitleView .HeaderRow { height:40px; background-color:#77bbff; color:White;}
#GenericTitleView .Grid { width:740px;}
#GenericTitleView .Cover{ width:60px; height:75px; text-align:center; vertical-align:middle;}
#GenericTitleView .ProductName { width:430px; vertical-align:top; padding:5px; }
#GenericTitleView .BookDetails { width:70px; text-align:center; }
#GenericTitleView .Price { width:60px;  text-align:right;}
#GenericTitleView .Cart { width:100px; text-align:center;}
#GenericTitleView .PagerPage { padding:3px;}


/*End Generic title list gridview*/


#TitleDetails { clear:both; width:740px;}
#TopSection{width:740px;}
#TitleDetails #DetailSection {clear:both;}
#TopSection .ImageSection{float:left; width:160px; text-align:center;}
#TopSection .LargeCoverLink{ font-size:90%;}
#TopSection .LeftSeperator{ float:left; width:5px;}
#TopSection .TitleShortDetail{ float:left;width:350px; vertical-align:top;}
#TopSection .TitileName { font-size: 120%; color: #000; font-weight: bold; }
#TopSection .Label { font-size:90%;}
#TopSection .SectionSeparator{ height:5px;}
#TopSection .Contribuitor {color:#83A046; font-size:90%;}
#TopSection .AuthorName { color: #C39D0F; font-weight:bold;}
#TopSection .CartSection{float:left; width:220px;}
#TopSection .BuyBox {float:left; background: url(../../image/title/buy-box-fill.gif) no-repeat bottom left;  width: 220px;}
#TopSection .TopCap{ background: url(../../image/title/buy-box-cap.gif) no-repeat top left;}
#TopSection .BuyBoxLeft { float:left; width:55px;}
#TopSection .BuyBoxRight { float:left; width:160px;}
#TopSection .PriceLabel{ font-weight:bold;}
#TitleDetails .TabTextArea { padding-left:10px;}
#TitleDetails .TabTextArea p { padding-top:5px; padding-bottom:5px;}
#TitleDetails .TabTextArea ul { padding-left:20px;}

#TitleDetails .SubHeader h2{font-size: 120%; margin-bottom:0; padding: 0; font-weight: bold;}
#TitleDetails .SupplementRow {clear:both;}
#TitleDetails .SupplementLeftSection{ float:left; width:50px;}
#TitleDetails .SupplementRightSection { float:left;}
#TitleDetails .SupplementRowSpacer{ clear:both; height:10px;}
#TitleDetails .TitleLink{ font-weight:bold;}
#TitleDetails .AlternateItems { font-size:95%;}
/*End Title Details */


/* Shopping Cart */

#Cart { clear:both; width:740px;}
#Cart .CartItem { clear:both; font-size:90%;}
#Cart .CartItem a{ font-size:110%; font-weight:bold;}
#Cart .TitleImage {float:left; text-align:left; width:70px;}
#Cart .TitleDetails {float:left ; width:500px;}
#Cart .Quantity {float:left; width:70px;}
#Cart .Price {float:left; width:100px; text-align:right;}
#Cart .CartItemSeperator { clear:both; height:7px; border-top:solid 1px lightgray;}
#Cart .CartHeader {clear:both; font-weight:bold; height:20px; background-color:#cccccc; border:solid 1px gray;}
#Cart .CartHeaderItem { float:left; width:568px;  text-align:left;}
#Cart .CartHeaderQty{ float:left; width:70px; text-align:left;}
#Cart .CartHeaderPrice { float:left; width:100px; text-align:right; vertical-align:middle;}
#Cart .FooterTemplate{ clear:both; height:35px; background-color:#cccccc; border:solid 1px gray;}
#Cart .SubTotalSection{ float:left; width:638px; text-align:right;}
#Cart .TotalSection{ float:left; width:100px; text-align:right;}
#Cart .TemplateSpacer{clear:both; height:15px;}
#Cart .CartCap { clear:both; height:18px; background:url(../../image/container/carttop.gif) no-repeat top left;}
#Cart .QuantityTextBox{ text-align:right;}
#Cart .ValidationSummmary { padding:5px;}
#Cart .ActionLinks{clear:both; width:740px;}
#Cart .ContinueShopping{ float:left; width:370px; text-align:left;}
#Cart .Checkout{float:left; width:370px; text-align:right;}

/*End Shopping Cart */

/* Home */

#Home {clear:both; width:740px;}
#Home .LeftSection{ float:left; width:370px;}
#Home .RightSection { float:left; width:370px; height:280px; background:url(../../image/home/billboard-right.gif) no-repeat top left;}
#Home .SearchLeftSpace{ float:left; width:20px;}
#Home .SearchContent{ float:left; color:White;}
#Home .HeadLine{ height:58px; width:310px; background-image:url(../../image/home/headline.gif)}
#Home .Label{ float:left; text-align:right; color:White; width:70px;}
#Home .Input { float:left; width:200px;}
#Home .Button { float:left; width:50px; text-align:center;}
#Home .BlurSearchSection{ opacity:0.5; filter:Alpha(opacity:50); _filter:Alpha(opacity:50);}
#Home .QuickLinks { float:left; width:148px; margin:auto;  text-align:center; }
#Home .QuickLinks a{ text-decoration:none;}
#Home .IsbnInformationLink a { color:White;}

#IsbnInformation .Closed{ display:none;}
#IsbnInformation { margin: 0; padding: 0; width: 250px; position: absolute;   z-index: 1; color: #000; }
#IsbnInformation .Content { font-size:80%;  margin: 0; padding: 1em 0 1em 0; background: url(../../image/container/information-fill.png) no-repeat top left; _background-image: url(../../image/container/information-fill-ie.gif); }
#IsbnInformation .Content p { font-size: 90%;  margin: 0 1em 0 1em; padding:0; }
#IsbnInformation .Cap { margin: 0; padding: 0; height: 24px; width: 250px; background: url(../../image/container/information-cap.png) no-repeat bottom left; position: relative; }
#IsbnInformation .Cap a.CloseLink { position: absolute; width: 13px; height: 13px; right: 8px; bottom: 8px; font-size: 10px; }
#IsbnInformation .Cap a.CloseLink:link , #IsbnInformation .Cap a.CloseLink:visited { background-image:url(../../image/Navigation/close.gif); background-position:top; }

/* End Home */
#TitleSearchResult {clear:both;}
#TitleSearchResult .TitleSearchItem { clear:both; width:650px; height:100px;}
#TitleSearchResult .TitleSearchItemImage { float:left; text-align:left; width:85px;}
#TitleSearchResult .TitleSearchItemDetails { float:left; text-align:left; width:465px;}
#TitleSearchResult .TitleOriginBadge{ float:left; width:50px; }
#TitleSearchResult a { display:block; width:600px; height:100px; color:Black; text-decoration:none;}
#TitleSearchResult a:hover{display:block; cursor:hand;  text-decoration:none;  background-color:#FFF4C0; }
#TitleSearchResult .Grid{ border:none;}
#TitleSearchResult .TitleLabel{ color:Blue; font-size:120%; font-weight:bold;}
#TitleSearchResult .TitleDetails { font-size:90%;}

.TitleSearchResultPaging{ clear:both; font-size:90%; border-top:dotted 1px; border-bottom:dotted 1px; height:20px;}
.RecordNumberDisplayed { float:left; width:250px;  margin-top:3px;}
.SelectedPage { background-color: #eeffff; border:solid 1px Black; color:Black; padding:5px;}
.UnSelectedPage { border:solid 1px White; color:White; padding:5px;}
.Pager { padding-left:30px; text-align:left; margin-top:-15px; *margin-top:0px;}
.TitleSearchRelevance{ font-size:130%;}
.TopRecordStat{ font-size:80%; height:15px; border-top:dotted 1px black; border-bottom:dotted 1px black;}
.TitleSearchRelevance Span.Term{color: #C39D0F;}
.NoResult{ font-weight:bold;}


#TitleSearch{ clear:both; width:740px;}
#TitleSearch .SearchAgain { height:35px; background-color:Red; width:740px;  background:url(../../image/container/searchagain-fill.gif) no-repeat bottom left;}
#TitleSearch .SearchAgainCap {background:url(../../image/container/searchagain-cap.gif) no-repeat top left;}
#TitleSearch .Label{ font-weight:bold;}
#TitleSearch .SearchAgainTitle{float:left;  width:250px;}
#TitleSearch .SearchAgainAuthor{float:left;  width:230px;}
#TitleSearch .SearcAgainIsbn{float:left; width:180px;}
#TitleSearch .SearchAgainButton{float:left;  width:60px;}
#TitleSearch .CourseLink { font-weight:bold;}
#TitleSearch .SearchRelevance Span.Term{color: #C39D0F; font-size:130%;}


/* Browse Title */

#BrowseTitle { clear:both; width:740px;}
#BrowseTitle .BrowseTitleItem{ width:230px; font-size:95%; vertical-align:top; }
#BrowseTitle .BrowseRoot{ font-weight:bold;}

/* End Browse Title */

/*International ordering */

#InternationalOrdering {clear:both; width:740px;}
#InternationalOrdering .Space{ height:10px;}

/*End International ordering */

/* VitalSource Landing */

#VitalSourceDefault{ clear:both;width:740px;}
#VitalSourceDefault .Space { height:10px;}
#VitalSourceDefault .List ul{ margin-left:15px;}

/* VitalSource Landing */

/* Access codes landing */

#AccessCodesDefault{clear:both;width:740px;}
#AccessCodesDefault .Space {height :10px;}

/*End access codes landing */



/* Tab */
.TitleTab .ajax__tab_header{font-size:12px;	font-weight:bold;  font-family:Arial;  padding-left:5px;    border-bottom:solid 3px #666666;}
.TitleTab .ajax__tab_body {	padding-top:30px; padding-bottom:20px;   font-family:Arial; font-size:10pt; border:none; } 
/* Active/Hover State
/*End Tab*/

/* Billing & Shipping Address */

#BillingAndShippingAddress { clear:both; width:740px;}
#BillingAndShippingAddress .Billing { float:left;  width:365px;}
#BillingAndShippingAddress .Shipping { float:left;  width:365px;}
#BillingAndShippingAddress .Header {height:50px;}
#BillingAndShippingAddress .BillingHeader { float:left; width:365px; font-weight:bold; height:30px;   }
#BillingAndShippingAddress .ShippingHeader { float:left; width:365px; font-weight:bold;  height:30px; }
#BillingAndShippingAddress .CheckBoxLeftSpage {float:left; width:135px;}
#BillingAndShippingAddress .BillingCheckBox{ font-size:80%; float:left;width:240;}
#BillingAndShippingAddress .Continue { float:left; text-align:right; width:370px;}
#BillingAndShippingAddress .ContinueShopping { float:left; width:370px;}
#BillingAndShippingAddress .ValidationSummaryLeft {float:left; width:125px;}
#BillingAndShippingAddress .ValidationSummary {float:left; width:240px;}


/*End Billing & Shipping Address */

/* Shipping options */
#Shipping {clear:both; width:740px;}
#Shipping .Continue { text-align:right;}
#Shipping .Info{ border: solid 1px; padding:3px;}

/* End shipping options */


/*Order Summary */

#OrderSummary { width:740px;}

#OrderSummary .Address{  border:solid 2px;}
#OrderSummary .Billing{ margin-left:5px; float:left; width:365px;}
#OrderSummary .Shipping { float:left; width:365px;}
#OrderSummary .OrderDetails { border:solid 2px;}
#OrderSummary .Title { clear:both; font-size:95%; width:740px;}
#OrderSummary .TitleImage { float:left; width:80px;}
#OrderSummary .Seperator { float:left; width:5px;}
#OrderSummary .TitleDetails { float:left; width:430px;}
#OrderSummary .UnitPrice { float:left; text-align:right; width:80px;}
#OrderSummary .TotalPrice { float:left; text-align:right; width:80px}
#OrderSummary .HeaderText { float:left; width:515px;}
#OrderSummary .OrderDetailsHeaderText { font-size:95%; font-weight:bold;}
#OrderSummary .Quantity { float:left; text-align:right; width:35px;}
#OrderSummary .OrderTotal {clear:both; font-weight:bold;}
#OrderSummary .OrderTotalLeft{ float:left; width:400px;}
#OrderSummary .OrderTotalRight{ float:left; width:330px;}
#OrderSummary .OrderTotalText{ float:left; text-align:right; width:245px;}
#OrderSummary .OrderTotalBorder  { border-bottom:solid 1px black; border-top:solid 1px black; }

#OrderSummary .OrderTotalValue{ float:left; text-align:right; width:80px;}


/*End Order Summary */

/* Order completion confiramtion */

#CompleteConfirmation {clear:both; width:740px;}
#CompleteConfirmation .GridDisplay { font-size:90%;}
#CompleteConfirmation .GridDisplay td { padding:5px;}
#CompleteConfirmation .GridDisplay th { padding:5px;}
#CompleteConfirmation .AlternatingRow {padding:5px; background-color:#eeffff;}
#CompleteConfirmation .HeaderRow { height:30px; background-color:#77bbff; color:White;}
#CompleteConfirmation .StockStatusType { float:left; width:200px; border:solid 1px; border-bottom:none; padding:5px;}
#CompleteConfirmation .StockStatusInfo { float:left; width:300px; border:solid 1px; border-bottom:none; border-left:none;padding:5px;}
#CompleteConfirmation .StatusLine {clear:both;}
#CompleteConfirmation .StatusHeaderLeft {float:left; width:200px; border:solid 1px; height:20px; vertical-align:middle; background-color:#77bbff; color:White;}
#CompleteConfirmation .StatusHeaderRight {float:left; width:300px; border:solid 1px; height:20px; vertical-align:middle; background-color:#77bbff; color:White;}


/* End order completion confiramtion */

/* Order History */

#OrderHistory {clear:both; width:740px;}
#OrderHistory .GridDisplay { padding:10px;}
#OrderHistory .AlternatingRow {padding:5px; background-color:#eeffff;}
#OrderHistory .HeaderRow { height:25px; background-color:#77bbff; color:White;}

/*End Order History */

/* Order Details */
#OrderDetails {clear:both; width:740px;}
#OrderDetails .GridDisplay { font-size:90%;}
#OrderDetails .GridDisplay td { padding:5px;}
#OrderDetails .GridDisplay th { padding:5px;}

#OrderDetails .Codes { font-size:80%;}
#OrderDetails .AlternatingRow {padding:5px; background-color:#eeffff;}
#OrderDetails .RepeaterSeperator { height:1px;background-color:#44aaff;}
#OrderDetails .HeaderRow { height:25px; background-color:#77bbff; color:White;}

/*End Order Details */

/*Access Codes order Contro */
#AccessCodesOrderDetails{}
#AccessCodesOrderDetails .GridDisplay { padding:5px; font-size:80%;}
#AccessCodesOrderDetails .Codes { font-size:90%; white-space:nowrap;}
#AccessCodesOrderDetails .AlternatingRow {padding:5px; background-color:#eeffff;}
#AccessCodesOrderDetails .RepeaterSeperator { height:1px;background-color:#44aaff;}
#AccessCodesOrderDetails .HeaderRow { height:20px; background-color:#77bbff; color:White;}


/* Payment processing */

#PaymentProcessing {clear:both; width:740px;}
#PaymentProcessing .DataEntry{}
#PaymentProcessing .PaymentDetails  { clear:both;width:740px;}
#PaymentProcessing .CardSection { float:left; width:480px; }
#PaymentProcessing .ValidationSummarySection{ float:left; text-align:left; width:210px;}
#PaymentProcessing .Label {float:left; text-align:right; width:130px;}
#PaymentProcessing .Seperator { float:left; color:Red; width:15px; text-align:center;}
#PaymentProcessing .Input { float:left; width:300px;}
#PaymentProcessing .Terms { background-color:#CEE8E9; padding:5px;}
#PaymentProcessing .modalBackground {background-color:#cccccc; filter:alpha(opacity=70); opacity:0.7; } 
#PaymentProcessing .modalPopup { background-color:#ffffdd; border-width:1px; border-style:solid; border-color:Gray; padding:3px; height:80px;width:250px; }


/*End payment processing */

/*Terms and Condition */
#TremsAndCondition { width:740px; text-align:justify; }
#TermsAndCondition ol { margin-left:35px;}
#TermsAndCondition li{ padding-top:15px;}
#TermsAndCondition .TermsOfSale { text-align:justify;}
#TermsAndCondition .Header { font-weight:bold; padding-bottom:5px;}
#TermsAndCondition .Term{ clear:both;}
#TermsAndCondition .Number { float:left; width:40px;}
#TermsAndCondition .TermText { float:left; width:680px; text-align:justify; padding-bottom:10px;}


/* End Terms and Condition */

/* Privacy */
#Privacy { width:740px; text-align:justify}
#Privacy ul  { margin-left:20px;}
#Privacy h1{ margin-bottom:10px;}
#Privacy h3 { margin-top:10px; margin-bottom:10px;}

/*End Privacy */

/* Customer Service */

#CustomerService {}
#CustomerService .RowSeperator { clear:both; height:10px; width:100%;}
#CustomerService .Country { font-style:italic; font-weight:bold;}
#CustomerService .Seperator { float:left; width:10px;}
#CustomerService .Label { float:left; width:40px; }
#CustomerService .LabelText { float:left; width:300px;}
#CustomerService .TextSection { text-align:justify;}
#CustomerService .StockStatusTable { clear:both; background-color:Red; width:524px;}
#CustomerService .HeaderRow {background-color:#77bbff; color:White; font-weight:bold;}
#CustomerService .DataRow { clear:both;}
#CustomerService .StockStatusType { float:left; width:200px; border:solid 1px black; border-bottom:none; padding:5px;}
#CustomerService .StockStatusInfo { float:left; width:300px; border:solid 1px black; border-bottom:none; border-left:none;padding:5px;}
#CustomerService .FooterRow { border-bottom:solid 1px black;}
#CustomerService .ContactDetailsLeft { float:left; width:50px;}
#CustomerService .ContactDetailsRight { float:left; width:300px;}
#CustomerService h3 a { text-decoration:none;}

/* End customer service */





.InstitutionList
{
  font-size:80%;
}

.RowSeperator {clear:both; height:5px}


.ItemTabPanel .ajax__tab_header 
{
	font-size:12px;
	font-weight:bold;
    font-family:Arial;
    padding-left:5px;
    border-bottom:solid 1px #998800;
}


.ItemTabPanel .ajax__tab_body 
{
	padding-top:10px;
	padding-bottom:20px;
    font-family:Arial;
    font-size:10pt;
    border:none;
} 
/* Active/Hover States */
.ItemTabPanel .ajax__tab_active .ajax__tab_outer
{
    margin-right:4px;
	background:url(../../image/container/active-tl.gif) no-repeat left top;    
}
.ItemTabPanel .ajax__tab_active .ajax__tab_inner
{
    margin-left:3px;
	background:url(../../image/container/active-tr.gif) no-repeat right top;        
}
.ItemTabPanel .ajax__tab_active .ajax__tab_tab
{
	margin-right:4px;	
	padding:5px 3px;
	color:#0d4eb2;
	background:url(../../image/container/active-mid.gif) repeat-x;
	text-decoration:none;
}
/* Regular States */
.ItemTabPanel .ajax__tab_outer
{
    margin-right:3px;
	background:url(../../image/container/inactive-tl.gif) no-repeat left top;   	
}
.ItemTabPanel .ajax__tab_inner
{
    margin-left:3px;
	background:url(../../image/container/inactive-tr.gif) no-repeat right top;  	
}
.ItemTabPanel .ajax__tab_tab
{
	margin-right:2px;
	padding:5px 3px;
	color:#6699ff;
	background:url(../../image/container/inactive-mid.gif) repeat-x;
	text-decoration:none;
}

.SelectedPage { font-weight:bold;}


#paymentProgessBackground   
{
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	background-color:#000;  
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000;
   
	_position:absolute;
	_height: expression(document.documentElement.scrollTop + document.documentElement.clientHeight + "px");
	_width: expression(document.body.clientWidth + "px");

}
#paymentProgress  
{
	font-weight:bold;
	position:fixed;  
	top:30%;  
	text-align:center;
	padding:10px; 
	border:solid 2px black;
	width:400px;
	height:60px; 
	z-index:1001; 
	background-color:#fff; 
	_position:absolute; 
    _top: expression(document.documentElement.scrollTop + (document.documentElement.clientHeight * .30) + "px")

}


#Instruction * {padding:0px; margin:0px;}
#Instruction .Wrapper { width:740px; margin:auto; padding-top:2em;}

.OrderSummaryHeader { font-weight:bold; padding-right:5px; text-align:right;}
.OrderSummaryField { padding:5px; width:200px;}
.Italic { font-style:italic;}

#VitalSourceInstruction{ padding:0px; margin:0px;}
#VitalSourceInstruction .Wrapper {width:740px; margin:auto; padding-top:2em;}
#VitalSourceInstruction .TextSection {width:540px; text-align:left; float:left; text-align:justify; }
#VitalSourceInstruction .DownLoadSection{float:left; width:180px;}
#VitalSourceInstruction .RowSpacer { height:5px;}

#DigitalPack { clear:both; font-size:85%;}
#DigitalPack .DigiPackHeader {clear:both; font-weight:bold; }
#DigitalPack .DigiPackInfo{ clear:both; width:740px; }
#DigitalPack .PackIsbn{ float:left; width:100px; height:100%; padding:3px; border-right:solid 1px #000000;}
#DigitalPack .PackTitle{ float:left; width:400px; height:100%; padding:3px; border-right:solid 1px #000000;}
#DigitalPack .PackQuatity{ float:left; width:40px; height:100%; padding:3px; text-align:right; border-right:solid 1px #000000;}
#DigitalPack .PackPrice { float:left; width:80px; height:100%; padding:3px; text-align:right;border-right:solid 1px #000000; }
#DigitalPack .PackTotal { float:left; width:80px; padding:3px; text-align:right;}

#TermsOfUse {}
#TermsOfUse p { padding:5px;}
#TermsOfUse ul  { margin-left:25px;}
#TermsOfUse  ol { margin-left:25px;}

.BreadCrumb { font-size:90%; padding-bottom:3px; border-bottom:dotted 1px blue; width:100%; display:block; }