﻿/*** #da2942 was changed to #da2942 1/24/2023 ***/

body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin: 0px auto;
    padding: 10px 0 0 0;
    width: 968px;
    /*background-image: url(https://images.dansko.com/background.gif);*/
    background-color: #fff;
}
.clear
{
    clear: both;
}
table
{
    border-collapse: collapse;
    empty-cells: show;
}
#wrapper
{
    margin: 0px;
    padding: 0px;
    width: 100%;
  
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
/*****BUTTONS H-TAGS, ETC*****/
.normal_button
{
    background-color: #da2942;
    color: #fff;
    border: 1px solid #da2942;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 5px;
}
.dark_button
{
    background-color: #fbbbb9; 
    color: #da2942;
    border: 1px solid #da2942;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 5px;
}
.red_button
{
    background-color: #da2942;
    color: #ffff00;
    border: 1px solid #000;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 5px;
}
.blue_button
{
    background-color: blue;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 5px;
}
.dark_button:hover, .red_button:hover, .normal_button:hover, .blue_button:hover
{
    text-decoration: underline;
}
.bighead
{
    color: #9cb428;
    margin: 0;
}
.message
{
    color: blue;
    margin: 5px 0;
    padding: 5px 0px;
}
.redmessage
{
    color: blue;
    margin: 5px 0;
    padding: 5px;
}
/******Back Shadow & Pop-Up*******/
.backshadow
{
    background-image: url(https://images.dansko.com/background_green_rev.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    display: none;
}
#forgotten
{
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    border: 1px solid #000;
}

#helpme
{
    margin: 150px auto;
    width: 300px;
    height: 150px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 75px #333;
    border-radius: 10px;
}
/******Animation*********/
#ani
{
    display: none;
}
.aniholder
{
    width: 88px;
    height: 88px;
}
.aniimg
{
}
/*****JQUERY Over Rides and Add Ons*******/
.deletebutton
{
    background: #7e2817 !important;
    color: #ffff00 !important;
    font-weight: bold !important;
    border-color: #000 !important;
}
.savebutton
{
    background: #da2942 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-color: #9cb428 !important;
}
.ui-widget-overlay
{
    background: #da2942;
}
.ui-widget-content
{
}
/*****POP UP CONTAINERS*****/
#awaitcontainer
{
    background-image: url(https://images.dansko.com/background_green_rev.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
    display: none;
}
#awaiting
{
    margin: 250px auto;
    width: 200px;
    height: 100px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 75px #333;
    cursor: pointer;
}
#dotdotdot
{
    font-weight: bold;
    font-size: 14px;
    color: #9cb428;
}
#helpcontainer
{
    background-image: url(https://images.dansko.com/background_green_rev.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
    display: none;
}
.helptext
{
    margin: 150px auto;
    width: 600px;
    height: 350px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 75px #333;
    cursor: pointer;
}
#detailcontainer
{
    position: absolute;
    margin: 0 auto;
    z-index: 11000;
    display: none;
}
#orderdetailcontainer
{
    width: 968px;
}
#orderdetails
{
    width: 850px;
    margin: 0 auto;
    min-height: 400px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 75px #333;
    border-radius: 10px;
}
.ordercloser
{
    position: absolute;
    color: #fff;
    background-color: #000;
    text-align: center;
    padding: 5px;
    width: 22px;
    height: 23px;
    margin: -30px 0 0 840px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 15px;
}
.closer
{
    float: right;
    color: #fff;
    background-color: #000;
    text-align: center;
    padding: 0px;
    width: 25px;
    height: 23px;
    margin: -20px -20px 0 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 15px;
}
/*****HEADER******/
#header
{
    height: 51px;
    padding: 0px;
    margin: 0px;
    background-color: #da2942;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}
#logo
{
    position: absolute;
    margin-left: 10px;
    height: 51px;
    width: 100px;
    border-top-left-radius: 10px;
}
.welcome
{
    position: absolute;
    width: 600px;
    margin: 10px 0 0 200px;
    color: #fff;
}
#actionbar
{
    width: 768px;
    padding: 0 0 0 200px;
    margin: 0px;
}
#headernav
{
    margin: 0 0 0 120px;
}
.mainnav
{
    list-style-type: none;
    padding: 0px;
    margin: 5px 0 0 0;
}
.mainnav li
{
    float: left;
}
.maininactive
{
    display: block;
    float: left;
    padding: 2px 8px 3px 8px;
    margin: 0 5px 0 0;
    color: #030;
    text-decoration: none;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.mainnav a:hover
{
    text-decoration: underline;
}
.mainactive
{
    display: block;
    float: left;
    padding: 2px 8px 3px 8px;
    margin: 0 5px 0 0;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    background-color: #ccc;
    border-bottom: 1px solid #d9e2ac;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.navheader
{
    display: block;
    padding: 3px 3px 3px 25px;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    background: url(https://images.dansko.com/b2b/bullet_left.gif) no-repeat left top;
}
.subnav
{
    float: right;
    list-style-type: none;
    padding: 0px;
    margin: 0;
}
.subnav li
{
    float: left;
    padding: 0px;
    margin: 0px;
}
.subnav a:link, .subnav a:visited, .subnav a:active, .subnav a:hover
{
    display: block;
    float: left;
    padding: 1px 5px;
    margin: 0px 5px 0 0;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}
.subnav a:hover
{
    text-decoration: underline;
    color: #000;
}
#headersearch
{
    float: left;
    margin: 5px 0 0 100px;
    height: 22px;
}
#headsearchsubmit
{
    background-color: #fbbbb9;
    color: #da2942;
    border: 1px solid #da2942;
    font-size: 11px;
    padding: 4px;
}
#headsearchsubmit:hover
{
    text-decoration: underline;
}
#loggeduser
{
    width: 250px;
    white-space: nowrap;
    background-color: #eee;
    color: #fff;
    float: right;
    padding: 3px 10px 3px 10px;
    border-bottom-left-radius: 10px;
}
#loggeduser ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#loggeduser ul li
{
    display: block;
    float: left;
    color: #666;
}
#loggeduser a:link, #loggeduser a:active, #loggeduser a:visited, #loggeduser a:hover
{
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}
.repaccount
{
    color: #da2942;
    font-weight: bold;
}
/********Footer*******/
#footer
{
    background-color: #da2942;
    padding: 5px 5px 5px 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#footer ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#footer ul li
{
    display: inline;
    color: #fff;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover
{
    margin-right: 10px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#FootNotesSignup {
	font-weight: bold;
	font-size: 20px;
}
/*******Content*******/
#content
{
    padding: 5px;
    margin: 0;
    background-color: #ccc;
    min-height: 500px;
}
fieldset
{
    border-radius: 10px;
}
legend
{
    font-weight: bold;
}
.floatleft
{
    float: left;
}
.row
{
    margin: 0;
    padding: 0 0 10px 0;
    float: left;
    clear: both;
}
.header_cell
{
    float: left;
    font-weight: bold;
    clear: left;
}
.input_cell
{
    float: left;
}
.homecontent
{
    padding: 20px;
}
.homelist
{
    padding: 10px 0 0 0;
    margin: 0;
    list-style-type: none;
}
.homelist li
{
    padding: 0 0 10px 0;
    margin: 0;
}
/**********TreeView*****/
.TreeView1_0
{
    color: #da2942;
}
.TreeView1_0:hover
{
    text-decoration: underline;
}
/*********Home**********/
.homeimage
{
    float: right;
    margin: 0 0 0 15px;
}
/************Catalogs***/
.catalogcontent
{
    padding: 10px;
}
.cattab, .colltab
{
    float: left;
    padding: 3px 8px;
    margin: 0 5px 0 0;
    color: #030;
    background-color: #eee;
    border-bottom: 1px solid #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    cursor: pointer;
}
.cattab a:link, .cattab a:active, .cattab a:visited, .cattab a:hover
{
    color: #000;
    text-decoration: none;
}
#catalogtabs
{
    padding: 0 0 0 20px;
}
.colltab a:link, .colltab a:active, .colltab a:visited, .colltab a:hover
{
    color: #999;
    text-decoration: none;
}
.cattab:hover, .colltab a:hover
{
    text-decoration: underline;
}
.disabledtab, .disabledtab:hover
{
    color: #666;
    background-color: #eee;
    text-decoration: none;
}
.inactivetab 
{
    color: #eee;
}
.activetab
{
    background-color: #fff;
    color: #da2942;
    font-weight: 700;
    border: 1px solid #fff;
}
#printtab
{
    float: right;
    padding: 3px 8px;
    margin: 0 20px 0 0;
    color: #fff;
    background-color: #da2942;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
#currentcatalog, .currentcatalog
{
    float: right;
    padding: 3px 8px;
    margin: 0 20px 0 0;
    color: #da2942;
    background-color: #eee;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 0px solid #fff;
}
#catalogs
{
}
.catcontainer
{
    padding: 10px;
    min-height: 450px;
    margin: -1px 0 0 0;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.activecat
{
    border: 1px solid #0000ff;
}
.cat
{
    float: left;
    margin: 0 5px 0 0;
    padding: 12px;
    cursor: pointer;
    border: 1px dotted #fff;
    width: 193px;
    height: 300px;
}
.cat img
{
    border: 1px solid #ccc;
    width: 193px;
    height: 250px;
    margin-bottom: 5px;
}
.cat:hover
{
    border: 1px dotted #0000ff;
}
.selectedcat
{
    border: 1px solid #9cb428;
    background-color: #ebebeb;
}
.catname
{
    font-weight: bold;
}
.cattype
{
    font-weight: bold;
    color: Red;
}
.catexpiry
{
}
#sorters
{
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
}
.sorter
{
    float: left;
    padding: 5px 7px;
    border: 1px solid #ccc;
    background-color: #d9e2ac;
    margin: 0 8px 0 0;
    font-weight: bold;
    cursor: pointer;
}
.sorter:hover
{
    text-decoration: underline;
}
.catstyle
{
    float: left;
    width: 200px;
    padding: 2px;
    margin: 0;
}
.printme
{
    cursor: pointer;
}
.printme2
{
    cursor: pointer;
}
.printme:hover, .printme2:hover
{
    text-decoration: underline;
}
.browsecatimg
{
    float: right;
    margin: 50px 100px 0 0;
    padding: 12px;
    cursor: pointer;
    border: 1px dotted #ccc;
    width: 193px;
    height: 310px;
    box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 20px #333;
}
.browsecatimg img
{
    border: 1px solid #ccc;
    width: 193px;
    height: 250px;
    margin-bottom: 5px;
}
#catalogupcs 
{
    list-style-type: none;   
}
#catalogupcs li
{
    display: block;
    padding: 5px 0;
}
#catalogupcs li img
{
    vertical-align:middle; 
}
#catalogupcs li a:link, #catalogupcs li a:active, #catalogupcs li a:visited, #catalogupcs li a:hover
{
    text-decoration: none;
    color: #da2942;
}
#catalogupcs li a:hover
{
    text-decoration: underline;
}
/*********Collections****/
#collectioncontainer
{
}
.collectiontable img
{
    padding: 10px;
    margin: 0 0 10px 0;
}
.collectiontable
{
}
.collectiontable td
{
    vertical-align: bottom;
    text-align: center;
}
.collectiontable a:link, .collectiontable a:visited, .collectiontable a:active, .collectiontable a:hover
{
    text-decoration: none;
    color: #da2942;
}
.collectiontable a:hover
{
    text-decoration: underline;
}
.collectionitem
{
}
/************Details****/
#detailtop
{
    margin: 0 0 20px 0;
}
.detailimage
{
    float: left;
    margin-right: 20px;
}
.styledetails
{
    float: left;
}
#ncc
{
    display: inline;
}
.styledetails p
{
    width: 400px;
}
.productgrid td
{
    border-top: 2px solid #ebebeb;
}
.productgrid table
{
    border-bottom: 2px solid #ebebeb;
}
.onrow
{
    background-color: #ededed;
}
.offrow
{
    background-color: #fff;
}
.topleftcell
{
    vertical-align: top;
    text-align: left;
}
.centercell
{
    text-align: center;
}
.atp
{
    display: none;
    position: absolute;
    width: 200px;
    min-height: 150px;
    padding: 0;
    cursor: pointer;
    margin: -50px 0 0 -220px;
}
.atptable
{
    width: 200px;
    min-height: 150px;
    border: 1px solid #000;
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    margin: 0;
    border-radius: 10px;
}
.atpcloser
{
    position: absolute;
    color: #fff;
    background-color: #000;
    text-align: center;
    padding: 5px;
    width: 22px;
    height: 23px;
    margin: -20px 0 0 200px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 15px;
}
.atp th
{
    font-weight: bold;
    color: #fff;
    background-color: #000;
}
.quantity
{
    text-decoration: underline;
    color: Blue;
    padding: 2px 2px;
    cursor: pointer;
}
.switcher
{
    cursor: pointer;
}
.buttoncontent
{
    margin-top: 10px;
    text-align: right;
}
.fullsku
{
    text-align: center;
}
.fullskuon
{
    background-color: #fbbbb9;
}
.fullskuerror
{
    background-color: red;
}
.disabled
{
    background-color: #ededed;
    border: 1px solid #ccc;
}
.styletitle
{
    font-weight: bold;
    color: #da2942;
}
.working
{
    background-image: url(https://images.dansko.com/workingbackground.gif);
}
.estavail
{
    color: #666;
    font-size: 10px;
}
/*******SEARCH***********/
.searchcatalog 
{
    color: #667c26;
    display: inline-block;
    float: right;
    padding: 0 10px 0 0;
}
/*******Order History****/
.ordertable
{
    border-bottom: 2px solid #da2942;
}
.ordertable th
{
    color: #fff;
    background-color: #da2942;
}
.whiteth
{
    color: #000;
    background-color: #fff;
}
.sortable
{
    cursor: pointer;
    text-decoration: underline;
}
.sortable:hover
{
    color: #d9e2ac;
}
.ordertable td
{
}
.crow
{
    text-align: center;
}
.rrow
{
    text-align: right;
}
.lrow
{
    text-align: left;
}
.prow
{
    display: none;
}
.orderlink
{
    display: block;
    text-decoration: underline;
    cursor: pointer;
}
.detailtable
{
    background-color: #fff;
    margin: 10px 0 0 0;
}
.detailtable td
{
    border-bottom: 1px solid #da2942;
    border-right: 1px solid #da2942;
}
.detailtable .lefttd
{
    border-left: 1px solid #da2942;
}
.darkth
{
    font-weight: bold;
    color: #fff;
    background-color: #da2942;
}
.whiteth
{
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #da2942;
    border-right: 1px solid #da2942;
}
.sizequangrid td
{
    border-right: 1px solid #da2942;
    border-bottom: 0px solid #da2942;
    padding: 5px;
}
.nopad
{
    padding: 0;
}
.subrow
{
    background-color: #ededed;
}
.notavailablerow
{
    background-color: #faafbe;
}
.notavailablerow0
{
    background-color: #faafbe;
}
.notavailablerow1
{
    background-color: #ccfb5d;
}
.notavailablerow2
{
    background-color: #eff7ff;
}
.notavailablerow3
{
    background-color: #faf8cc;
}
.availablerow
{
    background-color: #eeeeee;
}
.anordertab
{
    float: left;
    padding: 3px 8px;
    margin: 0 5px 0 5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    cursor: pointer;
}
.ordertab
{
    background-color: #9cb428;
}
.ordertab0
{
    background-color: #92af2b;
}
.ordertab1
{
    background-color: #00a651;
}
.ordertab2
{
    background-color: #56956a;
}
.ordertab3
{
    background-color: #8daf9a;
}
.ordertab4
{
    background-color: #6fa765;
}
.ordertab5
{
    background-color: #9ebf98;
}
.ordertab6
{
    background-color: #9ec16c;
}
.ordertab7
{
    background-color: #bad494;
}
.ordertab8
{
    background-color: #c9dc5d;
}
.ordertab9
{
    background-color: #dde89a;
}

.colrow
{
    background-color: #fbbbb9;
}
.customerrow
{
    background-color: #9cb428;
}
.postinggrouprow
{
    background-color: #da2942;
    color: #fff;
}
.linetotals
{
    text-align: right;
    color: #fff;
    background-color: #da2942;
    font-weight: bold;
}
.searchtable th
{
    background-color: #da2942;
    color: #fff;
}
.searchtable td
{
    vertical-align: top;
}
.labelfor
{
    font-weight: bold;
}
.ctext
{
    text-align: center;
}
.filterbox
{
    padding-right: 10px;
}
.orderfilter
{
    float: left;
}
.ordertype
{
    float: right;
}
.oldcattab, .newcattab
{
    float: left;
    padding: 3px 8px;
    margin: 10px 5px 0 0;
    color: #000;
    background-color: #faafbe;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    cursor: pointer;
}
.newcattab
{
    background-color: #d9e2ac;
    color: #da2942;
}
.newcatorder
{
    background-color: #d9e2ac;
}
.notavailablenote
{
    margin-left: 20px;
    padding: 3px;
    display: inline-block;
    background-color: #d9e2ac;
}
.availablenote
{
    margin-left: 20px;
    padding: 3px;
    display: inline-block;
}
.inquiry
{
    margin: 50px 0 0 200px;
    width: 405px;
    height: 400px;
    padding: 10px;
    position: absolute;
    z-index: 20000;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px#888;
    box-shadow: 0px 0px 75px #333;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    background-color: #d9e2ac;
    display: none;
}
.searchcontainer
{
    float: left;
}
.shoebox
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.searchheader
{
    font-weight: bold;
    font-size: 14px;
    color: #da2942;
    margin-bottom: 3px;
}
.searchheader a:link, .searchheader a:active, .searchheader a:visited, .searchheader a:hover
{
    color: #da2942;
    text-decoration: none;
}
.searchheader a:hover
{
    text-decoration: underline;
}
.searchsku
{
    font-size: 10px;
    color: #999;
}
/*********Place Order********/
.placeordertable th
{
    text-align: right;
}
.placeorderleft
{
    float: left;
    width: 520px;
    margin-right: 20px;
}
.placeorderright
{
    float: left;
}
#shipaddresses
{
    padding: 10px;
}
#shipaddresses ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 350px;
}
#shipaddresses ul li
{
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #da2942;
    margin-bottom: 10px;
}
.required
{
    color: #ff0000;
}
.saddinput
{
    float: left;
    margin-right: 5px;
}
.sadd
{
    float: left;
}
.sadd p, #shippingAddress p
{
    margin-top: 0;
    padding-top: 0;
}
.code
{
    color: #9cb428;
}
.activeadd
{
    background-color: #ebebeb;
}
.texterror
{
    background-color: #faafbe;
}
#ccrow
{
    display: none;
}
.centered
{
    text-align: center;
}
.dropshiptable th
{
    text-align: left;
    padding-right: 20px;
}
#dropshipadd
{
    position: absolute;
    z-index: 100;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    width: 350px;
    height: 420px;
    border-radius: 10px;
}
#dropshipadd img
{
    height: 15px;
    width: 15px;
}
.dropshipheader
{
    color: #9cb428;
}
#order
{
    background-color: #d9e2ac;
}
#split
{
    color: #000;
    background-color: #faafbe;
}
.mainorder
{
    background-color: #d9e2ac;
}
.order
{
    padding: 10px;
    margin: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.ordertabs
{
    padding-left: 20px;
    margin: 0;
}
.mainordertab
{
    background-color: #d9e2ac;
}

.ponum
{
    color: #9cb428;
    font-weight: bold;
}
.orderlist li
{
    margin: 5px;
}
.notavailable
{
    border: 1px solid red;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    background-color: #eee;
}
.hideme
{
    display: none;
}
.inthiscatalog
{
    border: 1px solid blue;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    background-color: #eee;
}
.saddress
{
    padding: 5px;
    margin: 5px;
    border: 1px dashed #da2942;
    background-color: #eee;
}
.orderreview li
{
    margin-bottom: 5px;
}
/************Login******/
.loginpage
{
    padding: 0;
    margin: 0;
}
#helpmessage
{
    height: 100px;
}
.registerassistance
{
    padding: 20px;
}
.login
{
    margin: 0 50px 0 0;
    width: 340px;
    padding: 20px;
}
.login .header_cell
{
    width: 100px;
}
.login .input_cell
{
    width: 180px;
}
.logbox
{
    padding: 10px;
    border: 1px solid #da2942;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.doris
{
}
#forgotpassword
{
    width: 200px;
    cursor: pointer;
    text-decoration: underline;
    color: Blue;
}
#forgotpassword:hover
{
    text-decoration: underline;
}
#forgotten
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
/***********Help/Faqs*********/
.faqs
{
    margin: 0 0 10px 0;
}
.ans
{
    color: blue;
    display: none;
    margin: 10px;
    padding: 0;
}
.question
{
    color: #da2942;
    cursor: pointer;
}
.question:hover
{
    text-decoration: underline;
}
/***********Registration******/
.registrationtable th
{
    text-align: left;
    font-weight: bold;
    width: 200px;
}
/**********Change Account****/
#changeaccount
{
    margin: 0 0 20px 0;
}
.accounttable td
{
    text-align: left;
}
.accounttable th
{
    text-align: left;
    color: #fff;
    background-color: #da2942;
}
/**********Sales Reports*****/
.reports h2
{
    color: #fff;
    padding: 0;
    margin: 0;
}
#reportnav
{
    position: absolute;
    width: 270px;
    padding: 5px;
    top: 130px;
    margin-left: -21px;
}
#reportnavtab
{
    float: left;
    padding: 8px 5px;
    margin: 10px 5px 0 0;
    color: #fff;
    font-weight: bold;
    background-color: #9cb428;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    text-align: center;
}
#reportnav ul
{
    float: left;
    width: 200px;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 20px 20px;
    background-color: #d9e2ac;
    border: 1px solid #9cb428;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#reportnav a:link, #reportnav a:active, #reportnav a:visited, #reportnav a:hover
{
    display: block;
    padding: 5px;
    text-decoration: none;
    background-color: #9cb428;
    color: #fff;
    border: 1px solid #da2942;
    font-weight: bold;
}
#reportnav a:hover
{
    background-color: #fff;
    border: 1px solid #da2942;
    color: #da2942;
}
#fullscreen
{
    float: right;
    padding: 3px 5px;
    margin: 0 20px 0 0;
    color: #fff;
    background-color: #da2942;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    cursor: pointer;
}
.accountclick
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}
.carterror img
{
    width: 15px;
    height: 15px;
}

.tribox
{
    width: 17px;
    height: 18px;
    border: 1px solid #6d6e70;
    background-image: url(https://images.dansko.com/selecttriangle.png);
    float: right;
    margin: 0 0 0 1px;
    cursor: pointer;
}
.invalid
{
    background-image: url(https://images.dansko.com/error.gif);
    background-position: right 5px center;
    background-repeat: no-repeat;
}
.valid
{
    background-image: url(https://images.dansko.com/ok.gif);
    background-position: right 5px center;
    background-repeat: no-repeat;
}
.error
{
    display: inline-block;
    width: 0px;
}
.errorinvalid
{
    background-image: url(https://images.dansko.com/error.gif);
    background-position: left 0px center;
    background-repeat: no-repeat;
    width: 9px;
}
.errorvalid
{
    background-image: url(https://images.dansko.com/ok.gif);
    background-position: left 0px center;
    background-repeat: no-repeat;
    width: 15px;
}
#footerlist
{
    width: 600px;
    margin: 10px 0 0 0;   
}
#footerright
{
    float: right;   
    margin: 0 10px 0 0;
}
#footerright img
{
    border: none;   
}
