/* CSS Document - Argosy Books */

body{ margin:0; background:url(../images/Argosy/page_bg_01.gif) repeat-x #888FAC; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size:13px; color:#1B2651; text-align: center; }

a {outline:none;}

/* img, div { behavior: url(http://www.argosybooks.ie/iepngfix.htc);} */

h1, h2, h3, h4 { /* margin:0; padding:0; */ font-weight:normal;}
h1 { font-size:2em; line-height:1em; margin-bottom:0.25em;}

/* p {margin: 0;padding: 0;} */

#wrapper { margin:0px auto; width:1010px; text-align:left; background: white; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; color:#498AB3; padding-bottom:20px;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#97070A; margin-bottom:6px;}
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; color:#97070A;}

.hidden {
	display: none;
}

.VAppTitleBar
{
/*	background-url: url(../images/Argosy/argosy_banner.png); */
	background: url(../images/Argosy/argosy_header_bg.jpg) repeat-x #ffffff;
	height: 120px;
}

a, a:visited
{
	color: #0052A3;
	text-decoration: none;
}
a:hover
{
	color: #97070A;
	text-decoration: none;
}

img, table, tr, td
{
	border: 0;
}

.nowrap {
	white-space: nowrap;
}

.AddAllBasket {
	width: 100%;
	text-align: right;
	font-size: 10pt;
}
.AddAllBasket a, .AddAllBasket a:visited
{
	color: #97070A;
	text-decoration: none;
}
.AddAllBasket a:hover
{
	color: #E00B0E;
	text-decoration: none;
}


.VAppTitleBar .headerlogo
{
	float: left;
}
.VAppTitleBar .marketinglink
{
	float: right;
	padding: 80px 5px 0 0;
	font-size:10pt;
	font-weight: bold;
}
.VAppTitleBar .marketinglink a
{
	color:#FFFFFF;
	text-decoration: none;
}
.VAppTitleBar .marketinglink a:hover
{
	color:#E00B0E;
	text-decoration: none;
}




.VMainPanelContainer
{
	padding: 20px 20px 20px 20px;
}


.VMainPanel
{
	font-size: 10pt;
	width: 100%;
	color: black;
	background-color: white;
/*	font-family: verdana; */
/*	height: 460px;    -- remove this because it is messing up the layout in Firefox */
}

.VMainPanel .VControls
{
	font-size: 10px;
/*	font-family: verdana; */
}
.VMainPanel .Message
{
	width: auto;
}
.VMainPanel .VControls .Message
{
	width: auto;
}
.VMainPanel .Label
{
	font-size: 10pt;
	font-weight: bold;
}
.VMainPanel .Labelback
{
	background-color: lightgrey;
}
.VMainPanel .blockHeading
{
	font-size: 10pt;
	color:White;
	padding: 0 5px 0 5px;
}
.VMainPanel .blockHeadingBack
{
	background-color: #003366;
}
.VMainPanel .Data
{
	font-size: 10pt;
	color: dimgray;
}

.VMainPanel .Emphasize
{
	font-weight: bold;
}

.VMainPanel .Message
{
	font-size: 12pt;
	color:Red;
	
}

.VMainPanel .Error
{
	font-size: 10pt;
	color:Red;
	font-weight: bold;
}

.VMainPanel .MandatoryInd
{
	font-size: 10pt;
	color:Red;
	font-weight: bold;
	text-align: left;
}
.VMainPanel .MandatoryIndColumn
{
	width: 5px;
	padding-left: 1px;
	padding-right: 1px;
}

.VMainPanel .RecordLocked
{
	font-size: 14pt;
	color:Maroon;
/*	background-color:Yellow;	*/
	font-weight: bold;
}

.VMainPanel .SubHeading
{
/*	font-family: verdana; */
	font-size: 12pt;
	color: #990000;
	
}

/*  The .Search Classes define the 3 available columns for a search page
col1 = SearchLabel = The description for the input box
    or SearchLabelSpacer = Width of SearchLabel, used to line up controls with input column
col2 = SearchInput = the input column
col3 = SeachHint = The on page hint for data entry
*/
.VMainPanel .SearchLabel
{
	width: 150px;
	font-size: 11px;
}
.VMainPanel .SearchLabelSpacer
{
	width: 150px;
}
.VMainPanel .SearchInput
{
	width: 150px;
}
.VMainPanel .SearchHint
{
	font-size:xx-small;
	width: auto;
}
/*  The 2 column information Classes define the 2 available columns
col1 = InfoLabel = The description for the data
col2 = InfoData = the data column
*/
.VMainPanel .InfoTable
{
	Padding: "1";
	margin: "1";
	border: 1px inset #A8A8A8;
}
.VMainPanel .InfoLabelColumn
{
	font-size: 11px;
	width: 30%;
}

.VMainPanel .ShortInfoLabelColumn
{
	font-size: 11px;
	width: 30%;
}

.VMainPanel .InfoDataColumn
{
	font-size: x-small;
	width: 70%;
	background-color: #ffffff;
}

.VMainPanel .InfoDataColumnMulti
{
	text-align: left;
	vertical-align:top;
	background-color: #33ffcc;
}
.VMainPanel .informationText
{
	color: #666;
	font-size: 8pt;
	width: auto;
}

.VMainPanel .detailText
{
	color: black;
/*	font-family: verdana; */
	font-size: 10pt;
}

/*  The style for text input boxes*/
.VMainPanel .TextBox
{
	width: 200px;
	border-top-style: groove;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
}

/*  The style for text input boxes*/
.VMainPanel .UpperCaseTextBox
{
	width: 200px;
	border-top-style: groove;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	text-transform: uppercase;
}

.VMainPanel .ReadOnlyTextBox
{
	width: 200px;
	border-top-style: groove;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	color: Gray;
}

/*  The style for mandatory watermark on text input boxes*/
.VMainPanel .MandatoryTextBox
{
	width: 200px;
	color: Red;
}

/*  The style for Address Maintenance text input boxes*/
.VMainPanel .AddressTextBox
{
	width: 300px;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	border-top-style: groove;
}
.VMainPanel .UpperCaseAddressTextBox
{
	width: 300px;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	border-top-style: groove;
	text-transform: uppercase;
}

/*  The style for mandatory watermark on address text input boxes*/
.VMainPanel .MandatoryAddressTextBox
{
	width: 300px;
	color: Red;
}
.VMainPanel .ReadOnlyAddressTextBox
{
	width: 300px;
/*	font-family: verdana; */
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	border-top-style: groove;
	color: Gray;
}

.VMainPanel .AddressPanel	/* on the customer details page */
{
	border-color: #003366;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	width: 300px;
}

.VMainPanel .DataBox
{
/*	font-family: verdana; */
}
.VMainPanel .PanelBox
{
	width: 100%;
/*	font-family: verdana; */
}	
.VMainPanel .VSysrefDropDown
{
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	border-top-style: groove;
	width: 200px;
}
.VMainPanel .VSysrefListBox
{
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	border-top-style: groove;
	width: 200px;
}

.VMainPanel .VDataGrid
{
	width: 100%; /*95%;*/
	border: 0;
}

.VMainPanel .VDataGrid .table-header
{
	height: 3em;
	font-size: 10pt;
	font-weight: bold;
	color: White;
	background-color: #003366;
	border: 1px solid #003366;
}
.VMainPanel .VDataGrid .table-header td {	border: 1px solid #003366; padding: 5px; }

.VMainPanel .VDataGrid .table-header A
{
	color: White;
	text-decoration: none;
}

.VMainPanel .VDataGrid .table-header A:visited
{
	color: White;
	text-decoration: none;
}

.VMainPanel .VDataGrid .table-header A:hover
{
	color: yellow;
	text-decoration: none;
}

.VMainPanel .VDataGrid .table-footer
{
	font: bold 10pt;
	height: 3em;
	color: #003366;
	background-color:#dddddd;
	border: 1px solid #dddddd;
}
.VMainPanel .VDataGrid .table-footer td {	border: 1px solid #dddddd; padding: 5px; }

.VMainPanel .VDataGrid .table-pager
{
	font: bold 10pt;
	color: #003366;
	background-color:#dddddd;
	border: 1px solid #dddddd;
}

.VMainPanel .VDataGrid .table-body-even
{
	font-size: 9pt;
}

.VMainPanel  .VDataGrid .table-body-odd
{
	font-size: 9pt;
}


.VMainPanel .VDataGrid .table-body-selected
{
	font-size: 9pt;
	color: #003366;
	background-color: #ffff99;
}

.VMainPanel .VDataGrid .table-body-hover
{
	font-size: 9pt;
	color: #003366;
	background-color: #ffff99;
	cursor: pointer;
}

.VMainPanel .VDataGrid .table-body-even td {	border: 1px solid #ffffff; padding: 5px; }
.VMainPanel .VDataGrid .table-body-odd td {	border: 1px solid #ffffff; padding: 5px; }
.VMainPanel .VDataGrid .table-body-selected td {	border: 1px solid #ffffff; padding: 5px; }
.VMainPanel .VDataGrid .table-body-hover td {	border: 1px solid #ffffff; padding: 5px; }


.VMainPanel div .scroll
{
	height: 205px;
	width: 100%;
	overflow: auto;
	border: 1px solid #666;
	background-color: aliceblue;
	padding: 0px;
}




.VMenuPanel
{
	width: 150px;
}
.VMenuPad
{
	width: 150px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
.VMenu
{
	width: 150px;
	border-right: 1px solid #A8A8A8;
	padding-top: 20px;
	background-color: #FFFFFF;
}
.VMenu A:visited
{
	text-decoration: none;
}
.VMenu .menustyle
{
	font-size: 10pt;
	Font-weight: bold;
	white-space: nowrap;
}
.VMenu .menuitem
{
	padding: 7px 5px 7px 15px;
	margin: 0px;
	cursor: pointer;
	color: #1B2651;
	white-space: nowrap;
}
.VMenu .mouseover
{
	padding: 7px 5px 7px 15px;
	background: #498AB4;
	margin: 0px;
	cursor: pointer;
	color: #FFFFFF;
	white-space: nowrap;
}
.VMenu .subMenu
{
	border: 1px solid #A8A8A8;
	background-color: #FFFFFF;
	font-size: 10pt;
	Font-weight: bold;
}
.VMenu .subMenuitem
{
	border: 1px solid #A8A8A8;
}
.VMenu .menuspacer
{
}




.VButton
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-family: verdana;
	font-weight: bold;
	color: white;
	padding-top: 0px;
	background-color: #0052A3;
	font-size: 9px;
	cursor: pointer;
}

.VButton:hover {
	background-color: #97070A;
}

#VistaControl_VSignIn1_sendHintButton, #VistaControl_VSignIn1_emailPasswordButton, #VistaControl_VSignIn1_forgottenDetailsButton {
	font-size: 10pt;
}

.VControls
{
/*	font-family: verdana; */
	/*background-color: white;*/
}

.VControls .VButton
{
	width: 150px;
}

.VControls .VPageTitle
{
	/*font-family: verdana;*/
	font-size: large;
	/*font-weight:bold;*/
	color: #FF8A00;
	/*background-color: ;*/
	text-transform: capitalize;

}

.VControls .VPageActions
{
	font-size: x-large;
	color: #b22222;
}
.VControls .VPageActions .VButton
{
	width: 130px;
	height: 18px;
}

/* Following style used for registration wizard buttons*/
.VMainPanel .VButton
{
	width: 100px;
}

.VDoublePanel
{
/*	font-family: verdana; */
	background-color: #f8f8ff;
}

.psSearchResultsDiv
{
	height: 365px;
	width: 100%;
	overflow: auto;
	border: 1px solid #666;
	background-color: aliceblue;
	padding: 0px;
}

.headingSelection
{
	color:White;
	background-color: #990000;
}
.invoiceSearchTable
{
	color:White;
	background-color: #990000;
}

.custMaintain
{
	background-color: #cccccc;
}

.DateControl .Label
{
	vertical-align:text-top;
}

.dates
{
	background-color: white;
	vertical-align:text-bottom;
}
.datesAll
{
	background-color: white;
	width:75px;
	vertical-align:text-bottom;
	
}
.calendar .popup
{
	background-color:#e0e0e0;	
	border-style:ridge;
	border-width:thin;
	border-color:Black
	
}
.calendar
{
	font-size:xx-small;

}
.calendar .button
{
	border-right: white 1px outset;
	padding-right: 0px;
	border-top: white 1px outset;
	padding-left: 0px;
	font-size: x-small;
	padding-bottom: 0px;
	border-left: white 1px outset;
	cursor: pointer;
	color: navy;
	padding-top: 0px;
	border-bottom: white 1px outset;
	font-family: Verdana;
	background-color: #e0e0e0;
}

.calendarTitle
{
	background-color: #000080;
}


.calendarTitle,
.calendarTitle td
{
	font-size:xx-small;
	color: #ffffff;
	font-weight: bold;
}

.calendarNextPrev
{
	font-weight: normal;
	padding: 2px;
}

.calendarNextPrev a,
.calendarNextPrev a:visited,
.calendarNextPrev a:hover
{
	background-color: ButtonFace;
	border: outset 2px;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	color: ButtonText;
	padding: 0px .5em;
	text-align: center;
	text-decoration: none;
}

.calendarDayHeader
{
	background-color: #ffffe0;
	font-weight: bold;
}

.calendarDay
{
	color: #000000;
	background-color: #ffffff;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	
	color: #0000ff;
}

.calendarOtherMonthDay
{
	color: #808080;
}

.calendarOtherMonthDay a,
.calendarOtherMonthDay a:visited,
.calendarOtherMonthDay a:hover
{
	color: #8080c0;
}


.calendarWeekendDay
{
	background-color: #e0e0e0;
}

.calendarTodayDay
{
	background-color: #ffffc0;
}

.calendarSelectedDay
{
	background-color: #0000ff;
	color: #ffffff;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #ffffff;
}

.calendarSelector
{
	background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}

.obOrderBasketPanel
{
	width: 100%;
}

.obOrderBasketDiv
{
	height: 90%;
	width: 100%;
	overflow: auto;
/*	border: 1px solid #666;*/
/*	background-color: #Fcfcfc; 	/* aliceblue; */
	padding: 0px;
}
.obInformation {
	font-size: 9pt;
}
.obTitle {
	font-size: 10pt;
}
.obProduct {
	width: 40%;
}
.obSupply {
	width: 60px;
	text-align: center;
}
.obQuantity {
	width: 70px;
	white-space: nowrap;
}
.obLineRef {
	width: 170px;
}
.obPrice {
	width: 70px;
	text-align: right;
	white-space: nowrap;
}
.obTotal {
	width: 100px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.obLineSplit {
	width: 60px;
	text-align: center;
}
.obRemove {
	width: 60px;
	text-align: center;
}
.obSearchResultsPanel
{
	height: 215px;
	width: 100%;
}

.obQtyTextBox
{
	text-align: right;
}
.autoHighlightBox
{
	text-align: right;
	background-color: yellow;
}

.obHelpKey {
	float: right;
	width: 50%;
}
.obHelpKey td {
	font-size: 80%;
}

.obProdSearch {
	font-size: 8pt;
}

.obSearchResultsDiv
{
	height: 205px;
	width: 100%;
	overflow: auto;
	border: 1px solid #666;
	background-color: aliceblue;
	padding: 0px;
}

.obDetailsPanel
{
	height: 215px;
	width: 100%;
}

.obDetails
{
	height: 205px;
	width: 100%;
	border: 2px solid #00008b;
	background-color: gainsboro;
}

.obDetailsTop
{
	width: 100%;
	height: 20px;
	border: 2px solid #00008b;
	background-color: #00008b;
}

.obDetailsTopFont
{
	color: White;
}

.VCustHeadPanel
{
	width: 100%;
/*	border: groove 2px #B90000; */
	background: #4889B1;
}
.VCustHeadLabel
{
	color: #ffffff;
	font-weight:bold;
/*	font-family: Verdana; */
	font-size: 8pt;
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;
}
.VCustHeadData
{
	color: #ffffff;
	font-weight:bold;
/*	font-family: Verdana; */
	font-size: 10pt;
}
.VCustHeadPanel .Table
{
/*	background: #000011; */
}	
.Vlnk
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
/*	font: 8pt verdana; */
	width: 140px;
	color: #004b84;
	padding-top: 0px;
	background-color: White;
	border: solid 1px #004b84;
	text-align:center;
}
.Vlnk A
{
	font-size: 8pt;
	text-decoration: none;
}

.Vlnk A:visited
{
	font-size: 8pt;
	text-decoration: none;
}

.Vlnk A:hover
{
	font-size: 8pt;
	color: #ffff99 ;
	text-decoration: underline;
}

.Marker
{
	color: #ff0000 ;
	font-size: 14pt;
}
.CollapsiblePanel
{
	/*border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #cccccc;*/
}
.CollapsiblePanelTitle
{
	cursor: pointer;
	color: #0052A3;
/*	font-family: Verdana; */
	font-weight: bold;
	text-decoration: none;	
}
.footer
{
	height: 75px;
	margin: 5px;
	padding: 5px;
	background-image: url(../Images/imgBottomTile.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #0052A3;
	font-size: 11px;
	Font-weight: bold;
}
a#aboutLink.menuitem
{
	color: #0052A3;
	font-size: 11px;
	Font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
a#aboutLink.menuitem:hover
{
	color: #97070A;
	text-decoration: none;
}
/*
#aboutLink {
	font-size: 14pt;
	filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
}

#VMenuPanelAbout {
	background-image:url(../images/poweredbypt.png);
	background-repeat:no-repeat;
	height:45px; width: 100%;
}
*/
/* From customer connect stylesheet */
.blockHeadingBack {
	background-color: #003366;
	color: white;
}
.blockHeading {
	font-size: 10pt;
	color: White;
}

.detailText {
	color: black;
/*	font-family: verdana; */
	font-size: 10pt;
}
.sectionBlock {
	border: solid 1px #003366;
	background-color: White;
}
.OrderLabel {
	background-color: #ECECEC;
	font-weight: bold;
	font-size: 8pt;
}
.OrderData {
	font-size: 8pt;
}

.product-details
{
	height: 26px;
/*	font: 8pt Arial; */
	color: black;
	background-color: white;
}


#termsandprivs
{
	width: 100%;
	text-align: center;
	padding: 2em 0 1em 0;
	color: #555555;
	font-size: 9pt;
	border-top: 1px solid #A8A8A8;
}
#termsandprivs a
{
	color: #666666;
}
#termsandprivs a:hover
{
	color:#97070A;
	text-decoration:none;
}
.forgottenDetails
{
	margin-left: 50px;
	font-size: 10pt;
}
.orderconfEmail {
	color: #990000;
}
.orderconfRef {
	color: #990000;
}

.ProdSearchDetails
{
	font-size: 10pt;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
.ProdSearchDetailTitle
{
	font-size: 13pt;
	font-weight: normal;
}
.ProdSearchDetailDescription
{
	font-style: italic;
	font-size: 9pt;
}

.VMainPanel .DropDownFixed .VSysrefDropDown {
	font-family: consolas, andale mono, courier new, lucidatypewriter, fixed, monospace;
	font-size: 8pt;
}
.BasketDisclaimer {
	font-size: 8pt;
	font-style: italic;
	padding: 30px 30px 10px 30px;
	color: #1B2651;
}