/* CSS Document */
html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background: url(/WebRoot/Asaph/SF/img/bg.gif) repeat-x top #D4DFEE;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	width: 100%;
}
table {
	border: 0;
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}
td {
	border: 0;
  padding: 0;
}

/* e-pages StorefrontStyle.css supra */
/*p, table, tr, td, th, span, ul, li, samp, select, option, textarea, samp, label {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}*/
a {
  /*color: #1768B1;*/
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #cc0000;
}
.Separator{
  display: block;
  clear: both;
  width: auto;
  height: 6px;
  margin: 5px 0 5px 0;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  background: none;
}
.CategoryText {
  display: block;
}
.Mandatory {
  border: 0; 
} 
.BottomPadding label a {
  font-weight: bold;
}
#ffCloseAfterSearch {
  display: none;
}
.ContentArea .CustomerOrder .breadcrumb span {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize !important;
  color: #000;
}
.CustomerOrder h1 {
  color: #999;
  font:21px "Times New Roman", Georgia, sans-serif !important;
  margin: 0; 
  padding-bottom: 12px;
  padding-top: 8px;
}
.TableHead {
  clear: both;
  width: auto;
  margin: 0 0 0 0;
  padding: 0;
  line-height: 28px;
  overflow: hidden;

  height: 28px;
  background: #1768b1 !important;

}

