@charset "UTF-8";

/************** IMPORT CSS RESET  *****************/
@import url("reset.css");
/* CSS Document */

* { margin: 0; padding: 0; }
body { margin: 0; font: 12px helvetica, arial, verdana, sans-serif; color: #FFF; background: #355781 url(../images/interface/pc_bg.png) repeat-x center top; position: relative; }
a, a:visited, a:active { color: #C6A84A; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: none; color: #FFF }
img { border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

/* --- CLEARING BITS --- */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/ * html .clear { height: 1%; }
.clear { display: block; }
/* --- END CLEAR --- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.left { float: left }
.right { float: right; }
.marginbtm { margin-bottom: 15px; }
.margintop { margin-top: 15px; }
.specialpadd { padding: 0 20px; }
div.clearer { clear: left; line-height: 0; height: 0; }

/* -- [ PERCENTAGE BASED Grid system ] -- */
.full { width: 100%; }
.one_half, .one_half_last { width: 48%; margin-right: 4%; }
.one_third, .one_third_last { width: 30%; margin-right: 5%; }
.two_third, .two_third_last { width: 65%; margin-right: 5%; }
.one_fourth, .one_fourth_last { width: 22%; margin-right: 4%; }
.two_fourth, .two_fourth_last { width: 48%; margin-right: 4%; }
.three_fourth, .three_fourth_last { width: 74%; margin-right: 4%; }
.one_fifth, .one_fifth_last { width: 16%; margin-right: 4%; }
.two_fifth, .two_fifth_last { width: 36%; margin-right: 4%; }
.three_fifth, .three_fifth_last { width: 56%; margin-right: 4%; }
.four_fifth, .four_fifth_last { width: 76%; margin-right: 4%; }
.one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_half_last, .one_third_last, .two_third_last, .one_fourth_last, .two_fourth_last, .three_fourth_last, .one_fifth_last, .two_fifth_last, .three_fifth_last, .four_fifth_last { float: left; margin-bottom: 5px; }
.full { margin-bottom: 15px; }
.one_half_last, .one_third_last, .two_third_last, .one_fourth_last, .two_fourth_last, .three_fourth_last, .one_fifth_last, .two_fifth_last, .three_fifth_last, .four_fifth_last { margin-right: 0%; }

#wrapper { width: 960px; margin: 2px auto 0; padding: 0; }
div#header { width: 960px; position: relative; padding: 0; margin: 0 auto; z-index: 100; }
#logo { float: left; position: relative; font-size: 1em; display: block; margin: 9px 0 9px 0; width: 297px; height: 63px; }
#logo a { display: block; overflow: hidden; text-indent: -1000em; }
#logo h1 span { display: block; background: transparent url(../images/interface/pro-pharma-logo.png) no-repeat 0 0px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#logo .faded { background: transparent url(../images/interface/ps-logo.png) no-repeat 0 0px; }
#logo .full { background: transparent url(../images/interface/ps-logo.png) 0 0px no-repeat; }
#logo .full, #logo .faded { line-height: 5px; height: 63px; }
#logo a span { font-size: 0.75em; display: block; line-height: 10px; height: 63px }

/* -- TOP INFO TAB --  */
#infonavigation { float: right; background: transparent url(../images/interface/nav/bg_primaryNav_left.png) left bottom no-repeat; }
#infonavigation ul { float: left; background: transparent url(../images/interface/nav/bg_primaryNav_right.png) right bottom no-repeat; padding: 0 12px 2px; margin: 0; }
#infonavigation li { display: inline; float: left; list-style: none; margin: 0; background: none; padding: 0; position: relative }
#infonavigation li a, #infonavigation li.phone { float: left; padding: 0 0; line-height: 25px; font-size: 10px; color: #FFF; text-decoration: none; margin-bottom: 2px; }
#infonavigation li.phone { font-weight: bold; padding: 2px 0 0 16px; background: transparent url(../images/interface/nav/icon_phone.png) 0 5px no-repeat; }
#infonavigation li.customer { margin: 0 16px; padding: 2px 0 0 18px; background: transparent url(../images/interface/nav/icon_customer.png) 0 5px no-repeat; }
#infonavigation li.language { text-transform: uppercase }
#infonavigation li.language img { margin: 6px 2px 0 0; }
#infonavigation li a:hover { color: #C6A84A;/*border-bottom: 2px solid #4082ae;margin-bottom: 0;*/ }

/*G TRANSLATE TWEAKS*/
#infonavigation li .goog-te-gadget-simple { background-color: transparent!important; border: none!important; text-transform: uppercase; font-size: 10pt; display: inline-block; padding-top: 1px; padding-bottom: 2px; }
#infonavigation li .goog-te-gadget-icon { float: left; margin-top: 3px; }

/* -- MAIN NAVIGATION WRAPPER -- */
#nav-wrp { padding: 0; margin: 0; background: #000; list-style: none; width: 960px; height: 30px;/*overflow: hidden*/ ; display: block; }
/*.nav{width:960px; margin:0 auto;}
 ul.nav{display: table; width: 100%;}
.nav li{display: table-cell; }
.nav li.first{width:49px;}
.nav li a{background:url('../images/interface/nav/nav_bg.png') repeat-x 0 top;display: block; margin-right:0px; padding: 0;line-height:30px;font-size:10px;font-weight:bold;color:#FFF;text-decoration:none;text-align: center;}
.nav li a:last, .nav li a.last{margin-right:0}
.nav li a:hover{background-position: 0 -30px;color:#FFF;}
.nav li a.selected{background-position: 0 -30px;color:#FFF; }
.nav li a.nav-home{background:url('../images/interface/nav/nav_home_icn.png') no-repeat center 0; overflow:hidden;text-indent:-99999px; width:49px; margin-right:0}
.nav li a.nav-home:hover,.nav li a.nav-home.selected{background-position: 0 -30px;}*/


/* -- MAIN NAVIGATION DROP DOWNS -- 
.product_dd {z-index:10; margin:0 auto; display:none; background:transparent url(../images/interface/nav/nav_products_bg.png) no-repeat 0 0; height:370px;padding:10px 10px 5px 30px;width:710px;font-size:11px; color:#fff; }
.product_dd a{text-decoration:none;}
.product_dd a img { position: relative; float: left; border: 0; margin:0;}
.product_dd a:hover img {}
.product_dd .prodboxes {position: relative;float: left;width: 132px; padding-bottom: 0px;}
.product_dd .prodboxes a img {position: relative;float: left;margin: 0px 0px 4px 0px;display:block;}
.product_dd .prodboxes a span {position: relative;display:block;float: left;width: 132px;text-align: center;font-size: 10px;font-weight:bold;line-height:12px;padding: 0px 0px 5px 0px;background-color:#000;color:#FFF;text-decoration:none;cursor: pointer;}
.product_dd .prodboxes a:hover span {color:#C6A84A; text-decoration:underline;}*/
/* -- DROP DOWN LIST ITEMS -- 
.list_dd {z-index:10;display:none;width:200px;background-color:#000;}
.list_dd.int{width:100px}
.list_dd ul {margin:0; padding:0;}
.list_dd li {list-style-type:none;}
.list_dd li img{margin-right:2px;}
.list_dd a {display:block;padding:8px 8px;border-bottom:1px solid #333;text-decoration:none;background-color:#000;font-size:11px;margin:0px 5px;color:#FFF;}
.list_dd a:hover {background-color:#000;color:#C6A84A;}





#nav-wrp .roundend { background: transparent none repeat scroll 0% 0%; margin: 0px; padding: 0px; border: none; position: relative; border: none; height: 0px; }
#nav-wrp .corner_left { position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; background: transparent url(../images/interface/nav/corner_left.png) no-repeat 0 0; }
#nav-wrp .corner_right { position: absolute; left: 190px; top: 0px; width: 10px; height: 10px; background: transparent url(../images/interface/nav/corner_right.png) no-repeat 0 0; }
#nav-wrp .middle { position: absolute; left: 10px; height: 10px; width: 180px; top: 0px; background: transparent url(../images/interface/nav/center.png) repeat-x; }*/

/* -- FLASH CHAT GLOBAL -- */
#chatbox { width: 286px; height: 175px }

/* -- HOMEPAGE CONTENT --*/
#maincontentwrapper { margin: 8px auto; width: 960px; background-color: #28394E; }
#maincontent { padding: 17px 0px; margin: 0px 20px; }
#mainleft { float: left; width: 600px; }
#mainleft a.learnmore { background: #28394E url(../images/interface/learn_more.png) no-repeat; display: block; width: 95px; height: 24px; float: left; margin: 15px 0 0 250px; cursor: pointer; font-size: 1px; }
#mainleft a.learnmore:hover, #mainleft a.learnmore:active { background-position: 0 -24px; }
#mainright { float: left; width: 286px; position: relative; margin: 0 0 0 34px; }
#maincontent h1 { font-size: 28px; font-weight: bold; margin: 20px 0px 5px 0px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }
p.large { font-size: 14px; line-height: 20px; }
#maincontent strong { font-weight: bold }
#mainnewsitems { margin: 0px auto 10px auto; padding-bottom: 10px; width: 960px; background: #28394E url(../images/interface/main_news_bg.gif) repeat-y; }
#mainnewsitems #newsleft { width: 290px; margin: 0px 10px 0px 0px; padding: 10px 10px 0px 20px; position: relative; float: left; }
#mainnewsitems #newscenter { width: 280px; margin: 0px 10px 0px 0px; padding: 10px 10px 0px 10px; position: relative; float: left; }
#mainnewsitems #newsright { width: 290px; margin: 0 0 0px 0; position: relative; padding: 10px 20px 0px 10px; float: left; }
#mainnewsitems .news290 { width: 290px; }
#mainnewsitems .news280 { width: 280px; }
#mainnewsitems h1 { height: 22px; background: #000 url(../images/interface/notch.png) no-repeat 0 0; padding: 0 15px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; overflow: hidden; }
#pbNewsItem { padding: 5px 0; margin-bottom: 10px; border-bottom: 2px #000 solid; overflow: auto; }
#pbNewsItem #pdf_icon { float: left; display: inline; width: 22px; height: 14px; background: #28394E url(../images/interface/pb_news_pdf_icon.jpg) no-repeat 0 0; padding: 0; }
#pbNewsDetail { display: inline; float: left; }
#pbNewsDetail h2 { font-weight: bold; font-size: 12px; }
#pbNewsDetail p { font-size: 11px; line-height: 15px; margin-bottom: 0px; }
#mainnewsitems li { padding: 2px 0; margin-bottom: 0px; border-bottom: 2px #000 solid; }
#mainnewsitems li h2 { font-weight: bold; font-size: 12px; }
#mainnewsitems li p { font-size: 11px; line-height: 15px; font-weight: normal; }
#mainnewsitems li a.pdf { padding: 5px 0 5px 22px; margin: 0 0 1px 0; display: block; color: #FFFFFF; text-decoration: none; background: transparent url(../images/interface/pb_news_pdf_icon.png) 0 5px no-repeat; }
#mainnewsitems li a.pdf:hover { background: #3D83B2 url(../images/interface/pb_news_pdf_icon.png) 0 5px no-repeat; }
#mainnewsitems li a.none { padding: 5px 0 5px 5px; margin: 0 0 1px 0; display: block; color: #FFFFFF; text-decoration: none; background-color: #28394E; }
#mainnewsitems li a.none:hover { background-color: #3D83B2 }
#mainnewsitems li a.none .readmore { padding: 0 0 0 10px; font-size: 10px; font-weight: bold; color: #C6A84A; text-decoration: underline; background: #28394E url(../images/interface/read_more_arrow.png) no-repeat left center; }
#mainnewsitems li a.none:hover, #mainnewsitems li a.none:hover .readmore { background-color: #3D83B2; color: #FFF; text-decoration: none; }
#prdetail { display: inline; float: left; width: 230px; }
#prdetail h2 { font-weight: bold; font-size: 12px; }
#prdetail p { font-size: 11px; line-height: 15px; }
#mainnewsitems a.more { float: left; padding: 10px 0 0 17px; font-size: 11px; color: #FFF; text-decoration: underline; background: #28394E url(../images/interface/more_news_arrow.png) no-repeat 0 8px; }
#mainnewsitems a.more:hover { color: #C6A84A; text-decoration: none; }
#mainnewsitems a.readmore { padding: 0 0 0 10px; font-size: 10px; font-weight: bold; text-decoration: underline; background: #28394E url(../images/interface/read_more_arrow.png) no-repeat left center; }
#mainnewsitems a.readmore:hover { color: #FFF; text-decoration: none; }
#pbNewsItem div.news_date { float: left; display: inline; background: #28394E url(../images/interface/news_cal_icon.jpg) no-repeat 0 0; width: 37px; height: 37px; margin: 0px 8px 0px 0px; }
#pbNewsItem span.news_day { display: block; font-size: 10px; font-weight: bold; color: #000; margin: 8px 0px 0px 0px; width: 37px; text-align: center; }
#pbNewsItem span.news_month { display: block; font-size: 9px; font-weight: bold; color: #FFF; margin: 4px 0px 0px 0px; width: 37px; text-align: center; }
#maincontactitems { margin: 0px auto 0px auto; width: 960px; background: #2F4868 url(../images/interface/main_contact_bg.gif) repeat-y; }
#maincontactitems #maincontactitem { float: left; display: block; width: 445px; }
#maincontactitem.mcitemleft { padding: 10px 10px 10px 20px; margin: 0px 10px 0px 0px; }
#maincontactitem.mcitemleft img { margin: 0 44px; }
#maincontactitem.mcitemright { padding: 10px 20px 10px 10px; margin: 0; }
#maincontactitem.mcitemright p { float: left; width: 150px; padding: 10px 0 10px 10px; }
#maincontactitem h1 { height: 22px; background: #000 url(../images/interface/lt_notch.gif) no-repeat 0 0; padding: 0 15px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; }
#maincontactitem #corporate { float: left; margin: 10px 0 0 0; width: 212px; border-right: 1px solid #fff; }
#maincontactitem #corporate h2 { font-weight: bold; font-size: 12px; }
#maincontactitem #corporate p { font-size: 11px; line-height: 14px; }
#maincontactitem #corporateright { float: left; margin: 10px 0 0 20px; }
#maincontactitem #corporateright h2 { font-weight: bold; font-size: 12px; }
#maincontactitem #corporateright p { font-size: 11px; line-height: 14px; }
#maincontactitem #social_links { width: 250px; }
#maincontactitem #social_links li { padding: 0 0 10px 0; }

/* --  INTERIOR PAGES -- */
#interiorbanner img { display: block; padding: 0; width: 958px; height: 198px; margin: 7px auto 0 auto; background: #000; border: 1px solid #000; }
#interiorproductbanner img { display: block; padding: 0; width: 958px; height: 298px; margin: 7px auto 0 auto; background: #000; border: 1px solid #000; }
#contentwrapper { margin: 8px auto; width: 960px; background-color: #28394E; }
#content { padding: 17px 0px; margin: 0px 20px; }
#content h1 { font-size: 28px; font-weight: bold; margin: 10px 0px 5px 0px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }
#content h2 { font-size: 18px; line-height: 24px; font-weight: bold; display: block; padding: 5px 10px 10px; margin: 5px 0px 5px 0px; background: transparent url(../images/interface/h2_box.png) no-repeat 0 0; }
#content h2.nobg { background: none; }
#content h3 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 5px 0px 5px 0px; }
#content p.large { font-size: 14px; line-height: 20px; }
#content p { font-size: 12px; line-height: 16px; margin: 0 0px 16px 0px; }
#contentleft { float: left; width: 600px; }
#contentleft hr { color: #939CA6; background-color: #939CA6; }
#contentleft ul { padding-left: 15px; }
#contentleft ul ul { padding-left: 15px }
#contentleft li { margin: 18px 0; padding: 0; list-style-type: disc; }/*list-style-type:none;*/


/* -- CONTENT IMAGE POSITIONING -- */
#content img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #939CA6; float: left; }
#content img.left_off { margin: 0 10px 5px 0; float: left; }
#content img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #939CA6; float: right; }
#content img.right_off { margin: 0 0 5px 10px; float: right; }
#content img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #939CA6; }
#content img.center_off { display: block; margin: 0 auto 15px auto; }
#contentright { float: left; width: 286px; position: relative; margin: 0 0 0 34px; }
#contentright h2 { height: 22px; background: #000 url(../images/interface/notch.png) no-repeat 0 0; padding: 0 15px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; }
#contentright p { padding: 0; margin: 0; }
#contentright #social_links { width: 286px; }
#contentright #social_links li { padding: 0 0 10px 0; }
#greenarrow, #greencheck { margin: 10px 5px 0 0; }
#greenarrow ul, #greencheck ul { padding-left: 0 }
#greenarrow li { list-style-type: none; margin: 18px 0; padding: 0 20px; background: transparent url(../images/interface/green_arrow.png) 0 0 no-repeat; }
#greenarrow li.greencheck { list-style-type: none; margin: 18px 0; padding: 0 20px; background: transparent url(../images/interface/green_check.png) 0 0 no-repeat; }
#greencheck li { list-style-type: none; margin: 18px 0; padding: 0 20px; background: transparent url(../images/interface/green_check.png) 0 0 no-repeat; }
#greencheck li.greenarrow { list-style-type: none; margin: 18px 0; padding: 0 20px; background: transparent url(../images/interface/green_arrow.png) 0 0 no-repeat; }
#greenarrow ul ul { padding-left: 15px }
#stack h3 { font-size: 14px; font-weight: bold; line-height: 16px; }
#stack p { margin-bottom: 0; }
#stack a { padding: 0 0 0 10px; width: 580px; font-size: 10px; font-weight: bold; text-decoration: underline; background: #28394E url(../images/interface/read_more_arrow.jpg) no-repeat 0 center; }
#stack:hover { color: #FFF; text-decoration: none; }
.stackitem { padding: 10px 0; border-bottom: 1px solid #939CA6; }
#downloadlist ul { padding-left: 0 }
#downloadlist li { list-style-type: none; padding: 5px 0; border-bottom: 1px solid #939CA6; font-size: 12px; line-height: 16px; }
#downloadlist li a.pdf { padding: 6px 0 6px 75px; margin: 0 0 1px 0; display: block; width: 525px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; background: transparent url(../images/interface/icon_pdf.png) 10px 5px no-repeat; }
#downloadlist li a.pdf:hover { background: #3D83B2 url(../images/interface/icon_pdf.png) 10px 5px no-repeat; }
#downloadlist li a.ppt { padding: 6px 0 6px 75px; margin: 0 0 1px 0; display: block; width: 525px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; background: transparent url(../images/interface/icon_powerpoint.png) 10px 5px no-repeat; }
#downloadlist li a.ppt:hover { background: #3D83B2 url(../images/interface/icon_powerpoint.png) 10px 5px no-repeat; }
#downloadlist li a.xcel { padding: 6px 0 6px 75px; margin: 0 0 1px 0; display: block; width: 525px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; background: transparent url(../images/interface/icon_xcel.png) 10px 5px no-repeat; }
#downloadlist li a.xcel:hover { background: #3D83B2 url(../images/interface/icon_xcel.png) 10px 5px no-repeat; }
#downloadlist li ul li { list-style-type: none; padding: 3px 0 3px 10px; margin: 0 0 1px 0; border: none; display: block; background: transparent url(../images/interface/sidenav_arrow.png) 0 center no-repeat; }
#downloadlist li span { list-style-type: none; padding: 3px 0 3px 10px; margin: 0 0 1px 0; border: none; display: block; font-weight: bold; font-size: 12px; line-height: 16px; background: transparent url(../images/interface/sidenav_arrow.png) 0 0 no-repeat; }
#faqlist ul { padding-left: 0 }
#faqlist li { list-style-type: none; padding: 10px 0; font-size: 12px; line-height: 16px; }
#faqlist li.question { list-style-type: none; padding: 6px 0 6px 44px; margin: 0 0 1px 0; display: block; font-weight: bold; font-style: italic; color: #FFFFFF; background: transparent url(../images/interface/icon-faq-q.png) 10px 5px no-repeat; }
#faqlist li.answer { list-style-type: none; padding: 6px 0 6px 44px; margin: 0 0 1px 0; display: block; color: #FFFFFF; background: transparent url(../images/interface/icon-faq-a.png) 10px 5px no-repeat; }
#moreinfobox { width: 600px; height: 48px; background: transparent url(../images/interface/more_info_box.png) no-repeat 0 0; }
#moreinfobox #icon { width: 50px; height: 48px; float: left; background: transparent url(../images/interface/icon_info.png) no-repeat 11px 10px; }
#moreinfobox #infocontent { float: left; padding: 8px 0; font-weight: bold; }
.quotebox H3 { padding: 15px 26px 0px 20px; width: 530px; }
.quotebox p { padding: 0px 26px 36px 30px; width: 554px; background: transparent url(../images/interface/quotebox_bottom.png) 0 bottom no-repeat; }
.quotebox { font-style: italic; margin: 20px 0 20px 0; background: transparent url(../images/interface/quotebox_top.png) 0 0 no-repeat; }
#customer { color: #FFF; margin: -36px 0 0 55px; width: 530px; font-weight: bold; }
#customer a { color: #0D57A7; font-size: 12px; text-decoration: none; }
#customer a:hover { text-decoration: underline; }


/* --  INTERIOR SIDENAV -- */
#sidenav { margin: 10px 5px 0 5px; width: 286px; height: auto; }
#sidenav li { display: inline; text-transform: uppercase; }
#sidenav li a { padding: 6px 0 6px 23px; margin: 0 0 1px 0; display: block; width: 253px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; background: #141D27 url(../images/interface/sidenav_arrow.png) 10px 0 no-repeat; }
#sidenav li a.selected { background: #3D83B2 url(../images/interface/sidenav_arrow.png) 10px center no-repeat; }
#sidenav li a:hover { background: #FFF url(../images/interface/sidenav_arrow_over.png) 10px center no-repeat; color: #000000; text-decoration: none; }
#sidenav li a.section { background: #000 url(../images/interface/sidenav_arrow_down.png) 10px center no-repeat; }
#sidenav li a.section:hover { background: #FFF url(../images/interface/sidenav_arrow_down_over.png) 10px center no-repeat; }


/* -- SIDENAV PURCHASE BOX  -- */
* html .boxhead h2 { height: 1%; } /* For IE 5 PC */
.sidebox { margin: 0 auto 20px auto;/*width: 17em;  ems so it will grow */ width: 280px; background: transparent url(../images/interface/box_bttm_r.png) no-repeat bottom right; font-size: 100%; }
.boxhead { background: transparent url(../images/interface/box_top_r.png) no-repeat top right; margin: 0; padding: 0; }
.boxhead h4 { background: transparent url(../images/interface/box_top_l.png) no-repeat top left; margin: 0; padding: 5px 13px 5px; color: #FFF; font-weight: bold; font-size: 12px; font-weight: bold; line-height: 16px; }
.boxbody { background: transparent url(../images/interface/box_bttm_l.png) no-repeat bottom left; color: #000; margin: 0; padding: 5px 13px 5px; }
.boximg { }
.price { width: 254px; font-size: 24px; color: #000000; font-weight: bold; text-align: center; margin: 0 auto; }
a.prod-purchase { background: transparent url(../images/interface/get_started_sprite.png) no-repeat; display: block; width: 138px; height: 27px; margin: 10px auto 20px auto; cursor: pointer; font-size: 1px; }
a.prod-purchase:hover, a.prod-purchase:active { background-position: 0 -27px; }
a.sign-up { background: transparent url(../images/interface/sign_up_sprite.png) no-repeat; display: block; width: 138px; height: 27px; margin: 10px auto 20px auto; cursor: pointer; font-size: 1px; }
a.sign-up:hover, a.sign-up:active { background-position: 0 -27px; }
#productdetailitems { margin: 10px 0; }
#productdetailitems a img { position: relative; float: left; border: none; margin: 1px 40px 10px 0px; }
#productdetailitems div.box2 { position: relative; float: left; width: 280px; margin-right: 40px; padding-bottom: 0px; }
#productdetailitems div.box2 a img { position: relative; float: left; margin: 1px 0px 4px 0px; display: block; }
#productdetailitems div.box2 a { text-decoration: none; }
#productdetailitems div.box2 a span { position: relative; display: block; float: left; color: #FFF; width: 265px; height: 22px; background: #000 url(../images/interface/notch.png) no-repeat 0 0; padding: 0 0px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; cursor: pointer; }
#productdetailitems div.box2 a:hover span { background: #FFF url(../images/interface/notch.png) no-repeat 0 0; color: #000; }


/* ABOUT OVERVIEW ITEMS */
#overviewitems { margin: 20px 0px 14px 0px; }
#overviewitems a img { position: relative; float: left; border: none; margin: 1px 40px 10px 0px; }
#overviewitems div.box3 { position: relative; float: left; width: 280px; margin-right: 40px; padding-bottom: 0px; }
#overviewitems div.box3 a img { position: relative; float: left; margin: 1px 0px 4px 0px; display: block; }
#overviewitems div.box3 a { text-decoration: none; }
#overviewitems div.box3 a span { position: relative; display: block; float: left; color: #FFF; width: 265px; height: 22px; background: #000 url(../images/interface/notch.png) no-repeat 0 0; padding: 0 0px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; cursor: pointer; }
#overviewitems div.box3 a:hover span { background: #FFF url(../images/interface/notch.png) no-repeat 0 0; color: #000; }


/* -- 4 ITEMS --*/
#overviewitems div.box4 { position: relative; float: left; width: 215px; margin-right: 20px; padding-bottom: 0px; }
#overviewitems div.box4 a img { position: relative; float: left; margin: 1px 0px 4px 0px; display: block; }
#overviewitems div.box4 a { text-decoration: none; }
#overviewitems div.box4 a span { position: relative; display: block; float: left; color: #FFF; width: 200px; height: 22px; background: #000 url(../images/interface/notch.png) no-repeat 0 0; padding: 0 0px 0 15px; font-weight: bold; font-size: 14px; line-height: 22px; cursor: pointer; }
#overviewitems div.box4 a:hover span { background: #FFF url(../images/interface/notch.png) no-repeat 0 0; color: #000; }


/* -- PRODUCT OVERVIEW ITEMS -- */
#productoverview { margin: 20px 0px 20px 0px; padding: 19px 0; border: 1px solid #000; background: #000 url(../images/interface/tab_pane_bg.png) no-repeat 0 0; }
.prodoverview { margin: 20px 0px 20px 0px; padding: 10px; border: 1px solid #000; background: #000 url(../images/interface/tab_pane_bg.png) no-repeat 0 0; }
#productoverviewitems { width: 880px; margin: 5px 19px 10px 19px; float: left; border-bottom: 2px solid #333; }
#productoverviewitems.items div { display: block; float: left; width: 280px;/*height:154px;*/ margin: 0 20px 20px 0;/*background:#FFF url(../images/interface/thumbs_off_bg.jpg) repeat-x 0 0;*/ color: #fff; cursor: pointer; }

/* style when mouse is over the item */
#productoverviewitems div.hover {/*background:#000 url(../images/interface/product_hover.jpg) repeat-x 0 0;*/ }

/* style when element is active (clicked) */
#productoverviewitems.items div.active {/*background:#FFF url(../images/interface/thumbs_on_bg.jpg) repeat-x 0 0;*/ cursor: default; }
#productoverviewitems.items div h3 { width: 149px; margin: 0; padding: 0; font-size: 12px; line-height: 15px; font-weight: bold; color: #FFF; }
#productoverviewitems.items div img { float: right; margin: 0; padding: 0; border: none; }
#productoverviewitems.items div p { display: block; width: 149px; margin: 0; padding: 0; font-size: 11px; line-height: 14px; color: #FFF; }

/* prod-learnmore buttons */
a.prod-learnmore, span.prod-learnmore { background: url(../images/interface/learn_more.png) no-repeat; display: block; width: 95px; height: 24px; float: left; margin: 20px 5px 0 5px; cursor: pointer; font-size: 1px; }
a.prod-learnmore:hover, a.prod-learnmore:active { background-position: 0 -24px; }
#productdemotip { position: relative; z-index: 10; display: none; background: transparent url(../images/interface/product_tool-tip.png); margin: 0 auto; font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff; font-weight: bold; }
#tabareaproducts { width: 600px; margin: 0px auto; }
#tabareaproducts ul { padding-left: 0 }
#tabareaproducts ul li { list-style-type: none; }
div.prodpanes { background: #000 url(../images/interface/tab_pane_bg.png) no-repeat 0 0; border-top: 0; border: 1px solid #000; }
div.prodpane {/*display:none;*/ margin: 5px 5px; font-size: 12px; padding: 0 10px; }


/* -- EDUCATION SCROLLER -- */
#singlescroller { float: left; margin: 10px auto; background: #000 url(../images/interface/tab_pane_bg.png) no-repeat 0 0; border-top: 0; display: block; border: 1px solid #000; }
#singlescroller h3 { width: 149px; margin: 0; padding: 0; font-size: 12px; line-height: 15px; font-weight: bold; color: #FFF; }
#singlescroller.items div { display: block; }
#singlescroller.items div img { float: right; margin: 0; padding: 0; border: none; }
.duration { padding: 1px 5px; margin: 5px 0; background-color: #fff; color: #666; font-size: 10px; font-weight: bold; text-decoration: none; }
#singlescroller p { display: block; width: 149px; margin: 0; padding: 0; font-size: 11px; line-height: 14px; color: #FFF; }
a.viewnow, a.viewnowpp { background: url(../images/interface/view_now.png) no-repeat; display: block; width: 95px; height: 24px; margin: 20px 5px 0 5px; cursor: pointer; font-size: 1px; }
a.viewnow:hover, a.viewnow:active, a.viewnowpp:hover, a.viewnowpp:active { background-position: 0 -24px; }
#social_links { float: right; list-style-type: none; padding: 10px 0 5px 0; }
#social_links li { margin: 0; float: left; }
#social_links li a, #social_links li img { border: none; }

/* -- BREADCRUMB STYLES -- */
#breadcrumb { height: 20px; font-size: 11px; color: #FFF; width: 600px; float: left; background: transparent url(../images/interface/breadcrumb_left.gif) 0 0 no-repeat; margin: 0 }
#breadcrumb ul { height: 20px; float: left; background: #141D27 url(../images/interface/breadcrumb_right.gif) right 0 no-repeat; padding: 0 10px; margin: 0; }
#breadcrumb li { display: inline; line-height: 18px; }
#breadcrumb li a { padding: 0 2px; font-weight: bold; font-size: 10px; text-decoration: underline; }
#breadcrumb li a:hover { text-decoration: none; }
#breadcrumb li#first a { padding-left: 0; }
#breadcrumb li#last { border-right: none; padding: 0 0 0 2px; }
#top { margin: 10px 0 0 0; background: transparent url(../images/interface/top_arrow.gif) no-repeat 0 center; }
#top a { padding: 0 10px; color: #939CA6; font-weight: bold; font-size: 10px; text-decoration: none; }
#top a:hover { text-decoration: underline; color: #FFF }

/* -- FOOTER BITS -- */
#footer { color: #000; font-size: 10px; padding: 10px 2px; }
#footer p { float: left; }
#footer ul { margin: 0; padding: 0; float: right; position: relative; }
#footer li { display: inline; }
#footer li a { border-right: 1px solid #000; margin: 0; padding: 0 12px; font-weight: bold; font-size: 10px; text-decoration: underline; }
#footer li a:hover { text-decoration: none; color: #fff; }
#footer li#last a { border-right: none; padding-right: 0; }
#tabarea { width: 920px; margin: 0px auto; }
div.panes { background: #000 url(../images/interface/tab_pane_bg.png) no-repeat 0 0; border-top: 0; border: 1px solid #000; }
div.panes.pane { /*display:none;*/ margin: 5px 5px; height: 175px; font-size: 12px; }
#wheeled, #wheeled2, #education { display: block; }

#contactfloats { float: left; }
#contactfloats.contactleft { border-right: 1px solid #FFF; width: 299px; }
#contactfloats.contactright { margin-left: 20px; width: 279px; }
#contactfloats p { font-size: 11px; }

#affiliatelist { }
#affiliatelist ul { padding-left: 0; }
#affiliatelist li { list-style: none; width: 100%; float: left; margin-bottom: 10px; }
#affiliatelist li div { float: left; margin-left: 20px; width: 360px }
#affiliatelist h3 { margin-top: 0 }
#affiliatelist li a p { color: #fff; margin-bottom: 0 }
#affiliatelist li img { float: left; width: 220px; }

#vidoverlay { width: 480px; height: 355px; display: none; background-image: url(/images/interface/black-video-overlay.png); padding: 40px; }
#pwerpntoverlay { width: 940px; height: 600px; display: none; background-image: url(/images/interface/black-flash-overlay.png); padding: 40px; }
#vidoverlay a.close, #pwerpntoverlay a.close { background: url(/images/interface/close.png) no-repeat; position: absolute; top: 2px; right: 5px; width: 35px; height: 35px; cursor: pointer; }


/* Translucent - Responsive Banner Rotator / Slider */
.TB_Wrapper { border: 1px solid #000; max-width: 960px; height: 300px; position: relative; background: #EEE url(../images/interface/rotator/preloader.gif) center center no-repeat; margin: 7px auto 0; }
.TB_Wrapper .icon { background-image: url(../images/interface/rotator/icons.png); background-repeat: no-repeat; }
.TB_Wrapper .timer_sprite { background-image: url(../images/interface/rotator/timer-sprite.png); }
.TB_Wrapper .Slides { z-index: 1; position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; }
.TB_Wrapper .Slide { visibility: hidden; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #EEE url(../images/interface/rotator/preloader.gif) center center no-repeat; }
.TB_Wrapper .Slide img { z-index: 1; position: absolute; left: 0; top: 0; border: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.TB_Wrapper .Slide div { z-index: 4; position: absolute; font-family: Arial, Helvetica, sans-serif; font-weight: 100; font-size: 16px; color: #FFF; }
.TB_Wrapper a:link { color: #FFF; text-decoration: none; }
.TB_Wrapper a:hover { color: #FFF; text-decoration: underline; }
.TB_Wrapper .noSelect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.TB_Wrapper .buttonText { font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #000; }
.TB_Wrapper .buttonTextSizeNormal { font-size: 12px; }
.TB_Wrapper .buttonTextSizeTouch { font-size: 16px; }
.TB_Wrapper .txtCont { z-index: 4; overflow: hidden; position: absolute; left: 0; top: 0; }
.TB_Wrapper .captionCanvas { position: absolute; left: 0; top: 0; }
.TB_Wrapper .navHolder { position: absolute; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.TB_Wrapper .rounded { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.TB_Wrapper .buttonShadow { z-index: 1; position: absolute; background-color: #000; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=10); }
.TB_Wrapper .buttonAlpha { z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=35); }
.TB_Wrapper .buttonTopBot { z-index: 3; position: absolute; left: 1px; right: 1px; top: 0; height: 100%; filter: alpha(opacity=100); }
.TB_Wrapper .buttonCent { z-index: 4; position: absolute; left: 0; top: 1px; width: 100%; filter: alpha(opacity=100); }
.TB_Wrapper a:visited, .TB_Wrapper a:active { color: #FFF; }

/* Tabs */ 
ul.tabs { list-style: none; height: 30px; border-bottom: 1px solid #000; margin: 0!important; padding: 0; }
ul.tabs li { float: left; text-indent: 0; list-style-image: none!important; margin: 0!important; padding: 0; }
ul.tabs a { background: transparent url(../images/interface/tabs.png) no-repeat -652px 0; font-size: 12px; font-weight: 700; display: block; height: 30px; line-height: 33px; width: 110px; text-align: center; text-decoration: none; color: #FFF; position: relative; top: 1px; margin: 0; padding: 0; }

ul.tabs a:active { outline: none; }
ul.tabs a:hover { background-position: -652px -31px; color: #C6A84A; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor: default!important; color: #FFF!important; }
ul.tabs a.w1 { background-position: -519px 0; width: 134px; }
ul.tabs a.w1:hover { background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }
ul.tabs a.w2 { background-position: -366px 0; width: 154px; }
ul.tabs a.w2:hover { background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }
ul.tabs a.w3 { background-position: -194px 0; width: 173px; }
ul.tabs a.w3:hover { background-position: -194px -31px; }
ul.tabs a.w3.current { background-position: -194px -62px; }
ul.tabs a.w4 { background-position: 0 0; width: 194px; }
ul.tabs a.w4:hover { background-position: 0 -31px; }
ul.tabs a.w4.current { background-position: 0 -62px; }
div.panes.pane, div.prodpanes.prodpane { display: none; }


/* Scroller */ 
.touchcarousel { position: relative; width: 600px; height: 400px; overflow: hidden; }
.touchcarousel .touchcarousel-container { position: relative; list-style: none; left: 0; margin: 0; padding: 0; }
.touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
.touchcarousel .touchcarousel-item { float: left; margin: 0; padding: 0; }
.touchcarousel .touchcarousel-item.last { margin-right: 0!important; }
.touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0; display: block; cursor: pointer; z-index: 25; }
.touchcarousel .arrow-holder.left { left: 0; }
.touchcarousel .arrow-holder.right { right: 0; }
.touchcarousel .arrow-icon { width: 45px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer; }
.touchcarousel .tc-paging-container { width: 100%; overflow: hidden; position: absolute; margin-top: -20px; z-index: 25; }
.touchcarousel .tc-paging-centerer { float: left; position: relative; left: 50%; }
.touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: -50%; }
.touchcarousel .tc-paging-item { float: left; cursor: pointer; position: relative; display: block; text-indent: -9999px; }
.touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden; }
.touchcarousel .scrollbar { position: absolute; left: 0; height: 4px; bottom: 0; }
.touchcarousel .scrollbar.dark { background-color: rgba(0,0,0,0.5); }
.touchcarousel .scrollbar.light { background-color: rgba(255,255,255,0.5); }
.touchcarousel .grab-cursor { cursor: url(../images/interface/touchcarousel/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor { cursor: url(../images/interface/touchcarousel/grabbing.png) 8 8, move; }
.touchcarousel .auto-cursor { cursor: auto; }
.touchcarousel .arrow-holder.disabled, .touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }
.touchcarousel.grey-blue .arrow-icon { background-image: url(../images/interface/touchcarousel/sprite.png); background-repeat: no-repeat; width: 11px; height: 19px; margin-top: -9px; }
.touchcarousel.grey-blue .arrow-holder { width: 19px; height: 100%; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
.touchcarousel.grey-blue .arrow-holder.left { left: -16px; }
.touchcarousel.grey-blue .arrow-holder.right { right: -16px; }
.touchcarousel.grey-blue .arrow-icon.left { left: 0; background-position: -6px -15px; }
.touchcarousel.grey-blue .arrow-icon.right { right: 0; background-position: -186px -15px; }
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.left { background-position: -36px -15px; }
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.right { background-position: -156px -15px; }
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left { background-position: -66px -15px; }
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right { background-position: -126px -15px; }
.touchcarousel.grey-blue .arrow-holder:active .arrow-icon { margin-top: -8px; }
.touchcarousel.grey-blue .tc-paging-item { background: url(../images/interface/touchcarousel/sprite.png) no-repeat -95px -4px; width: 16px; height: 16px; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }
.touchcarousel.grey-blue .tc-paging-item.current { background: url(../images/interface/touchcarousel/sprite.png) no-repeat -95px -22px; }
.touchcarousel.grey-blue .arrow-holder:hover, .touchcarousel.grey-blue .arrow-holder.disabled, .touchcarousel.grey-blue .tc-paging-item:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
#carousel-image-and-text { width: 880px; height: 174px; margin: 0 auto; }
#carousel-image-and-text .arrow-holder { height: 174px; }
#carousel-image-and-text .item-block { width: 280px; height: 154px; display: block; }
/* single item */
#carousel-image-and-text .touchcarousel-item { display: block; float: left; width: 280px; height: 154px; margin: 10px 20px 0 0; /*background:#990000;
	background:#FFF url(../images/interface/thumbs_off_bg.jpg) repeat-x 0 0;*/
color: #fff; cursor: pointer; }
.touchcarousel .touchcarousel-item:hover span.prod-learnmore { background-position: 0 -24px; }
#carousel-image-and-text .item-block h3 { /*z-index: 5;*/ width: 149px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #FFF; }
#carousel-image-and-text .item-block img {/* z-index: 1;*/ float: right; margin: 0; padding: 0; border: none; }
#carousel-image-and-text .item-block p { display: block; /* z-index: 5;*/
width: 149px; margin: 0; padding: 0; font-size: 11px; line-height: 14px; color: #FFF; }
#carousel-image-and-text .scrollbar-holder { background: #CED7DB; bottom: 0; height: 1px; left: 0; right: 0; }
#carousel-image-and-text .scrollbar { background-color: #45a8ce !important; bottom: 0; }


/* MENU CONFIGURATION
**********************************************************/
.jetmenu { width: 100%; padding: 0; margin: 0; position: relative; float: left; list-style: none; background: #000; z-index: 1000 }
.jetmenu li { display: inline-block; float: left; }
.jetmenu a { -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; outline: none; z-index: 100; }
.jetmenu > li > a { padding: 0px 15px; font-size: 10px; line-height: 30px; color: #FFF; text-decoration: none; display: inline-block; background: #000; }
.jetmenu > li:hover > a, .jetmenu > li.selected > a { background: #e0e0e0; color: #555; }

/* DROPDOWN CONFIGURATION
**********************************************************/
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0 0 4px 0; display: none; position: absolute; z-index: 99; /*width: 146px;*/ background: #000; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.jetmenu ul.dropdown { top: 30px; }
.jetmenu ul.dropdown li ul.dropdown { left: 146px; top: inherit; }
.jetmenu ul.dropdown li { clear: both; width: 100%; font-size: 12px; }
.jetmenu ul.dropdown li a { width: 100%; padding: 10px 18px 10px; display: inline-block; float: left; clear: both; text-decoration: none; color: #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jetmenu ul.dropdown li:hover > a { background: #e0e0e0; color: #555; }

/* SUBMENU INDICATORS
**********************************************************/
.jetmenu .indicator { position: relative; left: 5px; top: 2px; font-size: 14px; float: right; }
.jetmenu ul li .indicator { font-size: 12px; top: 1px; left: 10px; }

/* MEGAMENU
**********************************************************/
.jetmenu > li > .megamenu { position: absolute; display: none; background: #000 url('/images/interface/nav/nav_product_bg.png') repeat-x 0 0; min-width: 25%; top: 30px; font-size: 13px; color: #999; z-index: 99; padding: 20px 30px 20px; border-top: 1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
/* megamenu list */
.jetmenu li > .megamenu ul { margin: 0 0 20px 0; float: left; padding: 0; display: block; position: relative; }
.jetmenu li > .megamenu ul li { width: 100%; padding: 4px 0; }
.jetmenu li > .megamenu ul li.title { margin: 0 0 8px; padding: 0 0 5px; border-bottom: solid 1px #666; }
/* megamenu h5 */
.jetmenu li > .megamenu h5 { width: 100%; margin: 0; padding: 0; }
/* megamenu links */
.jetmenu li > .megamenu a { color: #999; text-decoration: none; font-size: 13px; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
.jetmenu li > .megamenu a:hover { color: #dedede; }
/* megamenu images */
.jetmenu .megamenu img { width: 100%; -webkit-transition: border 0.1s ease-in-out; -moz-transition: border 0.1s ease-in-out; -o-transition: border 0.1s ease-in-out; transition: border 0.1s ease-in-out; }

/* MEGAMENU WIDTHS
**********************************************************/
.jetmenu > li > .megamenu.half-width { width: 50%; }
.jetmenu > li > .megamenu.full-width { width: 100%; left: 0; }

/* MEGAMENU FORM CONFIGURATION
**********************************************************/
.jetmenu li > .megamenu form { width: 100%; }
/* megamenu inputs */
.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea { padding: 5px; color: #999; background: #444; font-size: 14px; border: solid 1px transparent; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.1s ease-in-out; -moz-transition: border 0.1s ease-in-out; -o-transition: border 0.1s ease-in-out; transition: border 0.1s ease-in-out; }
.jetmenu li > .megamenu form input[type="text"]:focus, .jetmenu li > .megamenu form textarea:focus { border-color: #e0e0e0; }
.jetmenu li > .megamenu form input[type="text"] { width: 100%; margin-top: 10px; }
.jetmenu li > .megamenu form textarea { width: 100%; margin-top: 10px; }
.jetmenu li > .megamenu form input[type="submit"] { width: 25%; float: right; height: 30px; margin-top: 10px; border: none; cursor: pointer; background: #444; color: #777; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; }
.jetmenu li > .megamenu form input[type="submit"]:hover { background: #e0e0e0; color: #555; }

/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row { width: 100%; margin-top: 15px; }
.megamenu .row:first-child { margin-top: 0; }
.megamenu .row:before, .megamenu .row:after { display: table; content: ""; line-height: 0; }
.megamenu .row:after { clear: both; }
.megamenu .row .col1, .megamenu .row .col2, .megamenu .row .col3, .megamenu .row .col4, .megamenu .row .col5, .megamenu .row .col6 { display: block; width: 100%; min-height: 20px; float: left; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.megamenu .row [class*="col"]:first-child { margin-left: 0; }
.megamenu .row .col1 { width: 14.893617021276595%; }
.megamenu .row .col2 { width: 31.914893617021278%; }
.megamenu .row .col3 { width: 48.93617021276595%; }
.megamenu .row .col4 { width: 65.95744680851064%; }
.megamenu .row .col5 { width: 82.97872340425532%; }
.megamenu .row .col6 { width: 100%; }

/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right { float: right; }
.jetmenu > li.right > .megamenu { right: 0; }

/* COLLAPSIBLE MENU
**********************************************************/
.jetmenu > li.showhide { display: none; width: 100%; height: 50px; cursor: pointer; color: #999; background: #333; }
.jetmenu > li.showhide span.title { margin: 15px 0 0 25px; float: left; }
.jetmenu > li.showhide span.icon { margin: 17px 20px; float: right; }
.jetmenu > li.showhide .icon em { margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #999; }

/* blue */
.jetmenu.blue > li > a { padding: 0px 15px; font-size: 10px; line-height: 30px; color: #FFF; text-decoration: none; display: inline-block; background: url('../images/interface/nav/nav_bg.png') repeat-x 0 top; }
.jetmenu.blue > li:hover > a, .jetmenu.blue > li.selected > a { color: #fff; background-position: 0 -30px; }
.jetmenu li a.nav-home { background: transparent url('../images/interface/nav/nav_home_icn.png') no-repeat center 0; overflow: hidden; text-indent: -99999px; width: 49px; margin-right: 0; padding: 0; -o-transition: none; -webkit-transition: none; -moz-transition: none; transition: none; }
.jetmenu li a.nav-home:hover, .jetmenu li a.nav-home.selected { background: transparent url('../images/interface/nav/nav_home_icn.png') no-repeat center -30px; }
.jetmenu.blue ul.dropdown li:hover > a { background: #3D83B2; color: #fff; }
.jetmenu.blue li > .megamenu form input[type="text"]:focus, .jetmenu.blue li > .megamenu form textarea:focus { border-color: #3D83B2; }
.jetmenu.blue li > .megamenu form input[type="submit"]:hover { background: #3D83B2; color: #fff; }
.jetmenu.blue li > .megamenu a:hover { color: #3D83B2; }


/*.product_dd {z-index:10; margin:0 auto; display:none; background:transparent url(../images/interface/nav/nav_products_bg.png) no-repeat 0 0; height:370px;padding:10px 10px 5px 30px;width:710px;font-size:11px; color:#fff; }
.product_dd a{text-decoration:none;}
.product_dd a img { position: relative; float: left; border: 0; margin:0;}
.product_dd a:hover img {}*/
.megamenu .prodboxes {position: relative;float: left;width:180px; padding-bottom: 0px;}
.megamenu .prodboxes a img {position: relative;margin:0px auto 4px auto;display:block;width:auto;max-width:100%;}
.megamenu .prodboxes a span {position: relative;display:block;float: left;width:180px;text-align: center;font-size: 10px;font-weight:bold;line-height:12px;padding: 0px 0px 5px 0px;background-color:#000;color:#FFF;text-decoration:none;cursor: pointer;}
.megamenu .prodboxes a:hover span {color:#C6A84A; text-decoration:none;}
.megamenu .spacer{margin-bottom:15px;}


/* RESPONSIVE LAYOUT
**********************************************************/
@media (max-width: 768px) {
.jetmenu > li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jetmenu > li > a { padding: 15px 25px; }
.jetmenu a { width: 100%; background: #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown { width: 100% !important; left: 0; position: static !important; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jetmenu ul.dropdown li { background: #fff !important; border: none; }
.jetmenu ul.dropdown > li > a { padding-left: 40px !important; }
.jetmenu > li > .megamenu { width: 100% !important; position: static; border-top: none; }
.megamenu .row [class*="col"] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.megamenu .row:first-child [class*="col"]:first-child { margin-top: 0; }
.megamenu .row { margin-top: 0; }
.jetmenu > li > ul.dropdown > li > a { padding-left: 40px !important; }
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; }
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; }
}

/*	Ticker
***********************************************************/

* { box-sizing: border-box; }
$duration: 30s;

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(#000, 0.9); 
  padding-left: 100%;
  box-sizing: content-box;

  .ticker {

    display: inline-block;
    height: 4rem;
    line-height: 4rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: $duration;
            animation-duration: $duration;

    &__item {

      display: inline-block;

      padding: 0 2rem;
      font-size: 2rem;
      color: white;   

    }

  }

}



body { padding-bottom: 5rem; }
h1,h2,p {padding: 0 5%;}