/*
 
 DC SHOES - Store Availability
 Date: 1/25/08
 
*/

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff;
}
h1 {
    float: left;
    width: 541px;
    height: 19px;
    background: #767676 url(../images/header_checkStoreAvail.gif) top left no-repeat;
    text-indent: -9999px;
    outline: 0;
    margin: 0;
}
h2 {
    font-family:Helvetica,Arial, sans-serif;
    margin: 15px 0 0 0;
    font-size: 24px;
	color:#000;
	text-transform:uppercase;
}
h3 {
    font-family: Verdana, Arial, Helvectica;
    font-size: 10px;
    margin: 0;
}
h4 {
    font-family: Verdana, Arial, Helvectica;
    font-size: 11px;
    margin: 0;
	color:#ff0000;
}
    h4 span {
        color: #636363;
		text-decoration:line-through;
    }
h5 {
    float: left;
    width: 541px;
    height: 19px;
    line-height: 19px;
    background: #ededeb;
    outline: 0;
    margin: 15px 0 0 0;
    color: #505050;
    font-size: 10px;
    font-weight: bold;
    text-indent: 8px;
}
h5 span {
    font-weight: normal;
}
#powerReviews #luserRatings #prReviewEngineDiv #prHeader #prReviewSummary #prSummaryWriteReviewId_NR,
#powerReviews #luserRatings #prReviewEngineDiv #prHeader #prReviewSummary #prSummaryWriteReviewId_R {
    display: none !important;
}
div#container {
    width: 686px;
    padding: 12px 0 12px 12px;
    text-align: left;
    height: 386px;
	position:relative;
}
    a.close {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 15px;
        height: 15px;
        display: block;
        background: url(../images/close_15x15_btn.gif);
        text-indent: -9999px;
    }
/*
div#header {
    float: left;
    height: 15px;
    position: relative;
    top: -6px;
    width: 551px;
    left: 3px;
	background-color:#fff;
}
*/
    div#column2 #pProdPrintFriendlyBtn {
        position: absolute;
        top: 12px;
        right: 35px;
        display: block !important;
        width: 103px;
        height: 19px;
        text-indent: -9999px;
        outline: 0;
        background-image: url(../images/printPage_btn.gif);
		background-repeat: no-repeat;
    }
	
	
	div#column2 #pProdPrintFriendlyBtn:hover {background-position:bottom left;}
    
div#column1 {
    background:transparent url(../images/prod_dottedhoriz.gif) repeat-x center bottom;
    position: relative;
    float: left;
    width: 355px;
	height:101%;
/*    padding-top: 12px;*/
}
    div#column2 div#quikLogo {
        position: relative;
        top: -3px;
        width: 48px;
        height: 41px;
        background: url(../images/sDCBlackLogo48x41.jpg);
    }
    div#column1 div#prodNew {
        position: absolute;
        top: 13px;
        right: 2px;
    }
    ul#prodSwatches {
            list-style-type: none;
            margin: 4px 0 0 0px;
            display: block;
            }
    ul#prodSwatches li { 
            float: left;
            margin: 1px 0 0 1px;
            width: 22px;
            height: 22px;
            display: block;
            }
    ul.swatches li a {
        width: 22px;
        height: 22px;
        display: block;
        }
    ul.swatches li.selected div.swatchHover {
        background-image: url(../images/prod_swatch-over.gif);
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        display: block;
        position: relative;
        top: -22px;
        }
    ul.swatches li:hover div.swatchHover {
        background-image: url(../images/prod_swatch-over.gif);
        background-repeat: no-repeat;
      width: 22px;
	  height: 22px;
        display: block;
        position: relative;
        top: -22px;
        }
    div#column1 span {
	    background:transparent url(../images/prod_dottedhoriz.gif) repeat-x center bottom;
        display: block;
        clear: left;
        line-height: 20px;
        color: #636363 !important;
        font-size: 10px;
    }
        div#column1 span strong {
            font-weight: bold;
            color: #a9a9a9;
        }