.TableHead div {
  line-height: 28px;
  padding: 0;
  margin: 0 0 0 8px;
  overflow: hidden;

  height: 28px;
  background: #1768b1 !important;
  
  font-weight: normal;
  color: #fff;
  font-style: normal;
  font-family: "Times New Roman", Georgia, sans-serif !important;
  font-size: 21px;
}
.Dialog {
  background: #e2e2e1 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}
.AddressDialog {
  background: #e2e2e1 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

.Dialog div.LeftHalf,
.Dialog td.LeftHalf,
.Dialog div.RightHalf,
.Dialog td.RightHalf,
.Dialog div.InputBlock,
.Dialog tr.InputBlock,
.Dialog div.TextBlock,
.Dialog div.InputLabelling,
.Dialog td.InputLabelling,
.Dialog div.InputField,
.Dialog td.InputField,
.Dialog div.IllustratedLink,
.BasketAddressSelect .Address,
.BasketAddressForm .Address,
.EditAddress .Address,
.Addresses .Address,
.AddressOptions,
.AddressFields,
.AddressColumnLeft,
.AddressColumnRight  {
  background: #e2e2e1 !important;
}
.Dialog div.IllustratedLink a {
  color: #333;
  text-decoration: underline;
}
.Dialog div.IllustratedLink a:hover {
  color: #cc0000;
}

ul.OrderProcess {
  list-style-type:  none;
  margin: 0;
  padding: 0;
  border: 0;
  width: 588px;
  padding-top: 50px;
  overflow: hidden;
}

ul.OrderProcess li {
  text-align: left;
  font-size: 11px;
  line-height: normal !important;
  float:left;
  width: 588px;
  height: 25px;
  margin: 0;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  border: 0;
  text-align: center;
  background: #e2e2e1;
  border-bottom: solid 1px #fff;
  display: block;
  overflow: hidden;
}
ul.OrderProcess li .ItemImage {
  display: none;
}
ul.OrderProcess li.ActiveItem {
  background: #1768B1;
  color: #fff;
}
ul.OrderProcess li small {
  color: #666666;
  display: block;
  font:20px/25px "Times New Roman", Georgia, sans-serif !important;
  float: left;
  width: 30px;  
  cursor: default;
}
ul.OrderProcess li.ActiveItem small {
  color: #fff;
}
ul.OrderProcess li.ActiveItem a.ItemLink,
ul.OrderProcess li.ActiveItem a.ItemLink:hover,
ul.OrderProcess li.PassedItem a.ItemLink,
ul.OrderProcess li.PassedItem a.ItemLink:hover {
  font-weight: normal;
  line-height: 25px !important;
  height: 25px;
  display: block;
  float: left;
  width: 128px;
  background: url(/WebRoot/Asaph/SF/img/bg-order-process.gif) no-repeat top left;
  font-family: "Times New Roman", Georgia, sans-serif !important;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  border-right: 0;
  text-align: left;
  padding-left: 12px;
  padding-right: 4px;
}
ul.OrderProcess li.PassedItem a.ItemLink {
  background: url(/WebRoot/Asaph/SF/img/bg-order-process.gif) no-repeat bottom left;
  color: #fff;
}
ul.OrderProcess li .ItemLabel {
  background: url(/WebRoot/Asaph/SF/img/bg-order-process.gif) no-repeat bottom left;
  font-weight: normal;
  display: block;
  float: left;
  line-height: 25px !important;
  height: 25px;
  width: 128px;
  font-family: "Times New Roman", Georgia, sans-serif !important;
  font-size: 20px;
  color: #fff;
  text-align: left;
  border-right: 0;
  padding-left: 12px;
  padding-right: 4px;
  cursor: default;
}
ul.OrderProcess li p.ExplainItem {
  padding-left: 10px;
  float: left;
  background: #e2e2e1;
  display: block;
  height: 25px;
  line-height: 25px !important;
  width: 404px;
  text-align: left;
  cursor: default;
}
/*ul.OrderProcess li.PassedItem p.ExplainItem,*/
ul.OrderProcess li.ActiveItem p.ExplainItem  {
  background: #1768B1;
  color: #fff;
}

table.OrderList,
table.ShoppingList,
table.CustomerList {
  border-spacing: 0px;
  border-right: 0 dotted #B3D2EE;
  border-left: 0 dotted #B3D2EE;
  border-bottom: 0 dotted #B3D2EE;
  background: #EFF1F2;
  width: 588px;
}
table.OrderList2 {
  border-spacing: 0px;
  background: #E2E2E1;
  width: 588px;
}


table.OrderList th,
table.OrderList2 th,
table.ShoppingList th,
table.CustomerList th {
  border-bottom: 0px dotted #D1D3D6;
  padding: 0 4px 0 4px;
  height: 25px;
  vertical-align: middle;
  background: #1768B1;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #fff;
}

table.OrderList td,
table.ShoppingList td, table.ShoppingList td.AlternateRow,
table.CustomerList td {
  vertical-align: top;
  padding: 3px 4px 4px 4px;
  background: #E2E2E1 !important;
}
table.OrderList2 td {
  vertical-align: top;
  padding: 3px 4px 4px 4px;
  background: #E2E2E1;
}

table.OrderList2 a,
table.ShoppingList td a {
  text-decoration: underline;
  color: #333;
}
table.OrderList2 a:hover,
table.ShoppingList td a:hover {
  color: #cc0000;
}

table.Basket {
  border-spacing: 0px;
  border-right: 1px dotted #B3D2EE;
  border-left: 1px dotted #B3D2EE;
  border-bottom: 1px dotted #B3D2EE;
  background: #EFF1F2;
  width: 588px;
}
  
table.Basket th {
  border-bottom: 0px dotted #D1D3D6;
  padding: 0 4px 0 4px;
  height: 25px;
  vertical-align: middle;
  background: #1768B1;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #fff;
}

table.Basket td,
table.MiniBasket td {
  vertical-align: top;
  padding: 3px 4px 4px 4px;
  background: #fff;
}
table.Basket tr.Total td {
  background: #B3D2EE;
}
div.BasketComment {
  font-weight: bold;
  padding: 6px 5px 5px 0;
  background: transparent;
}

textarea.BasketComment {
  padding:0;
  margin:0;
  width: 586px;
  border: solid 1px #e2e2e1;
  font-size: 11px;
  margin-top: 5px;
}

.PreLineBasketComment {
  background: #fff;
  border: 1px solid #e2e2e1;
  padding: 4px;
  width: 578px;
  margin-top: 5px;
}
tr.SeparateRow td {
  border-top: 1px dotted #B3D2EE;
}

tr.SeparateRow th {
  border-top: 0px solid #EFF1F2;
}

td.SeparateColumn {
  border-right: 1px dotted #B3D2EE;
}

th.SeparateColumn {
  border-right: 1px dotted #B3D2EE;
}

.AlternateRow td,
.AlternateRow,
.Alternate td,
.Alternate {
  background: #fff !important;
}

tr.MyAlternateRow td {
  background: #E2E2E1;
}
tr.MyAlternateRow td.SeparateColumn {
  border-right:1px dotted #FFF !important;
}

#CheckOutTop, #RefreshButtonTop {
  display: none;
}
.DialogMessage p, .DialogMessage h3 {
  color: #CC0000 !important;
  font-size: 12px;
  font-weight: bold;
}

span.checkbox {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(/WebRoot/Asaph/SF/img/checkbox_02.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
  margin-top: -3px;
}
textarea.BasketComment {
  border: 1px solid #666666;
}
input.Text {
  width: 106px;
  line-height: 120%;
  font-size: 11px;
  /*border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;*/
  border: solid 1px #B3D2EE;
  padding: 2px 1px;
}
textarea.LongText,
input.LongText {
  width: 201px;
  line-height: 120%;
  font-size: 11px;
  /*border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;*/
  border: solid 1px #B3D2EE;
  padding: 2px 1px;
}
input.DialogError,
select.DialogError,
textarea.DialogError,
.DialogError input,
.DialogError select,
.DialogError textarea {
   border: 1px solid #CC0000 !important;
   background: #ffcccc;
}

.NewCustomer input.Text, .NewCustomer input.LongText,
.NewCustomer textarea.LongText {
  border: solid 1px #B3D2EE;
}


/* General Classes*/ 
.clear {
  display: block;
  height: 1px; 
  clear: both;
}
.breadcrumb {
  font-family: Verdana,"Times New Roman", Georgia, sans-serif !important;
  color: #ccc;
  font-size: 11px;
  min-height: 39px;
  _height: 39px;
  padding-top: 11px;
}
.breadcrumb a {
  color: #ccc;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #666666;
}
.breadcrumb span {
  color: #666666;
  /*font-family: "Times New Roman", Georgia, sans-serif !important;*/
  font-family: Verdana,"Times New Roman", Georgia, sans-serif !important;
}
.bigbreadcrumb {
  font-family: Verdana,"Times New Roman", Georgia, sans-serif !important;
  color: #ccc;
  font-size: 16px;
  min-height: 39px;
  padding-top: 11px;  
}

.price {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  text-align: right;
}
.price span {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  text-decoration: line-through;
  color: #666666;
}
.price em {
  padding-right: 10px;
  white-space: nowrap;
}
.price em, .price em span {
  font:11px/11px Verdana ,"Times New Roman", Georgia, sans-serif !important;  
}

.price small {
  font-size: 18px;
  display: block;
}
.price a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serifc;
  display: block;
  color: #1768B1;
  font-size: 11px;
  text-decoration: none;
}
.price a.card {
  display: inline;
  text-decoration: underline;
  color: #666666;
}
.price a.card:hover {
  color: #cc0000;
}
.price a.ico {
  display: inline;
  padding-left: 5px;
}
.price a.ico img {
  position: relative;
  top: 3px;
}
.price a:hover {
  text-decoration: underline;
}
.price strong {
  color: #1768B1;
}
.price strong img.card, .price img.card {
  padding-right: 5px;
  position: relative;
  top: 4px;
}
.price .pricetxt {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120% !important;
  text-align: right;
}
.InfoArea h2,
.Imprint h2,
.TermsAndConditions h2,
.FreeContent h2,
.PrivacyPolicy h2 {
  color: #666666;
  font-family: Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
}
.add-button {
  background: url(/WebRoot/Asaph/SF/img/add-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  _width:1px;
  float: right;
  padding-left: 3px;

}
.add-button span {
  background: url(/WebRoot/Asaph/SF/img/add-r.gif) no-repeat right;
  display: block;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  _width:1px;
  white-space: nowrap;
  padding-right: 42px;
  padding-left: 5px;
    position: relative;
}
.quantity {
  float: right;
  width: 35px;
  height: 18px;
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  padding: 3px 0px 2px 0px;
  margin-top: 1px;
  *margin-top: 2px;
  margin-right: 11px;
  text-align: center;
}

.sdd-button {
  background: url(/WebRoot/Asaph/SF/img/sdd-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  _width:1px;
  padding-left: 3px;
}
.sdd-button span {
  background: url(/WebRoot/Asaph/SF/img/sdd-r.gif) no-repeat right;
  display: block;
  _width:1px;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  white-space: nowrap;
  padding-right: 12px;
  padding-left: 5px;
  position: relative;
}
.safari-button {
  background: url(/WebRoot/Asaph/SF/img/safari-button-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: left;
  _width:1px;
  padding-left: 9px;
}
.safari-button span {
  background: url(/WebRoot/Asaph/SF/img/safari-button-r.gif) no-repeat right;
  display: block;
  _width:1px;
  height: 21px;
  font: 11px/19px Verdana, sans-serif !important;
  color: #333;
  display: block;
  white-space: nowrap;
  padding-right: 9px;
  position: relative;
}
.sdd-buttonD {
  background: url(/WebRoot/Asaph/SF/img/sdd-ld.gif) no-repeat left;
  cursor: default;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  _width:1px;
  padding-left: 3px;
}
.sdd-buttonD span {
  background: url(/WebRoot/Asaph/SF/img/sdd-rd.gif) no-repeat right;
  display: block;
  _width:1px;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #E2E2E1;
  display: block;
  white-space: nowrap;
  padding-right: 12px;
  padding-left: 5px;
  position: relative;
}
.sddsred-button {
  background: url(/WebRoot/Asaph/SF/img/sdd-le.gif) no-repeat left;
  cursor: default;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  _width:1px;
  padding-left: 3px;
}
.sddred-button {
  background: url(/WebRoot/Asaph/SF/img/sdd-rex.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  _width:1px;
  padding-left: 15px;
  *padding-left: 19px;
}
.sddred-button span, .sddsred-button span {
  background: url(/WebRoot/Asaph/SF/img/sdd-re.gif) no-repeat right;
  display: block;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  _width:1px;
  white-space: nowrap;
  padding-right: 12px;
  padding-left: 5px;
  position: relative;
}
.stock img {
  padding-left: 7px;
  padding-right: 12px;
  position: relative;
  top:1px;
}
.attr {
  line-height: 160% !important;
  padding-left: 0;
}
.ico-cd {
  /*background: url(/WebRoot/Asaph/SF/img/ico-cd.gif) no-repeat left;*/
  height: 22px;
  line-height: 22px !important;
  padding-left: 30px;
  margin-bottom: 5px;
}
.no-ico {
  padding-left: 30px;
  margin-bottom: 5px;
}
.ico-cd a, .no-ico a {
  color: #666666;
  text-decoration: none;
}
.ico-cd a:hover, .no-ico a:hover {
  text-decoration: none;
  color: #1768B1;
}
.genre {
  width: 178px;
  /*padding-left: 30px;*/
  margin-bottom: 5px !important;
  min-height: 22px;
  line-height: 22px !important;
}
.genre a {
  color: #666666;
  text-decoration: none;
}
.genre a:hover {
  color: #1768B1;
  text-decoration: none;
}
.genre img {
  display: block;
  float: left;
  padding-right: 8px;
}

/* ID's */
#container {
	background: url(/WebRoot/Asaph/SF/img/bg-content.png) repeat-y;
	width: 989px;
	border: 0;	
  margin: 0 auto;
	text-align: left;
}
* html #container {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Asaph/SF/img/bg-content.png', sizingMethod='scale'); 
}

#header {
  padding-left: 12px;
  padding-right: 12px;
}
#header h1 {
  font-size: 1px;
  padding: 7px 2px;
  float: left;
}
#header h1 a {
  text-indent: -10000px;
  display: block;
  background: url(/WebRoot/Asaph/SF/img/asaph.gif) no-repeat;
  width: 288px;
  height: 60px;
}
#top {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-right: 50px;
  padding-top: 8px;
  text-align: right;
}
#top li {
  display: inline;
  color: #333;
  font-size: 11px;
}
#top li a {
  color: #333;
  text-decoration: underline;
}
#top li a:hover, #top li a.active {
  color: #cc0000;
}

