/* Start Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* End Reset */

body { margin: 0; background: #fff url(../images/background.jpg) top center no-repeat; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #333; }

ul { margin: 0; padding: 0; }

.wrapper { position: relative; width: 960px; margin: 0 auto; }
.clearfix { clear: both; }
a img { border: none; }

#topmenu { background: transparent url(../images/menubg.png) top left repeat-x; height: 47px; min-width:960px;z-index: 9999; position: relative; }
/*#topmenu ul { display: inline-table; margin : 0; padding: 0; list-style: none; height: 47px; position: relative; }
#topmenu ul:after { clear: both; content: ""; display: block; }
#topmenu ul li { margin: 4px 0; padding: 0 20px; border-right: 1px solid #007a9f; display: block; float: left; line-height: 33px; }
#topmenu ul li a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; }
#topmenu ul li a:hover, #topmenu ul li.active a { color: #023b76; }
#topmenu ul.menu ul { background: blue; display: none; position: absolute; top: 100%; }
#topmenu ul.menu ul li { position: relative; display: block; height: 30px; float: none; }
#topmenu ul.menu li:hover ul { display: inline-table; }*/

#topmenu ul ul { display: none; -moz-box-shadow: 0px 0px 8px #333; -webkit-box-shadow: 0px 0px 8px #333; box-shadow: 0px 0px 8px #333;}
#topmenu ul li:hover > ul { display: block; }
#topmenu ul.menu { margin : 0; padding: 0; list-style: none; height: 47px; position: relative; }
#topmenu ul.menu li a { border-right: 1px solid #007a9f; padding: 0 12px; line-height: 41px; margin: 0; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
#topmenu ul.menu li:last-child a { border-right: none; }
#topmenu ul.menu ul li a { border-right: none; line-height: 32px; margin: 0; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
#topmenu ul { padding: 0 20px; border-radius: 10px; list-style: none; position: relative; display: inline-table; }
#topmenu ul:after { content: ""; clear: both; display: block; }
#topmenu ul li { float: left; }
#topmenu ul li:hover { background: #30c4ea url(../images/menuhoverbg.jpg) top left; }
#topmenu ul li:hover a { color: #fff; box-shadow:inset 0 0 7px #333; }
#topmenu ul li a { display: block; padding: 25px 20px; color: #757575; text-decoration: none; }
#topmenu ul ul { margin-top: -6px; border: 1px solid #2197bf; background: #30c4ea url(../images/menuhoverbg.jpg) top left;  border-radius: 0px; padding: 0; position: absolute; top: 100%; }
#topmenu ul ul li { float: none; position: relative; }
#topmenu ul ul li a { padding: 15px 40px; color: #fff; }
#topmenu ul li:hover li a { box-shadow: none; }
#topmenu ul ul li a:hover { color: #444; }

#stockwrap { position: absolute; top: 40px; left: 20px; overflow: hidden; }
#stockwrap iframe { width: 120px; overflow: hidden; height: 61px; }

#logo { z-index: 999; height: 114px; min-width:960px; margin-top: -14px; background: transparent url(../images/logobg.png) top center no-repeat; position: relative; }
#logo .wrapper { width: 702px; }
#logowrap { padding-top: 14px; width: 702px; height: 100px; text-align: center; }
#logowrap a { width: 166px; height: 80px; }

#slider { z-index: 99; height: 300px; position: relative; padding-bottom: 17px; background: transparent url(../images/slidershadow.png) bottom center no-repeat;}
#sliderwrap { overflow: hidden; height: 300px; margin-top: -45px; }

#main { }
#main.twocols #leftcol { margin-top: -22px; float: left; width: 270px; background: #7e8083 url(../images/leftmenubg.jpg) top left no-repeat; }
#main.twocols #leftcol .moduletable { padding: 40px 10px 30px; }
#main.twocols #leftcol .moduletable .custom{color:white; }
#main.twocols #leftcol .moduletable ul li { padding-left: 20px; }
#main.twocols #leftcol .moduletable ul li a { text-decoration: none; color: #fff; font-size: 14px; }
#main.twocols #leftcol .moduletable ul li.active, #main.twocols #leftcol .moduletable ul li.alias-parent-active { background: url(../images/menuli.png) top left no-repeat; }
#main.twocols #leftcol .moduletable ul li.active li, #main.twocols #leftcol .moduletable ul li li.active { background: none; }
#main.twocols #leftcol .moduletable ul li.active a, #main.twocols #leftcol .moduletable ul li.alias-parent-active a, #main.twocols #leftcol .moduletable ul li a:hover { text-decoration: none; color: #fff; font-size: 16px; font-weight: bold; }
#main.twocols #leftcol .moduletable ul li li a, #main.twocols #leftcol .moduletable ul li.active li a, #main.twocols #leftcol .moduletable ul li.alias-parent-active li a { text-decoration: none; color: #fff; font-size: 13px; font-weight: normal; }
#main.twocols #leftcol .moduletable ul li li a:hover, #main.twocols #leftcol .moduletable ul li li.active a { color: #43d3ff; font-size: 13px; font-weight: normal; }
#main.twocols #maincol { margin-top: -22px; float: right; width: 650px; }
/*#main.twocols #leftcol ul.latestnews li { background-position: 4px 4px !important; }
#main.twocols #leftcol ul.latestnews li a { font-size: 16px !important; font-weight: normal !important; line-height: 25px; }*/
.empty #main { padding: 10px 0; margin: 0 !important; }

#product-line-group .prlg-leftcol { margin-top: -22px; float: left; width: 270px; background: url(../images/leftprlgbg.png) top left no-repeat; min-height: 470px; }
#product-line-group .prlg-rightcol { margin-top: -22px; float: right; width: 650px; }
#product-line-group .prlg-leftcol .prlgtitle { height: 44px; position: relative; padding: 20px 24px 10px 24px; margin-bottom: 20px; }
#product-line-group .prlg-leftcol .targetgroupcat h3 { padding-left: 30px; cursor: pointer; line-height: 28px; }
#product-line-group .prlg-leftcol .targetgroupcat h3.active { font-weight: bold; background: url(../images/menuli.png) 12px 8px no-repeat; }
#product-line-group .prlg-leftcol .prlgtitle h3 { position: absolute; bottom: 10px; font-size: 16px; color: #fff; font-weight: bold; padding: 0; margin: 0; }
#product-line-group .prlg-leftcol ul { margin: 2px 20px 6px 50px; font-weight: normal; color: #070707; font-size: 14px; }
#product-line-group .prlg-leftcol ul li { cursor: pointer; }
#product-line-group .prlg-leftcol ul li.active { font-weight: bold; color: #0ca5cd; }
#product-line-group .articleWrap { background: url(../images/boxshadowsmall.png) center bottom no-repeat; }
#product-line-group .articleWrap .articlebotbg { padding: 20px; }
#product-line-group .product-linegroup-list { width: 536px; margin: 0 auto; }
#product-line-group #thebrandmainul li { cursor: pointer; }
#product-line-group #linegroupdetails { padding-left: 10px; }
#product-line-group #linegroupdetails .own { display: block; width:37px; height: 37px; background: url(../images/prod_logo_brand_own.png) top left no-repeat; margin: 0 0 13px 4px; }
#product-line-group #linegroupdetails .world { display: block; width:37px; height: 37px; background: url(../images/prod_logo_brand_world.png) top left no-repeat; margin: 0 0 13px 4px; }
#product-line-group #linegroupdesc { font-size: 12px; color: #231f20; line-height: 12px; margin-bottom: 10px; }
#product-line-group #linegroupsocial { width: 30px; height: 186px; background: url(../images/ytfbbg.png) center right no-repeat; position: relative; }
#product-line-group #linegroupsocial a.youtube { position: absolute; background: url(../images/ytbtn.png); width: 28px; height: 30px; top: 53px; right: 0; }
#product-line-group #linegroupsocial a.facebook { position: absolute; background: url(../images/fbbtn.png); width: 28px; height: 30px; top: 92px; right: 0; }
#product-line-group #linegroupdetails #showlargerlogo { margin-top: 4px; }
#product-line-group #linegroupdetails #linegroupsocial { float: left; }
#product-line-group #linegroupdetails #linegroupprdlist { display: none; }
#product-line-group #linegroupdetails #linegroupimg { margin-left: 10px; text-align: center; float: left; width: 156px; height: 156px; padding-top: 15px; }
#product-line-group #linegroupdetails #linegroupimg img { height: 156px; }
#product-line-group #linegroupdetails #lineprddets { float: left; width: 130px; height: 186px; color: #8c8c8c; font-size: 11px; line-height: 13px; font-weight: bold; position: relative; }
#product-line-group #linegroupdetails #lineprddets #lineprddetswrap { position: absolute; bottom: 40px; }
#product-line-group #linegroupdetails #lineprddets #lineprdcode { color: #504f4f; }
#product-line-group #linegroupdetails #lineprddets #showlargerlogo a { width: 19px; height: 19px; cursor: pointer; display: block; background: url(../images/showlarger.png) top left no-repeat; }
#product-line-group #linegroupdetails #linegroupprdlist { float: left; width: 130px; min-height: 166px; background: #fefefe; padding: 10px; }
#product-line-group #linegroupdetails #linegroupprdlist li { cursor: pointer; font-size: 12px; color: #010101; }
#product-line-group #linegroupdetails #linegroupprdlist li.active { color: #35b3d1; }
.linegroupdesc { display: none; }

#prefooter { background: transparent url(../images/prefooter.png) top center no-repeat; height: 94px; min-width: 960px;}
#mainfooter { background: #00baf2 url(../images/footerbg.jpg) top center no-repeat; min-height: 140px; min-width: 960px;padding: 30px 0 40px 0; }

.slidewrapp { position: relative; }
.slideimg { position: absolute; }
.slidetitle { position: absolute; width: 170px; font-weight: normal; color: #fff; font-size: 10px; line-height: 12px; margin-top: 166px !important; padding: 0 14px !important; }
.slidetitle h1 { font-size: 22px; color: #fff; font-weight: normal; line-height: 22px; margin-left: 40px; margin-bottom: 10px; }

.product-group-list .articlebotbg { padding: 10px 5px; }
.prodlogoitem { margin: 5px 3px; width: 154px; height: 69px; position: relative; float: left; }
.prodlogoitem .prodlogoitemwrap { width: 154px; height: 69px; background: url(../images/prod_logo_bg_cyan.png) top left no-repeat; }
.prodlogoitem .blue { background: url(../images/prod_logo_bg_blue.png) top left no-repeat; }
.prodlogoitem .purple { background: url(../images/prod_logo_bg_purple.png) top left no-repeat; }
.prodlogoitem .cyan { background: url(../images/prod_logo_bg_cyan.png) top left no-repeat; }
.prodlogoitem .green { background: url(../images/prod_logo_bg_green.png) top left no-repeat; }
.prodlogoitem .blue_electric { background: url(../images/prod_logo_bg_blue_electric.png) top left no-repeat; }
.prodlogoitem span.brandorig { width: 36px; height: 37px; position: absolute; top: 0; right: 0; }
.prodlogoitem .own span.brandorig { background: url(../images/prod_logo_brand_own.png) top left no-repeat; }
.prodlogoitem .world span.brandorig { background: url(../images/prod_logo_brand_world.png) top left no-repeat; }
.prodlogoitem .prodlogoimg { position: absolute; top: 10px; left: 10px; }

.itemListSelect li a { border-radius: 5px; padding: 1px 10px; display: block; background: #777; color: #fff !important; margin: 5px 0 10px 0; width: 130px; font-size: 12px !important; border: 1px solid #777; }
.itemListSelect li.blue a { background-color: #1062a8; border: 1px solid #1062a8; }
.itemListSelect li.cyan a { background-color: #00baf2; border: 1px solid #00baf2; }
.itemListSelect li.purple a { background-color: #6f588f; border: 1px solid #6f588f; }
.itemListSelect li.green a { background-color: #68c43d; border: 1px solid #68c43d; }
.itemListSelect li.blue_electric a { background-color: #106cd3; border: 1px solid #106cd3; }
.itemListSelect li.active a { border: 1px solid #fff; box-shadow: 0px 2px 10px #333; -moz-box-shadow: 0px 2px 10px #333; -webkit-box-shadow: 0px 2px 10px #333; }
.itemListSelect li:hover a { border: 1px solid #fff; }

#topsearch { position: absolute; top: 75px; right: 0; width: 148px; height: 18px; background: url(../images/searchbg.png) top left no-repeat; }
#topsearch label { display: none; }
#topsearch input.inputbox { float: left; border: none; height: 16px; line-height: 16px; width: 63px; padding: 1px 5px 1px 20px; font-size: 9px; background: none; margin: 0; outline: none; }
#topsearch input.button { width: 60px; height: 18px; float: left; background: none; border: none; color: #fff; font-size: 9px; cursor: pointer; }

#modrowone { position: relative; z-index: 99999; }
#modrowone p { margin: 0; padding: 0; }
#modrowone #modonewrapleft { margin-top: -17px; width: 270px; float: left; }
#modrowone .paddtopten { padding: 6px 0; }
#modrowone #modonewrapmid { float: left; width: 160px; text-align: center; margin-top: -6px; }
#modrowone #modonewrapmid .selectLang { cursor: pointer; }
#modrowone #modonewrapmid div.mod-languages ul.lang-inline li { display: block; }
#modrowone #modonewrapmid div.mod-languages ul.lang-inline li:hover { background: #fff; }
#modrowone #modonewrapmid div.mod-languages ul.lang-inline li a { text-decoration: none; font-size: 12px; color: #666; font-weight: bold; }
#modrowone #modonewrapright { width: 360px; height: 120px; float: right; margin-top: -12px; }

.articleWrap { padding-bottom: 18px; background: url(../images/artshadow.png) center bottom no-repeat; }
.articleWrap .artmaincolor { background-color: #fff; }
.articleWrap .articletopbg { background: url(../images/arttopbg.jpg) top left repeat-x; }
.articleWrap .articlebotbg { background: url(../images/artbotbg.jpg) bottom left repeat-x; min-height: 270px; }
.articleWrap .articleCnt { line-height: 15px; padding: 30px 0 30px 40px; color: #231f20; font-size: 13px; }
.articleWrap .artaddpaddleft { padding-right: 40px; }
.articleWrap .articleCnt h2 { font-size: 18px; font-weight: normal; color: #000; margin-bottom: 25px; }
.articleWrap .articleCnt ul { list-style: disc; margin: 5px 0 0 20px; }
.articleWrap .articleCnt ul ul { list-style: circle; }
.articleWrap .articleCnt ul ul ul { list-style: square; }
.articleWrap .articleCnt .artleft { float: left; width: 400px; }
.articleWrap .articleCnt .artright { float: right; width: 190px; }
.articleWrap .articleCnt .artright img { width: 190px; }

.cntleft { padding: 20px 0 0 20px; color: #fff; font-size: 15px; }
.cntleft p { margin-bottom: 20px; }

#cntmapwrap { width: 650px; height: 268px; padding-bottom: 18px; margin-bottom: 20px; background: url(../images/artshadow.png) center bottom no-repeat; }
#cntmap { width: 650px; height: 268px; }
#cntformwrap { width: 650px; }
#cntform { padding: 20px 30px; }
.frmtablewrap { font-size: 12px; }
.frmtablewrap td.halfwidth { width: 50%; }
.frmtablewrap td.halfwidth table { width: 90%; margin-bottom: 6px; }
.frmtablewrap td.rightcol table { width: 95%; }
.frmtablewrap td td { width: auto; vertical-align: top; }
.frmtablewrap td input { width: 100%; height: 18px; line-height: 18px; padding: 0; margin: 0; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #b8b9bc; -webkit-box-shadow:inset 0px -2px 3px #d3d4d5; -moz-box-shadow:inset 0px -2px 3px #d3d4d5; box-shadow:inset 0px -2px 3px #d3d4d5;}
.frmtablewrap td textarea { width:100%; height: 70px; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #b8b9bc; -webkit-box-shadow:inset 0px -2px 3px #d3d4d5; -moz-box-shadow:inset 0px -2px 3px #d3d4d5; box-shadow:inset 0px -2px 3px #d3d4d5;}
.frmtablewrap td label { white-space: nowrap; padding-right: 10px; }
.frmtablewrap td label.invalid { color: red; }
.frmtablewrap .rightcol table { margin-left: 20px; }
.frmtablewrap .rightcol label { display: block; width: 74px; padding-left: 10px; }
.frmtablewrap .rightcol textarea { width: 98%; }
.frmtablewrap button { float: right; background-color: #00baf2; border: 1px solid #429cbd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #fff; cursor: pointer; -webkit-box-shadow:inset 0px 2px 3px #07a1d1; -moz-box-shadow:inset 0px 2px 3px #07a1d1; box-shadow:inset 0px 2px 3px #07a1d1; }


#modrowmid .last { margin-right: 0; margin-left: 1px; }
.midmodwrap { width: 307px; height: 157px; float: left; margin-right: 19px; }
.midmodwrap .midmodtitle { background: transparent url(../images/midmodtitlebg.png) top center no-repeat; height: 29px; width: 307px; }
.midmodwrap .midmodtitle h3 { font-size: 13px; font-weight: bold; color: #fff; padding: 0 20px; line-height: 29px; }
.midmodwrap .midmodcontent { margin-top: -1px; padding: 0 1px; }
.midmodwrap .midmodcontent .modsideimg { float: left; width: 138px; height: 130px; overflow: hidden; }
.midmodwrap .midmodcontent .modsidetext { float: right; width: 167px; height: 130px; overflow: hidden; }
.midmodwrap .midmodcontent .modsidetext .modsitetextinner { text-align: center; background: transparent url(../images/midmodmainbg.jpg) top center no-repeat; height: 111px; width: 167px; color: #666; font-size: 10px; }
.midmodwrap .midmodcontent .modsidetext .modsitetextinner p { line-height: 12px; text-align: left; padding: 13px 10px; }
.midmodwrap .midmodcontent .modsidetext .modsidelink { background: transparent url(../images/midmodlinkbg.jpg) top center no-repeat; height: 19px; width: 167px; text-align: center; }
.midmodwrap .midmodcontent .modsidetext .modsidelink a { text-decoration: none; color: #fff; font-size: 12px; }

.catsubbanner { text-align: right; margin-top: -114px; }

.botmodtitle { background: transparent url(../images/botmodtitle.png) top center no-repeat; height: 30px; width: 960px; line-height: 30px; }
.botmodtitle h3 { font-size: 13px; font-weight: bold; color: #fff; padding: 0 20px; line-height: 30px; }

#innerbottom { margin-top: 30px; }
#innerbottom .innerBottomWrap  { width: 650px; height: 264px; padding-bottom: 18px; background: url(../images/artshadow.png) center bottom no-repeat; }
#innerbottom .innerBottomWrapIn { min-height: 264px; padding: 20px 20px; background: url(../images/innerbottomstaticbg.jpg) top left no-repeat; }
#innerbottom h3 { color: #717258; font-weight: bold; font-size: 12px; }
#innerbottom .sep { width: 2px; float: left; background: url(../images/modsephorizontal.png) 0px 37px no-repeat; height: 224px; margin: 0 10px; }

#footermods .moduletable { font-size: 10px; color: #fff; float: left; width: 300px; margin-right: 30px; line-height: 12px; }
#footermods .last { margin-right: 0; }
#footermods .moduletable h3 { font-size: 14px; color: #fff; font-weight: bold; line-height: 16px; margin: 0 0 5px 0; }
#footermods .moduletable a { text-decoration: none; color: #fff; }
#subfooter { margin-top: 20px; }
#copyright { font-size: 12px; font-weight: bold; color: #fff; line-height: 14px; float: left; width: 300px; }
#footermenu { float: right; width: 600px; }
#footermenu ul { float: right; margin: 16px 0 0 0; }
#footermenu ul li { display: inline; }
#footermenu ul li a { color: #fff; font-size: 11px; text-decoration: none; padding: 0 10px 0 0; border-right: 1px solid #fff; margin: 0 10px 0 0; line-height: 12px; }
#footermenu ul li:last-child a { border-right: none; margin: 0; padding: 0; }

dl.search-results dt.result-title, dl.search-results dt.result-title a { color: #00baf2; font-size: 13px; font-size: 14px; text-decoration: none; margin-top: 10px; font-weight: bold; }
dl.search-results .small, dl.search-results .result-created { display: none; }

.pagination { text-align: center; }
.pagination ul { margin: 0; padding: 0; display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li { display: inline; }
.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; }
.pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; cursor: default; background-color: transparent; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; }
.pagination ul li a { color: #00baf2; }

.bfQuickMode p input[type='text'], .bfQuickMode p textarea, .bfQuickMode p select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #b8b9bc; -webkit-box-shadow: inset 0px -2px 3px #d3d4d5; -moz-box-shadow: inset 0px -2px 3px #d3d4d5; box-shadow: inset 0px -2px 3px #d3d4d5; }
.bfQuickMode .bfLabelLeft label { width: 35% !important; text-align: right; }