/* override common styles */
h1 { color: #e10015; }

#navigation strong a { color: #e10015; border-color: #e10015; }
#navigation strong a ins { background-position: -12px 0 !important; }

ul.navbox, ul.navbox ins { border-color: #e10015; }
ul.navbox li a:hover, ul.navbox li a[href]:hover { color: #e10015; }
ul.subnav li.selected strong, ul.subnav li.selected strong a { color: #e10015; }

#splash .splash-layer { background: url(/images/splashes/splash-howbuy.png) no-repeat top left; }

ul#howbuy_guide li { position: relative; border: solid 1px #cccccc; padding: 30px 30px; margin-bottom: 40px; //height: 100%; }
ul#howbuy_guide a.title { text-decoration: none; /* border-bottom: dashed 1px black; */ font-size: 12pt; color: black; outline: none; font-weight: bold; }
/*ul#howbuy_guide a.title:hover { color: #e10015 !important; border-color: #e10015; }*/
ul#howbuy_guide a.title ins { float: left; display: block; width: 26px; height: 26px; margin-right: 10px; background: url(/images/howbuy-steps.gif) no-repeat; }
ul#howbuy_guide li span.arrow { position: absolute; display: block; width: 100%; height: 40px; background: url(/images/howbuy-down-arrow.gif) no-repeat 50% 0; left: 0; top: -41px; //top: -44px; }
ul#howbuy_guide li span.icon { position: absolute; /* display: none; */ display: block; width: 100px; height: 90px; background-repeat: no-repeat; top: 20px; right: 20px; }

ul#howbuy_guide li#step1_item a.title ins { background-position: 0 0; }
ul#howbuy_guide li#step1_item:hover a.title ins { background-position: -34px 0; }
ul#howbuy_guide li#step1_item span.icon { background-image: url(/images/howbuy-icon-step1.png); }

ul#howbuy_guide li#step2_item:hover a.title ins { background-position: -34px -36px; }
ul#howbuy_guide li#step2_item a.title ins { background-position: 0 -36px; }
ul#howbuy_guide li#step2_item span.icon { background-image: url(/images/howbuy-icon-step2.png); }

ul#howbuy_guide li#step3_item:hover a.title ins { background-position: -34px -72px; }
ul#howbuy_guide li#step3_item a.title ins { background-position: 0 -72px; }
ul#howbuy_guide li#step3_item span.icon { background-image: url(/images/howbuy-icon-step3.png); }

/*
ul#howbuy_guide li#step1_item a.title ins { background-position: 0 0; }
ul#howbuy_guide li#step1_item a.title:hover ins,
ul#howbuy_guide li#step1_item.selected a.title ins { background-position: -34px 0; }
ul#howbuy_guide li#step1_item span.icon { background-image: url(/images/howbuy-icon-step1.png); }

ul#howbuy_guide li#step2_item a.title ins { background-position: 0 -36px; }
ul#howbuy_guide li#step2_item a.title:hover ins,
ul#howbuy_guide li#step2_item.selected a.title ins { background-position: -34px -36px; }
ul#howbuy_guide li#step2_item span.icon { background-image: url(/images/howbuy-icon-step2.png); }

ul#howbuy_guide li#step3_item a.title ins { background-position: 0 -72px; }
ul#howbuy_guide li#step3_item a.title:hover ins,
ul#howbuy_guide li#step3_item.selected a.title ins { background-position: -34px -72px; }
ul#howbuy_guide li#step3_item span.icon { background-image: url(/images/howbuy-icon-step3.png); }
*/

ul#howbuy_guide li:hover,
ul#howbuy_guide li.selected { border-color: #f8bfc5; }
ul#howbuy_guide li.selected div.content,
ul#howbuy_guide li.selected span { display: block; }
ul#howbuy_guide li:hover a.title,
ul#howbuy_guide li.selected a.title { color: #e10015 !important; border-bottom: none; }
ul#howbuy_guide li.selected a.title:hover { border-bottom: dashed 1px #e10015; }
ul#howbuy_guide li.selected span.arrow { background-position: 50% -40px; }
ul#howbuy_guide li:hover .framed.bordered ins.tl,
ul#howbuy_guide li.selected .framed.bordered ins.tl { background-position: 0 -80px; }
ul#howbuy_guide li:hover .framed.bordered ins.tr,
ul#howbuy_guide li.selected .framed.bordered ins.tr { background-position: -10px -80px; }
ul#howbuy_guide li:hover .framed.bordered ins.bl,
ul#howbuy_guide li.selected .framed.bordered ins.bl { background-position: 0 -90px; }
ul#howbuy_guide li:hover .framed.bordered ins.br,
ul#howbuy_guide li.selected .framed.bordered ins.br { background-position: -10px -90px; }
* html ul#howbuy_guide .framed ins.br,
* html ul#howbuy_guide .framed ins.tr { right: expression( (this.parentNode.offsetWidth % 2) ? -1 : -2 ); }

ul#howbuy_guide div.content { /* display: none; */ clear: both; margin: 0 80px 0 36px; }
ul#howbuy_guide div.content p { margin: 0; margin-top: 1.5em; }
ul#howbuy_guide div.contacts { margin-top: 1.5em; }
ul#howbuy_guide div.contacts dl { clear: both; margin-bottom: 0.2em; }
ul#howbuy_guide div.contacts dl dt { color: #808080; float: left; width: 10em; }