#nav {
  background: #e2e2e1;
  height: 20px;
  line-height: 20px !important;
  width: 965px;
  position: relative;
  z-index: 1;
}
#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav li {
  display: block;
  float: left;
  color: #666666;
  font-size: 12px;
  font-family: Arial, sans-serif !important;
  display: block; 
  padding-left: 10px;
  line-height: 21px !important;
  height: 20px;
}
#nav li a {
  height: 20px;
  color: #666666;
  text-decoration: none;
  line-height: 21px !important;
  padding-left: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
}
#nav li a:hover, #nav li a.active {
  color: #1768B1 !important;
}
#nav li.arrow a {
  background: url(/WebRoot/Asaph/SF/img/arrow-01.gif) no-repeat right center;
  padding-right: 15px;
}

#info {
  height: 60px;
  background: #1768B1;
  margin-top: 1px;
  color: #80B3E3;
  padding: 0 8px;
}
#info h2 {
  float: left;
  padding-top: 6px;
  color: #fff;
  font: 26px Arial, sans-serif !important;
  letter-spacing: -1px;
}
#info p {
  text-align: right;
  float: right;
  margin-bottom: 6px;
  padding-top: 6px;
  line-height: normal !important;
}
#info a {
  color: #80B3E3;
  text-decoration: none;
}
#info a:hover {
  color: #fff;
}
#info .clear {
  background: #80B3E3;
  width: 100%;
}
#blue {
  background: #B3D2EE;
  height: 40px;
  overflow: hidden;
}
div.ProductListHead,
div.ProductListHead div.InnerHead {
  background: #fff; 
} 
#left .NavBarLeft .ContextBox h1,
#left .NavBarLeft .ContextBoxHead {
  background:#fff;
}
#left .ContextBoxHead {
  color: #1768B1;
}
#left .NavBarLeft .ContextBoxHead {
  padding: 0 0 0 6px;
}
#left .NavBarLeft {
  width:200px;
  background: #fff;
}
#left .NavBarLeft h2 {
  color: #134B83;
  padding-bottom: 4px;
  padding-top: 3px;
  padding-left: 12px;
  font:bold 12px Helvetica,sans-serif !important;
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x bottom;
}
#left .NavBarLeft a {
  font:11px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
  color: #000;
}
#left .NavBarLeft .ContextBoxBody {
  background: #fff;
  padding: 0 0 0 0;
}
#left .NavBarLeft .ContextBoxBody a {
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x bottom;
  display: block;
  _height:1%;
  display: block;
  text-decoration: none;
  padding: 4px 0 5px 12px;
  color: #000;
  clear: both;
}
#left .NavBarLeft .ContextBoxBody a.invisible,
#left .NavBarLeft .ContextBoxBody a.invisible:hover {
  padding: 0 0 0 12px;
  background: none;
  color: #000;
}
#left .NavBarLeft .ContextBoxBody a:hover, #left .NavBarLeft .ContextBoxBody a.active {
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x bottom #1868B1;
  color: #fff;
  text-decoration: none;
}
#blue table.Middle {
  width: 398px;
  float: left;
}
#blue .NavBarLeft .PropertyContainer {
  width: 398px;
}
#blue .NavBarLeft .PropertyContainer {
  padding: 0 0 0 0;
}
#blue .NavBarLeft {
  background: #B3D2EE;
}
#blue .NavBarLeft .ContextBoxBody {
  background: #B3D2EE;
  padding: 0 0 0 0;
  margin-bottom: 0;
}
#blue .NavBarLeft div.Entry {
  background: #B3D2EE;
}
td.suggestTextQuery {
  text-align: left;
}
#overSuggestLayer {
  display: none;
}
#blue form {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
}
#blue form label {
  font: 18px "Times New Roman", Georgia, sans-serif !important;
  color: #1768B1;
  display: block;
  float: left; 
}
#blue form input {
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  width: 273px;
  padding: 2px 1px 3px 1px !important;
  float: left;
  margin: 0 5px;
}
#blue form button {
  background: url(/WebRoot/Asaph/SF/img/search-l.gif) no-repeat left;
  border: 0;
  margin: 0;
  margin-top: -1px;
  padding: 0;
  padding-left: 4px;
  *padding-left:7px;
  overflow: visible;
  cursor: pointer;
  color: #CC0000;  
  display: block;
  float: left;
}
#blue form button span {
  background: url(/WebRoot/Asaph/SF/img/search-r.gif) no-repeat right;
  display: block;
  height: 20px;
  position: relative;
  _position:static;
  color: #CC0000;
  font:18px/20px "Times New Roman", Georgia, sans-serif !important;
  padding-right: 5px;
  white-space: nowrap;
}
#blue form button:hover span {
  color: #1768B1;
}
#blue div#newsletter {
  float: left;
  padding-left: 10px;
  width: 189px;
  background: url(/WebRoot/Asaph/SF/img/newsletter-bg.gif) no-repeat top left;
  border-left: solid 1px #fff;
  height: 40px;
}
#blue div#newsletter a {
  display: block;
  color: #006699;
  text-transform: uppercase;
  padding-left: 80px;
  font: bold 13px Arial, sans-serif !important;
  letter-spacing: -1px;
  text-decoration: underline;
}
#blue div#newsletter a:hover {
  color: #cc0000;
  
}
#blue div#basket {
  float: left;
}
#blue div#basket div {
  width: 151px;
  float: left;
  background: url(/WebRoot/Asaph/SF/img/ico-basket.gif) no-repeat 10px 9px;
  padding-left: 50px;
  height: 40px;
  border-left: solid 1px #fff;
  color: #000;
  position: relative;
}
#blue div#basket div img.basket-ico {
  position: absolute;
  width: 24px;
  height: 20px;
  top: 8px;
  left: 13px;  
}
#blue div#basket div p {
  line-height: normal !important;
  margin: 0;
  padding-top: 6px;
}
#blue div#basket small {
  display: block;
  float: left;
  margin-top: 7px;
}
#blue div#basket a, #divbasketpopup .links a.white {
  background: url(/WebRoot/Asaph/SF/img/basket-l.gif) no-repeat left #fff;
  color: #CC0000;
  font:19px "Times New Roman", Georgia, sans-serif !important;
  text-decoration: none;  
  padding-left: 2px;
  display: block;
  float: left;
}
#blue div#basket a span, #divbasketpopup .links a.white span {
  background: url(/WebRoot/Asaph/SF/img/basket-r.gif) no-repeat right;
  font:19px/25px "Times New Roman", Georgia, sans-serif !important;
  padding: 0 10px 0 8px;
  display: block;
  float: left;
  height: 25px;
  cursor: pointer;
}
#blue div#basket a:hover, #divbasketpopup .links a.white:hover {
  color: #1768B1;
}

