@charset "utf-8";
/* CSS Document */

img {
    border: none;
}

body, html {
background-color: #ffffff;
margin:0px;
padding:0px;
text-align:center;
color:#51514F;
}

@font-face {
font-family: 'sube';
src: url("myriad-semibold.eot");
src: local('algo'), url("MyriadPro-Semibold.svg#MyriadPro-Semibold") format('svg'), url("myriadpro-semibold.otf") format('opentype');
}

body A {text-decoration: none; color:#606060}
body A:link {text-decoration: none; color:#3366ff}
body A:visited {text-decoration: none; color:#3366ff}
body A:hover {text-decoration: none; color:#008000}


h1 {
font-family: 'sube', Arial;
font-size: 30px;
color: #4d4d4d;
text-align: left;
}

h2 {
font-family: 'sube', Arial;
display:inline;
padding-bottom:5px;
font-size:20px;
margin-bottom:10px;

}

.dropDown {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #205593;
background-color:white;
border:1px black solid;
z-index:1000;
position:absolute;
left:0;
top:0;
width:84px;
display:none;
margin:0px;
padding:4px;
font-variant: small-caps;
text-decoration: none;
}


.navtextSmall {
cursor: pointer; cursor: hand;
font: small-caps 900 10px arial
}
.navtextLarge {
cursor: pointer; cursor: hand;
font: small-caps 900 11px arial
}

#mainTable {
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #fff;
}
#mainTable .header {
border:none;
border-bottom-style:none;
border-top-style:none;
}
#mainTable .topNav {
border-right:none;
background-color: #fff799;
}
#mainTable .topNavEmpty {
border-left:none;
background-color: #fff799;
}
#mainTable .navigation {
border:none;
width:144px;
border-right-style:none;
font-family:verdana;
}
#mainTable .navigation h3 {
color: none;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
padding-left:15px;
margin-top:16px;
margin-bottom:3px;
}
#mainTable .navigation div {
margin-bottom:3px;
}
#mainTable .navigation a {
color:#666666;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
font-size:8px;
padding-left:20px;
padding-top:2px;
padding-bottom:3px;

display:block;
}
#mainTable .navigation a:hover {
background-color: #fff799;
}
#mainTable .mainContent {
border:none;
width: 670px;
vertical-align:top;
font-family:verdana;
font-size:11px;
}
#mainTable .mainContent td {
font-size:11px;
}
#mainTable .footer {
border:none;
border-top-style:none;
text-align:center;
height:51px;
font-family:verdana;
color:#666;
font-size:8px;
}
#mainTable .footer a, #mainTable .footer {
font-family: Arial;
font-size: 11px;
color: #7b7b7b;
text-transform: none;
}

.search {
padding-top:7px;
margin-right:10px;
}
.search input, .loginBoxButton {
background-color:black;
border:solid #696F6F 1px;
font-size:9px;
color:white;
margin: 0;
}
#keywords_formId {
background-color: #ffffff;
font-size:13px;
border:solid #a6a6a6 1px;
color:black;
padding-bottom: 3px;
margin: 0 0 8px 0;
}
.loginBox {
text-align:right;
color: #a7a7a7;
font-family:verdana;
font-size:9px;
margin-top:10px;
margin-right: 20px;
}
.loginBoxField {
background-color:#ffffff;
border:solid #a7a7a7 1px;
}
.loginBoxButton {
margin-top:3px;
}

#subeNews {
margin-top:50px;
background: url(/uploads/67/Li/67LitAiNjytIsI-NDOKnmQ/chat_bubble.gif) no-repeat top left;
font-size:10px;
}
#subeNews h3 {
color: #fd810e;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
margin-bottom:3px;
text-align:center;
}
#subeNews div {
padding:3px 5px;
margin-bottom:15px;
}
#subeNews a {
color:#606060;
}
h3#title {
color: #fd810e;
text-transform:uppercase;
text-decoration:none;
font-size:12px;
font-weight:bold;
text-align:center;
}
h3#title a {
color: #fd810e;
text-decoration:none;
text-transform: uppercase;
font-size:12px;
font-weight:bold;
text-align:center;

}

/* HOME PAGE */

.right-ul {
text-align: right;
padding: 0;
/* margin-right: -60px;*/
}

.right-ul li {
color: #4f4f4f;
text-decoration: none;
font-family: 'sube', arial;
list-style: url(images/list-icon2.jpg);
font-size: 15px;
padding: 5px 17px 0 0;
text-align: right;

}
.right-ul li a:link, .right-ul li a:visited {
color: #4f4f4f;
text-decoration: none;
}

