/* =================== */
/* NEW! */

.r8 {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.r10 {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.r10t {
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
}
.r12 {
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
}
.r14 {
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
}
.r14t {
  -moz-border-radius-topleft:14px;
  -moz-border-radius-topright:14px;
  -webkit-border-top-left-radius:14px;
  -webkit-border-top-right-radius:14px;
}
.r14b {
  -moz-border-radius-bottomleft:14px;
  -moz-border-radius-bottomright:14px;
  -webkit-border-bottom-left-radius:14px;
  -webkit-border-bottom-right-radius:14px;
}
.r16 {
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
}
.r18 {
  -moz-border-radius:18px;
  -webkit-border-radius:18px;
}
.r20 {
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
}
.r22 {
  -moz-border-radius:22px;
  -webkit-border-radius:22px;
}


.dzbox-layer { position:relative; border-color: rgb(200,200,200); }
.dzbox-layer-header { padding:4px 10px; color: rgb(255,255,255); background-color:rgb(12,10,135); border: 1px solid rgb(12,10,135); }
.dzbox-layer-content { background-color:rgb(255,255,255); padding:0px 10px; border: 1px solid rgb(200,200,200); border-top-width: 0px; }



.box-border { border: 1px solid rgb(200,200,200); }
.box-border-brand { border: 1px solid rgb(12,10,135); }
.box-content-border { border: 1px solid rgb(200,200,200); border-top-width: 0px; }

.box-shadow {
  border: 8px solid transparent;
  -moz-border-bottom-colors: #f1f1f1 #f0f0f0 #eeeeee #ececec #eaeaea #e8e8e8 #e6e6e6 #e4e4e4;
  -moz-border-right-colors: #f1f1f1 #f0f0f0 #eaeaea #ececec #eaeaea #e8e8e8 #e6e6e6 #e4e4e4;
  -moz-border-top-colors: #f1f1f1 #f0f0f0 #eaeaea #ececec #eaeaea #e8e8e8 #e6e6e6 #e4e4e4;
  -moz-border-left-colors: #f1f1f1 #f0f0f0 #eeeeee #ececec #eaeaea #e8e8e8 #e6e6e6 #e4e4e4;
}

.box-header { padding:0px 10px; }
.box-content { padding:10px; }
.box-pad { padding:10px; }
.box-pad-side { padding:0px 10px; }
.box-pad-top { padding:10px 0px; }

.box { position:relative; }
.box-left { width: 200px; }
.box-product-view { width: 630px; }
.box-product-promo { width: 425px; float:left;}
.box-product-list {}
.box-product-grid {}
.box-product {}

.box-wrapper { }
.box-wrapper-layer { position:absolute; z-index:20; widthXX:100%; }
.box-layer { width:400px; margin: 190px auto; text-align:left; z-index:10; }
.box-page { width: 918px; text-align:left; }

.box-front-head {}
.box-front-menu {}
.box-front-bread {}
.box-front-splash {}
.box-front-promo {}

.box-overlay {
  display:none;
  position:absolute;
  top:0px; left:0px; right:0px;
  z-index:9;
  opacity:0.6;
  filter:alpha(opacity=60);
}
.page-layer {
  position:absolute;
  border: 1px solid blue;
  top:0px; left:0px; rightXX:0px;
}


/* tab styles */
#tabrow {
 margin:0;
 padding-left:0ex;
 height:24px;
}

#tabrow ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  z-index:2;
  width: 100%;
}

#tabrow li {
  float:right;
  background-color:rgb(240,240,240);
  color:#000;
  margin-left:5px;
  padding:5px;
  border-top:solid rgb(200,200,200) 1px;
  border-left:solid rgb(200,200,200) 1px;
  border-right:solid rgb(200,200,200) 1px;
  border-bottom:solid rgb(200,200,200) 1px;
  cursor:pointer;
  width: 160px;
}

#tabrow li.select {
 background-color:#FFFFFF;
 height:14px;
 border-bottom:solid rgb(200,200,200) 0px;
}