#divbasketpopup .links a.blue, a.bbutton {
  background: url(/WebRoot/Asaph/SF/img/add-bl.gif) no-repeat left; 
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  padding-left: 3px;
  _width:1px;
}
a.bbutton {
  float: left;
}
#divbasketpopup .links a.blue span, a.bbutton span {
  background: url(/WebRoot/Asaph/SF/img/sdd-br.gif) no-repeat right;
  display: block;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  _width:1px;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 10px;
}

#content td {
  vertical-align: top;
}
#left h3 {
  color: #1768B1;
  font:bold 13px Arial, Helvetica, sans-serif !important;
  letter-spacing: -1px;
  padding-bottom: 3px;
  padding-left: 6px;
}
#left {
  width: 200px;
  padding-left: 12px;
  padding-right: 6px;
  padding-top: 50px;
  overflow: hidden;
}




#left ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x top;
  padding-top: 1px;
  margin-bottom: 16px;
  width: 200px;
  overflow: hidden;
}
#left ul li {
  display: block;
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x bottom;
  padding-bottom: 1px;
  
}
#left ul li a {
  display: block;
  text-decoration: none;
  padding: 2px 0 3px 12px;
  color: #000;
  clear: both;
}
#left ul li a:hover, #left ul li a.active {
  background: #1868B1;
  color: #fff;
  text-decoration: none;
}
#left ul li a.active {
  font-weight: bold;
}

#left ul li a span {
  display: block;
  float: left;
  width: 11px;
  height: 11px;
  margin-left: -12px;
  _margin-left: -6px;
  margin-top: 3px;
  _margin-top: 1px;
  background: url(/WebRoot/Asaph/SF/img/plus.gif) no-repeat center center;
  cursor: pointer;
}
#left ul li a:hover span {
  background: url(/WebRoot/Asaph/SF/img/plus-w.gif) no-repeat center center;
}
#left ul li a.active span {
  background: url(/WebRoot/Asaph/SF/img/minus-w.gif) no-repeat center center;
}
#left ul li.title {
  font-weight: bold;
  padding-left: 12px;
  color: #000;
  cursor: default;
  padding: 2px 0 4px 12px;
}
#left ul li.strong a {
  font-weight: bold;
  padding-left: 12px;
}
#left ul ul {
  margin-bottom: 0;
  padding-bottom: 0;
  background: #1868B1;
}
#left ul ul li {
  background: none;
  padding-bottom: 0;
  display: inline;
}
#left ul ul li a {
  padding: 2px 3px 2px 12px;
  color: #fff;
}
#left ul ul li a:hover,
#left ul ul li a.active {
  text-decoration: none;
  font-weight: normal;
  background: #B3D2EE;
  color: #000;
}
#left ul ul li a span,
#left ul ul li a:hover span,
#left ul ul li a.active span {
  margin-left: -12px;
  _margin-left: -6px;
  text-decoration: none !important;
  overflow: hidden;
  *overflow:visible;
  background: url(/WebRoot/Asaph/SF/img/plus-w.gif) no-repeat center center;  
}
#left ul ul li a:hover span {
  background: url(/WebRoot/Asaph/SF/img/plus.gif) no-repeat center center;  
}
#left ul ul li a.active span {
  background: url(/WebRoot/Asaph/SF/img/minus.gif) no-repeat center center;
}
#left ul ul ul {
  background: #B3D2EE;
}
#left ul ul ul li a {
  padding: 2px 0 2px 12px;
  color: #000;
}
#left ul ul ul li a:hover, 
#left ul ul ul li a.active {
  background: #E2E2E2;
  color: #000;
}
  
