/* 
NYLABONE
OA: David Sargent | PINT
 */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, font, 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, caption { margin:0; padding:0; }

.input { padding:0 0 0 7px; height:23px; border:1px solid #dddcdc; }

table, th, td { margin:0; }

html { min-height:100%; }

body { color:#4d3d20; font-size:12px; line-height:15px; font-family:arial, sans-serif; text-align:center; background:#fff url(../images/bg-body.jpg) repeat-x 50% 100%; }
table, th, td { color:#4d3d20; font-size:11px; line-height:15px; font-family:arial, sans-serif; }
input, td input, select, td select, textarea, td textarea { padding:4px; color:#a9a8a8; font-size:11px; line-height:15px; font-family:arial, sans-serif; border:1px solid #dbd4c7; }
select { cursor:pointer; }
label[for] { cursor:pointer; }
.radiobutton { border:0 !important; } 

a img, :link img, :visited img { border:none; }

a:link { color:#f37121; text-decoration:none; }
a:visited { color:#f37121; text-decoration:none; }
a:hover, a:active { color:#f37121; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

h1, .h1 { margin:0 0 7px; font-size:26px; line-height:28px; }
h2, .h2 { margin:0 0 5px; font-size:16px; line-height:20px; }
h3, .h3 { margin:0 0 15px; font-size:13px; line-height:15px; }
h4, .h4 { margin:0 0 15px; font-size:12px; line-height:14px; }
h5, .h5 { margin:0 0 15px; font-size:11px; line-height:13px; }
h6, .h6 { margin:0 0 15px; font-size:10px; line-height:12px; }

h2.tag { font-style:italic }

hr { margin:15px 0; padding:0; font-size:1px; line-height:1px; color:#ccc; border:1px solid #ccc; border-width:1px 0px 0px;  }

/* SHARED
------------------------------------------------------------------------------------- */
.inner { position:relative; margin:0 auto; width:990px; text-align:left; overflow:hidden; }
#container .inner { padding:112px 0 0; min-height:528px; }

#container { min-width:990px; background:#fff url(../images/bg-container.png) no-repeat 50% 0; }

#header { position:absolute; top:0; left:0; width:100%; height:112px; z-index:50; }

#logo { position:absolute; top:10px; left:8px; width:191px; height:98px; margin-bottom:3px; display:block; background:url(../images/logo.gif) no-repeat 0 0; z-index:100; }
#logo img { display:none;  }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li span { position:absolute; top:0; left:0; display:block; }

.nav li table { margin:0 -1px -1px; border-collapse:collapse; }
.nav li td { font-size:11px; }
.nav li:hover, * html .nav a:hover { position:relative; }
.nav li li a { font-size:11px; text-align:left; }

/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:44px; left:226px; padding:8px 0 0 16px; width:974px; height:43px; background:url(../images/bg-nav-box.png) no-repeat 0 0; }
#nav li { height:39px; }
#nav li a, #nav li div { height:39px; }
#nav li span { height:39px; }
#nav li, #nav li a, #nav li span, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav .home, #nav .home a, #nav .home a span, #nav .home-nodrop, #nav .home-nodrop a, #nav .home-nodrop a span { background-position:0 0; width:45px; }
#nav .product-finder, #nav .product-finder a, #nav .product-finder a span, #nav .product-finder-nodrop, #nav .product-finder-nodrop a, #nav .product-finder-nodrop a span { background-position:-45px 0; width:160px; }
#nav .dog-videos, #nav .dog-videos a, #nav .dog-videos a span, #nav .dog-videos-nodrop, #nav .dog-videos-nodrop a, #nav .dog-videos-nodrop a span { background-position:-205px 0; width:129px; }
#nav .dog-house-chatter, #nav .dog-house-chatter a, #nav .dog-house-chatter a span, #nav .dog-house-chatter-nodrop, #nav .dog-house-chatter-nodrop a, #nav .dog-house-chatter-nodrop a span { background-position:-334px 0; width:190px; }
#nav .dog-101, #nav .dog-101 a, #nav .dog-101 a span, #nav .dog-101-nodrop, #nav .dog-101-nodrop a, #nav .dog-101-nodrop a span { background-position:-524px 0; width:103px; }
#nav .about, #nav .about a, #nav .about a span, #nav .about-nodrop, #nav .about-nodrop a, #nav .about-nodrop a span { background-position:-627px 0; width:113px; }

/* HOVER STATE - W/ DROP */
#nav .home:hover a, #nav .home:hover a span, #nav .home a:hover, #nav .home a:hover span, #nav .homeon:hover a, #nav .homeon:hover a span, #nav .homeon a:hover, #nav .homeon a:hover span { background-position:0 -39px; width:45px; }

/* #nav .product-finder:hover a, #nav .product-finder:hover a span, #nav .product-finder a:hover, #nav .product-finder a:hover span, #nav .product-finderon:hover a, #nav .product-finderon:hover a span, #nav .product-finderon a:hover, #nav .product-finderon a:hover span { background-position:-45px -39px; width:160px; } */
#nav .product-finder.hover a, #nav .product-finder.hover span { background-position:-45px -39px; width:160px; }

#nav .dog-videos:hover a, #nav .dog-videos:hover a span, #nav .dog-videos a:hover, #nav .dog-videos a:hover span, #nav .dog-videoson:hover a, #nav .dog-videoson:hover a span, #nav .dog-videoson a:hover, #nav .dog-videoson a:hover span { background-position:-205px -39px; width:129px; }
#nav .dog-house-chatter:hover a, #nav .dog-house-chatter:hover a span, #nav .dog-house-chatter a:hover, #nav .dog-house-chatter a:hover span, #nav .dog-house-chatteron:hover a, #nav .dog-house-chatteron:hover a span, #nav .dog-house-chatteron a:hover, #nav .dog-house-chatteron a:hover span { background-position:-334px -39px; width:190px; }
#nav .dog-101:hover a, #nav .dog-101:hover a span, #nav .dog-101 a:hover, #nav .dog-101 a:hover span, #nav .dog-101on:hover a, #nav .dog-101on:hover a span, #nav .dog-101on a:hover, #nav .dog-101on a:hover span { background-position:-524px -39px; width:103px; }
#nav .about:hover a, #nav .about:hover a span, #nav .about a:hover, #nav .about a:hover span, #nav .abouton:hover a, #nav .abouton:hover a span, #nav .abouton a:hover, #nav .abouton a:hover span { background-position:-627px -39px; width:113px; }

/* HOVER STATE - W/O DROP */
#nav .home-nodrop:hover a, #nav .home-nodrop:hover a span, #nav .home-nodrop a:hover, #nav .home-nodrop a:hover span { background-position:0 -78px; width:45px; }
#nav .product-finder-nodrop:hover a, #nav .product-finder-nodrop:hover a span, #nav .product-finder-nodrop a:hover, #nav .product-finder-nodrop a:hover span { background-position:-45px -78px; width:160px; }
#nav .dog-videos-nodrop:hover a, #nav .dog-videos-nodrop:hover a span, #nav .dog-videos-nodrop a:hover, #nav .dog-videos-nodrop a:hover span { background-position:-205px -78px; width:129px; }
#nav .dog-house-chatter-nodrop:hover a, #nav .dog-house-chatter-nodrop:hover a span, #nav .dog-house-chatter-nodrop a:hover, #nav .dog-house-chatter-nodrop a:hover span { background-position:-334px -78px; width:190px; }
#nav .dog-101-nodrop:hover a, #nav .dog-101-nodrop:hover a span, #nav .dog-101-nodrop a:hover, #nav .dog-101-nodrop a:hover span { background-position:-524px -78px; width:103px; }
#nav .about-nodrop:hover a, #nav .about-nodrop:hover a span, #nav .about-nodrop a:hover, #nav .about-nodrop a:hover span { background-position:-627px -78px; width:113px; }

/* ON STATE */
#nav .homeon, #nav .homeon span, #nav .homeon div, #nav .homeon-nodrop, #nav .homeon-nodrop span, #nav .homeon-nodrop div { background-position:0 -78px; width:45px; }

#nav .product-finderon, #nav .product-finderon span, #nav .product-finderon div, #nav .product-finderon-nodrop, #nav .product-finderon-nodrop span, #nav .product-finderon-nodrop div { background-position:-45px -78px; width:160px; }
#nav .product-finderon.hover a, #nav .product-finderon.hover span { background-position:-45px -39px; width:160px; }

#nav .dog-videoson, #nav .dog-videoson span, #nav .dog-videoson div, #nav .dog-videoson-nodrop, #nav .dog-videoson-nodrop span, #nav .dog-videoson-nodrop div { background-position:-205px -78px; width:129px; }
#nav .dog-house-chatteron, #nav .dog-house-chatteron span, #nav .dog-house-chatteron div, #nav .dog-house-chatteron-nodrop, #nav .dog-house-chatteron-nodrop span, #nav .dog-house-chatteron-nodrop div { background-position:-334px -78px; width:190px; }
#nav .dog-101on, #nav .dog-101on span, #nav .dog-101on div, #nav .dog-101on-nodrop, #nav .dog-101on-nodrop span, #nav .dog-101on-nodrop div { background-position:-524px -78px; width:103px; }
#nav .abouton, #nav .abouton span, #nav .abouton div, #nav .abouton-nodrop, #nav .abouton-nodrop span, #nav .abouton-nodrop div { background-position:-627px -78px; width:113px; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:39px; left:16px; padding:8px 0 0; width:190px; display:block; background:url(../images/bg-nav-drop.png) no-repeat -886px 0; cursor:pointer; }

#nav li:hover li, #nav li a:hover li { width:190px !important; height:auto; line-height:13px; background:url(../images/bg-nav-drop.png) no-repeat -1266px 50%; }
#nav li:hover li.last, #nav li a:hover li.last { background:url(../images/bg-nav-drop.png) no-repeat -1266px 100%; }

#nav li:hover li a, #nav li a:hover li a { padding:0 22px 6px; width:146px !important; height:auto; display:block; color:#fff; background:url(../images/bg-sprite-y.png) no-repeat 0 -94px !important; }
#nav li:hover li.last a, #nav li a:hover li.last a { padding-bottom:12px; }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#ffcfb2; }

/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.about:hover ul, #nav li.about a:hover ul, #nav li.abouton:hover ul, #nav li.abouton a:hover ul, #nav li.about-nodrop:hover ul, #nav li.about-nodrop a:hover ul, #nav li.abouton-nodrop:hover ul, #nav li.abouton-nodrop a:hover ul   { left:-77px; background-position:-1076px 0; }

/**************************************************************************************************************/

/* JS Dropdowns */
.navbox { position:absolute; top:91px; left:0; padding:8px 0 0; width:443px; display:none; background:url(../images/bg-nav-drop.png) no-repeat 0 0; }
.navbox .wrap { padding:4px 20px 15px; width:403px; display:block; background:url(../images/bg-nav-drop.png) no-repeat -443px 100%;}
#product-finder-box { left:173px; }

.navbox .col { margin:0 6% 0 0; width:28%; }
.navbox .last { margin:0; }
.navbox li { margin:0 0 3px; padding-left:7px; font-size:11px; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat -15px -93px; }
.navbox a { color:#fff !important; }
.navbox .alt { width:31%; }
.navbox .alt li { padding:0; background:none; }
.navbox .alt a { padding-top:7px; padding-bottom:7px; display:block; font-size:12px; }
.navbox p { margin:0 0 4px; padding:9px 0 0; color:#fee5d5; font-weight:bold; }


#tertnav { position:absolute; top:14px; right:200px; }
#tertnav li { padding:0 10px 0 8px; float:left; display:inline; font-size:10px; background:url(../images/bg-sprite-y.png) no-repeat 100% 3px; }
#tertnav li.last { background:none; }
#tertnav a { color:#f37121; font-weight:bold; }

#header-search { position:absolute; top:10px; left:797px; width:187px; height:24px; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat 0 0; }
#header-search input { margin:1px 2px 0 1px; padding:2px 0 0 7px; width:153px; height:19px; float:left; display:inline; font-size:11px; overflow:hidden; border:none; }
#header-search .btn { margin:0; padding:0; width:24px; height:24px; cursor:pointer; opacity:0; }

.content { position:relative; background:url(../images/bg-dots-x.png) repeat-x 6px 7px; }
.content td { font-size:12px; vertical-align:top; }
.content li { margin:0 0 0 15px; padding:0 0 0 7px; color:#4d3d20; list-style:none; background:url(../images/bg-dot.png) no-repeat 0 7px;  }
.content td li { margin-bottom:5px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
.row { margin:0 0 10px; }

#h-products { margin:0 0 0 3px; padding:11px 9px 10px; width:477px; background:url(../images/bg-h-products.png) no-repeat 0 100%; }
#h-products h2 { margin:0 0 8px; font-size:16px; text-transform:uppercase; }
#h-products h2 strong { position:relative; padding:0 8px 0 0; display:inline-block; color:#f37121; }
#h-products h2 span { position:absolute; top:0; right:0; font-size:10px; line-height:10px; }

#h-dog-101 { padding:74px 30px 0; width:158px; height:90px; color:#fff; font-size:11px; line-height:20px; background:url(../images/bg-dog-101.png) no-repeat 0 0; }
#h-dog-101 a { color:#fff; display:block; }

#h-tabs { position:relative; margin:0 16px 0 3px; width:496px; z-index:10; }
#h-tabs .tab-links { width:491px; }
#h-tabs .tab-title { width:486px; }

#h-poll { width:201px; font-size:14px; }
#h-poll h2 { margin:0 0 5px; }
#h-poll p { width:70%; }

#layout-homepage #col2 h2 { margin:0 0 10px; }
#layout-homepage #col2 ul { margin-top:0; margin-bottom:10px; }
#layout-homepage #col2 li { margin:0; padding:0; background:none; }
#layout-homepage .shade { margin-top:10px; }
#layout-homepage .shade .shade { margin:0; }
#layout-homepage .shade h2 { margin:0 0 5px; }
#layout-homepage #col2 .list-social-media { margin:0 0 0 23px; }
#layout-homepage .list-choice li { margin:0; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
#content {} 

.content h1 strong, .content h2 strong, .content h3 strong { position:relative; display:inline-block; }
.content h1 strong { padding:0 14px 0 0; }
.content h2 strong { padding:0 12px 0 0; }
.content h3 strong { padding:0 11px 0 0; }
.content h1 span, .content h2 span, .content h3 span { position:absolute; top:0; right:0; font-size:.8em; line-height:.7em; }


#subhead { position:absolute; top:0; left:0; padding:18px 13px 11px; width:964px; background:url(../images/bg-dots-x.png) repeat-x 6px 100%; }

#breadcrumb { margin:0; }
#breadcrumb li { margin:0; padding:0; float:left; display:inline; list-style:none; background:none; }
#breadcrumb li.current-page {} /* text-transform:uppercase; */
#breadcrumb a { margin:0 4px 0 0; padding:0 12px 0 0; background:url(../images/bg-sprite-y.png) no-repeat 100% -644px; }

#tools { position:absolute; top:13px; right:2px; margin:0; }
#tools li { margin:0 17px 0 0; padding:0; float:left; display:inline; list-style:none; background:none; }
#tools #sharethis { margin:4px 0 0; }
#tools #sharethis span { display:block; }
#tools #sharethis a { padding:0 0 0 22px !important; width:70px; display:block; }

#col2 { line-height:20px; }
#col2 ul { margin:11px 0; }

.sidebar { background:url(../images/bg-sidebar.png) repeat-y -328px 0; }
.sidebar .sidebar { padding:2px 0 0; background:url(../images/bg-sidebar.png) no-repeat 0 0; }
.sidebar .sidebar .sidebar { padding:8px 10px 40px; min-height:270px; background:url(../images/bg-sidebar.png) no-repeat -164px 100%; }

#subnav { margin:12px 0; }
#subnav li { margin:0 0 10px; padding:0; color:#868685; font-weight:bold; list-style:none; background:none; }
#subnav li a:hover { color:#868685; }
#subnav ul { margin:6px 0 14px; }
#subnav li li { margin:0 0 6px; padding:0 0 0 15px; font:normal 11px/13px arial,sans-serif; background:url(../images/bg-subnav-lvl2.png) no-repeat 4px 4px; }
#subnav li li a { color:#4d3d20; }
#subnav li li li { padding:0 0 0 10px; background:none; }
#subnav li li li li { padding:0 0 0 15px; }

.left { margin:0 10px 0 0; width:313px; float:left; display:inline; }
.right { margin:11px 0 0; width:472px; float:left; display:inline; }
.right table { width:472px; height:180px; }
.right td { padding:10px 0 0 166px; vertical-align:top; }
.right td ul { margin:0 0 0 3px; }
.right td li { margin:0 0 5px; padding:0 0 0 7px; font-size:12px; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 0 -844px; }
.right td h2 { margin:0 0 7px !important; font-size:18px; }
.right .frame { margin:0; }
.caption { width:100%; text-align:center; }

.box-intro { margin:0 0 20px; width:770px; }
.box-alt { padding:15px 0 0; clear:both; }

.product-detail .left { margin:0 35px 0 0; padding:0 0 32px; width:440px; }
.product-detail .right { margin:20px 0 0; padding:0 0 32px; width:320px; }

.dog-puppy { background:url(../images/bg-dog-puppy.png) no-repeat 0 0; }
.dog-petite { background:url(../images/bg-dog-petite.png) no-repeat 0 0; }
.dog-small { background:url(../images/bg-dog-small.png) no-repeat 0 0; }
.dog-small2 { background:url(../images/bg-dog-small2.png) no-repeat 0 0; }
.dog-medium { background:url(../images/bg-dog-medium.png) no-repeat 0 0; }
.dog-large { background:url(../images/bg-dog-large.png) no-repeat 0 0; }
.dog-xlarge { background:url(../images/bg-dog-xlarge.png) no-repeat 0 0; }

#news-detail h3 { margin:30px 0 0; }

.brands { position:relative; margin:3px 0 0; width:794px; min-height:429px; overflow-x:hidden; }
.brands table { position:absolute; top:186px; right:38px; width:285px; }
.brands td { font:normal 10px/12px verdana,arial,sans-serif; }
.brands h1 { display:none; }
.brands h2 { margin:0 0 0 3px; font-size:12px; line-height:14px; }
.brands ul { margin:8px 0 0 5px !important; }
.brands li { margin:0 0 8px !important; background-position:0 -945px; }

.brands-list { position:relative; margin:-1px 0 0; padding:0 0 10px; width:794px; color:#fff; overflow-x:hidden; }
.brands-list ul { margin:0 0 0 37px !important; padding:10px; }
.brands-list a { color:#fff !important; }
.brands-list h2, .brands-list h3 { padding:12px 0 10px; font:bold 16px/16px verdana,arial,sans-serif; text-align:center; }
.brands-list .ll { position:absolute; bottom:0; left:0; width:4px; height:4px; overflow:hidden; background:url(../images/ll.png) no-repeat 0 0; }
.brands-list .lr { position:absolute; bottom:0; right:0; width:4px; height:4px; overflow:hidden; background:url(../images/lr.png) no-repeat 0 0; }

/* Brands specific styles
------------------------------------------------------------------------------------- */
/* Double Action®Chew */
.brandslist-double-actionchew { background:#ed2126 url(../images/brandlist-doubleaction.jpg) no-repeat 0 0; }

/* Double Dura Chew™ */
.brandslist-dura-chew { background:#ed2126 url(../images/brandlist-durachew.jpg) no-repeat 0 0; }

/* Flexi Chew™ */
.brandslist-flexi-chew { background:#76c248 url(../images/brandlist-flexichew.jpg) no-repeat 0 0; }

/* Happy Time™ */
.brandslist-happy-time { color:#000; background:#ffd203 url(../images/brandlist-happytime.jpg) no-repeat 0 0; }
.brandslist-happy-time h2 { color:#512e91 !important; }
.brandslist-happy-time a { color:#000 !important; }

/* Healthy Edibles® */
.brandslist-healthy-edibles { background:#4ba13d url(../images/brandlist-healthyedibles.jpg) no-repeat 0 0; }

/* Healthy Edibles® */
.brandslist-healthy-living { color:#000; background:#DCDBEB url(../images/brandlist-healthyliving.jpg) no-repeat 0 0; }
.brandslist-healthy-living h2 { color:#fff !important; }
.brandslist-healthy-living .list-products li a {color: #282760!important;}

/* Nutri Dent® */
.brandslist-nutri-dent { background:#02703d url(../images/brandlist-nutrident.jpg) no-repeat 0 0; }

/* Rhino® */
.brandslist-rhino { color:#000; background:#fff301 url(../images/brandlist-rhino.jpg) no-repeat 0 0; }
.brandslist-rhino a { color:#000 !important; }

/* Toro® */
.brandslist-toro { color:#000; background:#e91b25 url(../images/brandlist-toro.jpg) no-repeat 0 0; }
.brandslist-toro h2 { color:#fff !important; }
.brandslist-toro a { color:#000 !important; }

/* Ends Brands specific styles ----------------------------------------------------------------------- */


.paging { margin:10px 0 0; width:90%; text-align:right; }
.paging a { padding:4px; color:#f37121 !important; background:#fff; border:1px solid #dbd4c7; }
.paging a:hover { color:#4d3d20 !important; text-decoration:none; border:1px solid #f37121; }
.paging span { padding:1px 4px 2px; display:inline-block; color:#4d3d20 !important; background:#fff; border:1px solid #f37121; }
.paging .prev { margin:0 10px 0 20px; }
.paging .next { margin:0 0 0 10px; }

/* CLUB NYLABONE FORM */
#contact-form th, #contact-form td { font-size:12px; font-weight:normal !important; }
/* #contact-form .row5 td { padding:20px 0; } */


/* LAYOUTS
------------------------------------------------------------------------------------- */
#layout-homepage #col1 { margin:0 6px 0 0; padding:33px 0 0; width:716px; }
#layout-homepage #col2 { margin:0; width:268px; }

#layout-full { padding:43px 0 30px; }
#layout-full #col1 { margin:11px 0 0 0; padding:0 10px; width:970px; }

#layout-2col { padding:43px 0 30px; }
#layout-2col #col1 { margin:14px 30px 0 0; width:164px; }
#layout-2col #col2 { margin:11px 0 0; width:795px; float:right !important; }


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { padding:0 0 185px; }
#footer .inner { position:relative; padding:25px 0 10px 295px; width:695px; background:url(../images/logo-sm.gif) no-repeat 133px 26px; }
#footer h2 { font-size:18px; font-weight:normal; }
#footer h2 span { position:relative; padding:0 10px 0 0; display:inline-block; }
#footer h2 em { position:absolute; top:0; right:0; font-size:11px; line-height:12px; font-style:normal; }
#footer p { color:#a39274; font-size:11px; line-height:11px; }

#footernav { margin:0 0 6px; }
#footernav li { margin:0 8px 0 0; padding:0 10px 0 0; float:left; display:inline; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 100% 3px; }
#footernav .last { background:none; }

#footer .list-social-media { position:absolute; top:61px; left:813px; width:130px; }
#footer .btn, #footer .btn span { margin:0 5px 0 0; width:27px; height:28px; overflow:hidden; background-image:url(../images/bg-sprite-y.png); background-repeat:no-repeat; cursor:pointer; }

#footer .link-facebook, #footer .link-facebook span { background-position:0 -540px; }
#footer .link-facebook:hover, #footer .link-facebook:hover span { background-position:0 -540px; }
#footer .link-twitter, #footer .link-twitter span { background-position:-33px -540px; }
#footer .link-twitter:hover, #footer .link-twitter:hover span { background-position:-33px -540px; }
#footer .link-youtube, #footer .link-youtube span { background-position:-66px -540px; }
#footer .link-youtube:hover, #footer .link-youtube:hover span { background-position:-66px -540px; }
#footer .link-buzz, #footer .link-buzz span { background-position:-99px -540px; }
#footer .link-buzz:hover, #footer .link-buzz:hover span { background-position:-99px -540px; }

/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */
.shade { margin:0 0 15px; padding:3px 0; background:url(../images/bg-shade.png) no-repeat 0 0; }
.shade .shade { padding:2px 10px 5px 6px; background-position:-268px 100%; }

.box { margin:0; padding:2px 0 0; background:url(../images/bg-box.png) no-repeat 0 0; }
.box .box { padding:18px 20px; background-position:-795px 100%; }
.box h3 { margin:0 0 3px; font-size:16px; }
.box .last { margin-bottom:0 !important; }

.frame { margin:0 0 10px; padding:11px 0 0; background:url(../images/bg-frame.png) no-repeat 0 0; }
.frame .frame { padding:0 11px 11px; text-align:center; background-position:-320px 100%; }

a.hover { display:block; }
a.hover:hover { color:#f7a979; text-decoration:none !important; }
a.hover span { margin:0 0 7px; display:block; border:2px solid #f37121; }
a.hover:hover span { display:block; border:2px solid #dbd4c7; }

/* Show/Hide Box with JS appended Trigger */
.component-togglebox { position:relative; margin:0 0 10px; } /* Containing Box */
.component-togglebox-js { padding:30px 0 0; } /* Ability to add styles for just JS Enabled state */
.component-togglebox .togglebox-inner { margin:0 0 20px; } /* The 'Show/Hide' box */
.component-togglebox-js .togglebox-inner { display:none; min-height: 330px; height:100%; margin-bottom:10px\9; *margin-bottom:10px; } /* height: 330px; */
.component-togglebox .toggle { position:absolute; top:0; left:0; padding:3px 0 10px 30px; display:block; color:#f37121; font-weight:bold; background:url(../images/bg-sprite-y.png) no-repeat 0 -1000px; cursor:pointer; } /* The JS created Trigger */

/* Show/Hide Box for Nylabone Brands */
.brand-togglebox .toggle { display:block; color:#f37121; font-weight:bold; cursor:pointer; } /* The JS created Trigger */

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
.btn { position:relative; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; }
.btn, .btn span { height:59px; display:block; background-image:url(../images/bg-btns.png); background-repeat:no-repeat; cursor:pointer; }

.btn-connect-nylabone { margin:0 0 0 27px; }

.link-facebook, .link-facebook span { background-position:0 -31px; width:61px; }
.link-facebook:hover, .link-facebook:hover span { background-position:0 -96px; }
.link-twitter, .link-twitter span { background-position:-67px -31px; width:61px; }
.link-twitter:hover, .link-twitter:hover span { background-position:-67px -96px; }
.link-youtube, .link-youtube span { background-position:-133px -31px; width:61px; }
.link-youtube:hover, .link-youtube:hover span { background-position:-133px -96px; }
.link-buzz, .link-buzz span { background-position:-199px -31px; width:61px; }
.link-buzz:hover, .link-buzz:hover span { background-position:-199px -96px; }

.btn-join-clubnyla, .btn-join-clubnyla span { background-position:0 -240px; width:160px; height:25px; }
.btn-join-clubnyla:hover, .btn-join-clubnyla:hover span { background-position:0 -240px; }

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */
.form-sales-team { margin:20px 0 10px; }
.form-sales-team td { padding:0 15px 0 0; vertical-align:bottom; }
.form-sales-team label { margin:0 0 3px; display:block;}
.form-sales-team .btn-login { width:40px; height:24px; display:block; overflow:hidden; background:url(../images/btn-login.png) no-repeat 0 0; }
.form-sales-team .btn-login input { width:40px; opacity:0; cursor:pointer; }

.form-generic, form-generic table { width:560px; }
.form-generic th, .form-generic td { padding:0 0 4px; vertical-align:middle; }
.form-generic td input, .form-generic td select, .form-generic td textarea { color:#8b816e; }
.form-generic .leftcell { width:200px; }
.form-generic td input { width:165px; }
.form-generic td select { width:175px; cursor:pointer; }
.form-generic td .checkbox { margin:0 6px 7px 0; width:15px; border:0 !important; }
.form-generic td input[name="email"], .form-generic td .retypePrompt { float:left; display:block; }
.form-generic .rightcell .checkbox, .form-generic .rightcell .radio { clear:left; float:left; display:inline; }
.form-generic .rightcell label { margin:3px 0 0; float:left; display:inline; }
.form-generic td .retypePrompt span { padding:0 0 0 5px; width:70px; display:inline-block; font-size:11px; }
.form-generic td .retypePrompt input { width:85px; display:inline-block;  }
.form-generic td .btn-submit { margin:0; padding:0; width:106px; height:57px; border:0; cursor:pointer; }
.form-generic td .btn-go { margin:0 0 0 5px; width:63px; height:34px; border:0; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { list-style:none; }

.list-list { margin:0 0 11px; }
.list-list li { margin:0; }
.list-list h3, .list-list h3 a { margin:0 0 5px; font-size:14px; font-weight:normal; }
.list-list div { margin:0 0 0 5px; line-height:16px; }
.list-list p { margin:0 0 7px; }

.list-listing li { margin:0 0 10px; min-height:50px; list-style:none; clear:left; background:none; }
.list-listing-border li { padding:0 0 10px; border-bottom:1px dotted #f1ede7; }
.list-listing .last { margin:0; border:0 !important; }
.list-listing img { margin:0 10px 0 0; float:left; display:inline; }
.list-listing small { display:block; font-size:11px; }

.list-social-media li { float:left; display:inline; list-style:none; }

.list-view-products { width:477px; height:121px; }
.list-view-products li { width: 117px; height: 121px;  margin: 0 0 0 1px; padding:0; float:left; display:inline; list-style:none; background:none; }
.list-view-products .last { margin: 0; }
.list-view-products a { float:left; display:inline; list-style:none; top: -24px; left: 7px; }
.list-view-products .btn, .list-view-products .btn span { width:103px; height:17px; background-position:0 0; }
.list-view-products .btn:hover, .list-view-products .btn:hover span { background-position:-103px 0; }

.list-choice { margin:8px 0; }
.list-choice li { padding:0 7px; color:#999998; font-size:12px; line-height:12px; clear:left; list-style:none; background:url(../images/bg-list-choice.png) no-repeat 0 100%; }
.list-choice .radio, .list-choice .checkbox { margin:7px 8px 0 0; padding:7px 0; float:left; display:inline; }
.list-choice label { padding:7px 0; float:left; display:inline; }

.list-square li { margin:0 0 5px; padding:0 0 0 7px; color:#4d3d20; font-size:12px; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 0 -844px; }

.list-products { margin:15px 0 20px !important; padding:0 0 0 11px; }
.list-products li { margin:0 20px; padding:0; line-height:14px; width:100px; float:left; display:inline; text-align:center; list-style:none; background:none; }
.list-products .end:before { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.list-products a { display:block; }
.list-products a:hover { color:#f7a979; text-decoration:none !important; }
.list-products a span { margin:0 0 7px; display:block; border:2px solid #f37121; }
.list-products a:hover span { display:block; border:2px solid #dbd4c7; }

.list-faq { margin:20px 0 0 !important; }
.list-faq li { margin:0 0 15px; list-style:none; background:none !important; }
.list-faq h2 { margin:0 0 2px; font-size:13px; }
.list-faq br { margin:0 0 10px; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl-2col { width:80%; }
.tbl-2col td { font-size:12px; }
.tbl-2col td .more { display:block; text-align:right; }

.tbl-list { border-collapse:collapse; }
.tbl-list td { padding:0 15px 15px 0; vertical-align:top; }
.tbl-list .link-more { margin:5px 0 0; display:block; }

.tbl-sidebar { margin:15px 0 0; border-collapse:collapse; background:#fae7db; }
.tbl-sidebar td { padding:10px; font-size:11px; }
.tbl-sidebar table { margin-left:20px; }
.tbl-sidebar td td { padding:0; }
.tbl-sidebar p { width:100%; text-align:center; }
.tbl-sidebar p img { margin:0 0 5px; }

.tbl-prod-thumb { margin:5px 0 20px; border-collapse:collapse; }
.tbl-prod-thumb td { padding:0 10px 10px 0; }

.tbl-products { margin:15px 0 0 !important; }
.tbl-products td { margin:0 20px; padding:0 0 10px; line-height:14px; width:100px; float:left; display:inline; text-align:center; list-style:none; background:none; }
.tbl-products a { display:block; }
.tbl-products a:hover { color:#f7a979; text-decoration:none !important; }
.tbl-products a span { margin:0 0 7px; display:block; border:2px solid #f37121; }
.tbl-products a:hover span { display:block; border:2px solid #dbd4c7; }

.tbl-imgframe.floatleft { margin:0 20px 15px 0; }
.tbl-imgframe.floatright { margin:0 0 15px 20px; }
.tbl-imgframe td { padding:2px; border:1px solid #dbd4c7; -moz-border-radius:3px; }

.tbl-rss-screens { margin:25px 0 10px; }
.tbl-rss-screens td { padding:0 20px 0 0; vertical-align:middle; }

/* TABS - [  .tabs- ] 
------------------------------------------------------------------------------------- */
/* JQuery Tabs */
.tabs { position:relative; width:100%; z-index:20; }
.tabs-jsenabled { padding:34px 0 0; }

.tab-links { position:absolute; top:0; left:0; padding:5px 0 0 5px; height:29px; background:url(../images/bg-tabs.png) no-repeat 0 0; }
.tab-links li { margin:0 2px 0 0; padding:0 2px 0 0; float:left; display:inline; list-style:none; cursor:pointer; }
.tab-links a { padding:0 6px 0 0; height:29px; display:block; color:#fff !important; background:url(../images/bg-btns.png) no-repeat 100% -189px; outline:none; cursor:pointer; }
.tab-links span { padding:7px 3px 0 9px; height:22px; display:block; background:url(../images/bg-btns.png) no-repeat 0 -189px; }
.tab-links .ui-state-hover a, .tab-links .ui-tabs-selected a { color:#f37121 !important; background-position:100% -160px; text-decoration:none; }
.tab-links .ui-state-hover a span, .tab-links .ui-tabs-selected a span { background-position:0 -160px; }

.tabbox { position:relative; margin:0 0 10px; padding:42px 15px 12px; background:url(../images/bg-tabs.png) no-repeat -496px 100%; }
.tabs-jsenabled .tabbox { margin:0; padding-top:10px; height:170px; overflow:auto; }

.tab-title { position:absolute; top:0; left:0; margin:0; padding:5px; height:29px; font-size:12px; background:url(../images/bg-tabs.png) no-repeat 0 0; }
.tab-title strong { padding:0 6px 0 0; height:29px; display:block; float:left; color:#f37121; font-weight:normal; background:url(../images/bg-btns.png) no-repeat 100% -160px; outline:none; cursor:pointer; }
.tab-title span { padding:7px 3px 0 9px; height:22px; display:block; background:url(../images/bg-btns.png) no-repeat 0 -160px; }
.ui-tabs-hide { display:none; }


/* SEARCH RESULTS STYLES
------------------------------------------------------------------------------------- */
.search-input { margin:25px 0 20px; }
.search-input input { float:left; display:inline; }
.search-input .input { margin:9px 15px 0 0; padding:3px 5px; height:25px; font-size:12px; }
.search-input .btn { width:93px; height:50px; text-indent:-9999px; background:url(../images/btn-search.png) no-repeat 0 0; border:0 !important;  }

.search-results { position:relative; height:40px; border-top:1px solid #d1c4b1; }
.search-results .perpage { position:absolute; top:5px; left:0; }
.search-results .results { position:absolute; top:5px; right:0; }

.search-results-items { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #f1ede7; }
.search-last { border:0 !important; }
.search-results-items p { margin:5px 0 2px; line-height:17px; }
.search-results-items small { color:#bdb19f; font-size:11px; }

.search-paging { margin:10px 0 30px; padding:10px 0 0; border-top:1px solid #d1c4b1; }


/* ICONS
------------------------------------------------------------------------------------- */
.link-clubnyla { padding-left:21px; background:url(../images/bg-sprite-y.png) no-repeat 0 -49px; }
.link-more { padding-left:21px; background:url(../images/bg-sprite-y.png) no-repeat 0 -48px; }
.link-new { padding:9px 0 10px 42px !important; background:url(../images/bg-sprite-y.png) no-repeat 0 -198px; }
.link-bone { padding-left:42px; background:url(../images/bg-sprite-y.png) no-repeat 0 -265px; }
.link-heart { padding-left:42px; background:url(../images/bg-sprite-y.png) no-repeat 3px -327px; }
.link-circle { padding-left:42px; background:url(../images/bg-sprite-y.png) no-repeat 4px -388px; }
.link-star { padding-left:42px; background:url(../images/bg-sprite-y.png) no-repeat 0 -450px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block !important; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }
.color1 { color:#f37121; }
.spacer { margin:15px 0; }
.date { margin:0 0 20px; font-size:11px; }
/*.closed { display:none !important; }*/
.error { color:#e51919; font-weight:bold; }
.required { color:#e51919; }
#rss img { margin:3px 0 0; }
#link-rss { position:absolute; top:8px; right:7px; z-index:30; }

.clearfix:after, .list-listing li:after, .inner:after, .content:after, .row:after, .col:after, .list-products:after, .list-list li:after, .list-choice li:after, .wrap:after, .box .box .box:after, #subhead:after, #footernav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, .list-listing li, .inner, .content, .row, .col, .list-products, .list-list li, .list-choice li, .wrap, .box .box .box, #subhead, #footernav { display:inline-block; }
.clearfix, .list-listing li, .inner, .content, .row, .col, .list-products, .list-list li, .list-choice li, .wrap, .box .box .box, #subhead, #footernav { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 12px 5px 0; }
img.floatright { margin:0 0 5px 12px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }


/* COLORBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
/* ColorBox Core Style: The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style: The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */
#cboxOverlay{ background:#c8c3bb; }
#colorbox{}
#cboxContent{ padding:15px 10px 22px ; z-index:100; background:#fff; }

/* Styles for rounded corner elements */
/*#cboxTopLeft { position:absolute; top:0; left:0; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 0; }
#cboxTopCenter { position:absolute; top:0; left:18px; height:18px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -60px; }
#cboxTopRight { position:absolute; top:0; right:36px; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -30px; }
#cboxMiddleLeft { position:absolute; top:18px; left:0; width:18px; background:url(../images/bg-colorbox-y.png) repeat-y 0 0; }
#cboxMiddleRight { position:absolute; top:18px; right:36px; width:18px; background:url(../images/bg-colorbox-y.png) repeat-y -20px 0; }
#cboxBottomLeft { position:absolute; bottom:36px; left:0; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -100px; }
#cboxBottomCenter { position:absolute; bottom:36px; left:18px; height:18px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -160px; }
#cboxBottomRight { position:absolute; bottom:36px; right:36px; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -130px; }
*/

#cboxLoadingOverlay { background:#fff; }
#cboxLoadedContent { padding:10px; background:#fae7db; }
#cboxTitle { position:absolute; top:-20px; left:0; color:#ccc; }
#cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
#cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }

#cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px; }
#cboxNext.hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#fff; }
#cboxLoadingGraphic { background:url(images/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; bottom:3px; left:0; width:100%; display:block; color:#f37121; font-size:11px; text-align:center; }
#cboxClose.hover { text-decoration:underline; }