/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
	html, body, div, span, 
	h1, h2, h3, h4, h5, h6,
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	textarea { overflow:auto; }
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
	}

/* CMS styling */
body { 
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
	color:#3a3a3a;
	/*background:top center no-repeat;*/
}

.t9 { font-size:9px }
.t10 { font-size:10px }
.t11 { font-size:11px }
.t12 { font-size:12px }
.t13 { font-size:13px }
.t14 { font-size:14px }
.t16 { font-size:16px }
.t18 { font-size:18px }
.t19 { font-size:19px }
.t20 { font-size:20px }
.t22 { font-size:22px }
.t24 { font-size:24px }
.t26 { font-size:26px }
.t32 { font-size:32px }

.white { color:#FFF; }
.red { color:#F00; }
.orange { color:#F60 }
.black { color:#000; }
.gray { color:#4b4b4b; }
.green {color:#aed664}
.pink {color:#d4127b}

h1 {font-size:18px; padding:0; margin:0; font-weight:normal}
h2 {font-size:16px; padding:0; margin:0 }
h3 {font-size:14px; display:inline }

.bold { font-weight:bold }
.underline { text-decoration:underline }
.no-underline { text-decoration:none }

.breadcrumbs div {display:inline-block; margin-bottom:15px;}
.breadcrumbs div а {color:#CCC; font-size:11px;}

a, a:hover { color:#363534; text-decoration:none; }
img { border:0px; }

.input { color:#999; padding:5px }
.input_select { color:#333; padding:5px }

.fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px;	color:#3b3b3b;}
.contact_form {width:450px}
.contact_form input { border:1px solid #CCC; background-color:#FFF; font-size:13px; height:25px; color:#2c2c2c; padding-left:7px; width:350px}
.contact_form textarea { border:1px solid #CCC; background-color:#FFF; font-size:13px; color:#2c2c2c; padding-left:7px; width:350px; height:100px}

.contact_form_btn { border:0; background-color:#91d500; font-size:12px; height:30px; width:100px; color:#FFF; cursor:pointer;  border-radius:5px; -moz-border-radius:5px; -webkit-appearance: none;}

#msg { display:none; position:absolute; z-index:200; background:#e8e8e8; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #F60; border-left:none; padding:5px; min-width:150px; max-width:250px}

.ok_mess { padding:5px 20px; margin:5px; background-color:#fbf2e7; border:1px solid #c6b29c; color:#44150b; font-weight:bold}
.bad_mess { padding:5px 20px; margin:5px; background-color:#fbf2e7; border:1px solid #c6b29c; color:#FF0000; font-weight:bold}

#my_table { border-collapse: collapse; }
#my_table td { border: 1px solid #CCC; padding:3px 6px;}
#my_table th { border: 1px solid #CCC; background-color:#e9e9e9; padding:8px 6px;}
#my_table td p {padding:0; margin:0}

#wrapper {position:relative; margin:0; padding:0; background: #FFF center 0 repeat-x}
#wrapper_inside {position:relative; margin:0; padding:0; background: #FFF}

header {position:relative; margin:0 auto; width:100%; height:503px; background:top center no-repeat}
header.inside {position:relative; margin:0 auto; width:100%; height:330px; background:top center no-repeat}

#header_content {position:relative; margin:0 auto; width:1000px;}

.banner_container {position:absolute; top:204px; left:0; width:100%}
.banner_container_inside {position:absolute; top:170px; left:0; width:100%}

.banner_1 { position:absolute; top:0; left:0; width:630px; height:280px }
.banner_2 { position:absolute; top:0; left:664px; width:336px; height:280px }

main {position:relative; margin:0 auto; width:1000px; }
main ul li {list-style:inside; padding:0 0 0 20px}

footer {position:relative; margin:o auto; background:center top repeat-x;}
#footer_content {position:relative; margin:0 auto; width:1000px; height:285px; }
#footer_content ul li{list-style:inside;}

.on {display:block;}
.off {display:none;}

.border-radius { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.border-radius-5 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.top_radius { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.bottom_radius { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ position:absolute; top:110px; left:0; height:50px; width:1000px; background-color:#d4127b; font-family:Tahoma, Geneva, sans-serif; padding:0 10px}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:99}
.sf-menu { text-transform:uppercase;}
.sf-menu ul li { width: 100%;	border: 0; display:inline;	float:left;}
.sf-menu ul { position: absolute;	display: block;	padding: 0;	margin: 0;} 
.sf-menu ul a { width: 210px; padding: 0 10px;  height: 32px; line-height: 32px; background:#55627f;}
.sf-menu li ul li a { padding: 0 15px; font-size:12px; text-align:left; color:#FFF }
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {	position: relative;	float: left;	display:inline-block; background-color:#d4127b;}
.sf-menu li a {	display:inline-block; text-align:center; float:left; color:#FFF; font-size:14px; font-weight:500; padding:16px 20px; margin:0;  }

.sf-menu li a:hover, .sf-menu li.sfHover a {	color:#FFF; background:#b50e69; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {	left: 0; top: 49px; z-index: 99; box-shadow: 1px 1px 5px #676055; }
.sf-menu li:hover li ul,.sf-menu li.sfHover li ul {	top: 26px; width: 200px; }
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;	padding: 0 10px; }
.sf-menu ul li a:hover {  background-color:#e03793 }
/* ------------------------------------  END TOP MENU --------------------------------------*/

#logo {position:absolute; top:22px; left:10px;}

#search { position:absolute; top:62px; left:664px; height:31px; width:336px; padding:0; margin:0; text-align:right; }
#search_form { display:block; height:31px }
#search_string { background-color:#FFF; border:1px solid #CCC; font-size:12px; height:33px; width:235px; padding:3px 0 3px 5px; float:left }
#search_btn { background-color:#55627f; color:#FFF; border:0; height:33px; width:90px; cursor:pointer; padding:7px 10px; margin:0 }

.product {display:inline; position:relative; float:left; width: 197px; height:212px; padding:0; margin:0 19px 10px 0; text-align:center}
.product_last {display:inline; position:relative; float:left; width: 197px; height:212px;  padding:0; margin:0 0 10px 0;  text-align:center}
.pr_img {padding:0; border:1px solid #CCC}
.pr_name {height:35px; font-size:14px; width:100%; text-align:center; padding-top:3px;}

.image-box {width:325px; float:left;}


#right_column .product {position:relative; float:left; width: 100%; height:auto; padding:0 5px; margin:0 0 10px 0; text-align:left; clear:both; }
#right_column .product:nth-child(odd) {position:relative; float:left; width: 100%; height:auto; padding:0 5px 5px 5px; margin:0 0 10px 0; text-align:left; background-color:#fafafa; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin:5px 0}


#right_column .pr_img {padding:0; border:1px solid #CCC; margin:7px 7px 0 0; float:left; }
#right_column .pr_name {font-size:14px; width:100%; height:auto; text-align:left; font-weight:bold; color:}
#right_column .pr_desc {font-size:12px; width:100%; text-align:left; padding-top:5px; color:#3a3a3a}


#right_column {float:right; width:336px; padding:20px 0}
#right_column ul li {list-style:none; padding:5px 0}
#left_column {float:left; top:0; width:630px; padding:20px 0 }
#left_column ul {list-style:inside; padding:5px 0 15px 15px; line-height:20px;}
#full_width {float:left; width:100%; padding:20px 0}

.article { position:relative; width:100%; padding:10px 5px; margin:0; clear:both}
.article_title {font-size:16px; text-align:left; margin-bottom:5px; color:#2ba3d6;}
.article_desc {text-align:left;}

.category {display:inline; position:relative; float:left; width: 197px; height:165px; margin:0 19px 10px 0; border:1px solid #e9e9e9; text-align:center}
.category_last {display:inline; position:relative; float:left; width: 197px; height:165px; margin:0 0 10px 0; border:1px solid #e9e9e9; text-align:center}

.title {padding:10px; margin-bottom:15px; background:#64802b url(/images/back_1.png) top right no-repeat; color:#FFF}

.title1 {padding:10px; margin-bottom:15px; background:#7a9f2f url(/images/back_1.png) top right no-repeat; color:#FFF}
.title2 {padding:10px; margin-bottom:15px; background:#2d7fcb url(/images/back_2.png) top right no-repeat; color:#FFF}
.title3 {padding:10px; margin-bottom:15px; background:#ebbd31 url(/images/back_1.png) top right no-repeat; color:#FFF}
.title4 {padding:10px; margin-bottom:15px; background:#de3232 url(/images/back_2.png) top right no-repeat; color:#FFF}
.title5 {padding:10px; margin-bottom:15px; background:#de2a7e url(/images/back_1.png) top right no-repeat; color:#FFF}

.title27 {padding:10px; margin-bottom:15px; background-color:#7a9f2f; color:#FFF}
.title28 {padding:10px; margin-bottom:15px; background-color:#2d7fcb; color:#FFF}
.title29 {padding:10px; margin-bottom:15px; background-color:#ebbd31; color:#FFF}
.title30 {padding:10px; margin-bottom:15px; background-color:#de3232; color:#FFF}
.title31 {padding:10px; margin-bottom:15px; background-color:#de2a7e; color:#FFF}


.page { padding:5px 10px; background-color:#ececec; border-radius:5px; }
.a_page { padding:5px 10px; background-color:#ececec; color:#F60; border-radius:5px; }
.footer_title { font-size: 18px; font-weight: normal; margin-bottom: 10px; color:#FFF; font:Verdana, Geneva, sans-serif}

.footer_info_1 {position:absolute; top:20px; left:0; width:200px; font-size:14px; line-height:20px}
.footer_info_2 {position:absolute; top:20px; left:200px; width:220px; font-size:14px; line-height:20px}
.footer_info_3 {position:absolute; top:20px; left:420px; width:210px; font-size:14px;  line-height:20px}
.footer_info_4 {position:absolute; top:20px; left:630px; width:200px; font-size:14px; line-height:18px}
.footer_info_5 {position:absolute; top:20px; left:830px; width:170px; font-size:14px; line-height:18px}

.footer_info_6 {position:absolute; top:255px; left:0; width:500px; font-size:12px; color:#FFF}
.footer_info_7 {position:absolute; top:255px; left:800px; width:200px; text-align:right; font-size:12px; color:#FFF}
.footer_info_7 a {color:#FFF}

.footer_info_1 .footer_title {color:#64802b}
.footer_info_2 .footer_title {color:#2d7fcb}
.footer_info_3 .footer_title {color:#ebbd31}
.footer_info_4 .footer_title {color:#de3232}
.footer_info_5 .footer_title {color:#55627f}

#footer_content ul li a {color:#555}

.hint {display:inline-block; vertical-align:top; margin-top: 0px;}

section {overflow:hidden; min-height:100%;}
#left_column img {max-width: 630px;}

/* ============ RESTORE OVERRIDES (missing bg images + mobile) ============ */
/* Missing decorative background images replaced with brand-matched fills */
#wrapper { background: #fff !important; }
#wrapper_inside { background: #fff !important; }
header,
header.inside {
  background: linear-gradient(160deg,#fdeef6 0%,#fbe3f0 55%,#f6d4e8 100%) !important;
  height: auto !important;
  min-height: 200px;
  padding-bottom: 70px;
}
footer {
  background: #55627f !important;
  color: #fff;
}
#msg { background: #e8e8e8 !important; }

/* Header content spacing so logo + nav are not clipped without the bg image height */
#header_content { padding-top: 18px; min-height: 170px; }
nav { top: 120px !important; }
#logo { top: 24px !important; }
.logo-h { margin: 0; }
.logo-h img { display:block; }

/* Hide dead/empty search remnants */
#search, #search_form { display: none !important; }
.x-dead { color: inherit; }

/* Keep article images tidy */
#left_column img, #full_width img, main img { max-width: 100%; height: auto; }
.article img { max-width: 100%; height: auto; }

/* ============ MOBILE-FIRST RESPONSIVE (TR/BG mobile traffic) ============ */
@media (max-width: 1040px) {
  #header_content, main, #footer_content, .banner_container, .banner_container_inside { width: 100% !important; }
  #left_column, #right_column, #full_width { float: none !important; width: 100% !important; padding: 16px 12px !important; }
  main { padding: 0 0 24px !important; }
  body { font-size: 16px; }
}
@media (max-width: 820px) {
  header, header.inside { min-height: 150px; padding-bottom: 10px; }
  nav { position: static !important; width: 100% !important; height: auto !important; top: auto !important;
        padding: 6px 8px !important; border-radius: 0 !important; }
  .sf-menu { display: flex; flex-wrap: wrap; }
  .sf-menu li { float: none !important; display: block !important; }
  .sf-menu li a { padding: 12px 14px !important; min-height: 44px; line-height: 20px; font-size: 15px; }
  .sf-menu li:hover ul, .sf-menu li.sfHover ul { position: static !important; box-shadow: none !important; }
  .sf-menu ul a { width: auto !important; }
  #logo { position: static !important; padding: 12px; }
  #header_content { padding-top: 0; min-height: 0; }
  .product, .product_last, .category, .category_last {
    float: none !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 0 14px 0 !important; }
  .footer_info_1,.footer_info_2,.footer_info_3,.footer_info_4,.footer_info_5,.footer_info_6,.footer_info_7 {
    position: static !important; width: 100% !important; left: auto !important; top: auto !important;
    padding: 10px 14px; text-align: left !important; }
  #footer_content { height: auto !important; padding-bottom: 24px; }
  .image-box { float: none !important; width: 100% !important; }
}
@media (max-width: 480px) {
  body { font-size: 16px; }
  .article_title, h1 { font-size: 20px; }
  .sf-menu li a { font-size: 16px; }
}

/* ===== mobile overflow fixes (slider/banner containers) ===== */
html, body { overflow-x: hidden; max-width: 100%; }
@media (max-width: 1040px) {
  .banner_1, .banner_2, #slider-wrapper, #slider, .nivoSlider,
  .banner_container, .banner_container_inside {
    position: static !important; width: 100% !important; max-width: 100% !important;
    height: auto !important; left: auto !important; top: auto !important;
  }
  #slider, #slider-wrapper, .nivoSlider { display: none !important; }
  #search { display: none !important; }
}