/*
#left ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x top;
  padding-top: 1px;
  margin-bottom: 16px;
}
#left ul ul {
  margin-bottom:0 !important;
}
#left ul li {
  display: block;
  background: url(/WebRoot/Asaph/SF/img/dots.gif) repeat-x bottom;
  padding-bottom: 1px;
}
#left ul li a {
  text-decoration: none;
  color: #333;
  display: block;
  padding-top: 2px;
  padding-bottom: 3px;
  _height: 1%;
}
#left ul li a:hover, #left ul li a.active {
  background: #e2e2e1;
}
#left ul li a.active {
  font-weight: bold;
} 

#left ul li.strong {
  font-weight: bold;
}
#left ul li.strong a {
  padding-left: 15px;
}
#left ul li a em {
  font-style: normal;
}
#left ul li a span {
  white-space: nowrap;
  display: block;
  width: 15px;
  height: 20px;
  float: left;
}
#left ul li a span.plus {
  background: url(/WebRoot/Asaph/SF/img/plus.gif) no-repeat 3px 6px;
  cursor: pointer;
}
#left ul li a.active span.plus {
  background: url(/WebRoot/Asaph/SF/img/minus.gif) no-repeat 3px 6px;
}
#left ul li.plus a:hover {
  background: url(/WebRoot/Asaph/SF/img/plus.gif) no-repeat 3px 6px #e2e2e1;
}
#left ul li.plus a.active {
  background: url(/WebRoot/Asaph/SF/img/minus.gif) no-repeat 3px 6px #e2e2e1;
}

#left ul li ul {
  background: #e2e2e1;
}
#left ul li ul li {
  background: none;
  padding-bottom: 0;
}
#left ul li ul li a {
  padding-left: 13px;
  padding-right: 3px;
  padding-top:0;
  background: none;
}
#left ul li ul li a:hover, #left ul li ul li a.active {
  background: #e2e2e1;
  color: #333;
  font-weight: normal;
  text-decoration: underline;
}
#left ul li ul li a span {
  height: 15px;
}
#left ul li ul li ul li a {
  padding-left: 26px;
}
*/
#middle {
  width: 588px;
  *overflow: hidden;
}
#BasketForm {
  width: 588px;
}


#right {
  width: 165px;
  padding-right: 12px;
  padding-left: 6px;
  margin-top: 50px;
  /*padding-top: 32px;*/
}


.home-book {
  background: #e2e2e1;
  position: relative;
  width: 588px;
  margin-bottom: 12px;
}

.ContentArea {
  padding: 0 0 0 0;
}
.ContentArea .Separator {
  background: none;
}
.ContentArea . CustomerOrder table.Basket  {
  width: 568px;
}
#WpIframe {
  background: #fff !important;
  text-align: left !important;
}
#WpIframe h1 {
  font:24px/36px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
}
.category-list {
  
}

.autor-headline h2 {
  font:18px/30px "Times New Roman", Georgia, sans-serif !important;
  color: #1768b1;
}
.category-list div {
  background:#e2e2e1;
  height: 30px;
  margin-bottom: 8px;
  float: left;
  width: 290px;
  margin-right: 4px;
}
.category-list div h2 {
  font:18px/30px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
}

.category-list div h2 a {
  color: #666666;
  text-decoration: none;
  display: block;
  padding-left: 8px;
}
.category-list div h2 a:hover {
  color: #cc0000;
}


.home-book img.img {
  display: block;
  border-bottom: solid 1px #fff;
}
.home-book img.simg {
  display: block;
  float: left;
  border-right: solid 1px #fff;
} 
.home-book .price {
  float: right;
  position: absolute;
  bottom: 2px;
  right: 8px;
}
.home-book .FloatLeft {
  padding: 0 8px;
}
.home-book h3 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
}
.home-book h3 a {
  color: #666666;
  text-decoration: underline;
}
.home-book h3 a:hover {
  color: #cc0000;
}

.home-sbook {
  background: #e2e2e1;
  width: 285px;
  margin-bottom: 11px;
  padding-right: 7px;
  height: 133px;
  position: relative;
  float: left;
}
.home-sbook-pad {
  background: #fff;
  width: 4px;
  height: 133px;
  position: relative;
  float: left;
}
.home-sbook .price {
  float: right;
  position: absolute;
  bottom: 4px;
  right: 33px;
}
.home-sbook h3 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 3px;
  padding-top: 1px;
}

.home-sbook h3 a {
  color: #666666;
  text-decoration: underline;
}
.home-sbook h3 a:hover {
  color: #cc0000;
}

.home-sbook a img {
  display: block;
  float: left;
  padding-right: 4px;
  /*padding-left: 3px;
  padding-top: 2px;*/
}

.home-top10 {
  background: #1768B1;
  width: 280px;
  float: left;
  height: 133px;
  margin-bottom: 11px;
  color: #fff;
  padding: 0 6px;
}
.home-top10 h3 {
  font:20px Arial, sans-serif !important;
  letter-spacing: -1px;
  color: #fff;
  border-bottom: solid 1px #80B3E3;  
  margin-bottom: 4px;
  padding-bottom: 5px;
  padding-top: 4px;
  
}
.home-top10 h3 span {
  display: block;
  font-size: 14px;
}
.home-top10 a {
  display: block;
  height: 30px;
  line-height: 30px !important;
  float: left;
  color: #fff;
  text-decoration: underline;
  width: 49%;
  font-size: 12px;
}
.home-top10 a:hover {
  color: #80B3E3;
}

.byprice {
  background: #1768B1;
  height: 60px;
  color: #fff;
  padding: 0 7px;
  margin-bottom: 12px;
}
.byprice h3 {
  font:20px Arial, sans-serif !important;
  letter-spacing: -1px;
  color: #fff;
  border-bottom: solid 1px #80B3E3;  
  height: 30;
  line-height: 30px !important;
  text-align: center;
  margin-bottom: 4px;
}
.byprice a {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -1px;
}
.byprice a:hover {
  color: #80B3E3;
}
.byprice .active{
  text-decoration: none;
  color: #80B3E3;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -1px;
}
.byprice td {
  padding-left: 10px;
}
.byprice .search-price {
  background: #1768B1; 
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
}
.byprice .search-price span {
  font-size: 15px;
  color: #fff;
  display: block;
  white-space: nowrap;
  font-weight: bold;
}

