/** Notes - PLEASE ADVISE * No H1-H6 to be used - do not render the same in IE - IE reserves these * 2 stylesheets per page, global + page specific * No buttons to be used, same IE issue as Headings */ .slide-out-div { width: 554px; background: #000; z-index:4000; height:128px; position:absolute; top:300px; left:-738px; } /* ajax loading image centered for black background */ .loader { display: none; background-image: url(../images/loading-progress-98x22.gif); background-repeat: no-repeat; height: 22px; width: 98px; margin: auto; } #infoBox {font-size:14px;font-weight:bold;} #loaderImage{z-index: -10000; position: absolute; top: 250px; left: 45%; width: 245px; height: 72px; border: 1px solid #ccc; background:url(../images/ajax_preloader.gif) no-repeat center; background-color: #fff;} /** Body - Globally used **/ body{font-family: Verdana, sans-serif; font-size: 11px; margin: 0px; padding: 0px; color: #706D6A; } #site_root{} #page{} #page p{} p {margin: 10px 0px;} /* all paragraphs were being set to have no spacing globally. this is a fix */ strong{font-weight:bold;} em{font-style:italic;} .clear-float {clear:both;} .clear {clear:both;} input, select {color: #000000} /** LINKS **/ /** OLD COLOR #868686 **/ a:link {color:#000000 ;text-decoration:none; cursor: pointer; } a:visited {color:#000000;text-decoration:none; cursor: pointer; } a:active {color:#000000;text-decoration:none; cursor: pointer; } a:hover{text-decoration: underline; cursor: pointer; } a:active, a:focus {outline:none;} a img {border: 0px;} /* remove outline on flash objects */ object, embed { outline: 0;} /** HEADER **/ #header{background:#EEEEEE; height: 23px; width: auto; border-bottom: 1px #FFFFFF solid; } #header .header_actual { width: 980px; margin: 0px auto; border-bottom: 1px #FFFFFF solid; height: 23px; } #header .header_actual .sorel_logo {float: left; } #header .header_actual .sorel_logo img{ padding: 0px; float: left; z-index: 100; position: absolute; margin: 0px; border: none; } #header .header_actual form {float: left; margin-right: 0px; margin-top: 5px; } .ie6 #header .header_actual form {float: left; margin-right: 0px; margin-top: 5px; } #header .header_actual form fieldset{border: none; padding-top: 1px; } #header .header_actual form input.sorel_search {letter-spacing:0.1em; width: 116px;padding: .01em; font-size: 9px; color: #868686; border: #e5e4e4 solid 1px; } #header .header_actual .bar-color {color: #776968; display: inline; } /** Minicart **/ #minicart #minicart-layer {margin-left: -185px; position:absolute; z-index:9999; top:23px; background-color: #EEEEEE; height: auto;} #minicart .minicart-wrapper { height: auto; } #minicart .mini_header { width: 221px; height: 63px; text-align: center; background: url(../images/header-minicart-header.gif) no-repeat; padding: 0px;} #minicart .item_row { height: 65px; width: 195px; } #minicart .item_row img.mini_image { float: left; width: 22px; margin: 10px 0px 0px 10px; } #minicart .item_row .mini_product_copy { border-bottom: 1px #787878 solid; border-left: 1px #ffffff solid; width: 143px; height: 65px; float: left; background-color: #eeeeee; } #minicart .item_row .mini_product_name { text-transform:lowercase; color: #787878; text-align: right; margin: 10px 10px 0px 0px;} #minicart .item_row .mini_product_desc { color: #787878; font-size: 10px; text-align: right; margin-right: 10px; } #minicart .mini_product_price {border-bottom: 1px #787878 solid; padding-top: 15px; text-align: center; height: 50px; width: 50px; color: #787878; float: left; font-weight: bold; font-size: 9px; background-color: #cccccc; } #minicart .mini_footer { width: 221px; height: 77px; background: url(../images/header-minicart-footer.gif) no-repeat; } #minicart .mini_footer .mini_subtotal { font-size: 16px; color: #ffffff; text-align: center; padding: 10px; } #minicart .mini_footer input.mini_CO{margin-left: 20px; } #minicart .mini_scroll { border-right: 1px #ffffff solid; width: 22px; height: auto; float: left; background-color: #eeeeee; display:none;} #minicart .mini_products { float: left; height:auto; overflow:auto; width:212px; } #minicart .mini_actual { width: auto; height: auto; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; } #header #global-nav { float: left; margin: 7px 17px 0px 100px; } .ie6 #header #global-nav { float: left; margin: 7px 17px 0px 50px; } .search_form { margin-top:-2px; } .ie6 .search_form { margin-left: 0px; margin-top:-2px; } #header #global-nav .shopmen { position:absolute; width:31px; height:11px; } #header #global-nav .shopwomen { position:absolute; width:54px; height:11px; } #header #global-nav .shopkids { position:absolute; width:31px; height:11px; } #header #global-nav .shopoutlet { position:absolute; width:31px; height:11px; } /** FOOTER **/ #footer {background:#EEEEEE; width: 100%; position: fixed; bottom: 0; margin: 0 auto; border-top: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid;} #footer .footer_actual {border-right: 1px #FFFFFF solid; border-left: 1px #FFFFFF solid; width: 1038px; margin: 0px auto; height: 40px; } #footer .footer_actual .gift_card {float: left; height: 40px; border-right:1px #FFFFFF solid; width: 195px; margin: 0px; } #footer .footer_actual .footer_international { float: left; height: 40px; border-right:1px #FFFFFF solid; } #footer .footer_actual .submit { float: left; height: 40px; border-right:1px #FFFFFF solid; width: 220px; margin: 0px; } #footer .footer_actual form fieldset{border: none; margin: 0; padding: 0px; } #footer .footer_actual form input.sorel_submit { letter-spacing:0.1em; float: left; width: 116px; font-size: 9px; color: #a9a9a9; border: #e5e4e4 solid 1px; } #footer .footer_actual form input.sorel_submit_button {float: left; } #footer .footer_actual .links {font-size: 9px; color: #706d6a; float: left; height: 23px; width: 470px; border-right:1px #FFFFFF solid; padding: 10px 0px 8px 13px; } #footer .footer_actual .links a{font-size: 10px; color: #000; } #footer .footer_actual .blog {float: left; height: 40px; width: 72px; margin-left: 6px; } #footer .footer_extra {height: 20px; border-top:1px #FFFFFF solid;} /** CHANGED FROM AEAEAE **/ #footer .links a.sub_link { font-size: 9px; color: #706d6a; } #footer .links a:hover.sub_link { font-size: 9px; color: #000000; } #footer .sorel_submit {width:132px;height:12px;font-size:9px} /** WARNINGS **/ /** MOVED from CSC_GLOBAL **/ /** * inserted 2009-03-25 by JN: * those classes used by default with the ISINPUTFIELD isml. * warning will be additionally applied to the label if the * field is showing as erronous * errorcation is the class that will be applied to the span that * wraps the error text * caption is the class for the description of the field */ .warning{color: red;font-size:10px;} .errorcaption{font-size:11px;font-family:arial,sans-serif;color: darkred;text-align:left;/* this is to avoid wrapping */white-space: pre;} .error_message{font-size:11px;font-family:arial,sans-serif;color: darkred;text-align:left;/* this is to avoid wrapping */white-space: pre;} .error_message_wrap{font-size:11px;font-family:arial,sans-serif;color: darkred;text-align:left;} .caption{font-size:10px;font-family:arial,sans-serif;color:#999999;text-align:left;/* this is to avoid wrapping */white-space: pre;position: relative;} input[type=text]:focus,input[type=password]:focus {outline: 0 none;} .searchcontent {width:980px; margin-right: auto;margin-left: auto;margin-top:70px;} .searchcontentresults {width:980px; margin-right: auto;margin-left: auto;padding-bottom:290px;padding-top:10px;} .faq-result {padding-bottom:10px;padding-top:10px;overflow:hidden;} .faq-result .faq-result-link{padding-bottom:3px;} .faq-result .faq-result-text{} .faq-result div.news-img {float:left;padding-right:10px;padding-bottom:5px;} /* Kiosk Card Swipe */ .cardswipeGraphic {float:left;margin-right:20px;margin-left:-31px;} .cardswipeTitle {float:left;font-weight:bold;margin-top:10px;} .cardswipeTitle2 {float:left;font-weight:bold;margin-left:154px;margin-top:-6px} .cardswipeDesc {float:left;width:400px;margin-top:5px;} .rawcard.input {color:#fff};