/* common */
a { color: #3366cc; }
a:hover, a:focus { color: #333399; }

/* background-color */
.bg-white { background-color: #eee; }
.bg-black { background-color: #10161d; }
.bg-blue { background-color: #333399; }
.bg-blue a { color: #ffcc00; }
.bg-blue a:hover, .bg-blue a:focus { color: #000; }
.bg-red { background-color: #3366cc; }
.bg-red a { color: #ffcc00; }
.bg-red a:hover, .bg-red a:focus { color: #000; }
.header-bar-bg { background-color: #10161d; }
.header-bg { background-color: #10161d; }

/* tooltip */
.tooltip-inner {
background-color: #ffcc00;
}
.tooltip.top .tooltip-arrow { border-top-color: #ffcc00; }

/* modal */
.modal-header {
background-color: #ffcc00; color: #333399;
}
.modal-header .close {
color: #3399ff;
}
.modal-header .close:hover { color: #3399ff; }
.modal-footer .btn { border: #3399ff solid 2px; color: #3399ff; }
.modal-content {
background-image: url(https://bundlefiles92-public.s3-external-1.amazonaws.com/bundleofholding/images//common/pattern-dot.png);
border: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.modal-footer .btn:hover { background-color: #eee; }
.modal-content .modal-title { color: #3399ff; }
.modal-content .modal-description {
background-color: #eee;
}

.nicescroll-rails {
background-color: #333399; margin-left: 20px;
-webkit-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
-moz-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
}
.nicescroll-rails div {
background: #3366cc url(https://bundlefiles92-public.s3-external-1.amazonaws.com/bundleofholding/images/common/ico-line.png) no-repeat center;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
}

/* form */
.custom-button input {
background-color: #ffcc00; color: #3366cc;
}
.custom-button input:hover { background-color: #3366cc; color: #ffcc00; }
.custom-checkbox label, .custom-radio label { background: url('/asset/custominput?bundle=163') no-repeat; }
.custom-checkbox label { background-position: 0 -66px; color: #000; }
.custom-radio label { color: #000; }
.custom-input input {
border: #3366cc solid 2px;
}

/* header */
#header { border-bottom: #3366cc solid 2px; }
#header .logo, #header .logo a { color: #fff; }
#header .user, #header .user a { color: #ffcc00; }
#header .user a:hover { color: #3366cc; }
#header .button a {
background-color: #3366cc; color: #fff;
}
#header .button a:hover { background-color: #ffcc00; }
#header .counter {
border: #fff solid 2px; color: #fff;
}
#header .title { color: #ffcc00; }
#header .remind-me .custom-checkbox label { color: #f1c40f; }
#header .dropdown { color: #f1c40f; }

#header .dropdown-content { background-color: #222; }
#header .dropdown-content a { color: #f1c40f; }
#header .dropdown-content a:hover { color: #f00; }


/* social */
#social { background-color: #10161d; }
#social .title { color: #fff; }
#social .links a {
background-color: #3366cc;
}
#social .links a:hover { background-color: #ffcc00; }
#social .description { color: #3366cc; }

/* footer */
#footer { background-color: #10161d; border-top: #393f45 solid 2px; }
#footer { color: ; }
#footer a, #footer .links a { color: #7f8c8d; }
#footer a:hover { color: #fff; }
#footer .links a:hover { color: #fff; }

/* bundle */
#bundle { background-image: url('https://bundlefiles92-public.s3-external-1.amazonaws.com/bundleofholding/images/20160418/158MongooseTraveller-HeaderGraphic-1400x590.png'); padding: 15px 0; text-align: center; }
#bundle .bg-blue { color: #fff; }
#bundle .bg-red { color: #fff; }
#bundle .note { color: #ffcc00; }
#bundle .bg-blue .item h3 { color: #ffcc00; }
#bundle .bg-red .item h3 { color: #ffcc00; }
#bundle .button a.btn-blue { background-color: #333399; color: #fff; }
#bundle .button a.btn-blue:hover { background-color: #fff; color: #333399; }
#bundle .button a.btn-yellow { background-color: #ffcc00; color: #3366cc; }
#bundle .button a.btn-yellow:hover { background-color: #eee; color: #ffcc00; }
.bundle-poster img {
height: auto; max-width: 235px; width: 100%;
-webkit-box-shadow: 1px 1px 13px rgba(16,22,29,.33); -moz-box-shadow: 1px 1px 13px rgba(16,22,29,.33); box-shadow: 1px 1px 13px rgba(16,22,29,.33);
}
#bundle .title { color: #ffcc00; }
#bundle .description { color: #ffcc00; }
#bundle .desc { color: #ffcc00; }

/* overview */
#overview h2, #overview h3, #download-sub h3 { color: #3366cc; }
#overview .overview-gallery .overview-single-gallery {
border: #3366cc solid 1px;
-webkit-box-shadow: 1px 2px 1px #3366cc, inset 1px 1px 16px rgba(16,22,29,.75);
-moz-box-shadow: 1px 2px 1px #3366cc, inset 1px 1px 16px rgba(16,22,29,.75);
box-shadow: 1px 2px 1px #3366cc, inset 1px 1px 16px rgba(16,22,29,.75);
}
#overview .overview-charities-description ul { color: #3366cc; }
#overview .description h2 { color: #3366cc; }
#overview .note { background-color: #ffcc00; color: #000; }
#overview .desc-mobile { background-color: #ffcc00; color: #000; }


/* bundle */
.bundle-item { border-top: #ffcc00 solid 2px; }

/* core-bundle */
#core-bundle { color: #fff; }
#core-bundle .description { color: #ffcc00; text-shadow: 1px 1px 5px #333399; }
#core-bundle .bundle-title, #core-bundle .bundle-description, #core-bundle .download-text h3, #core-bundle .voucher-text h3 { color: #ffcc00; }
#core-bundle .bundle-button a { background-color: #ffcc00; color: #3366cc; }
#core-bundle .bundle-button a:hover { background-color: #3366cc; color: #ffcc00; }

/* bonus-bundle */
#bonus-bundle { color: #fff; }
#bonus-bundle .description { color: #ffcc00; text-shadow: 1px 1px 5px #3366cc; }
#bonus-bundle .bundle-title, #bonus-bundle .bundle-description, #bonus .download-text h3, #bonus-bundle .voucher-text h3 { color: #ffcc00; }
#bonus-bundle .bundle-button a { background-color: #333399; color: #eee; }
#bonus-bundle .bundle-button a:hover { background-color: #eee; color: #333399; }

/* get-bundle */
#get-bundle .title { color: #3366cc; }
#get-bundle .stats { background-color: #3366cc; border: #3366cc solid 5px; }
#get-bundle .stats h3 { color: #ffcc00; }
#get-bundle .stats p { color: #fff; }
#get-bundle .stats dl { background-color: #eee; color: #000; }

/* customers -- background is same as starter collection */
#customers { color: #fff; }
#customers .primary-list { border-right: #3366cc solid 2px; }
#customers .primary-list ul { border: #3366cc solid 2px; }
#customers .primary-list li { border-top: #3366cc solid 2px; }
#customers .customer-name { color: #ffcc00; }
#customers .contender-title { color: #3366cc; }

/* buynow */
#buynow .title { color: #3366cc; }
#buynow .subtitle { color: #000; }
#buynow .index {
background-color: #3366cc; border: #ffcc00 solid 7px; color: ;
}
#buynow .note { background-color: #ffcc00; color: #000; }
#buynow .step { border-top: rgba(255,204,0,0.2) solid 2px; }

/* custom styles */
hr.body_hr { border: 1px solid #3366cc; }
.lightbox_white_content { border: 16px solid #ffcc00; }

/* next */
#core-bundle .next p {color: #fff; margin-top: 1em; line-height: 1.3em; font-style: normal;}
#core-bundle .next a {color: #ffcc00;}
#core-bundle .next p a:hover {color: #ffcc00;}

/* multi */
#multi {border-bottom: #3366cc solid 2px; }
#multi .button a {background-color: #333399; color: #fff;}
#multi .button a:hover {background-color: #fff; color: #333399;}
#multi .button-selected p {background-color: #3366cc; color: #fff;}

/* modal scrollbar */
.tinyscrollbar .track {
background-color: #ffcc00; height: 100%; position: relative; width: 9px;
-webkit-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
-moz-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
}
.tinyscrollbar .thumb {
background: #3399ff url(https://bundlefiles92-public.s3-external-1.amazonaws.com/bundleofholding/images/common/ico-line.png) no-repeat center; cursor: pointer; left: 0; height: 20px; overflow: hidden;
}

#upgrade-pitch a:link, #upgrade-pitch a:visited, #upgrade-pitch a:hover { color: #fff; }
#upgrade-pitch { background-color: #333399; }