.comments {
  background: #e2e2e1;
  
}
.comments h2 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom #fff;
  padding-bottom: 6px;
  padding-left: 6px;
}
.comments div {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
  padding: 10px 0; 
  margin: 0 6px;
}
.comments div.last {
  background: none;
}
.comments p {
  clear: both;
  margin: 0;
}
.comments ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 7px;
}
.comments ul li {
  display: inline;
}
.comments ul li img {
  display: block; 
  float: left;
}

.small-product {
  background: #e2e2e1;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 7px;
  width: 588px;
}
.list {
  padding-top: 10px;
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom #e2e2e1;
  margin-top: 0;
  margin-bottom: 0;  
  padding-bottom: 14px;
}

.list .listdiscount .pricetxt {
  display: none !important;
}

.small-product h2, .small-product h4 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom #fff;
  padding-bottom: 6px;
  padding-left: 6px;
}
.small-product h4 {
  background: none;
  padding-left: 0;
  padding-bottom: 3px;
}
.small-product h4 a {
  color: #666666;
  text-decoration: none;
}
.small-product h4 a:hover {
  color: #cc0000;
}
.small-product h5 {
  font:18px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 1px;
}
.small-product table {
  margin: 7px 0 0 0; 
}
.small-product td.img {
  width: 100px;
  padding-right: 10px;
}
.small-product td.img div {
  width: 100px;
  overflow: hidden;
  padding-left: 5px;
}
.small-product td div.pw {
  width: 465px;
  padding-right: 6px;
}
.small-product .ico-cd {
  margin-bottom: 0;
}
.small-product .price {
  float: right;
  padding-bottom: 10px;
}
.small-product .top a {
  color: #666666;
    text-decoration: underline;
}
.small-product .top a:hover {
  color: #cc0000;
}

.product {
  background: #e2e2e1;
  padding: 7px 6px 4px 6px; 
  margin-bottom: 30px;
}
.product h2 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 1px;
  padding-top: 5px;
}
.product h3 {
  font:18px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 1px;
}
.product table {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
}
.product form {
 width: 366px;
}
.product p {
  margin: 0;
}
.product .top a {
  background: url(/WebRoot/Asaph/SF/img/arrow-gray.gif) no-repeat left center;
  padding-left: 7px;
  color: #666666;
  text-decoration: underline;
}
.product .top a:hover {
  color: #cc0000;
}
.product .short {
  padding-top: 5px;
}
.product .desc, .small-product .desc {
  padding-bottom: 18px;
}
.product .desc a, .small-product .desc a {
  text-decoration: none;
  color: #666666;
}
.product .desc a:hover, .small-product .desc a:hover {
  text-decoration: underline;
}
.product .desc a.mb,
.product .short a {
  background: url(/WebRoot/Asaph/SF/img/arrow-gray.gif) no-repeat 0 4px;
  padding-left: 7px;
  text-decoration: underline;
  color: #666666;
}
.product .desc a.mb {
  font-weight: bold;
}
.product .desc a.mb:hover,
.product .short a:hover {
  color: #cc0000;
}


.product .price {
  float: right;
  width: 170px;
  padding-right: 4px;
  padding-bottom: 14px;
}
.product .price img.clear {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
  height: 1px;
  width: 90%;
  padding-bottom: 7px;
  margin: 0 0 6px auto;
}
.product .img {
  width: 200px;
  overflow: hidden;
}
.product .img a img {
  display: block;
  margin-bottom: 6px;
}
.product .links {
  line-height: normal !important;
  padding-bottom: 10px;
}
.product .links a {
  color: #666666;
  text-decoration: underline;
  padding-left: 20px;
  font-size: 11px;
  line-height: 180% !important;
}
.product .links a:hover {
  color: #cc0000; 
}
.product .info {
  font:14px Verdana, sans-serif !important;
  background: #fff;
  color: #1768B1; 
  text-align: center;
  font-size: 10px;
  width: 200px;
  margin-bottom: 12px;
}
.product .info a {
  font: 16px Arial, sans-serif !important;
  color: #1768B1; 
  text-decoration: underline;

}
.product .info a:hover {
  color: #cc0000;
}
.product .info h4 {
  text-align: center;
  font: 21px/24px "Times New Roman", Georgia, sans-serif !important;
  color: #1768B1; 
}

.author {
  background: #e2e2e1;
  padding: 7px 6px 2px 6px;
  margin-bottom: 9px; 
}
.author .img {
  padding-right: 15px;
}
.author .img a img {
  display: block;
  margin-bottom: 6px;
}
.author .desc {
  padding-bottom: 5px;
}
.author .desc a {
  text-decoration: none;
  color: #666666;
}
.author .desc a:hover {
  text-decoration: underline;
}

#middle .top-box {
  background: #e2e2e1;
  padding-right: 10px;
  width: 578px;
  margin-bottom: 15px;
}

#middle .top-box .FloatLeft img {
  display: block;
}
#middle .top-box .FloatRight {
  width: 272px;
}
#middle .top-box h2 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding: 4px 0 7px 0;
}
#middle .top-box p {
  margin-bottom: 12px;
}
#middle .top-box .book {
  padding-top: 10px;
}
#middle .top-box .book img.FloatLeft {
  padding-right: 10px;
}

