@charset "UTF-8";

/* reset start */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 1.3em;
    outline: none;
}
input,textarea {
    outline: none; font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: url(images/bg.jpg) repeat top center;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a:link {text-decoration: none;color: #000;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;color: #000;}

.faceboxError {color: #c72424;}
.faceboxSuccess {color: #00a3b4;}
.faceboxSuccess a {color: #00a3b4; font-weight: 600;}

img { border: 0px; }

html { height: 100%; }
html body { height: 100%; }
body { margin: 0; padding: 0; position: relative; }

:focus { outline: 0; }

input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0;padding: 0; }

a.button::-moz-focus-inner /*Remove button padding in FF*/ { border: 0;padding-top: 15px; }
/* ==========  Typo  ========== */
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

blockquote { border : 1px solid #d5d5d5; margin-top: 40px; padding: 15px 10px; quotes: "\201C" "\201D"; background: #fafafa; text-align: center; font-style: italic; font-size: 12px; border-left: 4px solid #d5d5d5; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.width980px { max-width: 980px; margin: auto auto; }
.clear { clear: both; }

.no-show { display: none; }

.mainTitle { display: inline-block; font-size: 28px; color: #008085; background: url(images/mainTitleBG.jpg) repeat-x 0 0; width: 100%; max-width: 312px; height: 70px; line-height: 70px; padding-right: 14px; text-align: right; -webkit-box-shadow:  1px 1px 1px 1px #8f9fa1; box-shadow:  1px 1px 1px 1px #8f9fa1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.formTitle { background: #00a3b4; width: 100%; height: 42px; line-height: 42px; padding: 0 0 0 24px; font-size: 16px; color: #fff; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.forminputBorder { border: 1px solid #e5e5e5; width: 100%; }
.forminputBorder2 { border: 1px solid #e5e5e5; width: 100%; }
.formInput { width: 100%; height: 25px; border: 1px solid #fff; background: #f7f7f7; padding: 0 10px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.formInput2 { width: 100%; height: 25px; border: 1px solid #fff; background: #f7f7f7; padding: 0 10px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.formTextarea { width: 100%; height: 105px; border: 1px solid #fff; background: #f7f7f7; padding: 10px; margin: 0; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.formInputC { width: 100%; height: 27px; border: 1px solid #fff; background: #f7f7f7; cursor: pointer; padding-top: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.formInputC2 { width: 100%; height: 27px; border: 1px solid #fff; background: #f7f7f7; cursor: pointer; padding-top: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.submitButton { background: #00a3b4; width: 111px; height: 33px; line-height: 33px; border: 0; text-align: center; font-size: 14px; color: #fff; cursor: pointer; -moz-border-radius: 8px; border-radius: 8px; }
a.likesubmitButton { display: block; background: #00a3b4; width: 111px; height: 33px; line-height: 33px; border: 0; text-align: center; font-size: 14px; color: #fff; cursor: pointer; text-decoration: none; -moz-border-radius: 8px; border-radius: 8px; }

.simpleButton { background: #000; color: #fff; padding:5px 10px; cursor: default; border: 0; cursor: pointer; }

.error404Content { margin: 48px auto 40px auto; width: 200px; border: 1px solid #d9d9d9; padding-left: 18px; background: #fff; padding: 20px; text-align: center; }

/********************** HEADER **********************/
.headerContent { }
.headerContent .whiteBar { background: #fff; padding-bottom: 4px; }
.headerContent .whiteBar .width980px { }
.headerContent .whiteBar .width980px .langs { float: right; color: #b8b8b8; text-align: right; padding-top: 10px; }
.headerContent .whiteBar .width980px .langs a { color: #b8b8b8; text-decoration: none; }
.headerContent .whiteBar .width980px .langs a:hover,
.headerContent .whiteBar .width980px .langs a.active { color: #00a2b4; }
.headerContent .whiteBar .width980px .b2blogin { float: right; font-size: 17px; color: #fff; margin-left: 10px; padding: 0 10px 0 20px; border-left: 1px solid #96d9e0; background: #00a2b4; height: 26px; line-height: 26px; text-align: right; }
.headerContent .whiteBar .width980px .b2blogin span { font-size: 17px; color: #fff; }
.headerContent .whiteBar .width980px .b2blogin a { font-size: 17px; color: #fff; text-decoration: none; }
.headerContent .greyBar { background: url(images/headerBarGrey1px.jpg) repeat-y 0 0; min-height: 102px; }
.headerContent .greyBar .width980px .logoContent { float: left; padding-top: 5px; }
.headerContent .greyBar .width980px .menuContent { float: right; padding-top: 25px; }
.headerContent .greyBar .width980px .menuContent ul { margin: 0; padding: 0; list-style: none; }
.headerContent .greyBar .width980px .menuContent ul li { margin: 0; padding: 0; display: inline-block; }
.headerContent .greyBar .width980px .menuContent ul li a { display:table-cell; vertical-align:bottom; font-size: 17px; color: #008085; height: 58px; border-left: 3px solid #fff; padding: 0 18px 0 18px; text-decoration: none; font-weight: 600; }
.headerContent .greyBar .width980px .mob-menu-toggleC { display: none; float: right; margin-top: 25px; }
.headerContent .greyBar .width980px .mob-menu-toggle { display: table-cell; vertical-align:bottom; font-size: 17px; color: #008085; height: 58px; border-left: 3px solid #fff; padding: 0 18px 0 18px; text-decoration: none; font-weight: 600; margin-top: 25px; background: url(images/button-menu.png) no-repeat bottom 5px left 10px; padding-left: 36px; cursor: pointer; }
.headerContent .greyBar .width980px .mob-menu { display: none; }
.headerContent .greyBar .width980px .mob-menu ul { margin: 0; padding: 0; list-style: none; }
.headerContent .greyBar .width980px .mob-menu ul li { margin: 5px 0 0 0; padding: 0; border-top: 3px solid #fff; }
.headerContent .greyBar .width980px .mob-menu ul li:last-child { border-bottom: 3px solid #fff; }
.headerContent .greyBar .width980px .mob-menu ul li a { display: block; text-align: center; padding: 5px 10px; font-size: 17px; color: #008085; text-decoration: none; font-weight: 600; }

.headerContent .barBlue { background: url(images/headerBarBlue1px.jpg) repeat-y 0 0; min-height: 157px; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.headerContent .barBlue .buttonsContent { float: left; padding-top: 3px; }
.headerContent .barBlue .buttonsContent ul { margin: 0; padding: 0; list-style: none; }
.headerContent .barBlue .buttonsContent ul li { margin: 0; padding: 0; margin-top: -9px; }
.headerContent .barBlue .buttonsContent ul li:first-child { margin-top: 0; }
.headerContent .barBlue .buttonsContent ul li a { display: block; font-size: 15px; color: #fff; background: url(images/homepageButton.png) no-repeat 0 0; width: 195px; padding-right: 17px; text-align: right; height: 38px; line-height: 38px; text-decoration: none; }
.headerContent .barBlue .rightContent { float: right; padding-top: 20px; text-align: right; }
.headerContent .barBlue .rightContent .search { display: inline-block; background: url(images/iconSearchInput.png) repeat-x bottom center; max-width: 288px; width: 100%; height: 30px; padding-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.headerContent .barBlue .rightContent .search .searchButton { float: left; width: 30px; position: relative; }
.headerContent .barBlue .rightContent .search .searchButton input { width: 30px; height: 20px; background: url(images/iconSearchButton.png) no-repeat 0 center; border: 0; cursor: pointer; }
.headerContent .barBlue .rightContent .search .searchInput { float: right; width: 100%; margin-left: -30px; }
.headerContent .barBlue .rightContent .search .searchInput .ins { padding-left: 30px; }
.headerContent .barBlue .rightContent .search .searchInput .ins input { width: 100%; padding-right: 10px; height: 20px; background: none; border: 0; font-size: 15px; color: #fff; text-align: right; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.headerContent .barBlue .rightContent .socials {padding-top: 43px;text-align: right;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.headerContent .barBlue .rightContent .socials .social {
    margin-left: 10px;
}
.headerContent .barBlue .rightContent .socials .social a {
   position: relative;
   display: block;
   width: 45px;
   height: 45px;
   line-height: 45px;
   -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
   background: rgba(255,255,255,0.5);
   text-align: center;
   font-size: 18px;
   color: #fff;
}
.headerContent .barBlue .rightContent .socials .social a span {    font-size: 20px;
    line-height: 45px;
    color: #fff;}

.headerContent .barBlue .rightContent .socials .social a:hover {background: #fff;}
.headerContent .barBlue .rightContent .socials .social a:hover span {color: #000;}
.headerContent .barBlue .rightContent .socials .facebook { display: inline-block; vertical-align: middle; width: 39px; }
.headerContent .barBlue .rightContent .socials .facebook a { display: block; background: url(images/iconFacebook.png) no-repeat 0 0; width: 39px; height: 46px; }
.headerContent .barBlue .rightContent .socials .twitter { display: inline-block; vertical-align: middle; width: 39px; margin-left: 9px; }
.headerContent .barBlue .rightContent .socials .twitter a { display: block; background: url(images/iconTwitter.png) no-repeat 0 0; width: 39px; height: 46px; }
.headerContent .barBlue .rightContent .socials .bookmark {display: inline-block;vertical-align: middle;margin-left: 10px;}
.headerContent .barBlue .rightContent .socials .bookmark span {color: #fff;}
.headerContent .barBlue .rightContent .socials .bookmark a {/* background: url(images/iconBookmark.png) no-repeat 0 center; *//* padding-left: 25px; */color: #fff;text-decoration: none;line-height: 19px;}
/********************** HEADER **********************/

/********************** FOOTER **********************/
.footerContent { max-width: 980px; margin: auto auto; margin-top: 50px; }
.footerContent .leftContent { float: left; width: 100%; background: #00a2b4; padding: 14px 0 7px 0; position: relative; margin-right: -200px; height: 198px; }
.footerContent .leftContent .ins { padding-right: 200px; }
.footerContent .leftContent .label { position: absolute; top: 0; right: 200px; background: url(images/mailinglistLine.png) no-repeat 0 0; width: 103px; height: 97px; }
.footerContent .leftContent .column1 { float: left; width: 202px; }
.footerContent .leftContent .column1 .logo { }
.footerContent .leftContent .column1 .menu { padding: 2px 0 0 26px; }
.footerContent .leftContent .column1 .menu ul { margin: 0; padding: 0; list-style: none; }
.footerContent .leftContent .column1 .menu ul li { margin: 10px 0 0 0; padding: 0; }
.footerContent .leftContent .column1 .menu ul li a { color: #fff; text-decoration: none; }
.footerContent .leftContent .column2 { float: left; width: 242px; display: flex; justify-content: center; flex-direction: column; }
.footerContent .leftContent .column2 .ins3 { text-align: center; display: block; }
.footerContent .leftContent .column2 .circle { display: inline-block; vertical-align: middle; position: relative; }
.footerContent .leftContent .column2 .circle a { display:table-cell; vertical-align:middle; width: 92px; height: 100px; background: url(images/ourlatestnewsBG.png) no-repeat 0 0; text-decoration: none; text-align: center; font-size: 15px; color: #fff; font-weight: 600; }
.footerContent .leftContent .column2 .list { display: inline-block; vertical-align: middle; margin-left: 12px; }
.footerContent .leftContent .column2 .list ul { margin: 0; padding: 0; list-style: none; }
.footerContent .leftContent .column2 .list ul li { margin: 13px 0 0 0; padding: 0; }
.footerContent .leftContent .column2 .list ul li:first-child { margin-top: 0; }
.footerContent .leftContent .column2 .list ul li a { color: #fff; text-decoration: none; }
.footerContent .leftContent .column3 { float: right; width: 248px; padding-right: 20px; display: flex; justify-content: flex-end; flex-direction: column; }
.footerContent .leftContent .column3 .title { font-size: 18px; color: #fff; font-weight: 600; }
.footerContent .leftContent .column3 .mailingInput { padding-top: 6px; }
.footerContent .leftContent .column3 .mailingInput input { background: none; width: 100%; padding: 0 10px; height: 37px; border: 1px solid #009eaf; border-top: 2px solid #007e8c; border-bottom: 1px solid #fff; text-align: right; cursor: pointer; font-size: 13px; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.footerContent .leftContent .column3 .checkboxsend { padding-top: 8px; }
.footerContent .leftContent .column3 .checkboxsend .checkbox { float: left; width: 20px; padding: 2px 0 0 0; }
.footerContent .leftContent .column3 .checkboxsend .checkbox input { padding: 0; margin: 0; }
.footerContent .leftContent .column3 .checkboxsend .terms { float: left; padding-top: 0px; }
.footerContent .leftContent .column3 .checkboxsend .terms div { cursor: pointer; font-size: 13px; color: #fff; }
.footerContent .leftContent .column3 .checkboxsend .submit { float: right; }
.footerContent .leftContent .column3 .checkboxsend .submit input { background: none; text-align: right;  border: 0; padding: 0; margin: 0; cursor: pointer; font-size: 13px; color: #fff; }
.footerContent .leftContent .seperator { float: left; width: 34px; background: url(images/footerSeperator.png) no-repeat center center; height: 198px; }

.footerContent .rightContent { float: right; width: 200px; height: 219px; background: #006169; position: relative; }
.footerContent .rightContent .athens { padding: 5px 0 0 30px; }
.footerContent .rightContent .salonika { padding: 5px 0 0 30px; }
/********************** FOOTER **********************/

.copy { padding: 20px 10px; background: #fff; }
.copy .width980px .copyText { float: left; line-height: 18px; color: #00a2b4; }
.copy .width980px .copyText a {  font-size: 12px; color: #00a2b4; text-decoration: none; }
.copy .width980px .copyText a:hover { color: #000; }
.copy .width980px .copyNetplanet { float: right; }

/********************** HOMEPAGE **********************/
.homepageContent { max-width: 980px; margin: auto auto; }
.homepageContent .prodCategories { padding-top: 24px; }
.homepageContent .prodCategories a img { display: block; max-width: 100%; }
.homepageContent .prodCategories .rain { float: left; width: 50%; position: relative; }
.homepageContent .prodCategories .rain .ins { padding-right: 2px; }
.homepageContent .prodCategories .sun { float: right; width: 50%; position: relative; }
.homepageContent .prodCategories .sun .ins { padding-left: 2px; }
.homepageContent .prodCategories .label { position: absolute; top: 0; left: 0; width: 100%; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.homepageContent .prodCategories .label a { display: block; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: top 40px center; padding: 180px 10px 20px 10px; font-size: 22px; color: #00c9df; text-decoration: none; }
.homepageContent .prodCategories .rain .label a { background-image: url(images/bg-rain.png); }
.homepageContent .prodCategories .sun .label a { background-image: url(images/bg-sun.png); }

.homepageContent .prodCategories .rain img,
.homepageContent .prodCategories .sun img { display: block; }
.homepageContent .prodCategories .moreButton { border-top: 1px solid #89babf; border-bottom: 1px solid #67adb3; }
.homepageContent .prodCategories .moreButton a { display: block; max-width: 980px; height: 45px; line-height: 45px; background: #008085; font-size: 22px; color: #00c9df; text-align: center; text-decoration: none; }

.homepageContent .newtabs { padding-top: 37px; }
.homepageContent .newtabs .newProds { float: left; width: 272px; }
.homepageContent .newtabs .newProds .ttl { height: 25px; line-height: 25px; background: #008085; border-top: 1px solid #52a6a8; border-bottom: 1px solid #54a6a9; font-size: 15px; color: #fff; padding-right: 13px; text-align: right; }
/*.homepageContent .newtabs .newProds .newProductsGraph { padding-top: 5px; text-align: center; }
.homepageContent .newtabs .newProds .newProductsText { text-align: center; padding-top: 0; }
.homepageContent .newtabs .newProds .newProductsText a { font-size: 16px; color: #fff; font-weight: 600; text-decoration: none; line-height: 24px; }*/
.homepageContent .newtabs .tabsContent { float: right; width: 701px; }
.homepageContent .newtabs .tabsContent .recTab_menu { float: right; }

ul.recTabs {margin: 0; padding: 0; list-style: none; height: 69px; width: 95px; }
ul.recTabs li { margin: 0; padding: 0; font-size: 15px; background: #008085; color: #fff; width: 95px; height: 69px; text-align: center; cursor: pointer; display: flex; justify-content: center; flex-direction: column;}
ul.recTabs li .sm { font-size: 11px; color: #fff; }
ul.recTabs li:hover,
ul.recTabs li.active {background: #00a2b4; color: #fff;}
.recTab_container {float: right; width: 606px; height: 138px; background: #fff; }
.recTab_container .recTab_content { display: none; }
.recTab_container .recTab_content a img { display: block; max-width: 100%; }

.scrollContentHP{width:606px; height:154px; overflow:auto; background: #20a8b9;}
.scrollContentHP .images_container{overflow:hidden;}
.scrollContentHP .images_container img{display:block; float:left; margin:0;}
a[rel='toggle-buttons-scroll-type']{display:inline-block; text-decoration:none; padding:3px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#000; margin:5px 20px 5px 0;}
/********************** HOMEPAGE **********************/

/********************** COMPANY **********************/
.companyContent { }
.companyContent .seperatorH { margin: 62px 0; border-top: 4px solid #00c9df; }
.companyContent .underContent { max-width: 980px; margin: auto auto; }
.companyContent .underContent .leftContent { float: left; width: 28.4%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.companyContent .underContent .leftContent .circles { background: url(images/companyCircles.png) no-repeat 0 0; width: 249px; height: 103px; line-height: 103px; margin: auto auto; text-align: center; font-size: 17px; color: #fff; font-weight: 600; }
.companyContent .underContent .leftContent .rain { padding-top: 36px; text-align: center; }
.companyContent .underContent .leftContent .gallery270 { padding-right: 6px; border-right: 2px solid #49c7d7; }
.companyContent .underContent .leftContent .gallery270 img { display: block; max-width: 100%; }
.companyContent .underContent .centerContent { float: left; width: 42.6%; padding: 0 0 0 23px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.companyContent .underContent .centerContent .title { font-size: 14px; color: #fff; font-weight: 700; padding-top: 0; }
.companyContent .underContent .centerContent .textScroll { padding-top: 20px; }
.companyContent .underContent .centerContent .textScroll .text { font-size: 14px; color: #fff; font-weight: 300; line-height: 21px; }
.companyContent .underContent .centerContent .pdf { padding-top: 15px; }
.companyContent .underContent .centerContent .pdf a { display: block; background: url(images/smallTitleBG.jpg) repeat-x 0 0; width: 202px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; font-size: 14px; font-weight: 300; color: #00909f; -webkit-box-shadow:  1px 1px 1px 1px #456577; box-shadow:  1px 1px 1px 1px #456577; }
.companyContent .underContent .rightContent { float: right; width: 29%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.companyContent .underContent .rightContent ul { margin: 0; padding: 0; list-style: none; }
.companyContent .underContent .rightContent ul li { margin: 0; padding: 0; margin-top: -1px; }
.companyContent .underContent .rightContent ul li a { display: block; width: 100%; max-width: 282px; height: 115px; -webkit-box-shadow:  1px 1px 1px 1px #456577; box-shadow:  1px 1px 1px 1px #456577; text-align: center; text-decoration: none; }
.companyContent .underContent .rightContent ul li:first-child { margin-top: 0; }
.companyContent .underContent .rightContent ul li:nth-child(1) { background: url(images/companyBG1.jpg) repeat-y 0 0; }
.companyContent .underContent .rightContent ul li:nth-child(2) { background: url(images/companyBG1.jpg) repeat-y 0 0; }
.companyContent .underContent .rightContent ul li:nth-child(3) { background: url(images/companyBG2.jpg) repeat-y 0 0; }
.companyContent .underContent .rightContent ul li:nth-child(1) a { background: url(images/bg-rain-2.png) no-repeat center 20px; }
.companyContent .underContent .rightContent ul li:nth-child(2) a { background: url(images/bg-sun-2.png) no-repeat center 20px; }
.companyContent .underContent .rightContent ul li:nth-child(1) a,
.companyContent .underContent .rightContent ul li:nth-child(2) a { font-size: 13px; color: #00c9df; height: 25px; padding-top: 90px; }
.companyContent .underContent .rightContent ul li:nth-child(3) a { font-size: 22px; color: #00c9df; line-height: 115px; }
/********************** COMPANY **********************/

/********************** BRANDS **********************/
.brandsContent { max-width: 980px; margin: auto auto; }
.brandsContent .mainTitle {  }
.brandsContent .brandsList { }
.brandsContent .brandsList ul { margin: 0; padding: 0; list-style: none; }
.brandsContent .brandsList ul li { margin: 0; padding: 34px 10px 12px 10px; list-style: none; float: left; width: 25%; border-bottom: 2px solid #1ac3d8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.brandsContent .brandsList ul li:nth-child(1),
.brandsContent .brandsList ul li:nth-child(2),
.brandsContent .brandsList ul li:nth-child(3),
.brandsContent .brandsList ul li:nth-child(4) { padding-top: 14px; }
.brandItem { max-width: 202px; margin: auto auto; }
.brandItem .brandItemTitle { text-align: right; }
.brandItem .brandItemTitle a { font-size: 16px; color: #fff; font-weight: 600; text-decoration: none; }
.brandItem .brandItemImage { padding-top: 6px; }
.brandItem .brandItemImage a img { display: block; max-width: 100%; }
.brandItem .brandItemShop { padding-top: 9px; }
.brandItem .brandItemShop a { display: block; background: url(images/smallTitleBG.jpg) repeat 0 0; max-width: 202px; padding: 2px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 600; color: #00909f; -webkit-box-shadow:  1px 1px 1px 1px #456577; box-shadow:  1px 1px 1px 1px #456577; }
.brandItem .brandItemPDF {  }
.brandItem .brandItemPDF a { display: block; background: url(images/smallTitleBG.jpg) repeat 0 0; max-width: 202px; padding: 2px; text-align: center; text-decoration: none; font-size: 14px; font-weight: 300; color: #00909f; -webkit-box-shadow:  1px 1px 1px 1px #456577; box-shadow:  1px 1px 1px 1px #456577; }
.brandsContent .pagination { padding-top: 8px; }
/********************** BRANDS **********************/

/********************** BRAND **********************/
.brandContent { max-width: 980px; margin: auto auto; }
.brandContent .backtoBrands { text-align: right; padding-top: 48px; }
.brandContent .backtoBrands a { display: inline-block; padding: 0 17px; height: 38px; line-height: 38px; font-size: 20px; color: #fff; font-weight: 600; text-decoration: none; background: #00c9df; }
.brandContent .leftMenu { float: left; width: 210px; background: url(images/diaf.png) repeat 0 0; position: relative; }
.brandContent .leftMenu .leftMenuTitle { background: url(images/leftmenuTitleBG.jpg) repeat-x top left; min-height: 67px; line-height: 67px; font-size: 28px; color: #fff; font-weight: 600; padding: 0 10px; text-align: center; border-top: 1px solid #00707f; }
.brandContent .leftMenu .leftMenuLink { }
.brandContent .leftMenu .leftMenuLink a { display: block; background: url(images/leftmenuLinkBG.jpg) repeat-x top left; min-height: 25px; line-height: 25px; font-size: 14px; color: #00909f; font-weight: 300; width: 188px; padding: 0 10px; text-align: center; text-decoration: none; -webkit-box-shadow:  1px 1px 1px 1px #919ea2; box-shadow:  1px 1px 1px 1px #919ea2; }
.productsList { float: right; width: 100%; margin-left: -210px; }
.productsList .ins { padding-left: 210px; }
.productsList .ins2 { background: #fff; }
.productsList .companyText { padding: 10px 0 0 20px; font-size: 14px; color: #068092; }
.productsList .noproducts { padding: 35px 0 0 20px; font-size: 14px; color: #068092; }
.productsList ul { margin: 0; padding: 0; list-style: none; margin-left: -1%; margin-right: -1%; }
.productsList ul li { margin: 20px 0 0 0; padding: 0; float: left; width: 48%; margin-left: 1%; margin-right: 1%; }
.productsList ul li:nth-child(1) { margin-top: 0; }
.productsList ul li:nth-child(2) { margin-top: 0; }
.productItem { max-width: 488px; margin: auto auto; position: relative; }
.productItem .productItemImage { }
.productItem .productItemImage a img { display: block; max-width: 100%; }
.productItem .productItemDetails { position: absolute; bottom: 30px; left: 0; background: #fff; padding: 5px; }
.productItem .productItemDetails .productItemDetailsTitle { float: left; padding-right: 20px; padding-left: 8px; }
.productItem .productItemDetails .productItemDetailsTitle a { font-size: 15px; color: #707070; font-weight: 300; text-decoration: none; }
.productItem .productItemDetails .productItemDetailsPrice { float: right; }
.productItem .productItemDetails .productItemDetailsPrice a { font-size: 15px; color: #707070; font-weight: 300; text-decoration: none; }
.productItem .productItemButton { position: absolute; bottom: 2px; left: 2px; }
.productItem .productItemButton a { display: block; background: #008e9c; width: 98px; height: 19px; line-height: 19px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; text-decoration: none; }
.paginationBar { height: 80px; background: #00c9df; border-top: 1px solid #65afc5; padding-right: 10px; }
/********************** BRAND **********************/

/********************** PRODUCTS **********************/
.productsContent { max-width: 980px; margin: auto auto; }
.topMenu { margin: 24px 0 0 5px; max-width: 971px; }
.topMenu .rainLink { float: left; width: 33.33%; background: url(images/productsTopMenuBG1px.png) repeat-x 0 0; }
.topMenu .rainLink a { display: block; width: 100%; text-align: center; height: 20px; padding-top: 50px; background: url(images/iconRain.png) no-repeat top center; text-decoration: none; font-size: 15px; color: #fff;  }
.topMenu .rainLink a:hover,
.topMenu .rainLink a.active { background-position: bottom center; color: #068092; }
.topMenu .sunLink { float: left; width: 33.33%; background: url(images/productsTopMenuBG1px.png) repeat-x 0 0, url(images/productsTopMenuBG1px-2.png) repeat-y 0 0; }
.topMenu .sunLink a { display: block; width: 100%; text-align: center; height: 20px; padding-top: 50px; background: url(images/iconSun.png) no-repeat top center; text-decoration: none; font-size: 15px; color: #fff; }
.topMenu .sunLink a:hover,
.topMenu .sunLink a.active { background-position: bottom center; color: #068092; }
.topMenu .moreLink { float: right; width: 33.33%; background: url(images/productsTopMenuBG1px.png) repeat-x 0 0, url(images/productsTopMenuBG1px-2.png) repeat-y 0 0; }
.topMenu .moreLink a { display: block; width: 100%; text-align: center; height: 70px; line-height: 70px; font-size: 15px; color: #fff; text-decoration: none; }
.topMenu .moreLink a:hover,
.topMenu .moreLink a.active { color: #068092; }

.bottomMenu { margin: 9px 0 0 5px; max-width: 971px; height: 44px; }
.bottomMenu a { display: block; width: 100%; text-align: center; height: 44px; line-height: 44px; background: url(images/productsBottomMenuBG.png) no-repeat 0 0; text-decoration: none; font-size: 18px; color: #fff;  }
.bottomMenu a:hover,
.bottomMenu a.active { color: #068092; }

.productsContent .mainContent { padding-top: 34px; }
.leftMenuContent { float: left; width: 210px; background: url(images/diaf.png) repeat 0 0; position: relative; }
.leftMenuContent .brandsTitle { font-size: 23px; color: #00c9df; height: 35px; line-height: 35px; text-align: center; background: #fff; }
.leftMenuContent ul { margin: 0; padding: 29px 14px 14px 14px; list-style: none; }
.leftMenuContent ul.noundersun { padding-top: 29px; }
.leftMenuContent ul.undersun { padding-top: 10px; }
.leftMenuContent ul li { margin: 8px 0 0 0; padding: 0; }
.leftMenuContent ul li a { display: block; padding-left: 20px; font-size: 18px; color: #005f7c; font-weight: 600; text-decoration: none; }
.leftMenuContent ul li a:hover,
.leftMenuContent ul li a.active { background: url(images/bullet.png) no-repeat 0 center; }
/********************** PRODUCTS **********************/

/********************** PRODUCT **********************/
.productContent { max-width: 980px; margin: auto auto; }

.productContent .mainContent { padding-top: 34px; }
.leftMenuInsContent { float: left; width: 210px; position: relative; }
.leftMenuInsContent .backnext { margin-top: 15px; width: 188px; height: 25px; background: #00c9df; }
.leftMenuInsContent .backnext .back { float: left; padding-left: 10px; }
.leftMenuInsContent .backnext .next { float: right; padding-right: 10px; text-align: right; }
.leftMenuInsContent .backnext a { display: block; font-size: 15px; color: #fff; text-decoration: none; line-height: 25px; }
.leftMenuInsContent .theList { background: url(images/diaf.png) repeat 0 0; }
.leftMenuInsContent .theList ul { margin: 0; padding: 29px 14px 14px 14px; list-style: none; }
.leftMenuInsContent .theList ul li { margin: 8px 0 0 0; padding: 0; }
.leftMenuInsContent .theList ul li a { display: block; padding-left: 20px; font-size: 18px; color: #005f7c; font-weight: 600; text-decoration: none; }
.leftMenuInsContent .theList ul li a:hover,
.leftMenuInsContent .theList ul li a.active { background: url(images/bullet.png) no-repeat 0 center; }

.productContent .mainContent .productDetails { float: right; width: 100%; margin-left: -210px; }
.productContent .mainContent .productDetails .ins { padding-left: 210px; }
.productContent .mainContent .productDetails .insideContent { padding: 60px 13px 13px 13px; background: #fff; }
.productContent .mainContent .productDetails .insideContent .leftContent { float: left; width: 34%; }
.productContent .mainContent .productDetails .insideContent .leftContent .info { background: url(images/infoArrow.png) no-repeat 0 center; padding-left: 33px; font-size: 18px; color: #00c9df; font-weight: 600; }
/*.productContent .mainContent .productDetails .insideContent .leftContent .info .text1,
.productContent .mainContent .productDetails .insideContent .leftContent .info .text3 { font-size: 21px; color: #00c9df; font-weight: 600; }
.productContent .mainContent .productDetails .insideContent .leftContent .info .text2 { font-size: 18px; color: #00c9df; font-weight: 600; }*/
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder { padding-right: 10px; margin-top: 50px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails { border-left: 1px solid #4bd9e8; padding-left: 12px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .measurements { font-size: 14px; color: #00c9df; font-weight: 300; padding-top: 5px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color { }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color .colorTitle { float: left; font-size: 14px; color: #00c9df; font-weight: 300; padding-top: 5px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color .colorList { float: left; padding-top: 7px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color .colorList ul { margin: 0; padding: 0; list-style: none; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color .colorList ul li { margin: 0 0 0 15px; padding: 0; float: left; width: 15px; height: 15px; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .color .colorList ul li img { -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; width: 15px; height: 15px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .price { font-size: 14px; color: #00c9df; font-weight: 300; padding-top: 4px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .theDetails .price span { font-size: 14px; color: #00c9df; font-weight: 700; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .socials { width: 55px; padding-top: 19px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .socials .facebook { float: left; width: 25px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .socials .facebook a { display: block; background: url(images/iconFacebookB.png) no-repeat 0 0; width: 25px; height: 29px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .socials .twitter { float: right; width: 24px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .socials .twitter a { display: block; background: url(images/iconTwitterB.png) no-repeat 0 0; width: 24px; height: 29px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .general { font-size: 15px; color: #005f7c; font-weight: 600; padding-top: 6px; }
.productContent .mainContent .productDetails .insideContent .leftContent .rightBorder .text { font-size: 15px; color: #005f7c; font-weight: 300; line-height: 24px; padding-bottom: 30px; }
.productContent .mainContent .productDetails .insideContent .leftContent .buttons { max-width: 230px; padding-top: 11px; }
.productContent .mainContent .productDetails .insideContent .leftContent .buttons .addToCart { float: left; width: 93px; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: 600; background: url(images/iconCart.png) no-repeat 64px center; background-color: #00c9df; cursor: pointer; }
.productContent .mainContent .productDetails .insideContent .leftContent .buttons .addToWish { float: left; width: 110px; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: 600; background: url(images/iconBookmark.png) no-repeat 100px center; background-color: #00c9df; cursor: pointer; }
.productContent .mainContent .productDetails .insideContent .leftContent .buttons .items { float: right; width: 95px; padding-left: 15px; height: 38px; line-height: 38px; border: 1px solid #0fcce1; font-size: 14px; color: #00c9df; font-weight: 600; cursor: pointer; }
.productContent .mainContent .productDetails .insideContent .rightContent { float: right; width: 66%; border-left: 1px solid #4bacb6; padding-left: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent { max-width: 488px; margin: auto auto; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .demowrap img { display: block; max-width: 100%; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-for { }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-for img { display: block; max-width: 100%; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-nav { padding: 0 12px; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-nav .slider-nav-item { padding: 0 5px; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-nav .slider-nav-item .slider-nav-item-ins { max-width: 202px; margin: auto auto; cursor: pointer; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-nav .slider-nav-item .slider-nav-item-ins img { display: block; max-width: 100%; opacity: 0.5; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.productContent .mainContent .productDetails .insideContent .rightContent .galleryContent .slider-nav .slider-nav-item.slick-current .slider-nav-item-ins img { opacity: 1; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch { max-width: 453px; margin: 30px auto 0 auto; padding-top: 26px; border-top: 1px solid #33d4e5; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .also { float: left; width: 48%; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .match { float: right; width: 48%; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .also .alsomatchTitle,
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .match .alsomatchTitle { font-size: 15px; color: #005f7c; font-weight: 600; padding-bottom: 1px; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .also .alsomatchImage img,
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .match .alsomatchImage img { display: block; max-width: 100%; }
.productContent .mainContent .productDetails .insideContent .rightContent .recently { max-width: 202px; margin: 30px auto 0 auto; padding-top: 26px; border-top: 1px solid #33d4e5; }
.productContent .mainContent .productDetails .insideContent .rightContent .recently .recentlyTitle { font-size: 15px; color: #005f7c; font-weight: 600; padding-bottom: 1px; }
.productContent .mainContent .productDetails .insideContent .rightContent .recently .recentlyImage img { display: block; max-width: 100%; }
/********************** PRODUCT **********************/

/********************** NEWS **********************/
.newsContent { max-width: 980px; margin: auto auto; }
.newsTop { }
.newsTop .leftTop { float: left; }
.newsTop .leftTop .newsCatTitle { display: inline-block; margin-top: 7px; font-size: 26px; color: #00c9df; font-weight: 700; text-align: center; background: url(images/newsTitleBG.png) repeat-x 0 0; height: 46px; line-height: 46px; padding: 0 46px; -webkit-box-shadow:  1px 1px 1px 1px #708386; box-shadow:  1px 1px 1px 1px #708386; }
.newsTop .leftTop .newsYearsList { font-size: 14px; color: #fff; font-weight: 700; padding-top: 40px; }
.newsTop .leftTop .newsYearsList a { font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; }
.newsTop .leftTop .newsYearsList a:hover,
.newsTop .leftTop .newsYearsList a.active { color: #006b85; }
.newsTop .rightTop { float: right; padding-top: 38px; }
.newsTop .rightTop .text1 { font-size: 14px; color: #00c9df; font-weight: 600; }
.newsTop .rightTop .text2 { color: #fff; font-weight: 600; padding-left: 80px; }
.newsTop .rightTop .text3 { color: #00c9df; font-weight: 600; padding-left: 176px; }
.newsTop .rightTop .text1 span,
.newsTop .rightTop .text3 span { font-size: 16px; color: #00c9df; font-weight: 700; }
.newsList { padding-top: 13px; }
.newsList ul { margin: 0; padding: 0; list-style: none; margin-left: -1%; margin-right: -1%; }
.newsList ul li { margin: 12px 0 0 0; padding: 0; float: left; width: 23%; margin-left: 1%; margin-right: 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.newsList ul li .newsItem {  -webkit-box-shadow:  1px 1px 1px 1px #546b78; box-shadow:  1px 1px 1px 1px #546b78; }
.newsList ul li:nth-child(odd) .newsItem { background: url(images/newsItemBG1.png) repeat 0 0; }
.newsList ul li:nth-child(even) .newsItem { background: url(images/newsItemBG2.png) repeat 0 0; }
.newsItem { max-width: 230px; margin: auto auto; position: relative; padding-bottom: 60px; }
.newsItem .newsItemImage { padding: 14px 0 0 14px; }
.newsItem .newsItemImage a img { display: block; max-width: 100%; }
.newsItem .newsItemDate { padding-top: 13px; }
.newsItem .newsItemDate a { display: block; height: 24px; line-height: 24px; border-top: 1px solid #1b8c91; border-bottom: 1px solid #37989d; font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; padding-left: 14px; }
.newsList ul li:nth-child(odd) .newsItem .newsItemDate a { background: #008085; }
.newsList ul li:nth-child(even) .newsItem .newsItemDate a { background: #00a2b4; }
.newsItem .newsItemDetails { padding: 0 14px; }
.newsItem .newsItemDetails .newsItemDetailsTitle { padding-top: 7px; }
.newsItem .newsItemDetails .newsItemDetailsTitle a { font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; }
.newsItem .newsItemDetails .newsItemDetailsText { padding-top: 8px; }
.newsItem .newsItemDetails .newsItemDetailsText a { font-size: 14px; color: #fff; font-weight: 300; text-decoration: none; }
.newsItem .newsItemButton { position: absolute; bottom: 1px; right: 16px; }
.newsItem .newsItemButton a { display: inline-block; background: url(images/readmoreBG.jpg) repeat-x 0 0; height: 27px; line-height: 27px; padding: 0 10px; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; -webkit-box-shadow:  1px 1px 1px 1px #5c787c; box-shadow:  1px 1px 1px 1px #5c787c; }
.pagination { padding-top: 20px; }
/********************** NEWS **********************/

/********************** NEW **********************/
.newContent { max-width: 980px; margin: auto auto; }
.newContent .newsCatTitle { display: inline-block; margin-top: 7px; font-size: 26px; color: #00c9df; font-weight: 700; text-align: center; background: url(images/newsTitleBG.png) repeat-x 0 0; height: 46px; line-height: 46px; padding: 0 46px; -webkit-box-shadow:  1px 1px 1px 1px #708386; box-shadow:  1px 1px 1px 1px #708386; }
.newContent .newsYearsList { font-size: 14px; color: #fff; font-weight: 700; padding-top: 20px; }
.newContent .newsYearsList a { font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; }
.newContent .newsYearsList a:hover,
.newContent .newsYearsList a.active { color: #006b85; }
.newContent .dateback { padding-top: 30px; }
.newContent .dateback .date { float: left; font-size: 25px; color: #008085; font-weight: 600; }
.newContent .dateback .back { float: right; padding-right: 40px; text-align: right; }
.newContent .dateback .back a { font-size: 25px; color: #fff; font-weight: 600; text-decoration: none; }
.newContent .newBar { background: url(images/newBar.jpg) no-repeat 0 0; height: 56px; margin-top: 10px; }
.newContent .newImage { float: left; width: 52%; padding: 0 21px 21px 0; background: #fff; -webkit-box-shadow:  1px 1px 1px 1px #708386; box-shadow:  1px 1px 1px 1px #708386; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.newContent .newImage img { display: block; max-width: 100%; }
.newContent .newDetails { float: right; width: 44%; padding-top: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.newContent .newDetails .newDetailsTitle { font-size: 22px; color: #fff; font-weight: 700; padding-top: 26px; }
.newContent .newDetails .newDetailsText { padding-top: 14px; }
.newContent .newDetails .newDetailsText .text { font-size: 15px; color: #fff; font-weight: 300; padding-right: 28px; }
.newContent .newDetails .newDetailsText .pdf { padding-top: 10px; }
.newContent .newDetails .newDetailsText .pdf a { font-size: 15px; color: #fff; font-weight: 600; }
.newContent .newAlsoTitle { margin-top: 68px; padding-top: 47px; font-size: 25px; color: #fff; font-weight: 700; border-top: 4px solid #00c9df; }
.newContent .newsList { padding-top: 0px; }
/********************** NEW **********************/

/********************** CONTACT **********************/
.contactContentTitle { max-width: 980px; margin: auto auto; }
.contactContentTitle .contactTitle { padding-top: 14px; }
.contactContentTitle .contactTitle .leftBorder { float: left; width: 350px; border-top: 2px solid #fff; margin-top: 50px; }
.contactContentTitle .contactTitle .theTitle { float: left; margin-left: 15px; background: url(images/companyCircles.png) no-repeat 0 0; width: 249px; height: 103px; line-height: 103px; text-align: center; font-size: 18px; color: #fff; font-weight: 600; }
.contactContentTitle .contactTitle .rightBorder { float: right; width: 350px; border-top: 2px solid #fff; margin-top: 50px; }
.contactBorder { border-top: 2px solid #fff; margin-top: 18px; }
.contactContentDown { max-width: 980px; margin: 11px auto 0 auto; }
.contactContentDown .leftContent { float: left; width: 100%; margin-right: -260px; }
.contactContentDown .leftContent .ins { padding-right: 260px; }
.contactContentDown .leftContent .leftContentTitle { font-size: 15px; color: #00c9df; font-weight: 600; background: url(images/bigTitleBG.jpg) repeat-y top right; max-width: 712px; padding-right: 8px; height: 51px; line-height: 51px; text-align: right; }
.contactContentDown .leftContent .leftContentDetails { float: left; width: 232px; font-size: 15px; color: #fff; font-weight: 300; padding-top: 32px; position: relative; }
.contactContentDown .leftContent .leftContentDetails a { font-size: 15px; color: #fff; font-weight: 300; text-decoration: none; }
.contactContentDown .leftContent .leftContentDetails a:hover { color: #00c9df; }
.contactContentDown .leftContent .leftContentDetails span { font-size: 15px; color: #00c9df; font-weight: 700; }
.contactContentDown .leftContent .leftContentMap { float: right; width: 100%; margin-left: -232px; }
.contactContentDown .leftContent .leftContentMap .ins2 { padding-left: 232px; }
.contactContentDown .leftContent .leftContentMap .ins2 .ins3 { border: 4px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactContentDown .leftContent .leftContentMap .ins2 .ins3 .gmaps-contact { width: 100%; height: 323px; }
.contactContentDown .rightContent { float: right; width: 260px; height: 382px; background: url(images/contactRightBG.png) no-repeat 0 0; position: relative; padding-left: 10px; -webkit-box-shadow:  1px 1px 1px 1px #516e7e; box-shadow:  1px 1px 1px 1px #516e7e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactContentDown .rightContent .rightContentTitle { font-size: 15px; color: #00c9df; font-weight: 600; padding-right: 8px; height: 51px; line-height: 51px; text-align: right; }
.contactContentDown .rightContent .rightContentInput { }
.contactContentDown .rightContent .rightContentInput input { width: 100%; padding-right: 8px; height: 24px; background: url(images/contactInputBG.jpg) repeat-x 0 0; text-align: right; border: 0; cursor: pointer; font-size: 14px; color: #fff; -webkit-box-shadow:  1px 1px 1px 1px #516e7e; box-shadow:  1px 1px 1px 1px #516e7e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactContentDown .rightContent .rightContentInput textarea { width: 100%; padding: 4px 8px 6px 8px; height: 184px; background: #fff; text-align: right; border: 0; cursor: pointer; font-size: 14px; color: #006279; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactContentDown .rightContent .rightContentButton { text-align: center; margin-top: 15px; }
.contactContentDown .rightContent .rightContentButton input { font-size: 15px; color: #00c9df; font-weight: 900; background: none; border: 0; cursor: pointer; }
.contactContentDownBorder { height: 51px; margin-top: 17px; background: #00576f; border-top: 1px solid #528ca0; }
/********************** CONTACT **********************/

/* MAKE AN ORDER */
.makeanorderContent { max-width: 980px; margin: auto auto; }
.makeanorderContent .mainTitle {  }

.makeanorderContent .prodsList { margin-top: 20px; margin-bottom: 30px; }
.makeanorderContent .prodsList div.box { float: left; width: 25%; padding: 5px; border: 1px solid #cecece; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsList div.box:hover { /*background: #cecece;*/ }
.makeanorderContent .prodsList div.box .prodsListTitle { font-size: 14px; font-weight: 600; background: #cecece; height: 25px; line-height: 25px; text-align: center; }
.makeanorderContent .prodsList div.box ul { margin: 0; padding: 0; list-style: none; background: #fff; }
.makeanorderContent .prodsList div.box ul li { margin: 0; padding: 0; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; }
.makeanorderContent .prodsList div.box ul li:hover { cursor: pointer; background: #84cdd5; }
.makeanorderContent .prodsList div.box ul li .prodsListInsListCode { float: left; width: 33.33%; min-height: 20px; padding: 2px 5px; border-left: 1px solid #cecece; text-align: center; font-weight: 600; background: #84cdd5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsList div.box ul li .prodsListInsListPrice { float: left; width: 33.33%; min-height: 20px; padding: 2px 5px; border-left: 1px solid #cecece; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsList div.box ul li .prodsListInsListColor { float: right; width: 33.33%; min-height: 20px; padding: 2px 5px; border-left: 1px solid #cecece; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsList div.box ul li .prodsListInsListColor input { margin: 0; padding: 2px 5px; background: none; border: 0; text-align: center; cursor: pointer; width: 100%; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.makeanorderContent .prodsBoxTitles { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; }
.makeanorderContent .prodsBoxTitles ul { margin: 0; padding: 0; list-style: none; }
.makeanorderContent .prodsBoxTitles ul li { margin: 0; padding: 0; background: #fff; float: left; width: 70px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 700; text-align: center; border-left: 1px solid #cecece; }
.makeanorderContent .prodsBoxTitles ul li:first-child { width: 95px; }
.makeanorderContent .prodsBoxTitles ul li:last-child { width: 30px; background: #84cdd5; }

.makeanorderContent .prodsBoxLines { border-right: 1px solid #cecece; }
.makeanorderContent .prodsBoxLines ul { margin: 0; padding: 0; list-style: none; }
.makeanorderContent .prodsBoxLines ul li { margin: 0; padding: 0; background: #fff; float: left; width: 70px; height: 30px; line-height: 30px; text-align: center; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.makeanorderContent .prodsBoxLines ul li input { margin: 0; padding: 0; background: #fff; border: 0; width: 70px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; }
.makeanorderContent .prodsBoxLines ul li.inactive { background: #84cdd5; }
.makeanorderContent .prodsBoxLines ul li.remove { background: url(images/iconDelete.png) no-repeat 0 0; cursor: pointer; width: 30px; height: 30px; }
.makeanorderContent .prodsBoxLines ul li:first-child { width: 95px; }
.makeanorderContent .prodsBoxLines ul li:last-child { width: 30px; background-color: #84cdd5; }

.makeanorderContent .addtoCart { margin: 10px auto 0 auto; }
/* MAKE AN ORDER */

/* LOGIN CONTENT */
.loginContent { max-width: 860px; margin: auto auto; padding: 48px 10px 0 10px; }
.loginContent .lft { float: left; width: 48%; border: 1px solid #d9d9d9; padding: 18px; min-height: 400px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.loginContent .lft .title, .loginContent .rgt .title { }
.loginContent .lft .text, .loginContent .rgt .text { padding: 20px 20px 0 0; font-size: 14px; }
.loginContent .lft .button { padding-top: 10px; }
.loginContent .rgt { float: right; width: 48%; border: 1px solid #d9d9d9; padding: 18px; min-height: 400px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.loginContent .rgt .inputLabel { padding: 13px 0 8px 0; font-size: 14px; }
.loginContent .rgt .inputLabel span { color: #00a3b4; }
.loginContent .rgt .required { font-size: 14px; color: #00a3b4; padding-top: 19px; }
.loginContent .rgt .forgot { padding-top: 19px; }
.loginContent .rgt .forgot a { font-size: 14px; }
.loginContent .rgt .button { padding-top: 20px; }
/* LOGIN CONTENT */

/* REGISTER CONTENT */
.createaccountContent { max-width: 860px; margin: auto auto; padding: 48px 10px 0 10px; }
.createaccountContent .lft { float: left; width: 48%; border: 1px solid #d9d9d9; padding: 0 18px 18px 18px; min-height: 710px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.createaccountContent .rgt { float: right; width: 48%; border: 1px solid #d9d9d9; padding: 0 18px 18px 18px; min-height: 710px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.createaccountContent .lft .title, .createaccountContent .rgt .title { padding-top: 18px; }
.createaccountContent .lft .inputLabel, .createaccountContent .rgt .inputLabel { padding: 13px 0 8px 0; }
.createaccountContent .lft .inputLabel span, .createaccountContent .rgt .inputLabel span { color: #00a3b4; }
.createaccountContent .lft .required { color: #00a3b4; padding-top: 19px; }
.createaccountContent .rgt .newsletter { color: #00a3b4; padding-top: 19px; }
.createaccountContent .rgt .newsletter .newsletterBox { float: left; width: 20px; }
.createaccountContent .rgt .newsletter .newsletterBox input { width: 13px; margin: 0; padding: 0; }
.createaccountContent .rgt .newsletter .newsletterText { float: left; margin-top: -2px; }
.createaccountContent .rgt .button { padding: 27px 20px 0 0; float: right; }
/* REGISTER CONTENT */

/* FORGOT CONTENT */
.forgotpasswordContent { margin: auto auto; padding: 48px 10px 0 10px; }
.forgotpasswordContent .centerBox { max-width: 380px; border: 1px solid #d9d9d9; padding: 0 18px 18px 18px; margin: auto auto; background: #fff; }
.forgotpasswordContent .centerBox .title { padding-top: 18px; }
.forgotpasswordContent .centerBox .textT { padding-top: 10px; }
.forgotpasswordContent .centerBox .text { padding-top: 10px; }
.forgotpasswordContent .centerBox .border {background: #ccc; height: 1px; margin-top: 10px;}
.forgotpasswordContent .centerBox .inputLabel { padding: 13px 0 8px 0; }
.forgotpasswordContent .centerBox .inputLabel span { color: #00a3b4; }
.forgotpasswordContent .centerBox .buttonsContent { padding-top: 19px; }
.forgotpasswordContent .centerBox .buttonsContent .links { float: left; }
.forgotpasswordContent .centerBox .buttonsContent .links .required { color: #00a3b4; }
.forgotpasswordContent .centerBox .buttonsContent .links .back {  }
.forgotpasswordContent .centerBox .buttonsContent .links .back a { }
.forgotpasswordContent .centerBox .buttonsContent .button { float: right; }
/* FORGOT CONTENT */

/* MYACCOUNT CONTENT */
.myaccountContent { margin: auto auto; padding: 48px 10px 0 10px; max-width: 980px; }
.leftmenuMember { float: left; width: 210px; position: relative; }
.leftmenuMember ul { margin: 0; padding: 0; list-style: none; }
.leftmenuMember ul li { margin: 0 0 10px 0; padding: 0; }
.leftmenuMember ul li a { display: block; padding-left: 20px; font-size: 18px; color: #005f7c; font-weight: 600; text-decoration: none; }
.leftmenuMember ul li a:hover,
.leftmenuMember ul li a.active { background: url(images/bullet.png) no-repeat 0 center; }
.leftmenuMember .searchWordT { }
.leftmenuMember .searchWordW { padding-top: 5px; }
.leftmenuMember .numResultsT { padding-top: 10px; }
.leftmenuMember .numResultsW { padding-top: 5px; }
.myaccountContent .rightContent { float: right; width: 100%; margin-left: -210px; }
.myaccountContent .rightContent .ins { padding-left: 230px; }
.myaccountContent .rightContent .box1 { border: 1px solid #d9d9d9; padding: 0px 18px 18px 18px; background: #fff; }
.myaccountContent .rightContent .box1 .title { padding-top: 19px; }
.myaccountContent .rightContent .box1 .smalltitle { font-weight: 600; padding-top: 20px; }
.myaccountContent .rightContent .box1 .text { padding-top: 10px; }
.myaccountContent .rightContent .box2 { border: 1px solid #d9d9d9; padding: 0px 18px 18px 18px; margin-top: 20px; background: #fff; }
.myaccountContent .rightContent .box2 .title { padding-top: 19px; }
.myaccountContent .rightContent .box2 .content {padding-top: 20px;}
.myaccountContent .rightContent .box2 .content .tab3 {float: left; width: 48%;}
.myaccountContent .rightContent .box2 .content .tab3 .tab3content {}
.myaccountContent .rightContent .box2 .content .tab3 .tab3content .button1 { float: left; }
.myaccountContent .rightContent .box2 .content .tab3 .tab3content .button2 {float: left; margin-left: 20px; padding-top: 4px; }
.myaccountContent .rightContent .box2 .content .tab3 .tab3content .button2 a {text-decoration: none; }
.myaccountContent .rightContent .box2 .content .tab3 .tab3content .button2 a:hover {}
.myaccountContent .rightContent .box2 .content .tab3 .text {padding-top: 10px; }
.myaccountContent .rightContent .box2 .content .tab3 .text a {text-decoration: none; }
.myaccountContent .rightContent .box2 .content .tab4 {float: right; width: 48%; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content { margin-top: 10px; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content:first-child { margin-top: 0px; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content .button1 {float: left; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content .button2 {float: left; margin-left: 20px; padding-top: 4px; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content .button2 a {text-decoration: none; }
.myaccountContent .rightContent .box2 .content .tab4 .tab4content .button2 a:hover {}
.myaccountContent .rightContent .box2 .content .tab4 .text {padding-top: 10px; }
.myaccountContent .rightContent .box2 .content .tab4 .text a {text-decoration: none; }
/* MYACCOUNT CONTENT */

 /* EDITACCOUNT CONTENT */
.accounteditContent { max-width: 980px; margin: auto auto; padding: 48px 10px 0 10px; }
.accounteditContent .rightContent {float: right; width: 100%; margin-left: -210px;}
.accounteditContent .rightContent .ins {padding-left: 230px;}
.accounteditContent .rightContent .box {border: 1px solid #d9d9d9; padding: 0px 18px 18px 18px; background: #fff; }
.accounteditContent .rightContent .box .title { padding-top: 19px;}
.accounteditContent .rightContent .box .smalltitle { padding-top: 20px; }
.accounteditContent .rightContent .box .content .tab3 {width: 48%; float: left;}
.accounteditContent .rightContent .box .content .tab3 .text {padding-top: 15px;}
.accounteditContent .rightContent .box .content .tab3 .inputLabel,
.accounteditContent .rightContent .box .content .tab4 .inputLabel {padding: 13px 0 8px 0;}
.accounteditContent .rightContent .box .content .tab3 .inputLabel span,
.accounteditContent .rightContent .box .content .tab4 .inputLabel span { color: #00a3b4;  }
.accounteditContent .rightContent .box .content .tab4 {width: 48%; float: right; }
.accounteditContent .rightContent .box .content .tab4 .info {color: #00a3b4;  padding-top: 15px; text-align: right;}
.accounteditContent .rightContent .box .content .tab4 .button { padding: 20px 0 0 0; float: right; }
/* EDITACCOUNT CONTENT */

/* MY ORDERS CONTENT */
.myordersContent { max-width: 980px; margin: auto auto; padding: 48px 10px 0 10px; }
.myordersContent .rgt {float: right; width: 100%; margin-left: -210px;}
.myordersContent .rgt .ins {padding-left: 230px;}
.myordersContent .rgt .box {border: 1px solid #d9d9d9; padding: 0px 18px 18px 18px; background-color: #fff;}
.myordersContent .rgt .box .title {padding-top: 19px;}
.myordersContent .rgt .box .noOrders {padding-top: 15px;}
.myordersContent .rgt .box .orderHeader {padding: 20px 0 4px 0;}
.myordersContent .rgt .box .orderStatus {float: right;}
.myordersContent .rgt .box .orderItems {border: 2px solid #ccc; padding: 10px;}
.myordersContent .rgt .box .orderItem {margin-top: 10px;}
.myordersContent .rgt .box .orderItem:first-child {margin-top: 0px;}
.myordersContent .rgt .box .orderItem .orderImage {float: left; width: 132px; position: relative;}
.myordersContent .rgt .box .orderItem .orderImage div a img { display: block; border: 1px solid #d3d3d3; max-width: 100%;}
.myordersContent .rgt .box .orderItem .rgt2 {float: right; width: 100%; margin-left: -132px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 { padding-left: 142px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .orderDetails { float: left; width: 150px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .orderDetails .orderDetailsLine {padding-top: 5px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .orderDetails .orderDetailsLine:first-child {padding-top: 0;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .orderDetails .orderDetailsLineLikeLink {padding-top: 5px; text-decoration: underline; cursor: pointer;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 { float: right;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 .orderQuantity,
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 .orderPrice {float: right; width: 60px; text-align: right;}
.myordersContent .rgt .box .underOrder {}
.myordersContent .rgt .box .underOrder ul {padding: 0; margin: 0; list-style: none;}
.myordersContent .rgt .box .underOrder ul li {padding: 0; margin: 0;}
.myordersContent .rgt .box .underOrder .underOrderItem {padding-top: 5px;}
.myordersContent .rgt .box .underOrder .underOrderItemLikeLink {padding-top: 5px; cursor: pointer; text-decoration: underline;}
.myordersContent .rgt .box .ordersDetails {padding-top: 5px;}
.myordersContent .rgt .box .ordersDetails ul {padding: 0; margin: 0; list-style: none;}
.myordersContent .rgt .box .ordersDetails ul li {padding: 0; margin: 0;}
/* MY ORDERS CONTENT */

/* RETURN ORDER BOX CONTENT */
.returnboxContent {padding: 5px;}
.returnboxContent h1 {color: #676767; font-size: 16px; padding-top: 0px; margin-top: 0px;}
.returnboxContent .returnboxContentBox {width: 500px;}
.returnboxContent .returnboxContentBox .returnboxContentBoxForm {padding-top: 20px;}
.returnboxContent .returnboxContentBox .returnboxContentBoxForm .itemText {float: left; width: 110px; padding: 5px; text-align: right;}
.returnboxContent .returnboxContentBox .returnboxContentBoxForm .itemValue {float: left; padding: 5px;}
.returnboxContent .returnboxContentBox .returnboxContentBoxForm .itemValue textarea { border: 1px solid #ccc; width: 100px; height: 50px;}
.returnboxContent .returnboxContentBox .returnboxContentBoxForm .itemValue .button {cursor: pointer; }
/* RETURN ORDER BOX CONTENT */

/* FAVORITES */
.favoritesContent { max-width: 980px; margin: auto auto; padding: 48px 10px 0 10px; }
.favoritesContent .rightContent {float: right; width: 100%; margin-left: -210px;}
.favoritesContent .rightContent .ins {padding-left: 230px;}
.favoritesContent .rightContent .box {border: 1px solid #d9d9d9; padding: 0px 18px 18px 18px; background: #fff;}
.favoritesContent .rightContent .box .title {padding-top: 19px;}
.favoritesContent .rightContent .box  ul {padding: 0; margin: 0; list-style-type: none;}
.favoritesContent .rightContent .box  ul li {padding: 0; margin: 18px 0 0 0;}
.favoritesContent .rightContent .box  ul li .topBorder { background: #e7e7e7; width: 714px; height: 33px; display: none; }
.favoritesContent .rightContent .box  ul li .bottomBorder { background: #e7e7e7; width: 714px; height: 33px; display: none; }
.favoritesContent .rightContent .box  ul li .favitem { /*margin-top: -16px; margin-bottom: -16px;*/ }
.favoritesContent .rightContent .box  ul li .favitem .imageContent { float: left; width: 204px; position: relative; }
.favoritesContent .rightContent .box  ul li .favitem .imageContent .image { border: 1px solid #d3d3d3; }
.favoritesContent .rightContent .box  ul li .favitem .imageContent .image a img { display: block; max-width: 100%; }
.favoritesContent .rightContent .box  ul li .favitem .imageText { float: right; width: 100%; margin-left: -204px; padding: 0 0 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .ins2 { padding-left: 214px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextTitle { }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextTitle a {  text-decoration: none; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextText { padding-top: 10px; height: 30px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextText2 { padding-top: 10px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextText a,
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextText2 a { text-decoration: none; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextButton { padding-top: 10px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .imageTextButton .removeFav {  text-decoration: underline; cursor: pointer; }
.favoritesContent .rightContent .box .paging {padding: 20px 0 0 0;}
.favoritesContent .rightContent .box .nofav {padding-top: 15px;}
/* FAVORITES */

/* SHOPPING BAG CONTENT */
.shoppingbagContent { margin: auto auto; max-width: 960px; padding: 20px 10px; background: #fff;}
.shoppingbagContent .titles {font-size: 16px; }
.shoppingbagContent .titles .tab1 { float: left; width: 100%; margin-right: -303px; padding-left: 13px; box-sizing: border-box; }
.shoppingbagContent .titles .tab1 .ins { padding-right: 313px; }
.shoppingbagContent .titles .tab2 { float: right; width: 300px; padding-right: 3px; position: relative; }
.shoppingbagContent .titles .tab2 .tabIns { display: inline-block; text-align: center; width: 100px; }
.shoppingbagContent .emptyCart {border: 3px solid #ccc; background: #eee; padding: 10px; }
.shoppingbagContent .productsBag {border: 3px solid #ccc; background: #eee;}
.shoppingbagContent .productsBag .productBag {border-top: 1px solid #fff; padding: 10px 0;}
.shoppingbagContent .productsBag .productBag .tab1 {float: left; width: 100%; margin-right: -300px; padding-left: 10px; box-sizing: border-box;}
.shoppingbagContent .productsBag .productBag .tab1 .ins2 { padding-right: 310px; }
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs3 {float: left; width: 116px;}
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs3 img {border: 1px solid #cccccc; max-width: 100%;}
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs4 {float: left; width: 100%; margin-left: -116px;}
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs4 .ins3 { padding-left: 126px; }
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs4 .ins3 .title { }
.shoppingbagContent .productsBag .productBag .tab1 .content .tabs4 .ins3 .text { padding-top: 5px; }
.shoppingbagContent .productsBag .productBag .tab2 { float: right; width: 300px; position: relative; }
.shoppingbagContent .productsBag .productBag .tab2 .tabIns { display: inline-block; text-align: center; width: 100px; color: #202724; }
.shoppingbagContent .productsBag .productBag .tab2 .tabIns span { display: none; text-align: center; font-weight: bold; padding-bottom: 5px; }
.shoppingbagContent .productsBag .productBag .tab2 input { border: 1px solid #797979; background-color: #fff; cursor: pointer; padding: 2px; margin-top: -3px; }
.shoppingbagContent .productsBag .buttonRefresh {padding: 20px 10px 10px 0; text-align: right;}
.shoppingbagContent .productsBag .buttonRefresh input { border: 1px solid #797979; background-color: #fff; padding: 5px; cursor: pointer;}
.shoppingbagContent .productsBagCost {margin-top: 10px;}
.shoppingbagContent .productsBagCost .tab1 {display: inline-block;margin-top: 10px;}
.shoppingbagContent .productsBagCost .tab1 .title {font-size: 16px; }
.shoppingbagContent .productsBagCost .tab1 .error {color: #79c0ee; }
.shoppingbagContent .productsBagCost .tab1 .text { }
.shoppingbagContent .productsBagCost .tab1 .inputContent {padding-top: 10px;}
.shoppingbagContent .productsBagCost .tab1 .inputContent input {border: 1px solid #ccc; padding: 1px; color: #3a3a3a; width: 204px;}
.shoppingbagContent .productsBagCost .tab1 .inputContent input:focus {border: 1px solid #3a3a3a;}
.shoppingbagContent .productsBagCost .tab1 .buttonContent {padding-top: 10px;}
.shoppingbagContent .productsBagCost .tab1 .buttonContent .button {float: left; background: #00a3b4; color: #fff; padding:5px 10px; cursor: pointer; }
.shoppingbagContent .productsBagCost .tab1 .buttonContent .button:hover { background: #00a3b4; }
.shoppingbagContent .productsBagCost .tab2 {display: inline-block; float: right; margin-top: 10px; width: 207px; padding: 10px; border: 3px solid #ccc; background-color: #eee;}
.shoppingbagContent .productsBagCost .tab2 div .lft2 {float: left; width: 127px; text-align: right; padding-right: 20px; }
.shoppingbagContent .productsBagCost .tab2 div .rgt2 {float: right; }
.shoppingbagContent .accountBox {margin-top: 50px;}
.shoppingbagContent .accountBox .content {border: 5px solid #eee; max-width: 690px; margin: auto auto;}
.shoppingbagContent .accountBox .content .tab .title {  margin: 20px 20px 0px 20px; }
.shoppingbagContent .accountBox .content .tab .desc {margin: 0px 20px 0px 20px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
.shoppingbagContent .accountBox .content .tab .buttonContinue {margin: 20px 20px 20px 20px; float: right;}
.shoppingbagContent .accountBox .content .tab .buttonContinue a {background: #00a3b4; color: #fff;  padding:5px 10px; float: left; text-decoration: none; }
.shoppingbagContent .accountBox .content .tab .buttonContinue a:hover {background: #00a3b4;}
.shoppingbagContent .accountBox .content .tab .buttonProceed {margin: 20px 20px 20px 20px;}
.shoppingbagContent .accountBox .content .tab .buttonProceed a {background: #00a3b4; color: #fff;  padding:5px 10px; float: left; text-decoration: none; }
.shoppingbagContent .accountBox .content .tab .buttonProceed a:hover {background: #00a3b4;}
.shoppingbagContent .accountBox .content .tab1 {float: left; width: 49%;}
.shoppingbagContent .accountBox .content .tab1 .title { margin: 20px 20px 0px 20px; }
.shoppingbagContent .accountBox .content .tab1 .desc {margin: 0px 20px 0px 20px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
.shoppingbagContent .accountBox .content .tab1 .button {margin: 20px 20px 20px 20px;}
.shoppingbagContent .accountBox .content .tab1 .button a {background: #00a3b4; color: #fff;  padding:5px 10px; float: left; text-decoration: none; }
.shoppingbagContent .accountBox .content .tab1 .button a:hover {background: #00a3b4;}

.shoppingbagContent .accountBox .content .tab2 {float: right; width: 49%;}
.shoppingbagContent .accountBox .content .tab2 .title { margin: 20px 20px 0px 20px; }
.shoppingbagContent .accountBox .content .tab2 .desc { margin: 0px 20px 0px 20px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
.shoppingbagContent .accountBox .content .tab2 .inputtitle { margin: 10px 20px 0px 20px; }
.shoppingbagContent .accountBox .content .tab2 .inputs {margin: 2px 20px 0px 20px;}
.shoppingbagContent .accountBox .content .tab2 .inputs input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shoppingbagContent .accountBox .content .tab2 .inputs input:focus {border: 1px solid #3a3a3a;}
.shoppingbagContent .accountBox .content .tab2 .info {color: #00a3b4;  margin: 10px 20px 0px 20px; padding: 0px 0 10px 0; border-bottom: 1px solid #ccc; }
.shoppingbagContent .accountBox .content .tab2 .forgotButton {margin: 10px 20px 0px 20px;}
.shoppingbagContent .accountBox .content .tab2 .forgotButton a { text-decoration: none; }
.shoppingbagContent .accountBox .content .tab2 .forgotButton a:hover {}
.shoppingbagContent .accountBox .content .tab2 .continueButton {margin: 20px 20px 20px 0px; float: right;}
.shoppingbagContent .accountBox .content .tab2 .continueButton a {background: #00a3b4; color: #fff;  padding:5px 10px; float: left; text-decoration: none; }
.shoppingbagContent .accountBox .content .tab2 .continueButton a:hover {background: #00a3b4;}
.shoppingbagContent .accountBox .content .tab2 .loginproceedButton {margin: 20px 20px 20px 20px;}
.shoppingbagContent .accountBox .content .tab2 .loginproceedButton .button {background: #00a3b4; color: #fff;  padding:5px 10px; cursor: pointer; }
.shoppingbagContent .accountBox .content .tab2 .loginproceedButton .button:hover {background: #00a3b4;}

.shoppingbagContent .buttonContainer {padding-top: 10px; float: right; padding-right: 0px; padding-bottom: 10px;}
.shoppingbagContent .buttonContainer input {background: #00a3b4; color: #fff; padding:10px; border: 0;  cursor: pointer; }
/* SHOPPING BAG CONTENT */

/* SHIPPING CONTENT */
.shippingContent { margin: auto auto; padding: 48px 10px 0 10px; max-width: 980px; }
.shippingContent .emptyCart {}
.shippingContent .content {border: 3px solid #eee; padding: 20px; background-color: #fff;}
.shippingContent .content .tab1 {float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #ccc; padding: 0 20px 0 0;}
.shippingContent .content .tab1 .title { }
.shippingContent .content .tab1 .title .info {color: #00a3b4; }
.shippingContent .content .tab1 .block1 {margin-top: 20px;}
.shippingContent .content .tab1 .block1 .tab11 {float: left; width: 49%;}
.shippingContent .content .tab1 .block1 .tab11 .info {color: #00a3b4; }
.shippingContent .content .tab1 .block1 .tab12 {float: right; width: 49%;}
.shippingContent .content .tab1 .block1 .tab12 .info {color: #00a3b4; }
.shippingContent .content .tab1 .block2 {margin-top: 5px;}
.shippingContent .content .tab1 .block2 .tab13 {float: left; width: 49%;}
.shippingContent .content .tab1 .block2 .tab13 input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab1 .block2 .tab14 {float: right; width: 49%;}
.shippingContent .content .tab1 .block2 .tab14 input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab1 .fieldName {margin-top: 10px;}
.shippingContent .content .tab1 .fieldName .info {color: #00a3b4; }
.shippingContent .content .tab1 .fieldInput {margin-top: 5px;}
.shippingContent .content .tab1 .fieldInput input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab1 .fieldInput .select {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab1 .registerBox {border: 1px solid #ccc; padding: 10px; margin-top: 20px;}
.shippingContent .content .tab1 .registerBox .title { }
.shippingContent .content .tab1 .registerBox .text { margin-top: 10px;}
.shippingContent .content .tab1 .registerBox .inputContent {margin-top: 5px;}
.shippingContent .content .tab1 .registerBox .inputContent input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab1 .memberInfo {margin-top: 10px;}
.shippingContent .content .tab1 .memberInfo .text {margin-top: 10px; }

.shippingContent .content .tab2 {float: right; width: 50%; box-sizing: border-box; padding: 0 0 0 20px;}
.shippingContent .content .tab2 .title { }
.shippingContent .content .tab2 .selectContent {padding-top: 38px;}
.shippingContent .content .tab2 .selectContent .select {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box; max-width: 246px;}
.shippingContent .content .tab2 .textareaContent {margin-top: 20px;}
.shippingContent .content .tab2 .textareaContent textarea {border: 1px solid #ccc; font-size: 12px; padding: 10px; width: 100%; box-sizing: border-box; height: 100px;}
.shippingContent .content .tab2 .otherAddress {display: none; margin-top: 11px;}
.shippingContent .content .tab2 .otherAddress .block3 .tab21 {float: left; width: 49%;}
.shippingContent .content .tab2 .otherAddress .block3 .tab21 .info { color: #00a3b4; }
.shippingContent .content .tab2 .otherAddress .block3 .tab22 {float: right; width: 49%;}
.shippingContent .content .tab2 .otherAddress .block3 .tab22 .info { color: #00a3b4; }
.shippingContent .content .tab2 .otherAddress .block4 {margin-top: 5px;}
.shippingContent .content .tab2 .otherAddress .block4 .tab23 {float: left; width: 49%;}
.shippingContent .content .tab2 .otherAddress .block4 .tab23 input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab2 .otherAddress .block4 .tab24 {float: right; width: 49%;}
.shippingContent .content .tab2 .otherAddress .block4 .tab24 input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab2 .otherAddress .fieldName {margin-top: 10px;}
.shippingContent .content .tab2 .otherAddress .fieldName .info {color: #00a3b4; }
.shippingContent .content .tab2 .otherAddress .fieldInput {margin-top: 5px;}
.shippingContent .content .tab2 .otherAddress .fieldInput input {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}
.shippingContent .content .tab2 .otherAddress .select {border: 1px solid #ccc; padding: 1px; width: 100%; box-sizing: border-box;}

.shippingContent .content .tab3 {float: left; width: 450px; border-right: 1px solid #ccc; padding: 20px 20px 20px 0; margin-right: 20px;}
.shippingContent .content .tab3 .title { }
.shippingContent .content .tab3 .block {padding: 15px 0 0 0;}
.shippingContent .content .tab3 .block .each {margin-top: 5px;}
.shippingContent .content .tab3 .block .each .tab31 {float: left; width: 25px;}
.shippingContent .content .tab3 .block .each .tab32 {float: left; width: 343px; padding-top: 2px;}
.shippingContent .content .tab3 .block .each .tab32 span {cursor: pointer; }
.shippingContent .content .tab3 .block .each .bankTransferMoreText {cursor: pointer; display: none; margin-top: 5px;}
.bankTransferMore {  text-decoration: underline; }

.shippingContent .content .tab4 {float: left; width: 443px; padding-top: 20px;}
.shippingContent .content .tab4 .title { }
.shippingContent .content .tab4 .textareaContent {margin-top: 20px;}
.shippingContent .content .tab4 .textareaContent textarea {border: 1px solid #ccc; padding: 1px; width: 439px; height: 100px;}

.shippingContent .buttonContent {margin-top: 20px; float: right;}
.shippingContent .buttonContent input {background: #00a3b4; color: #fff; padding:10px; border: 0;  cursor: pointer; }
/* SHIPPING CONTENT */

/* SIMPLE PAGE CONTENT */
.simplePageContent { margin: auto auto; padding: 48px 0 0 0; width: 980px; min-height: 350px; }
.simplePageContent .title { }
.simplePageContent .text { padding-top: 10px;  }
/* SIMPLE PAGE CONTENT */

.checkoutSteps { max-width: 980px; margin: auto auto; padding: 10px 10px 0 10px; }
.checkoutSteps div { display: inline-block; width: 33.33%; padding: 5px 5px; color: #000; border: 1px solid #000; background-color: #fff; box-sizing: border-box;}
.checkoutSteps div span.numberStep { display: inline-block; padding: 5px; background: #000; color: #fff; font-weight: 600;}
.checkoutSteps div.active span.numberStep { background: #00a3b4; color: #fff; }
.checkoutSteps div span.titleStep { display: inline-block; padding: 5px; font-weight: 600; padding-left: 10px;}
.checkoutSteps div.active span.titleStep { color: #00a3b4; }

.pagination { float: right; }
.PagingContainer2 {font-size: 14px;color: #fff;font-weight: 600;text-decoration: none;}
/* ---------------------- Pagination -------------------*/
.pagination2 {display:block;clear:both;z-index:3;}
.pagination2 span, .pagination2 a {float:left; margin: 0 0 0 10px; text-decoration:none; text-align: center; font-size: 14px;color: #fff;font-weight: 600;}
.pagination2 .paglink {line-height:12px;text-decoration:none;border: 0px;cursor: pointer;}
.pagination2 .paglink:hover {}
.pagination2 a:hover {color: #008085; text-decoration: none;}
.pagination2 .current {color:#008085; text-decoration: none;}
.pagination2 .disabled {padding:0;}
.pagination2 .thetext {padding:0;}

@media only screen and (max-width:999px){
.headerContent .greyBar .width980px .menuContent ul li a { padding-left: 10px; padding-right: 10px; }
.companyContent { padding-left: 10px; padding-right: 10px; }
.brandsContent { padding-left: 10px; padding-right: 10px; }
.newsContent { padding-left: 10px; padding-right: 10px; }
.newContent { padding-left: 10px; padding-right: 10px; }
.contactContentDown { padding-left: 10px; padding-right: 10px; }
.productsContent { padding-left: 10px; padding-right: 10px; }
.productContent { padding-left: 10px; padding-right: 10px; }
.makeanorderContent { padding-left: 10px; padding-right: 10px; }

.contactContentTitle .contactTitle .leftBorder { display: none; }
.contactContentTitle .contactTitle .theTitle { float: none; margin-left: auto; margin-right: auto; }
.contactContentTitle .contactTitle .rightBorder { display: none; }

.makeanorderContent .prodsBoxTitles { float: left; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsBoxTitles ul li { float: none; width: 100%; border-left: 1px solid #cecece; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.makeanorderContent .prodsBoxTitles ul li:first-child { width: 100%; }
.makeanorderContent .prodsBoxTitles ul li:last-child { width: 100%; }
.makeanorderContent .prodsBoxTitles .clear { display: none; }

.makeanorderContent .prodsBoxLines { float: left; width: 75%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 0; }
.makeanorderContent .prodsBoxLines ul { width: 33.33%; float: left; border-top: 1px solid #cecece; }
.makeanorderContent .prodsBoxLines ul li { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #cecece; border-left: 0; }
.makeanorderContent .prodsBoxLines ul li input { width: 100%; }
.makeanorderContent .prodsBoxLines ul li.remove { background: url(images/iconDelete.png) no-repeat center center; width: 100%; }
.makeanorderContent .prodsBoxLines ul li:first-child { width: 100%; }
.makeanorderContent .prodsBoxLines ul li:last-child { width: 100%; }
.makeanorderContent .prodsBoxLines .clear { display: none; }

/* MYACCOUNT CONTENT */
.myaccountContent .rightContent .box2 .content .tab3 {float: none; width: 100%;}
.myaccountContent .rightContent .box2 .content .tab4 {float: none; width: 100%; margin-top: 20px; }
/* MYACCOUNT CONTENT */
}

@media only screen and (max-width:979px){
.homepageContent .newtabs .newProds { float: none; width: 100%; }
.homepageContent .newtabs .newProds .ttl { text-align: center; }
.homepageContent .newtabs .tabsContent { float: none; width: 100%; }
.homepageContent .newtabs .tabsContent .recTab_menu { float: none; }

ul.recTabs { width: 100%; }
ul.recTabs li { float: left; width: 50%; }
.recTab_container {float: none; width: 100%; height: auto; background: #fff; }

.footerContent .leftContent .column1 { float: left; width: 23.33%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 10px; }
.footerContent .leftContent .column2 { float: left; width: 43.33%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 10px; }
.footerContent .leftContent .column3 { float: right; width: 33.33%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.footerContent .leftContent .seperator { display: none; }
}

@media only screen and (max-width:768px){
.headerContent .greyBar .width980px .menuContent { display: none; }
.headerContent .greyBar .width980px .mob-menu-toggleC { display: block; }

.homepageContent .prodCategories .label a { background-position: top 0 center; padding-top: 115px; padding-bottom: 10px; }

.footerContent .leftContent { float: none; width: 100%; margin-right: 0; height: auto; }
.footerContent .leftContent .ins { padding-right: 0; }
.footerContent .leftContent .label { /*right: 0;*/ display: none; }
.footerContent .leftContent .column1 .menu { padding-left: 10px; }
.footerContent .rightContent { float: none; width: 100%; height: auto; }
.footerContent .rightContent .ins { max-width: 140px; margin: auto auto; }
.footerContent .rightContent .athens { padding: 20px 0 10px 0; }
.footerContent .rightContent .salonika { padding: 10px 0 20px 0; }

.companyContent .seperatorH { margin: 30px 0; }
.companyContent .underContent .leftContent { float: none; width: 100%; max-width: 270px; margin: auto auto; }
.companyContent .underContent .leftContent .gallery270 { padding-right: 0; border-right: 0; }
.companyContent .underContent .centerContent { float: none; width: 100%; padding-left: 0; margin-top: 30px; text-align: center; }
.companyContent .underContent .centerContent .pdf a { margin: auto auto; }
.companyContent .underContent .rightContent { float: none; width: 100%; max-width: 282px; margin: 30px auto 0 auto; }

.brandsContent .brandsList ul li { padding-left: 30px; padding-right: 30px; width: 50%; }

.newsList ul li { width: 48%; }

.newContent .newImage { float: none; width: 100%; max-width: 488px; margin: auto auto; }
.newContent .newDetails { float: none; width: 100%; text-align: center; }

.contactContentDown .leftContent { float: none; margin-right: 0; max-width: 720px; margin: auto auto; }
.contactContentDown .leftContent .ins { padding-right: 0; }
.contactContentDown .rightContent { float: none; width: 100%; max-width: 260px; height: 382px; margin: 20px auto 0 auto; }

.topMenu .rainLink { float: none; width: 100%; }
.topMenu .sunLink { float: none; width: 100%; margin-top: 1px; background: url(images/productsTopMenuBG1px.png) repeat-x 0 0; }
.topMenu .moreLink { float: none; width: 100%; margin-top: 1px; background: url(images/productsTopMenuBG1px.png) repeat-x 0 0; }

.productsList ul { margin-left: 0; margin-right: 0; }
.productsList ul li { float: none; width: 100%; margin-left: 0; margin-right: 0; }
.productsList ul li:nth-child(2) { margin-top: 20px; }

.productContent .mainContent .productDetails .insideContent .leftContent { float: none; width: 100%; }
.productContent .mainContent .productDetails .insideContent .rightContent { float: right; width: 100%; border-left: 0; margin-top: 30px; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .also { float: none; width: 100%; text-align: center; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .also .ins2 { max-width: 202px; margin: auto auto; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .match { float: none; width: 100%; margin-top: 30px; text-align: center; }
.productContent .mainContent .productDetails .insideContent .rightContent .alsomatch .match .ins2 { max-width: 202px; margin: auto auto; }
.productContent .mainContent .productDetails .insideContent .rightContent .recently { text-align: center; }

.makeanorderContent .prodsList div.box { width: 50%; }

/* LOGIN CONTENT */
.loginContent { padding-top: 30px; }
.loginContent .lft { float: none; width: 100%; min-height: auto; }
.loginContent .rgt { float: none; width: 100%; margin-top: 20px; min-height: auto; }
/* LOGIN CONTENT */

/* REGISTER CONTENT */
.createaccountContent { padding-top: 30px; }
.createaccountContent .lft { float: none; width: 100%; min-height: auto; }
.createaccountContent .rgt { float: none; width: 100%; margin-top: 20px; min-height: auto; }
/* REGISTER CONTENT */

/* FORGOT */
.forgotpasswordContent { padding-top: 30px; }
/* FORGOT */

/* MYACCOUNT CONTENT */
.myaccountContent { padding-top: 30px; }
.leftmenuMember { float: none; width: 100%; }
.myaccountContent .rightContent { float: none; margin-left: 0; }
.myaccountContent .rightContent .ins { padding-left: 0; }
/* MYACCOUNT CONTENT */

/* EDITACCOUNT CONTENT */
.accounteditContent { padding-top: 30px; }
.accounteditContent .rightContent {float: none; margin-left: 0;}
.accounteditContent .rightContent .ins {padding-left: 0;}
.accounteditContent .rightContent .box .content .tab3 {width: 100%; float: none;}
.accounteditContent .rightContent .box .content .tab4 {width: 100%; float: none;}
/* EDITACCOUNT CONTENT */

/* FAVORITES */
.favoritesContent { padding-top: 30px; }
.favoritesContent .rightContent {float: none; margin-left: 0;}
.favoritesContent .rightContent .ins {padding-left: 0;}
.favoritesContent .rightContent .box  ul li .favitem .imageContent { width: 100px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText { margin-left: -100px; }
.favoritesContent .rightContent .box  ul li .favitem .imageText .ins2 { padding-left: 110px; }
/* FAVORITES */

/* MY ORDERS CONTENT */
.myordersContent .rgt {float: none; margin-left: 0; margin-top: 20px;}
.myordersContent .rgt .ins {padding-left: 0;}
/* MY ORDERS CONTENT */

.shippingContent { padding-top: 30px; }
.shippingContent .content .tab1 {float: none; width: 100%; border-right: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; padding-right: 0;}
.shippingContent .content .tab2 {float: none; width: 100%; padding-left: 0; padding-top: 20px; }
.shippingContent .content .tab2 .selectContent {padding-top: 20px;}
}

@media only screen and (max-width:767px){
/* MY ORDERS CONTENT */
.myordersContent .rgt .box .orderItem .orderImage {width: 82px; }
.myordersContent .rgt .box .orderItem .rgt2 {margin-left: -82px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 { padding-left: 92px;}
/* MY ORDERS CONTENT */

.shoppingbagContent { padding-bottom: 0; }
.shoppingbagContent .accountBox { margin-top: 20px; }
.shoppingbagContent .accountBox .content .tab1 {float: none; width: 100%; }
.shoppingbagContent .accountBox .content .tab2 {float: none; width: 100%; margin-top: 20px;}

.checkoutSteps div { display: block; width: 100%; margin-bottom: 1px;}
}

@media only screen and (max-width:640px){
.shoppingbagContent .titles .tab1 { float: none; margin-right: 0; }
.shoppingbagContent .titles .tab1 .ins { padding-right: 0; }
.shoppingbagContent .titles .tab2 { display: none; }
.shoppingbagContent .productsBag .productBag .tab1 { float: none; margin-right: 0; }
.shoppingbagContent .productsBag .productBag .tab1 .ins2 { padding-right: 10px; }
.shoppingbagContent .productsBag .productBag .tab2 { float: none; width: 100%; margin-top: 10px; }
.shoppingbagContent .productsBag .productBag .tab2 .tabIns { width: 33.33%; }
.shoppingbagContent .productsBag .productBag .tab2 .tabIns span { display: block; }
.shoppingbagContent .productsBagCost { text-align: center; }
.shoppingbagContent .productsBagCost .tab1 { display: block; }
.shoppingbagContent .productsBagCost .tab1 .buttonContent { text-align: center; }
.shoppingbagContent .productsBagCost .tab1 .buttonContent .button { float: none; display: inline-block; }
.shoppingbagContent .productsBagCost .tab2 { display: block; float: none; margin: 20px auto 0 auto; }
}

@media only screen and (max-width:560px){
.headerContent .barBlue .rightContent .search { max-width: 228px; }

.footerContent .leftContent .column1,
.footerContent .leftContent .column2,
.footerContent .leftContent .column3 { float: none; width: 100%; margin-top: 10px; margin-bottom: 20px; text-align: center; padding-left: 10px; }
.footerContent .leftContent .column3 { padding-right: 10px; }
.footerContent .leftContent .column1 .menu { padding-left: 0; }

.copy .width980px .copyText { float: none; text-align: center; }
.copy .width980px .copyNetplanet { float: none; margin-top: 8px; }
.copy .width980px .copyNetplanet img { display: block; margin: auto auto; }

.leftMenuInsContent { float: none; width: 100%; position: relative; }

.productContent .mainContent .productDetails { float: none; margin-left: 0; margin-top: 20px; }
.productContent .mainContent .productDetails .ins { padding-left: 0; }
}

@media only screen and (max-width:480px){

.headerContent .whiteBar .width980px { }
.headerContent .whiteBar .width980px .langs { float: none; text-align: center; }
.headerContent .whiteBar .width980px .b2blogin { float: none; margin-left: 0; padding-left: 0; padding-right: 0; border-left: 0; height: auto; line-height: normal; text-align: center; }
.headerContent .whiteBar .width980px .b2blogin a { display: block; padding: 5px; border-bottom: 1px solid #fff; }
.headerContent .whiteBar .width980px .b2blogin span { display: none; }


.headerContent .barBlue .buttonsContent { float: none; padding-top: 20px; }
.headerContent .barBlue .buttonsContent ul li a { margin: auto auto; }
.headerContent .barBlue .rightContent { float: none; text-align: center; padding-bottom: 20px; }
.headerContent .barBlue .rightContent .socials { padding-top: 20px; text-align: center; }

.homepageContent .prodCategories { padding-top: 1px; }
.homepageContent .prodCategories .rain { float: none; width: 100%; }
.homepageContent .prodCategories .rain .ins { padding-right: 0; }
.homepageContent .prodCategories .sun { float: none; width: 100%; margin-top: 1px; }
.homepageContent .prodCategories .sun .ins { padding-left: 0; }

.brandsContent .brandsList ul li { padding-left: 0; padding-right: 0; width: 100%; }

.newsList ul { margin-left: 0; margin-right: 0; }
.newsList ul li { width: 100%; margin-left: 0; margin-right: 0; }

.contactContentDown .leftContent .leftContentDetails { float: none; width: 100%; text-align: center; padding-top: 10px; }
.contactContentDown .leftContent .leftContentMap { float: none; width: 100%; margin-left: 0; margin-top: 20px; }
.contactContentDown .leftContent .leftContentMap .ins2 { padding-left: 0; }

.brandContent .leftMenu { float: none; width: 100%; }
.leftMenuContent { float: none; width: 100%; text-align: center; }
.leftMenuContent ul li a { padding-left: 0; }
.leftMenuContent ul li a:hover,
.leftMenuContent ul li a.active { background: none; color: #fff; }
.productsList { float: none; width: 100%; margin-left: 0; text-align: center; margin-top: 10px; }
.productsList .ins { padding-left: 0; }

.makeanorderContent .prodsList div.box { float: none; width: 100%; }

.forgotpasswordContent .centerBox .buttonsContent .links { float: none; }
.forgotpasswordContent .centerBox .buttonsContent .button { float: none; margin-top: 10px; }
}

@media only screen and (max-width:479px){
/* MY ORDERS CONTENT */
.myordersContent .rgt .box .orderStatus {float: none; margin-top: 5px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .orderDetails { float: none; width: 100%;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 { float: none; width: 100%; margin-top: 20px;}
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 .orderQuantity,
.myordersContent .rgt .box .orderItem .rgt2 .ins2 .rgt3 .orderPrice {float: left; text-align: left;}
/* MY ORDERS CONTENT */
}

@media only screen and (max-width:420px){
.headerContent .greyBar .width980px .logoContent { float: none; padding: 15px 10px 0 10px; }
.headerContent .greyBar .width980px .logoContent a img { display: block; max-width: 100%; margin: auto auto; }
.headerContent .greyBar .width980px .mob-menu-toggleC { float: none; text-align: center; padding-bottom: 15px; }
.headerContent .greyBar .width980px .mob-menu-toggle { display: inline-block; vertical-align:top; height: auto; border-left: 0; padding: 0 0 0 36px; margin-top: 0; }
}