/* ALL STYLES */
body { background-color: #ffffff; color: #000000; font-family: Arial, Verdana, Sans-Serif; font-size: 0.7em; } 
img { border-width: 0 }
h1 { font-size: large } 
h2 { font-size: medium } 
h3 { font-size: small } 
/* ALL STYLES */

/* MAIN STYLES */
.SiteBorder { background-color: inherit; color: inherit; border: solid 1px #cccccc; width: 745px; margin: 0 auto; }
.Site { background-color: inherit; color: inherit; width: 750px; display: table; overflow: hidden } 
.Site .SiteLeft { background-color: inherit; color: inherit; width: 260px; float: left; } 
.Site .SiteLeft .SitePromoText { margin: 5px 0 0 5px; color: #636363; } 
.Site .SiteRight { background-color: #eaeaea; color: inherit; width: 455px; float: left; padding: 15px; }
.Site .SiteRight .SiteHead { display: table; width: 100%; margin: 30px 0 30px 0; } 
.Site .SiteRight .Logo { padding: 15px 10px 0 10px; background-color: #EAEAEA; }
.Site .SiteRight iframe { background-color: #eaeaea; }
/* MAIN STYLES */

/* DEFAULT STYLES */
.Default .Block { background-color: #ffffff; color: inherit; border: solid 1px #cccccc; margin-top: 10px; }
.Default .Block .BlockHead { background-color: #cccccc; color: inherit; padding: 3px; font-weight: bold; margin: 3px; }
.Default .Block .BlockContent { background-color: inherit; color: inherit; margin: 3px; padding: 10px 0 10px 0; } 
.Default .Block .BlockContent label { background-color: inherit; color: inherit; display: block; width: 200px; float: left; line-height: 18px; vertical-align: middle; margin: 5px 0 5px 3px; clear: left; }
.Default .Block .BlockContent input { margin: 5px 0 5px 0; font-size: 1em; }
.Default .Block .BlockContent select { margin: 5px 0 5px 0; font-size: 1em; }
.Default .Block .BlockContent .SubNumber { padding: 5px; background-color: #f6f6f6; margin: 10px 0 0 0; } 
.Default .Block .BlockContent .SubNumber label { width: 195px; }
.Default .Block .BlockContent .PrevSub { margin-left: 198px; } 
.Default .Block .BlockContent .Button { margin: 10px 0 0 202px; display: block }
.Default .ErrorBlock { color: Red; font-weight: bold; font-size: small;  margin: 3px; padding: 10px; background-color: #ffffff; text-align: center; } 

/* DEFAULT STYLES */


/* ORDER FORM STYLES */
.OrderForm .Content .PriceTerm { background-color: #ffffff; color: inherit; border: solid 1px #cccccc; margin-top: 10px }
.OrderForm .Content .PriceTermHead { background-color: #CCCCCC; color: inherit; padding: 3px; font-weight: bold; margin: 3px; }
.OrderForm .Content .PriceTerm .PrevSub { margin: 5px; padding: 7px; background-color: #f5f5f5; } 
.OrderForm .Content .Rates { background-color: inherit; color: inherit; margin: 7px; } 
.OrderForm .Content .RatesDisabled { background-color: inherit; color: #cccccc; margin: 7px; } 
 
.OrderForm .Content .Mandatory { background-color: inherit; color: inherit; margin: 7px; }
.OrderForm .Content .PromText { background-color: #f5f5f5; color: inherit; margin: 7px; padding: 5px } 

.OrderForm .Content .ContinuousCCPopup { position: relative; width: 300px; padding: 0px; line-height: 20px; vertical-align: middle; }
.OrderForm .Content .ContinuousCCPopup a { background-color: inherit; font-weight: bold; } 
.OrderForm .Content .ContinuousCCPopup a.Question .Popup { display: none; } 
.OrderForm .Content .ContinuousCCPopup a:hover.Question { }
.OrderForm .Content .ContinuousCCPopup a:hover.Question .Popup { background-color: #ffffff; color: #000000; display: block; width: 200px; position: absolute; left: 0px; top: 30px; border: solid 1px #abd1e8; font-size: x-small; text-decoration: none; } 
.OrderForm .Content .ContinuousCCPopup .Header { background-color: #d6eaF7; display: block; padding: 5px; font-size: small; font-weight: bold; line-height: 20px; vertical-align: middle; } 
.OrderForm .Content .ContinuousCCPopup .Content { background-color: #ffffff; display: block; padding: 5px; line-height: normal; } 

.OrderForm .Block { background-color: inherit; color: inherit; border: solid 1px #cccccc; margin-top: 10px; }
.OrderForm .Block .BlockHead { background-color: #cccccc; color: inherit; padding: 3px; font-weight: bold; margin: 3px; }
.OrderForm .Block .BlockContent { background-color: inherit; color: inherit; margin: 3px; } 
.OrderForm .Block .BlockContent label { background-color: inherit; color: inherit; display: block; width: 150px; float: left; line-height: 17px; vertical-align: middle; margin: 5px 0 5px 3px; clear: left; }
.OrderForm .Block .BlockContent input { margin: 5px 0 5px 0; font-size: 1em; }
.OrderForm .Block .BlockContent input[readonly] { border: solid #cccccc 1px; background-color: #dddddd; color: #777777 }
.OrderForm .Block .BlockContent select { margin: 5px 0 5px 0; font-size: 1em; }
.OrderForm .Block .BlockContent select[disabled] { border: solid #cccccc 1px; background-color: #dddddd }
.OrderForm .Block .BlockContent .SingleCountry { line-height: 25px; vertical-align: middle; }
.OrderForm .Block .BlockContent .SingleCountryReadOnly { line-height: 25px; vertical-align: middle; color:#777777 }

.OrderForm .Block .BlockContent .CreditCard { clear: both; } 
.OrderForm .Block .BlockContent .CreditCard .Option label { float: left; clear: none; font-weight: bold; vertical-align: middle; line-height: 20px; display: block; width: 70px } 
.OrderForm .Block .BlockContent .CreditCard .Option input { float: left; width: 21px; height: 20px; } 
.OrderForm .Block .BlockContent .CreditCard .Details { clear: both; } 
.OrderForm .Block .BlockContent .CreditCard .Details label { margin: 0 0 0 25px; width: 130px; vertical-align: middle; line-height: 27px; } 

.OrderForm .Block .BlockContent .DebitCard { clear: both; } 
.OrderForm .Block .BlockContent .DebitCard .Option label { float: left; clear: none; font-weight: bold; vertical-align: middle; line-height: 20px; display: block; width: 400px } 
.OrderForm .Block .BlockContent .DebitCard .Option input { float: left; width: 21px; height: 20px; } 
.OrderForm .Block .BlockContent .DebitCard .Details label { margin: 0 0 0 25px; width: 130px; vertical-align: middle; line-height: 27px; } 
.OrderForm .Block .BlockContent .DebitCard .Guarantee { margin: 15px 0 0 25px; } 
.OrderForm .Block .BlockContent .DebitCard .Guarantee img { float: right; }

.OrderForm .Block .BlockContent .SameAsDelivery label { background-color: inherit; color: inherit; display: block; width: 240px; } 
.OrderForm .Block .BlockContent .BillingCountry { width: 250px; line-height: 30px; display: block; width: 280px; float: left }
.OrderForm .Block .BlockContent .DeliveryCountry { width: 250px; line-height: 30px; display: block; width: 280px; float: left }
.OrderForm .Block .BlockContent .DataProtection { margin: 3px; } 
.OrderForm .Block .BlockContent .DataProtection label { float: none; display: inline; } 
.OrderForm .Block .BlockContent .DataProtection input { margin: 0px; padding: 0; } 

.OrderForm .Block .BlockContent .SecureText { width: 100%; display: table; } 
.OrderForm .Block .BlockContent .SecureText .Content { float: left; width: 300px }
.OrderForm .Block .BlockContent .SecureIcon { float: left; } 

.OrderForm .Block .BlockContent .SubmitButton input { margin: 10px auto; display: block } 

.OrderForm .Block .BlockContent .CardSecurity { clear: both; width: 100%; display: table }
.OrderForm .Block .BlockContent .CardSecurityLabel { float: left; } 
.OrderForm .Block .BlockContent .CardSecurityPopup { position: relative; width: 20px; padding: 5px; line-height: 20px; vertical-align: middle; float: left }
.OrderForm .Block .BlockContent .CardSecurityPopup a { background-color: inherit; color: #b2b2b2; font-size: large; font-weight: bold; text-decoration: none; display: block; } 
.OrderForm .Block .BlockContent .CardSecurityPopup a.Question .Popup { display: none; } 
.OrderForm .Block .BlockContent .CardSecurityPopup a:hover.Question { background: #eaeaea; color: #b2b2b2; }
.OrderForm .Block .BlockContent .CardSecurityPopup a:hover.Question .Popup { background-color: #ffffff; color: #000000; display: block; width: 170px; position: absolute; left: 70px; top: 0; border: solid 1px #abd1e8; font-size: 0.5em; } 
.OrderForm .Block .BlockContent .CardSecurityPopup .Header { background-color: #d6eaF7; display: block; padding: 5px; font-size: small; font-weight: bold; line-height: 20px; vertical-align: middle; } 
.OrderForm .Block .BlockContent .CardSecurityPopup .Content { background-color: #ffffff; display: block; padding: 5px; line-height: normal; } 

.OrderForm .Modify { background-color: inherit; color: inherit; margin: 3px; padding: 3px; text-align: center; } 
.OrderForm .Modify input { font-size: 1em; }

.OrderForm .MandateBorder { position: absolute; top:320px; left:0px; border-top: solid #cccccc 1px; height: 10px; width: 455px; background-color:#EAEAEA }
.OrderForm .Floater { position: absolute; top:0px; left:0px; height: 100px; width:455px;border-left:none; border-right:none; border-bottom: none; }
.OrderForm .Relative { position: relative }
.OrderForm .NoBottomBorder { border-bottom: none }

.OrderForm .IssueCalendar { padding: 10px; background: #f5f5f5; margin: 10px 0 0 0; } 
.OrderForm .IssueCalendar p { padding: 0; margin: 0 0 15px 0; } 
.OrderForm .IssueCalendar select { font-size: x-small; }
/* ORDER FORM STYLES */

/* DD MANDATE */
.DDMandate { background-image: url(../Images/DD.jpg); background-position: right top; background-repeat: no-repeat; }
.DDMandate h1 { font-size: x-large; }
.DDMandate .Left { width: 50%; float: left; }
.DDMandate .Right { width: 50%; float: left; }
.DDMandate p { clear: both } 
/* DD MANDATE */

/* VALIDATE STYLES */
.Validate .Block { background-color: inherit; color: inherit; border: solid 1px #cccccc; margin-top: 10px; }
.Validate .Block .BlockHead { background-color: #cccccc; color: inherit; padding: 3px; font-weight: bold; margin: 3px; }
.Validate .Block .BlockContent { background-color: inherit; color: inherit; margin: 3px; padding: 3px } 
.Validate .Block .BlockContent label { background-color: inherit; color: inherit; display: block; width: 200px; float: left; clear: left; }
.Validate .Block .BlockContent input { margin: 5px 0 5px 0; font-size: 1em; }
.Validate .Block .BlockContent select { margin: 5px 0 5px 0; font-size: 1em; }
.Validate .Block .BlockContent .AddressDetails { width: 100%; display: table; } 
.Validate .Block .BlockContent .Address { float: left; } 

.Validate .Link { width: 300px; margin: 10px auto; text-align: center } 
/* VALIDATE STYLES */

/* ERROR STYLES */
.ErrorMessageContainer { background-color: #ffffff; font-weight: bold; font-size: 1em; color: #ff0000; border: solid 1px #ff0000; padding: 10px } 
/* ERROR STYLES */