* {min-height:1px;}
body {border:0; margin: 25px; padding:0; background: #333333; background: url('/img/bg.png'); font:11px Verdana, sans-serif; color:black; _text-align:center;}

a {color:#192666;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:240%; line-height:100%; font-family:sans-serif; font-weight:normal; color: #192666; }

h2 {font-size:160%; line-height:100%; font-family: sans-serif; font-weight:normal;}
h3 {font-size:120%; line-height:130%; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

form {border:0; margin:0; padding:0;}
a, img, span {border:0; margin:0; padding:0;}

h2 a, h2 a:visited{color: #0066F9;}
h3 {padding-left: 10px; font-weight: normal; margin-bottom: 15px; color: #0B2D73;}

.box {min-height:1px; _height:1px;}
.box:after {content:'.'; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.noscreen {display:none;}
.c-green { color: green;}
.c-red {color: #cc0000;}
.m-bot-10 {margin-bottom: 10px;} 	.m-bot-20 {margin-bottom: 20px;}
.m-top-10 {margin-top: 10px;} 		.m-top-20 {margin-top: 20px;}
.ta-center {text-align: center}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.pad-05 {padding: 5px;} .pad-10 {padding: 10px;} .pad-15 {padding: 15px;} .pad-20 {padding: 20px;}
#debugSCID {position: fixed; top: 0; right: 0; padding: 2px; background: #cc0000; color: white; z-index: 1; border: 1px solid white; border-width: 0 0 1px 1px;}

#footerContainer {background: #333333; background: url('/img/bg.png'); position: relative;}
#footer {clear: both; padding: 0; padding-top: 10px; -padding-top: 20px; margin: 0; height: 100px; background: url('/img/bottom-background.png') repeat-x; text-align: center; color: black; color: #40425a; line-height: 1.5;}
#footer span#copy {font-weight: bold; line-height: 2;}
#footer span#footer-l {position: absolute; height: 100px; left: 0; top: 0; float: left; width: 27px; background: url('/img/bottom-left.png');}
#footer span#footer-r {position: absolute; height: 100px; width: 26px; right: 0; top: 0; background: url('/img/bottom-right.png');}

div#col1{ float: left; margin-right: 30px ; width: 180px; background: white; position: relative;}
div#col2{ float: left; width: 510px; background: white; position: relative; }

#main {width:770px; margin: 0 auto; position: relative; overflow: hidden; text-align: left; background: white; }

#header {position:relative; height:100px; margin:0; padding:0; background:white 0 0 no-repeat; color:white; text-align: left;}
/* #content {padding: 20px; background: white; overflow: hidden; position: static; border: 0; height: 100%;} */
#content {padding: 20px; border: 0; overflow: hidden; padding: 20px; } 

#tabs {background:#192666; margin:0; padding:10px 0 0 0; _height:1px; __font-size: 11px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url('/img/tabs/tab_link.gif') 0 0 repeat-x; color: #b5c4e3; font-weight:bold; text-decoration:none; cursor:pointer; margin: 0;}
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url('/img/tabs/tab_link_l.gif') 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url('/img/tabs/tab_link_r.gif') 100% 0 no-repeat;} 
#tabs ul li a:hover {background:url('/img/tabs/tab_hover.gif') 0 0 repeat-x; color:white;}
#tabs ul li a:hover span.tab-l {background:url('/img/tabs/tab_hover_l.gif') 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url('/img/tabs/tab_hover_r.gif') 100% 0 no-repeat;}
#tabs ul li#active a {background:white; color:#FF6000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url('/img/tabs/tab_active_l.gif') 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; width:8px; height:8px; background:url('/img/tabs/tab_active_r.gif') 100% 0 no-repeat;}

table.sdyn_table {border: 1px solid #40425a; background: #40425a;}
table.sdyn_table td{background: #ccd9eb}
table.sdyn_table td.sdyn_header {background: #293571; color: snow;}
table.sdyn_table td.sdyn_label {background: #ccd9eb; color: #333333; font-size: 11px;}
table.sdyn_table .sdyn_field {border: 1px solid black; padding: 3px; background: snow; color: black; font-weight: bold;}

table.OrangeTable {background: orange;border: 1px solid #777777;}
table.OrangeTable td.OrangeHeader {background: orange; }
table.OrangeTable input.qty {height: 18px; border: 1px solid black; font-weight: bold; padding: 2px;text-align: right; background: #fffbf8;}
table.OrangeTable td#subtotal1 {font-weight: bold;color: black;background: #fa9248;;}
table.OrangeTable td#subtotal2 {background: #fa9248;; font-weight: bold;}
table.OrangeTable td.reference {color: #192666;}
table.OrangeTable td.darker {background: white;}
table.OrangeTable td#total {background: white; font-weight: bold; }
table.OrangeTable td.rows {border-top: 1px solid #777777;}

div.ficha {  font-family: sans-serif; font-size: 10pt; margin-bottom: 20px; border: 1px solid #777777; padding-bottom: 8px; width: 100%; color: black; background: $color38;;}
div.ficha div.header {background: orange; padding: 3px; font-weight: bold; border-bottom: 1px solid #777777}
div.ficha div.content {padding: 5px; background: $color38;;}
#OAddress1 {width: 49%; float: right; position: relative;}
#OAddress2 {width: 49%;margin-right: 10px; position: relative; }

div.blueCard {  font-family: sans-serif;  background: #ccd9eb; font-size: 10pt; margin-bottom: 20px; border: 1px solid #293571; padding-bottom: 8px; width: 100%; color: black; }
div.blueCard div.header {background: #293571; padding: 3px; font-weight: bold; border-bottom: 1px solid #293571; color: snow;}
div.blueCard div.content {padding: 5px;}

span.error {background: ##ffb3b5; padding: 2px;margin-top: 4px; display: block;}

a.edit {position: absolute; right: 5px; ;color: #0077ff; font-size: 10px; text-decoration: none; } 

#productGrid {background: orange; border: 1px solid orange; font-size: 12px;}
#productGrid td a {color: #0066F9}
#productGrid td {border-top: 1px solid orange; -padding: 4px;}
#productGrid td.even {background: #fff5e1;}
#productGrid td.odd {background: white}
#productGrid td.price {color: #0e860c;} 

table.UIForm {border}
table.UIForm td input.UIFormField {border: 1px solid black;}

table.PDetail {border: 1px solid orange; background: orange;}
table.PDetail th {background: orange;}
table.PDetail td#photo {background: white;padding: 10px;}
table.PDetail td.dark {background: #fff5e1; font-weight: bold;}
table.PDetail td.white {background: white;}
table.PDetail td.recommended {color: #66400a; background: #e1d7c2; font-weight: bold; }
table.PDetail td.discount {background: #F1F6FF; color: #1D406E;}
table.PDetail td.pvp {background: #f4ffea; color: green; font-weight: bold; }
table.PDetail input {border: 1px solid black;}
table.PDetail input.but {background: #ffc386; height: 20px;}
#PNotes {border: 1px solid orange; background: orange; position: relative;}
#PNotes div.header {background: orange; padding: 4px; font-weight: bold; font-size: 12px;}
#PNotes div.content {background: white; padding: 4px; font-size: 11px;}

div.hzLine {border-bottom: 1px solid #777777; font-size: 15px;}
div.payInst {background: #fffbf8; border: 1px solid orange; padding: 15px; margin-bottom: 30px;}
div.payInst img {}
div.payInst a {color: #0000cc;}

span.boldblack {font-family: Arial Black; font-size: 9px;}
div.bordered {text-align: center; border: 1px solid black; padding-top: 0.1cm; font-family: Arial,sans-serif; }
table#InvoiceTable td {background: white; padding: 0.1cm;}
table#InvoiceTable td.celda {border-width: 1px; border-style: solid; border-color: black;}
table#InvoiceTable {clear: both; width: 100%; font-size: 9px; border: 1px solid black; font-family: Arial, sans-serif; }
div#subsection0 {}
div#subsection1 {margin-top: 1cm; position: relative; height: 2.9cm }
div#subsection2 {margin-top: 1cm;}
div#subsection3 {margin-top: 1cm; height: 1cm;}

#UIMenu {border: 1px solid #192666; margin-top: -20px; background: #efcea2;background: #ffffbc;  padding: 5px; margin-bottom: 10px;}
#UIMenu a{color: #2c589f; margin: auto 5px;}
#UIMenu a.active {color: black;text-decoration: none;}
#UIContent {margin-top: 10px; background: #ccd9eb; border: 1px solid #293571; }
#UIContent div.header {background: #293571; color: snow; padding: 3px; font-weight: bold;}
#UIContent div.header a{ color: snow;}
#UIContent div.content {padding: 5px;}
#UIPrint{ border: 1px solid #d3d9de;margin-top: 10px; }
#UIPrint a { font-weight: bold; }
#UIPrint #UIPrintLinks {padding: 8px; background: #d3d9de}
#UIPrint #UIPrintContent { padding: 10px; }

UL.CMenu {list-style-type: none; margin: 0; border: 1px solid orange;width: 180px;}
UL.CMenu li {width: 180px; }
UL.CMenu li.level0 a {text-decoration: none; color: black; padding: 5px 4px; background: #fff5e1; display: block;  }
UL.CMenu li.level0 a:hover {padding: 5px 4px; background: #ece3d0; display: block;}
UL.CMenu li.level0 a.active {padding: 5px 4px; background: #ece3d0; display: block;  border-top: 1px solid orange;}
UL.CMenu li.rch {padding: 6px 3px; width: 174px; background: orange; font-weight: bold;}
UL.CMenu li a {-height: 15px;}

.ulevel1,.ulevel2 {border-left: 1px solid orange; border-right: 1px solid orange;} 

ul.CMenuSub {margin: 0; padding: 0px; width: 180px; background: #fff5e1}
ul.CMenuSub li {background: #fff5e1; display: block; }
ul.CMenuSub li a {-height: 1px;}
ul.CMenuSub li.level1 a {margin-left: 20px; text-decoration: none; color: #023583; padding: 5px 4px; background: #fff5e1; display: block; }
ul.CMenuSub li.level1 a:hover {background: #ece3d0; display: block;}
ul.CMenuSub li.level1 a.active {background: #ece3d0; display: block; border: 1px solid orange; border-right: 0; }
ul.CMenuSub li.level2 a {margin-left: 35px; text-decoration: none; color: #2c7df7;  padding: 5px 4px; background: #fff5e1; display: block; }
ul.CMenuSub li.level2 a:hover {background: #ece3d0; display: block;}
ul.CMenuSub li.level2 a.active {font-weight: bold; background: #ece3d0; color: #1f5ab1; display: block; border: 0;}

#CatalogMP {background: #fff3ec; padding: 20px;border: 1px solid orange; overflow: hidden; }

ul.Subcats {padding: 0px; margin: 0; font-size: 9px; padding-left: 20px; list-style-type: square;color: #0066F9;margin-left: 0; }
ul.Subcats li {margin-bottom: 5px; margin-top: 20px; list-style-type: none;}
ul.Subcats li h2 {font-size: 15px; font-weight: bold;margin: 0;}
ul.Subcats li h2 a {text-decoration: none;} 
ul.Subcats li h2 a:hover {background: #0066F9; color: white; }
div.Subsubcats {margin-left: 20px; margin-bottom: 5px; line-height: 1.3; -margin-left: 22px;}
div.Subsubcats a {text-decoration: none;}
div.Subsubcats a:hover {background: #0066F9; color: white; }

div.catItem  { width: 150px; height: 160px; text-align: center; float: left; color: #9E7D5F; font-weight: bold; font-size: 10px; }
div.catItem img {}
div.catItem a, div.catItem a:visited {color: #9E7D5F; text-decoration: none;}

#searchForm {border: 1px solid orange; margin-bottom: 15px; padding: 0; overflow: hidden;}
#searchForm span {background: orange; padding: 4px;}
#searchForm form {display: inline; background: white;}
#searchForm input {border: 0;}

div.Pager {border: 1px solid orange; padding: 4px 4px 4px 4px;}
div.Pager a {margin: 3px; padding: 3px; color: #3769b4;}
div.Pager .Current{margin: 3px; padding: 3px; font-weight: bold; }

ol.info li {margin-top: 20px; font-weight: bold; margin-left: 0; padding: 0; color: #192666; vertical-align: top;}
ol.info li p {margin: 0; margin-top: 3px; font-weight: normal; color: black}
ol.info span.res{ font-weight: bold; color: #FF6600;}