﻿/* Brand colour 1 */

legend,
#sidebar h2,
#footer,
#product-tabs li.current a,
#faqList h2,
#directDebitGuarantee h2,
.bookletNameHeader,
.progress-bar li.current .progress-step  { background-color: rgb(135,138,143); }

.summaryBox,
#dealerDetails   { border:1px solid rgb(226,226,226);}


/* Brand colour 2 */

.ccBgColor,
.button,
#product-tabs li.current .product-tab-top,
.basket-wrapper .basket-items-count,
.error-message,
.progress-bar .visited  .progress-step,
.close,
#product-tabs li.visited a,
#product-tabs li.visited .product-tab-top,
.button:focus,
.button:active,
#sidebar .links-and-contact #links li a:hover,
#sidebar .links-and-contact #links li .sub-links a:hover,
#sidebar .links-and-contact #links li a.active:hover    { background-color: #41B4CC; }

.progress-bar li.visited .progress-step,
.progress-bar li.current .progress-step { border:1px solid #41B4CC; }

#view-as, .view-popout > a {color: #41B4CC;}


/* Brand color 3 */

body,
#formButtons,
#product-progress,
#sidebar #links li .sub-links a { background-color: #FFF;}

legend,
#sidebar h2,
#logoutButton a,
#footer,
#links li a:hover {color:#fff;}

/* Brand color 4 */

.groupedRequiredField,
.requiredField,
.inline-field-wrapper    { border-left:3px solid #000 !important; }


/* brand color 5 */

.button:hover { background-color: #48c8e3; }

/* brand color 6 */

.summaryBox,
#dealerDetails   { border:1px solid #ebebeb;}
#links li a {border-bottom:1px solid #ebebeb}
#sidebar #links .sub-links {background-color: #ebebeb;}

/* brand color 7 */

#sidebar #contact h2 {color:#000;}

/* Content background color  */

#sidebar .unstyledList {background-color:#FFF;}


/* Images */

#logo  { position:absolute; left: 15px; top: 15px; width: 200px;}


#sidebar #links li a                {background: url("/images/marshalls/menu-arrow.gif") 10px center no-repeat;}
#sidebar #links li a:hover                {background: url("/images/marshalls/menu-arrow-white.gif") 10px center no-repeat;}
#sidebar #links li a.active                {background: url("/images/marshalls/menu-arrow-down.gif") 10px center no-repeat;}
#sidebar #links li a.active:hover                {background: url("/images/marshalls/menu-arrow-down-white.gif") 10px center no-repeat;}

/* Variable Pricing UI fix */

.paymentOptionText {margin: 0px 10px 0 0;}
.policy-duration-cost {width:60%;}

#priceChangeWarning {width:100%;padding:5px 12px 5px 12px;font-size:16px;font-family: ek_muktaregular;background-color: #f5edae;color:black;vertical-align: middle;margin-bottom:20px;}