.right-ul li a:hover, .right-ul li a:active {
color: #828282;
text-decoration: none;
}

.how1 {
color:#4F4F4F;
font-family: 'sube', arial;
font-size:18px;
}

.how2 a:link, .how2 a:visited {
color:#0663ef;
font-family: 'sube', arial;
font-size:22px;
text-decoration: none;
}

.how2 a:hover, .how2 a:active {
color:#ef06d1;
}

/* HOME PAGE NAVIGATION ROLLOVERS */

a#menu_02 {
display: block;
width: 166px;
height: 39px;
background: url(http://www.esp.sube.com/images/menu_02.jpg) top left no-repeat;
}

a#menu_02:hover {
background-position: 0 -39px;
}

a#menu_03 {
display: block;
width: 163px;
height: 39px;
background: url(http://www.esp.sube.com/images/menu_03.jpg) top left no-repeat;
}

a#menu_03:hover {
background-position: 0 -39px;
}

a#menu_04 {
display: block;
width: 164px;
height: 39px;
background: url(http://www.esp.sube.com/images/menu_04.jpg) top left no-repeat;
}

a#menu_04:hover {
background-position: 0 -39px;
}

a#menu_05 {
display: block;
width: 162px;
height: 39px;
background: url(http://www.esp.sube.com/images/menu_05.jpg) top left no-repeat;
}

a#menu_05:hover {
background-position: 0 -39px;
}

a#menu_06 {
display: block;
width: 165px;
height: 39px;
background: url(http://www.esp.sube.com/images/menu_06.jpg) top left no-repeat;
}

a#menu_06:hover {
background-position: 0 -39px;
}

/* HOME PAGE SLIDER */

.slider-container {
width: 641px;
margin: 40px 0 40px 60px;
/* border: 1px solid red;*/
}

.slider-title {
font-family: 'sube', arial;
font-size: 27px;
color: #4d4d4d;
}

.slider-green {
font-family: 'sube', arial;
font-size: 16px;
color: #157a23;
}

.slider-grey {
font-family: 'sube', arial;
font-size: 18px;
color: #4f4f4f;
}

.slider-viewall a:link, .slider-viewall a:visited {
font-family: 'sube', arial;
font-size: 15px;
color: #4f4f4f;
}

.slider-viewall a:hover, .slider-viewall a:active {
color: #ef06d1;
}

.slider-list li {
font-family: 'sube', arial;
font-size: 16px;
color: #4f4f4f;
text-transform: uppercase;
list-style: none;
}

.slider-list a:link, .slider-list a:visited {
text-transform: capitalize;
}
/* HOME PAGE BOXES */

.box-01 {
width: 204px;
padding: 17px 22px 17px 17px;
color: #4f4f4f;
}

.box-02 {
width: 204px;
padding: 17px 22px;
color: #4f4f4f;
}

.box-04 {
width: 203px;
padding: 17px 17px 17px 22px;
color: #4f4f4f;
}

.box-title {
font-family: 'sube', arial;
font-size: 22px;
line-height: 20px;
padding: 0 0 10px 0;
}

.box-subtitle {
font-size: 17px;
}

.box-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

.box-more a:link, .box-more a:visited {
color: #0663ef;
text-decoration: none;
font-weight: bold;
}


/* PRODUCTS PAGE */

.prod-box-1 {
width: 202px;
padding: 15px 22px 0 18px;
color: #4f4f4f;
}



.prod-box-title {
font-family: 'sube', Arial;
font-size: 22px;
line-height: 20px;
padding: 15px 0 0px 0;
color: #4f4f4f;
}



.prod-box-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

.price-through {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #4d4d4d;
text-decoration: line-through;
}

.price {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #157a23;
}

p.submenu-2010 {
padding-left: 3px;
}

.submenu-2010, .submenu-2010 a:link, .submenu-2010 a:visited {
font-family: 'sube', Arial;
font-size: 13px;
color: #7d7d7d;
text-transform: uppercase;
text-align: left;
}

.submenu-2010 a:hover, .submenu-2010 a:active {
color: #3366ff;
}

.buy {
color: #3366ff;
}

.detail-title {
font-family: 'sube', Arial;
font-size: 25px;
text-transform: uppercase;
color: #4d4d4d;
}
p {
font-size: 13px;
padding: 5px 0;
}

.sitemap-ul {
margin-left: 25px;
}

.sitemap-ul li {
margin-left: 25px;
}

* {margin:0;padding:0;}