/*
note this file needs to change to fix the spacing problem associated with frmRow elements
in ie6 & ie7, this may be associated with the h1 tag
*/

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: #B7BDDF url(http://www.ansakimg.com/images/stores/bg_main.gif) top repeat-x;}

hr {border: 1px  solid #CCCCCC; background: #CCCCCC; height: 1px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
h1 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; color: #95B629/*#6B97BF*/; text-align: left; margin: 0;/*ie6 compatibility*/}
h1 a {font-family: inherit; font-size: inherit; font-weight: inherit;}

/* page header */
#pHeader {width: auto; margin: 0;}/* to override design.css */
#pHeader .headWrap, #pBody .bodyWrap, #pFooter .footWrap {background: #fff; width: 960px; padding: 0px 10px; margin: 0 auto;}
#pHeader .headWrap {width: 980px; padding: 0;}
#pHeader .logo {float: left; width: 350px;}
#pHeader .logo .inner {margin: 9px 0;}
#pHeader .main {float: right; width: 620px; margin-left: 0;}
#pHeader .main .upper {height: 40px; margin-bottom: 10px;}
#pHeader .main .sectionTitle {height: 30px; margin-bottom: 10px; margin-top: 10px; text-align: right; font-size: 24px; font-weight: bold; color: #4173A2;}
.globalNav {padding: 2px; height: 18px; text-align: right;}

/* clear fix */
.cleared:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cleared {zoom: 1;}

/* store navigation/extend navigation */ 
.navStores {margin-top: 0;}
.navStores .spacer {float: right;}
/* default state */
.navStores .link .left {float: right; background: #D6D6D6 url(http://www.ansakimg.com/images/stores/gd.gif) no-repeat left -180px;}
.navStores .link .right {float: right; background: #D6D6D6 url(http://www.ansakimg.com/images/stores/gd.gif) no-repeat left -240px;}
.navStores .link .middle {float: right; background: #D6D6D6 url(http://www.ansakimg.com/images/stores/gd.gif) repeat-x left -210px; font-size: 10pt; font-weight: bold; color: #515151; padding: 6px 13px;}
/* link:hover, selected, selected:hover states */
.navStores .link:hover .left,
.navStores .selected .left,
.navStores .selected:hover .left {background: #417BB1 url(http://www.ansakimg.com/images/stores/gd.gif) no-repeat left -90px;}
.navStores .link:hover .right,
.navStores .selected .right,
.navStores .selected:hover .right {background: #417BB1 url(http://www.ansakimg.com/images/stores/gd.gif) no-repeat left -150px;}
.navStores .link:hover .middle,
.navStores .selected .middle,
.navStores .selected:hover .middle {background: #417BB1 url(http://www.ansakimg.com/images/stores/gd.gif) repeat-x left -120px; color: #FFFFFF;}
.navStores .notice .middle {color: #CC0000;}
/* bottom strip */
.navBottomStores {width: 980px; margin: 0 auto; background: #417BB1 url(http://www.ansakimg.com/images/stores/gd.gif) repeat-x left -270px;}
.navBottomStores img {height: 3px;}

/* default mod */
div.mod {width: auto}
div.mod .hd, div.mod .ft {height: 8px; position: relative; background: url(http://www.ansakimg.com/images/stores/curve_pixel.gif) top center repeat-x;}
div.mod .ft {background-position: bottom;}
div.mod .hd b, div.mod .ft b {height: 8px; width: 8px; position: relative; display: block; margin-bottom: -15px; line-height: 0.01em; font-size: 0.01em;}
div.mod .hd b.l {float: left; background: url(http://www.ansakimg.com/images/stores/curve_corner_tl.gif) top left no-repeat;}
div.mod .hd b.r {float: right; background: url(http://www.ansakimg.com/images/stores/curve_corner_tr.gif) top right no-repeat;}
div.mod .ft b.l {float: left; background: url(http://www.ansakimg.com/images/stores/curve_corner_bl.gif) bottom left no-repeat;}
div.mod .ft b.r {float: right; background: url(http://www.ansakimg.com/images/stores/curve_corner_br.gif) bottom right no-repeat;}
div.mod .tt, div.mod .bd {border-left: 1px solid #dfdede; border-right: 1px solid #dfdede;}
div.mod .tt {padding: 0 10px 6px 10px; font-size: 16px; font-weight: bold;}
div.mod .tt span.f {float: left; font-size: inherit; font-weight: inherit;}
div.mod .tt a.oppLink {float: right; font-weight: bold;}
div.mod .bd .content {padding: 5px 10px;}
div.mod .bd .contentSidePad {padding: 0px 6px;}
div.mod .bd .contentFullPad {padding: 10px;}
div.mod .bd .content :first-child {margin-top: 0;}
div.mod .bd .content h1 {margin-bottom: 17px;}/* to exclude h1 */
div.mod .bd .contentResultSetTop {padding: 5px 10px 6px;}
div.mod .bd .contentResultSetBtm {padding: 5px 5px 0;}
div.mod#storeAlertBox {background: #FFFF97;}
div.mod#storeAlertBox .content {padding: 0 5px; text-align: center; font-weight: bold;}
div.mod#storeAlertBox .content a {color: #DF0000; font-weight: bold; text-decoration: underline;}
div.mod#storeAlertBox .content a:hover {text-decoration: none;}

/* mod style 1: similar to store nav */
div.mod1 .hd, div.mod1 .tt {background: #417BB1 url(http://www.ansakimg.com/images/stores/dark_blue_gd.gif) top center repeat-x;}
div.mod1 .hd .l {background: url(http://www.ansakimg.com/images/stores/dark_blue_curve_8px.gif) top left no-repeat;}
div.mod1 .hd .r {background: url(http://www.ansakimg.com/images/stores/dark_blue_curve_8px.gif) top right no-repeat;}
div.mod1 .tt {background-position: center -8px; border-left: 1px solid #417BB1; font-size: 13px; border-right: 1px solid #417BB1; color: #FFFFFF;}
div.mod1 .tt a.oppLink {color: #FFDB7E;}
div.mod1 .bd .content {padding: 10px; padding-bottom: 2px;}
div.mod1 .bd .content.medPad {padding: 5px; padding-bottom: 0px;}

/* mod style 2: grey */
div.mod2 .hd, div.mod2 .tt {background-color: #E6E6E6;}

#pBody {background: url(http://www.ansakimg.com/images/body_shadow.png) top center repeat-y;}
#pBody .bodyWrap {padding-top: 15px; padding-bottom: 15px;}
.leftCol {float: left; width: 220px;}
.mainCol {float: right; width: 725px;}
.colsRc .mainCol {float: left; width: 700px;}
.colsRc .rightCol {float: right; width: 250px;}
.colsRc2 .mainCol {float: left; width: 630px;}
.colsRc2 .rightCol {float: right; width: 320px;}
.leftCol .mod, .mainCol .mod, .rightCol .mod {margin-bottom: 15px;}
.leftCol .mod:last-child, .mainCol .mod:last-child, .rightCol .mod:last-child {margin-bottom: 0;}
.leftCol a.createStoreBtn {display: block; width: 220px; height: 61px; background: url(http://www.ansakimg.com/images/stores/create_store_220px_no_shadow.gif) top no-repeat;}
.leftCol a.createStoreBtn:hover {background-position: bottom;}
.rightCol a.createStoreBtn {display: block; width: 250px; height: 75px; background: url(http://www.ansakimg.com/images/stores/create_store_btn_final.png) top no-repeat;}
.rightCol a.createStoreBtn:hover {background-position: bottom;}

div.storesSearchField {width: 130px; height: 26px; padding-left: 4px; background: url(http://www.ansakimg.com/images/stores/text_field_bg.gif) top left no-repeat;}
div.storesSearchField div {height: inherit; padding-right: 4px; background: url(http://www.ansakimg.com/images/stores/text_field_bg.gif) bottom right no-repeat;}
div.storesSearchField div div {height: 24px; padding: 1px 0; background: url(http://www.ansakimg.com/images/stores/text_field_bg.gif) center center repeat-x;}
div.storesSearchField div div input[type="text"] {height: 16px; width: 120px; padding: 4px 0 0 3px; border-style: none; border-width: 0;}

#pFooter, #pFooter * {color: #ccc;}
#pFooter, #pFooter a {color: #fff;}
#pFooter a.fb {font-weight: bold;}
#pFooter .footWrap {height: 60px; padding-top: 20px; padding-bottom: 10px; background: url(http://www.ansakimg.com/images/stores/footer.gif) repeat-x left -11px; text-align: center;}
#pFooter .copyright, #pFooter .copyright a {color: #DFDFDF;}
#pFooter .sep {padding: 0 7px;}

ul.prim {margin: 10px 0; padding: 0; padding-left: 25px;}
ul.noblt {list-style: none outside none; margin: 0; padding: 0}
ul.sp li {margin-bottom: 10px;}
ul.sp li:last-child {margin-bottom: 0px;}
ul.spaced li {margin-bottom: 3px;}
ul.spaced li:last-child {margin-bottom: 0px;}

#findStore .browse {padding-bottom: 10px; border-bottom: 1px solid #dfdede; margin-bottom: 10px;}
#findStore .browse a {color: #156395; font-size: 16px; font-weight: bold;}
#findStore .searchLabel {margin-bottom: 3px; font-weight: bold; color: #666;}
#findStore .searchField {margin-bottom: 15px;}
#findStore .searchField input[type="text"] {width: 180px;}
#findStore .myButton {padding: 3px 5px;}

/* store control panel */
.storeAP#page h1 {font-size: 24px;}
.storeAP#page .leftCol {width: 180px;}
.storeAP#page .mainCol {width: 765px;}
.storeAP#page ul.sideLinks {margin: 0; padding: 0; padding-left: 20px;}
.storeAP#page ul.sideLinks li {margin-bottom: 4px;}
.storeAP#page ul.sideLinks li.selected {font-weight: bold;}
.storeAP#page ul.sideLinks li:last-child {margin-bottom: 0px;}