#middle .cols {
  
}
#middle .cols .FloatLeft {
  width: 292px;
}
#middle .cols .book-box {
  background: #e2e2e1;
  width: 285px;
  margin-bottom: 11px;
  padding-right: 7px;
  height: 133px;
  position: relative;
}
#middle .cols .book-box .price {
  position: absolute;
  bottom: 4px;
  right: 7px;
}
#middle .cols .book-box h3 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 3px;
  padding-top: 1px;
}
#middle .cols .book-box h3 a {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  text-decoration: none;
}
#middle .cols .book-box a img {
  display: block;
  float: left;
  padding-right: 4px;
  padding-left: 3px;
  padding-top: 2px;
}
#middle .cols .FloatRight {
  background: #1768B1;
  width: 280px;
  color: #fff;
  padding: 9px 6px;
 /* height: 403px; */
}
#middle .cols .FloatRight h2 {
  color: #fff;
  font:22px Arial, sans-serif !important;
  letter-spacing: -1px;
  text-transform: uppercase;
  border-bottom: solid 1px #80B3E3;
  padding-bottom: 8px;
  margin-bottom: 9px;
}
#middle .cols .FloatRight h2 small {
  text-transform: none;
  display: block;
  font-size: 16px;
}
#middle .cols .FloatRight td {
  padding-bottom: 3px;
}
#middle .cols .FloatRight td a {
  color: #fff;
  text-decoration: none;
}
#middle .cols .FloatRight td a:hover {
  color: #80B3E3;
}
#middle a.SLToBasket {
  color: #666666;
  text-decoration: uderline;
  padding: 3px 3px 3px 20px !important;
}
#middle a.SLToBasket:hover {
  text-decoration: underline;
  color: #cc0000;
}
#middle a.LinkAddShoppingList {
  color: #666666;
  text-decoration: underline;
  margin-top: 15px !important;
}
#middle a.LinkAddShoppingList:hover {
  text-decoration: underline;
  color: #cc0000;
}

#right .gift-box {
  /*background: url(/WebRoot/Asaph/SF/img/ico-gift.gif) no-repeat 112px 17px #e2e2e1;*/
  background:112px 17px #e2e2e1;
  padding: 2px 5px 10px 5px;
  margin-bottom: 10px;  
}
#right .gift-box h3 {
  font:20px "Times New Roman", Georgia, sans-serif !important;
  color: #666666;
  padding-bottom: 38px;
}
#right .gift-box p {
  color: #666666;
  margin: 0;
  line-height: normal !important;
  width: 150px;
}
#right .gift-box a {
  color: #666666;
  text-decoration: underline;
}
#right .gift-box a:hover {
  color: #cc0000;
}

#right .login-box, #right .feedback-box {
  background: #1768B1;
  color: #fff;
  margin-bottom: 10px;
}
#right .login-box {
  background: #B3D2EE;
}
#right .feedback-box div.feedback{
  padding: 0 5px 10px 5px;
  border-bottom: solid 1px #80B3E3;
}
.feedback {
  padding: 7px 8px 12px 20px;
}
.feedback h6 {
  font-size: 11px;
  padding-bottom: 3px;
  padding-top:8px;
}
.feedback h6 a, .feedback a {
  text-decoration: none;
  font-size: 11px;
  color: #fff;
}
.feedback h6 a:hover, .feedback a:hover {
  text-decoration: none;
  color: #80B3E3; 
}
.feedback a {
  font-size: 10px;
  font-weight: bold;
}
.feedback h6 small {
  display: block;
  font-size: 10px;
  color: #fff;
}
.feedback div.txt {
  font-size: 11px;
  padding-bottom: 4px;
  border-bottom: solid 1px #80B3E3;
}
.feedbacks h5 {
  font-size: 11px;
  padding-bottom: 3px;
}
.feedbacks div {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
  padding: 8px 0; 
  margin: 0 6px;
}
.feedbacks div small {
  font-size: 11px;
  display: block;
  padding-left: 12px;
  padding-bottom: 3px;
  font-style: italic;
}
#right .login-box form  div.input {
  background: url(/WebRoot/Asaph/SF/img/login-input.gif) no-repeat;
  width: 145px;
  height: 19px;
  padding-left: 5px;
  margin-bottom: 9px;
}
#right .login-box form  div.input input {
  background: none;
  border: 0;
  width: 137px;
  color: #060808;
  font-size: 11px;
  padding-top: 2px;
}
#right .login-box form .DialogError {
  color: #cc0000;
}
#right .login-box form .DialogError div.input input {
  border: 0 !important;
  font-weight: bold;
  color: #cc0000;
}

#right .login-box button {
  background: url(/WebRoot/Asaph/SF/img/search-l.gif) no-repeat left;
  border: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 0;
  padding-left: 4px;
  *padding-left:7px;
  overflow: visible;
  cursor: pointer;
  color: #CC0000;  
  display: block;
  float: left;
}
#right .login-box button span {
  background: url(/WebRoot/Asaph/SF/img/search-r.gif) no-repeat right;
  display: block;
  height: 20px;
  position: relative;
  _position:static;
  color: #CC0000;
  font:18px/20px "Times New Roman", Georgia, sans-serif !important;
  padding-right: 10px;
  width: 136px;
  white-space: nowrap;
}
#right .login-box button:hover span {
  color: #1768B1;
}

#right .login-box label {
  color: #1768B1;
  display: block;
}
#right .login-box .Entry {
  padding-left: 5px;
}
#right .login-box .Entry input.Text {
  width: 149px;
  margin-bottom: 3px;
}
#right .login-box h3, #right .feedback-box h3 {
  font:21px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  padding-bottom: 3px;
}
#right .login-box h3 {
  background: #1768B1;
  padding: 0 5px;
}
#right .login-box .links {
  height: 21px;
  background: url(/WebRoot/Asaph/SF/img/blue.gif) repeat-y 70px 0 #1768B1;
}
#right .login-box .links a {
  color: #fff;
  display: block;
  float: left;
  width:81px;
  text-align: center;
  text-decoration: underline;
}
#right .login-box .links a:hover {
  color: #B3D2EE;
}
#right .login-box ul {
  list-style-type: none;
  margin: 0; 
  padding: 0;
  padding-bottom: 7px;
  padding-top: 4px;
}
#right .login-box ul li {
  display: block;
  padding-top: 2px;
  padding-left: 5px;
  line-height: 16px;
}
#right .login-box ul li a {
  background: url(/WebRoot/Asaph/SF/img/ico-service.gif) no-repeat left center;
  color: #1768B1;
  text-decoration: underline;
  padding-left: 16px;
}
#right .login-box ul li a:hover {
  color: #cc0000;
}


#bottom {
  background: url(/WebRoot/Asaph/SF/img/bg-bottom.png) no-repeat;
  height: 9px;
  width: 989px;
  display: block;
  margin: 0 auto;
}
* html #bottom {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Asaph/SF/img/bg-bottom.png', sizingMethod='crop'); 
}
#footer {
  text-align: center;
  padding-top: 5px;
}
#footer p {
  font-size: 11px;
  color: #666666;
  margin: 0;
  line-height: normal !important;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #666666;
  font-size: 11px;
  text-decoration: underline;
}
#footer ul li a:hover {
  color: #cc0000;
}

/*-- direct order:START -- */
#DirectOrder {
  width: 588px;
}
.quick-order {
    background-color: #e2e2e1;
    padding: 10px;
    font-size: 10px;
    width: 568px;
}

