/* Locate Stockist Screen CSS Document */

.stockist-menu { width: 148px; float: left; }
.ui-tabs-nav { margin: 10px 0 0 0; padding: 0; }
.ui-tabs-nav li { width: 138px; height: 20px; margin: 0 0 1px 0; padding: 2px 0 0 10px; list-style-type: none; background: url(../../images/stockists-tab.gif) top left no-repeat; }
.ui-tabs-nav a { width: 138px; height: 20px; display: block; outline: none; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff; text-decoration: none; } 
.ui-tabs-nav a:active, .ui-tabs-nav a:hover { color: #ded8d6; text-decoration: none; }
.ui-tabs-nav .ui-tabs-selected { background-position: bottom left; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-selected a:active,
.ui-tabs-nav .ui-tabs-selected a:hover { color: #5a3e30; }
.ui-tabs-hide { display: none; }

.stockist-panel { width: 400px; float: left; }
.stockist-panel-top { width: 400px; height: 10px; overflow: hidden; background: url(../../images/stockists-panel-top.gif) top left no-repeat; }
.stockist-panel-body { width: 380px; background-color: #ded8d6; padding: 1px 10px; height: auto !important; height: 340px; min-height: 342px; }

.stockist-panel-body h2 { font-size: 100%; color: #5a3e30; margin-top: 0; }
.stockist-panel-body h3 { font-size: 80%; color: #5a3e30; margin-bottom: 0.2em; }
.stockist-panel-body p { font-size: 70%; color: #5a3e30; margin-top: 0.2em; margin-bottom: 0.2em; }
.stockist-panel-bottom { width: 400px; height: 10px; overflow: hidden; background: url(../../images/stockists-panel-bottom.gif) top left no-repeat; }