* {margin:0;padding:0;}
html{height:100%;}
body{background:#FFF;font-family:"Lucida Grande",Helvetica,sans-serif;height:100%;letter-spacing:1px;}
a:link, a:visited {color:#000;text-decoration:none;}
a:active {color:#BA272A;text-decoration:none;}
a:hover {color:#BA272A;text-decoration:none;}
a.text:link, a.text:active, a.text:visited {color:#333;text-decoration:underline;margin:0;}
a.text:hover {color:#BA272A;text-decoration:underline;margin:0;}
a img {border-width:0;}
h2{color:#BA272A;}

.TAR {text-align:right!important;}
.TAC {text-align:center!important;}
.TAL {text-align:left!important;}
.B {font-weight:bold;}

.clearingItem {clear:both;float:none;}
.ofRow {left:0;top:0;position:absolute;text-align:center;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%}
.Success {color:#1a1;margin-bottom:10px;font-weight:bold;}
.Error {color:#FD0200;margin-bottom:10px;font-weight:bold;}

/* ERRORPAGE */
/*
#errorContainer {width:400px;margin:auto;margin-top:10px;border:1px solid rgb(207,217,227);background-color:#999;text-align:center;}
#errorContainer h1 {background:rgb(207,216,226);color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#C41029;margin:15px;font-weight:bold;font-size:small;}
.errorText {color:#C41029;font-weight:bold;}*/

/* BODY-CONTAINERS */
#outerFrame    {height:100%;background:transparent url('./../../images/abs/headOuterLine.png') repeat-x 0 25px;}
#mainContainer {width:980px;margin:auto;min-height:100%;background:transparent url('./../../images/abs/shadowBg.png') repeat-y center;}
#mainBody      {width:900px;margin:0 40px 0 40px;background:transparent url('./../../images/abs/headerTop.png') repeat-x 0 25px;padding-top:25px;}
#headContainer {height:150px;width:900px;}
#headLineSpacer, .headLineSpacer {height:55px;}
#headLine, .headLine      {height:42px;width:480px;border:8px solid #01B1EC;border-width:0 0 0 8px;font-size:18px;letter-spacing:2px;padding-left:35px;}
#absLogo       {width:104px;height:140px;background:transparent url('./../../images/abs/logo.png') no-repeat;margin:10px 0 0 699px;position:absolute;}
#headBorder, .headBorder    {height:8px;background:#E5E5E5;margin-top:45px;}
#headBorderNotch, .headBorderNotch {height:8px;margin-left:8px;width:279px;background:#fff;}
#bodyLeft      {width:270px;float:left;}
#bodyRight     {width:613px;float:right;}
#bodyRight ul, #bodyRight ol {list-style-position:inside;}
#mainBodySpacer{height:110px;}

#footerFrame   {position:absolute;width:100%;height:63px;margin-top:-63px;background:transparent url('./../../images/abs/footerBg.png') repeat-x top;left:0;}
#footerShadow  {width:980px;margin:auto;background:transparent url('./../../images/abs/shadowBg.png') repeat-y center;height:63px;}
#footerBody    {width:900px;margin:0 40px 0 40px;background:transparent url('./../../images/abs/footer.png') repeat-x top;height:63px;}
#footerBody p {text-align:center;padding-top:30px;color:#565656;}
#dynBanner     {width:613px;height:200px;border-bottom:4px solid #e5e5e5;margin-bottom:30px;}

div.oPageContent_4 img {border-width:0!important;}
#fProdAmount {width:100px;margin-bottom:20px;}

/* SHOP */
.shoph1 {float:left;margin-top:30px;margin-left:10px;}
#bodyRight fieldset {margin-bottom:30px;margin-right:20px;padding:10px;border:1px solid #00B1EB;}
#bodyRight fieldset legend, #orderFrame h2, #cartFrame h2, #loginBox h2 {color:#00B1EB;font-size:14px;font-weight:bold;letter-spacing:2px;line-height:14px;padding-left:15px;background:transparent url('./../../images/abs/titleDot.png') no-repeat left center!important;}
#orderFrame, #cartFrame, #loginBox {border-left:8px solid #00B1EB;padding-left:10px;margin-top:30px;}
#orderFrame .price {font-weight:bold;}
.cartRowTitle {float:left;width:75px;padding:3px 0;margin-bottom:5px;}
.cartRowValue {background:#fff;border:1px solid #e5e5e5;color:#333;cursor:pointer;float:left;width:120px!important;padding:2px;text-align:right;margin-bottom:5px;}
input.cartPosAmount {width:30px; border:1px solid #C0C0C0;text-align:center;}

table.cartTable {border:1px solid #C0C0C0;width:100%;}
table.cartTable th, table.cartTable td {padding:0 5px 0 5px;text-align:center;}
table.cartTable tr {background-color:#F7F9F2;height:40px;}
table.cartTable tr.head {height:30px;}
table.cartTable tr.even {background-color:#B7DEEB;}
table.cartTable tbody tr td, table.cartTable thead tr th {border:1px solid #C0C0C0;border-width:0 0 1px 0;}
table.cartTable .small {width:80px;text-align:right;}
#checkoutFrame {padding-right:20px;}
.productGroupPathBox {margin-bottom:30px;}
.noborder {border:0 none!important;padding:10px 0 0 0!important;}

table.accountTable, table.ordersDetails {width:500px;border:1px solid #C0C0C0;}
table.accountTable tbody td {border:1px solid #C0C0C0;border-width:1px 0 0 0;}
table.accountTable td, table.ordersDetails td {width:125px;height:20px;padding:3px!important;}
table.accountTable th, table.ordersDetails th {width:125px;height:20px;padding:3px!important;background-color:#F7F9F2;}
table.accountTable tbody tr {cursor:pointer;}
table.accountTable tbody tr.odd, table.ordersDetails tbody tr.odd {background-color:#B7DEEB;}
table.accountTable tbody tr.even, table.ordersDetails tbody tr {background-color:#F7F9F2;}
table.accountTable tbody tr:hover {background:#00B1EB;color:#fff;}
td.finalRow {border:1px solid #C0C0C0; border-width: 1px 0 0 0;}
.cartTotalPrice {font-weight:bold;}

/*
#mainInnerContainer {min-height:100%;margin:auto;width:100%;}
#mainContentContainer {min-height:100%;margin:auto;width:1024px;}*/

/* NEWS-BOX */
div.startPageNewsContainer {padding: 10px 0 10px 15px; border-bottom:1px solid #DEDEDE;color:#333;font-size:11px!important;letter-spacing:0;}
div.startPageNewsContainer.borderless {border-bottom:0px solid #DEDEDE;}
div.startPageNewsContainer p.dateLine {font-weight:bold;margin-bottom:5px;}
div.startPageNewsContainer span.title a {color:#333!important;}
div.startPageNewsContainer p a {color:#333!important;}
div.startPageNewsContainer a:hover {color:#00B1EB!important;}
div.startPageNewsContainer span.title a:hover {color:#00B1EB!important;}

div.newsContainer {color:#333;margin-right:30px;}
#bodyRight hr {border-color:#e5e5e5;margin-right:30px;}
#bodyRight div.leftColumn {width:375px;float:left;}
#bodyRight div.rightColumn {width:235px;float:left;}

/*content*/
div.contentContainer {color:#333;padding-right:30px;}
div.contentContainer p {color:#333;margin-bottom:15px;}
#bodyRight h1 {margin-bottom:15px!important;}
div.contentContainer strong, div.contentContainer b {color:#00B1EB;}
div.contentContainer img {border:1px solid #e5e5e5;border-width:8px 0 4px 0;}

/* CMS MENU */
#cmsMenu    {border: 8px solid #00B1EB;border-width:0 0 0 8px;padding:10px 0 10px 20px;list-style:none;}
#cmsMenu li {font-size:12px;line-height:30px;padding:0 10px 0 13px;display:block;background:transparent url('./../../images/abs/naviDot.png') no-repeat left 11px;}
#cmsMenu li a { color:#00B1EB;}
#cmsMenu li.active a { color:#333;}
#menuBorder   {background:#e5e5e5;width:8px;height:4px;}
#menuBorderTop{background:#e5e5e5;width:8px;height:8px;}
.leftBodyStartLine {height:32px;width:18px;border-bottom:10px solid #00B1EB;float:left;}
#leftBodyContent   {float:left;padding:30px 0 0 10px;width:235px;}

#cmsMenu li ul {display:none;}
#cmsMenu li.active ul {display:block;}
#cmsMenu li.active ul li a {color:#00B1EB;}
#cmsMenu li.active ul li.active a {color:#333;}

#cmsMenu li ul li ul, #cmsMenu li.active ul li ul {display:none;}
#cmsMenu li ul li.active ul {display:block;}
#cmsMenu li.active ul li.active ul li a {color:#00B1EB;}
#cmsMenu li.active ul li.active ul li.active a {color:#333;}

#cmsMenu li ul li ul li ul, #cmsMenu li.active ul li ul li ul {display:none;}
#cmsMenu li ul li ul li.active ul {display:block;}
#cmsMenu li.active ul li.active ul li.active ul li a {color:#00B1EB;}
#cmsMenu li.active ul li.active ul li.active ul li.active a {color:#333;}

#cmsMenu li ul li ul li ul li ul, #cmsMenu li.active ul li ul li ul li ul {display:none;}
#cmsMenu li ul li ul li ul li.active ul {display:block;}
#cmsMenu li.active ul li.active ul li.active ul li.active ul li a {color:#00B1EB;}
#cmsMenu li.active ul li.active ul li.active ul li.active ul li.active a {color:#333;}

/* PRODUCTS */
div.containerProduct div.description {float:left;width:400px;margin-top:15px;color:#333;}
div.containerProduct div.images {float:right;width:180px;text-align:center;margin-right:20px;}
div.containerProduct div.images img, .productImg {border-color:#E5E5E5;border-style:solid;border-width:4px 0 2px 0;margin:10px 5px 0 5px;}
div.containerProduct div.images img.first, .productImg {border-width:8px 0 4px 0;margin:0;}
div.containerProduct div.images a:hover img, .productImg:hover {border-color:#00B1EB!important;}

/*div.containerProduct img.productImg {float:right;border:8px solid #e5e5e5;border-width:8px 0 4px 0;margin-right:40px;margin-top:15px;}
*/
div.containerProduct strong, div.containerProduct b {color:#00B1EB;}
div.containerProduct {margin-bottom:20px;}
div.containerProduct hr {border:1px solid #E5E5E5!important;margin-top:15px;}
.containerMessage {padding-bottom:10px;}

/* PRODUCT ORDER TABLE */
#orderingTable {width:590px;border:1px solid #C0C0C0;}
#orderingTable thead th {background:#F7F9F2;padding:3px;color:#333;}
#orderingTable tbody td {background:#B7DEEB;padding:3px;color:#333;font-weight:bold;border-top:1px solid #C0C0C0;}
#orderingTable tbody td a {color:#333;}
#orderingTable select {color:#333;font-size:10px;margin:0;width:40px;min-width:30px!important;border:1px solid #666;}
#sProdSize {width:200px!important;}
.orderButtonRow {margin:10px 23px 0 0;}

/* PRODUCT MENU */
#productGroupTree, #productGroupTreeContent, .shopul {padding:0px 0 10px 28px;list-style:none;}
#productGroupTree li, #productGroupTreeContent li, .shopul li {font-size:12px;line-height:20px;padding:0 10px 0 13px;display:block;background:transparent url('./../../images/abs/naviDot.png') no-repeat left 6px;}
#productGroupTree li a, #productGroupTreeContent li a, .shopul li a { color:#00B1EB;}
#productGroupTree li.active a.active, #productGroupTreeContent li.active a.active, .shopul li.active a.active { color:#333;}
#productGroupTree li ul, #productGroupTreeContent li ul, .shopul li ul {display:none;list-style:none;}
#productGroupTree li.active ul, #productGroupTreeContent li.active ul, .shopul li.active .ul {display:block;}
#loginBox .shopul {padding:0;}

/* SIZE CALCULATOR */
#overlaymask {position:fixed;width:100%;height:100%;z-index:100;background:transparent url('./../../images/overlay.png') repeat 0 0;}
#sizeCalculator {width:100%;position:fixed;z-index:200;}
#sizeCalculator .content {width:650px;background:#fff;margin:50px auto 0 auto;border-top:8px solid #e5e5e5;max-height:600px;overflow:auto;padding-right:40px;}
#sizeCalculator .logo {float:right;margin:2px 0 0 0;}

#sizeCalculator table {width:200px;border:1px solid #C0C0C0;margin-top:10px;float:left;}
#sizeCalculator tbody td {background:#B7DEEB;padding:3px;color:#333;font-weight:bold;border-top:1px solid #C0C0C0;}
#sizeCalculator tbody td input {background:transparent;border:0 none;width:50px;color:#333;font-weight:bold;font-size:12px;text-align:center;}
#sizeCalculator tbody tr.odd td {background:#F7F9F2;}

#sizeCalculator form {margin:10px 0 20px 50px;}
#sizeCalculator .submitbtn {float:left;margin:10px 0 0 20px;}

#calculatedSize {float:left;width:300px;margin:15px 0 0 20px;}
#calculatedSize h2 {font-size:12px;color:#333;}
#calculatedSize span {margin-top:30px;font-size:18px;font-weight:bold;display:block;color:#FD0200;}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:160px;}
.checkbox {width:auto;}
.inputZip {width:50px;}
.inputCity {width:144px;}
button, select, .button {background:#fff;border:1px solid #e5e5e5;color:#333;cursor:pointer;min-width:150px!important;}
#loginBox button, #cartFrame button, #orderFrame button, #orderFrame select {min-width:202px!important;}
button:hover, .button:hover {color:#000;border:1px solid #00B1EB;}
div.buttonRow input {background:#fff;border:1px solid #e5e5e5;color:#333;cursor:pointer;width:150px;min-width:150px!important;}
div.buttonRow input:hover {color:#000;border:1px solid #00B1EB;}
input, textarea {border:1px solid #e5e5e5; width: 200px;}
input:focus, textarea:focus, select:focus {border-color:#00B1EB;}
#cmsContactForm #textArea {width:320px;!important}
#cmsContactForm{width: 400px;}