.quick-order .q-head {
    width: 568px;
    font-weight: bold;
    text-align: center;
}

.quick-order .q-head .q-search {
    float: left;
    width: 130px;
    padding: 5px;
}

.quick-order .q-head .q-quantity {
    float: left;
    width: 50px;
    padding: 5px;
}

.quick-order .q-head .q-result {
    width: 255px;
    padding: 5px;
    float: left;
}

.quick-order .q-head .q-delete {
    text-align: right;
    float: left;
    width: 85px;
    padding: 5px;
}

.quick-order .q-item {
    width: 568px;
    font-weight: bold;
    text-align: center;
}

.quick-order .q-item .q-search {
    float: left;
    width: 130px;
    padding: 5px;
}

.quick-order .q-item .q-search input {
    width: 130px;
    font-size: 10px;
    text-align: center;
    border: solid 1px #DBDFE6;
    border-top: solid 1px #ABADB3;
    padding: 2px 1px;
}


.quick-order .q-item .q-quantity {
    float: left;
    width: 50px;
    padding: 5px;
}

.quick-order .q-item .q-quantity input {
    width: 50px;
    font-size: 10px;
    text-align: center;
    border: solid 1px #DBDFE6;
    border-top: solid 1px #ABADB3;
    padding: 2px 1px;
}

.quick-order .q-item .q-result {
    width: 255px;
    float: left;
    padding: 5px;
    text-align: left;
}

.quick-order .q-item .q-delete {
    float: left;
    width: 85px;
    padding: 5px;
}

.quick-order .q-clear {
    background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
    clear: both;
    height: 1px;
}

.quick-order .q-footer {
    width: 558px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
}

.quick-order .q-footer #add-to-basket {
    visibility: hidden;
    display: none;
}

.quick-order .q-footer #add-to-basket button {
  background: url(/WebRoot/Asaph/SF/img/add-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  padding-left: 3px;
}
.quick-order .q-footer #add-to-basket a {
  background: url(/WebRoot/Asaph/SF/img/add-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  _width:1px;
  float: right;
  padding-left: 3px;
}

.quick-order .q-footer #add-to-basket button span {
  background: url(/WebRoot/Asaph/SF/img/add-r.gif) no-repeat right;
  display: block;
  float: right;
  height: 25px;
  line-height: 25px !important;
  font: 21px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  white-space: nowrap;
  padding-right: 42px;
  padding-left: 5px;
  margin-right: 10px;
}
.quick-order .q-footer #add-to-basket a span {
  background: url(/WebRoot/Asaph/SF/img/add-r.gif) no-repeat right;
  display: block;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  _width:1px;
  white-space: nowrap;
  padding-right: 42px;
  padding-left: 5px;
  margin-right: 10px;
}

.quick-order .q-footer #add-to-test {
    visibility: visible;
    display: block;    
}

.quick-order .q-footer #add-to-test a {
  background: url(/WebRoot/Asaph/SF/img/add-l.gif) no-repeat left;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  display: block;
  float: right;
  padding-left: 3px;
  _width:1px;
}

.quick-order .q-footer #add-to-test a span {
  background: url(/WebRoot/Asaph/SF/img/sdd-r.gif) no-repeat right;
  display: block;
  height: 25px;
  font: 20px/25px "Times New Roman", Georgia, sans-serif !important;
  color: #fff;
  display: block;
  _width:1px;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 10px;
}

.quick-order .q-clear-footer {
    clear: both;
    height: 1px;
}


.direct {
  margin-bottom: 15px;
}
.direct table input.field {
  font-size: 10px;
  width: 100px;
  text-align: center;
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  padding: 2px 1px;
}
.direct table input.quantityfield {
  font-size: 10px;
  width: 48px;
  text-align: center;
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  padding: 2px 1px;
}

.direct td {
  font-size: 10px;
  padding: 10px 8px;
  background: #e2e2e1;  
}
.direct td a {
  color: #666666;
  text-decoration: underline;
}
.direct td a:hover {
  text-decoration: none;
}
.direct td p {
  font-size: 11px;
  margin-bottom: 12px;
  padding-right: 10px;
}
.direct td td p {
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#QuickPickTable {
  margin-bottom: 15px;
}
#QuickPickTable th {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom;
  padding-bottom: 5px !important; 
} 
.direct td td {
  background: url(/WebRoot/Asaph/SF/img/dots2.gif) repeat-x bottom; 
  vertical-align: middle !important;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 11px;
}
.direct td td strong {
  color:#1768b1;
  font-family:"Times New Roman",Georgia,sans-serif !important;
  font-size: 14px;
}
.direct .add-button {
  float: right;
  margin-top: -5px;
}
.direct #ShowMoreInputFields {
  padding-left: 10px;
  padding-right: 20px;
}
/*-- direct order:END -- */

#divbasketpopup {
  background: url(/WebRoot/Asaph/SF/img/basket-box.gif) no-repeat;
  width: 282px;
  height: 177px;
  border: solid 1px #1768B1;
}
#divbasketpopup #loader {
  display: block;
  margin: 0 auto;
  padding-top: 68px;
}
#divbasketpopup img#closeImg {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  text-align: left;
}
#divbasketpopup .txt {
  font-size: 13px;
  font-weight: bold;
  color: #383A3E;
  padding-top: 68px;
  padding-left: 74px;
  text-align: left;
}
#divbasketpopup .links {
  padding-left: 16px;
  padding-top: 16px;
  font-weight: bold;
  text-align: left;
}
#divbasketpopup .links a {
  color: #1869B1;
  text-decoration: none;
  font-size: 10px;
}
#divbasketpopup .links a:hover {
  color: #383A3E;
}
#divbasketpopup label {
  display: block;
  text-align: left;
  font-size:11px;
  padding-left: 14px;
  padding-top: 8px;
  clear: both;
  cursor: pointer;
}

/* menu start */

div.dmdiv {
  background: #1768B1;
  visibility:hidden;
  /* display: none; */
  position:absolute;
  top: -65535px;
  left: -65535px;
  padding: 0px 0px 1px 0px;
  border: solid 1px #fff;
  z-index:100;  
}
div.dmdiv a {
  background:url(/WebRoot/Asaph/SF/img/dots-2.gif) repeat-x center top;
  display: block;
  font-size: 11px;
  color: #fff;
  padding: 3px 9px 3px 9px;
  text-transform: none;
  text-decoration: none;  
}
div.dmdiv a.first {
  background: none;
}
div.dmdiv a:hover, div.dmdiv a.active {
  color: #000 !important;
  background: #B3D2EE;
  
}