/* page styles */
#midbox2 {
  width:100%;
}
#midbox {
  border: solid rgb(200,200,200) 1px;
  background-color:#FFFFFF;
  border-top-width:1px;
}
#midbox p {
  margin:0;
  padding-bottom:1ex;
}
div.subpage {
  padding:1em;
}

.curvyTab {
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}

.curvyTabContent {
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:0px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:0px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
}


/* =================== */


/* =================== */
a.link { color:black; }
a.visited { color:black; }
a.active { color:black; }
a.hoover { color:black; }

.text-brand { color: rgb(12,10,135); }
.link-internal { text-decoration: none; }
.link-external { text-decoration: underline;}
.link-breadcrumb { text-decoration: none; }

/* =================== */


.f_category { font-size: 18px; font-weight: bold; }

.f_category-title { padding: 20px 5px 5px 5px; }

.f_header { text-decoration: none; }
.f_product-name { font-size: 13px; font-weight: bold; color: #ffffff; line-height: 2.0; }

.f_box-lvl1 { position: relative; width: 100%; }
.f_box-lvl2 { }
.f_box-lvl3 { padding: 0px 10px 0px 10px; }
.f_box-lvl4 { width: 100%; height: 100%; }
.f_list-box { padding: 13px; }

.f_box-list { float:right;width:540px; }
.f_box-grid { }

/* MY PADDINGS */
.f_pad0  {padding: 0px;}
.f_pad1  {padding: 1px;}
.f_pad4  {padding: 4px;}
.f_pad10 {padding: 10px;}

.f_padLRB1  { padding: 0px 1px 1px 1px; }
.f_padLRB4  { padding: 0px 4px 4px 4px; }
.f_padLRB10 { padding: 0px 10px 10px 10px; }

.f_padTLR1  { padding: 1px 1px 0px 1px; }
.f_padTLR4  { padding: 4px 4px 0px 4px; }
.f_padTLR10 { padding: 10px 10px 0px 10px; }

.f_padL1 { padding-left: 1px; }
.f_padR1 { padding-right: 1px; }
.f_padT1 { padding-top: 1px; }
.f_padB1 { padding-bottom: 1px; }

.f_padL4 { padding-left: 4px; }
.f_padR4 { padding-right: 4px; }
.f_padT4 { padding-top: 4px; }
.f_padB4 { padding-bottom: 4px; }

.f_padL10 { padding-left: 10px; }
.f_padR10 { padding-right: 10px; }
.f_padT10 { padding-top: 10px; }
.f_padB10 { padding-bottom: 10px; }


/* =================== */
/* MINE! */

/* COLORS */
.outerClass { background-color: rgb(237,237,237); }
.innerClass { background-color: rgb(255,255,255); }
.brandClass { background-color: rgb(12,10,135); }
.shadowClass { background-color: rgb(242,242,242); }
.lineClass { background-color: rgb(200,200,200); }


.brandTop { border-bottom: 2px solid rgb(12,10,135); }
.brandBottom { border-top: 2px solid rgb(12,10,135); }

.breadHistory { color: #6060f0; text-decoration: none; }
.breadLast { color: #ffffff; }

.dzFooter {
 width: 100%;
 text-align:center;
 margin: 0px auto;
 font-size: 7pt;
 font-family: Verdana;
 font-weight: bold;
 color: rgb(12,10,135);
}


.dzCornerTrans {
 border-width:0px 0px 0px 0px;
 border-style:solid;
 border-color:transparent;
}
.dzCornerTransLRTie { border-top:14px solid transparent; }
.dzCornerTransLRBie { border-bottom:14px solid transparent; }
.dzCornerTransLRT { padding-top: 14px; }
.dzCornerTransLRB { padding-bottom: 14px; }
.dzTabCornerTransLRTie { border-top:10px solid transparent; }
.dzTabCornerTransLRBie { border-bottom:10px solid transparent; }
.dzTabCornerTransLRT { padding-top: 10px; }
.dzTabCornerTransLRB { padding-bottom: 10px; }


.dzCornerTransTB {
border-width:0px 14px;
border-style:solid;
border-color:transparent;
}





.shadowcolor { background-color: rgb(200,200,200); }
.shadowcolor2 { background-color: rgb(128,128,128); }
.shadowcolor3 { background-color: rgb(237,237,237); }
.trans { background-color: none; }
.trans2 { background-color: none; }

.outercolor { background-color: rgb(237,237,237); }
.outercolor2 { background-color: rgb(237,237,237); }
.innercolor { background-color: rgb(255,255,255); }
.innercolor2 { background-color: rgb(255,255,255); }
.brandcolor { background-color: rgb(12,10,135); }
.brandcolor2 { background-color: rgb(12,10,135); }



input#email { width: 300px; }
input#pass { width: 300px; }

input#company_name { width: 300px; }
input#company_title { width: 300px; }
input#mobile_phone { width: 300px; }

input#firstname { width: 300px; }
input#lastname { width: 300px; }
input#email_address { width: 300px; }
input#email_confirmation { width: 300px; }

input#password { width: 340px; }
input#confirmation { width: 300px; }

/* MAIN BOX & MARGINS */
.boxM {
  margin: 2px 5px 5px 2px;
}

/* WIDTH & HEIGHT */
.w0 { width: 0px; }
.w1 { width: 1px; }
.w2 { width: 2px; }
.w3 { width: 3px; }
.w4 { width: 4px; }
.w5 { width: 5px; }
.w6 { width: 6px; }
.w7 { width: 7px; }
.w8 { width: 8px; }
.w9 { width: 9px; }
.w10 { width: 10px; }
.w11 { width: 11px; }
.w12 { width: 12px; }
.w13 { width: 13px; }
.w14 { width: 14px; }
.w15 { width: 15px; }
.w16 { width: 16px; }
.w17 { width: 17px; }
.w18 { width: 18px; }
.w19 { width: 19px; }
.w20 { width: 20px; }

.h0 { height: 0px; }
.h1 { height: 1px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h40 { height: 40px; }

/* MARGIN-LEFT */
.ml0 { margin-left: 0px; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }

/* PADDING */
.padL { padding-left: 10px; }
.padR { padding-right: 10px; }
.padT { padding-top: 10px; }
.padT1 { padding-top: 1px; }
.padB { padding-bottom: 10px; }
.padB1 { padding-bottom: 1px; }

.pad0 { padding: 0px; }
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad6 { padding: 6px; }
.pad7 { padding: 7px; }
.pad8 { padding: 8px; }
.pad9 { padding: 9px; }
.pad10 { padding: 10px; }
.pad11 { padding: 11px; }
.pad12 { padding: 12px; }
.pad13 { padding: 13px; }
.pad14 { padding: 14px; }
.pad15 { padding: 15px; }
.pad16 { padding: 16px; }
.pad17 { padding: 17px; }
.pad18 { padding: 18px; }
.pad19 { padding: 19px; }
.pad20 { padding: 20px; }

/* OPACITY */
.opacity0
{
  opacity: .00;
  filter: alpha(opacity=00);
}
.opacity10
{
  opacity: .10;
  filter: alpha(opacity=10);
}
.opacity20
{
  opacity: .20;
  filter: alpha(opacity=20);
}
.opacity30
{
  opacity: .30;
  filter: alpha(opacity=30);
}
.opacity40
{
  opacity: .40;
  filter: alpha(opacity=40);
}
.opacity50
{
  opacity: .50;
  filter: alpha(opacity=50);
}
.opacity60
{
  opacity: .60;
  filter: alpha(opacity=60);
}
.opacity70
{
  opacity: .70;
  filter: alpha(opacity=70);
}
.opacity80
{
  opacity: .80;
  filter: alpha(opacity=80);
}
.opacity90
{
  opacity: .90;
  filter: alpha(opacity=90);
}
.opacity100
{
  opacity: 1.0;
  filter: alpha(opacity=100);
}