div.pProdPrintFriendlyDividerBlk {float:left;width:11px;height:468px;background:transparent url(../images/pProdPrintFriendlyDivider.jpg) no-repeat;margin:0;padding:0;}
div#column2 {
/*    position: relative;top: 50px;*/
	padding-left:20px;
    float: left;
    width: 300px;
    color: #636363;
}
    div#column2 p {
        color: #000;
        font-size: 10px;
        line-height: 16px;
        margin: 20px 0 0 0;
		text-align:justify;
		width:280px;
    }
    div#column2 ul {
        position: relative;
        margin: 5px 0pt 15px 15px;
        #margin: 5px 0pt 15px 18px;
        font-size: 10px;
        color: #505050;
        list-style: disc;
    }
    div#column2 ul li {
        padding: 3px 0 0 3px;
        width: 225px;
    }
div#column3 {
    position: relative;
    float: left;
    width: 207px;
    overflow: hidden;
}
    div#column3 fieldset {
        position: relative;
        border: none;
        width: 207px;
        height: 141px;
        background: #e5e5e5;
        overflow: hidden;
        padding: 5px 0 0 0;
    }
    div#column3 select, div#column3 input {
        font-size: 10px;
        color: #505050;
    }
    div#column3 select {
        width: 185px;
        float: right;
        margin: 5px 11px 0 0;
        color: #000;
    }
    div#column3 input.update {
        position: absolute;
        right: 11px;
        bottom: 12px;
    }
    div#column3 input.zipOrPostal {
        position: absolute;
        right: 11px;
        bottom: 42px;
    }
    div#column3 label {
        float: right;
        margin: 8px;
    }
    div#column3 select.prodQty {
        width: 56px;
    }
    div#column3 span {
        display: block;
        font-weight: bold;
        color: #e51837;
        line-height: 13px;
        padding: 14px 30px 0 9px;
        font-size: 10px !important;
    }

div#legend {
    background: url(../images/storeAvail_legend.gif) no-repeat;
    width: 536px;
    height: 106px;
    position: relative;
    float: left;
    margin-top: 19px;
}
    div#legend span {
        display: block;
        float: left;
        positon: relative;
        width: 84px;
        text-align: center;
        font-size: 9px;
        color: #999;
        padding: 70px 6px 0pt 17px;
    }
div.stores div {
    position: relative;
    float: left;
}
div.stores div.address {
    width: 260px;
    color: #505050;
    padding: 10px;
}
    div.stores div.address a.official, div.stores div.address span.official {
        display: block;
        font-size: 12px;
        color: #e51836;
        font-family: "Georgia", Arial, Helvectica;
        padding-bottom: 5px;
    }
    div.stores div.address a.dealer, div.stores div.address span.dealer {
        display: block;
        font-size: 12px;
        color: #505050;
        font-family: "Georgia", Arial, Helvectica;
        padding-bottom: 5px;
    }
    div.stores div.address a.website, div.stores div.address span.website {
        display: block;
        font-size: 10px;
        color: #505050;
        font-family: Verdana, Arial, Helvectica;
    }
    div.stores div.address span {
        display: block;
        font-size: 10px;
        line-height: 12px;
    }
    div.stores div.address a.map, div.stores div.address span.map {
        display: block;
        font-size: 10px;
        color: #505050;
        font-weight: bold;
        text-decoration: underline;
        padding-top: 6px;
    }
div.stores div.hours {
    width: 160px;
    color: #505050;
    padding: 25px 0 0 0;
}
    div.stores div.hours strong {
        display: block;
        font-weight: bold;
        padding-bottom: 3px;
    }
    div.stores div.hours span {
        display: block;
        font-size: 10px;
        line-height: 12px;
    }
    div.stores div.hours img {
        display: block;
        padding-top: 9px;
    }
div.stores div.avail {
    width: 100px;
}
    div.stores div.avail img {
        position: absolute;
        top: 24px;
    }
div.storeBreak {
    float: left;
    width: 541px;
    background: url(../images/dotted_border_break.gif);
    height: 7px;
}
div#powerReviews {
    float: left;
    width: 545px;
}