/* --------------------------------------------------------------------------------------------- */
/*  Normalize.css v2.1.2 
------------------------------------------------------------------------------------------------ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure,form{margin:0;}p,pre,dl,menu,ol,ul{margin:1em 0;}
 
.searchhider {display: none; }

.category-price {float: none !important; width: auto !important; font-size: 17px !important;}

.range-filter {color: #000 !important;}

.leftmenu {width: 193px !Important;}
.three-fourth-nav {width: 960px !Important;}

.jplist-drop-down2 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #efefef 100%) repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    box-shadow: 0 0 1px #fff;
    box-sizing: border-box;
    color: #27252a;
    float: left;
    height: 30px;
    margin: 10px 10px 0 0;
    position: relative;
    text-shadow: 1px 1px 1px #fff;
    width: 150px;
}
.jplist-drop-down2 .jplist-dd-panel {
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-indent: 10px;
    width: 150px;
}
.jplist-drop-down2 .jplist-dd-panel::after {
    color: #111;
    content: "▼";
    display: inline-block;
    position: absolute;
    right: 10px;
    z-index: 1000;
}
.jplist-drop-down2 ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 6px #bbb;
    box-sizing: border-box;
    display: none;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 148px;
    z-index: 1000;
}
.jplist-drop-down2 ul li {
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    width: 100%;
}
.jplist-drop-down2 ul li:hover {
    background-color: #ececec;
}
.jplist-drop-down2:hover .jplist-dd-panel {
    color: #0381bb;
}
.jplist-drop-down2:hover .jplist-dd-panel::after {
    color: #0381bb;
}
.jplist-select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    box-shadow: 0 0 1px #fff;
    box-sizing: border-box;
    color: #27252a;
    float: left;
    height: 30px;
    margin: 10px 10px 0 0;
    padding: 5px;
    text-shadow: none;
}






.refine02 {margin-right: 20px; }
.refine02 > div {color: white !important; padding: 3px; background: red;}
.refine02 > div:hover {color: white !important;}
.refine02 .jplist-group {background: white !important; padding: 2px !important;}
.refine02 .active {color: white !important;}
.opener {height: 120px !important; overflow: auto;}

.itemcellbox .details .addtocart {margin-top: 20px;}

.category-nameZZZ {width: 170px !important;}
.category-name333 {width: auto !important;}


.itemdetailprice {margin-top: 0px !important; width: 160px !important;}
.itemdetailprice td{font-weight: bold !important;}
.details a:hover {background: black !Important;}
.category-desc {width: 420px !important;}
a.mpnunderimage {font-weight: bold; font-size: 18px !important; text-align: center; display: block; text-decoration: none; color: red !important; width: 100%;}
.strike {
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 19px;
    color: black !important;
    text-decoration: line-through;
}



body {margin-top: 0px !important;}
#nlitemlist tr td table tr {height:0px;}

.itemcellbox, body, td, select, textarea, input, button { font-family: "open_sansregular" !important;}

.category-desc p {font-size: 13px !important;}



.jplist-drop-down .jplist-dd-panel::after {z-index: 1 !important;}

.listtexthl, .xxlisttexthl, .listtexthlrt, .xxlisttexthlrt, .listtexthlctr, .xxlisttexthlctr, .bglt {
background: #fff !important; 
border-color: #CCC !important;
}


.quantity {width: 45px;}
.itemcellbox .details a {display: block; margin-bottom: 10px; cursor: pointer;}
.addtocart {background: #fff !important; color: #333 !important; border: solid 1px #CCC;}
.addtocart:hover {background: #fff !important;  color: #CCC !important;}

.paginationcontainer {text-align: right;}

.leftmenu {float: left; width: 180px; min-height: 500px;}
.leftmenu p {font-weight: bold;}

.itemlistcontainer > img {width: 100%; height: auto;}


p, h1, h2, .redheader, .itemlistcellcontainer, .breadcrumbcontainer, .dropdown, .phone-container, .footer-inner, .itemdetailcontainer, .listingfour a, .homesix a {font-family: 'open_sansregular';}

.leftmenu a {font-family: 'open_sansregular'; color: #898989 !important; font-size: 14px; text-decoration: none; font-weight: normal !important; }
.leftmenu a:hover {color: #333 !important;}
.leftmenu .smalltext a { }
.leftmenu .iBullet {background: none !important;}
.leftmenu .textboldnolink {font-weight: bold !Important;}

.crumb, .crumbover {color: #333 !important; font-size: 12px !important;}
.crumb:hover, .crumbover:hover {color: #333 !important; font-size: 12px !important;}

.leftmenu ul li a {font-family: 'open_sansregular'; color: #898989 !important; font-size: 14px; text-decoration: none;  }
.leftmenu ul li a:hover {color: #333 !important;}

.leftmenu ul li.issub a {padding-left: 35px !important;}

.itemdetailcontainer333 {width: 1200px;}

.itemdetailcontainerZZZ {float: left; width: 100%;}

.itemdetailcontainer h2 {text-transform: uppercase; font-size: 26px !Important;}

.itemdetailleft {float: left; width: 19%; margin-right: 20px;  min-height: 500px ;}
.itemdetailright {float: left; width: 71%; min-height: 500px ;}

.itemdetailimage {width: 100%; height: auto;}

.itemdetailprice {font-size: 16px !Important; color: red; font-weight: bold; margin-top: 20px; float: left;}


.itemdetailleft .itemlistbox5 {margin-left: 45px; float: left !important;}


.regprice, .accprice, .instock {margin-left: 45px; font-weight: bold; font-size: 14px !Important;}




.itemlistcontainer {float: left; width: 980px;}


.breadcrumbcontainer {width: 1160px; margin: 0 auto; background: white; opacity: .9; padding: 20px; font-weight: bold;}



.relateditemcontainer {width: 1200px; margin: 0 auto;}
.relateditemcontainer h1 {color: red; font-weight: bold; font-size: 22px !important;}
.relateditemcontainer p {font-weight: bold;}

.relateditembox1 {background: white; padding: 20px; width: 12%; float: left; margin-right: 20px; min-height: 300px;}
.relateditembox1 img, .relateditembox2 img, .relateditembox3 img, .relateditembox4 img {height: auto; width: 100%;}

.relateditembox2 {background: white; padding: 20px; width: 12%; float: left; margin-right: 20px; min-height: 300px;}
.relateditembox3 {background: white; padding: 20px; width: 12%; float: left; margin-right: 20px; min-height: 300px;}
.relateditembox4 {background: white; padding: 20px; width: 12%; float: left; margin-right: 20px; min-height: 300px;}

.viewitem a{display: block; padding: 10px; background: red; color: white; width: 90%; margin-top: 20px; text-align: center;}

.viewitem a:hover{color: white !Important; }




/* --------------------------------------------------------------------------------------------- */
/*  RESET
------------------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0; 	margin: 0; 	padding: 0;
	vertical-align: baseline;
	line-height: 21px;
	outline: none;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;}
a,img,button,input,select,textarea { outline: none; }
table {border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
sub, sup, small { font-size: 75%; }
sub, sup { line-height: 0; 	position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* Part of fix for iOS orientation bug */
html, body {-webkit-text-size-adjust: 100%;}

html {
	background: url('/site/images/brushed-body.jpg') repeat;  
}
body {
	background: url('/site/images/diamond-plate.png') repeat-x;  
}

/* --------------------------------------------------------------------------------------------- */
/*  DEFAULT / GLOBAL STYLES
------------------------------------------------------------------------------------------------ */
body {margin: 0 auto;  height: 100%; 
	font-size: 12px;  font-family: Trebuchet, Arial,Helvetica,sans-serif;color: #333; line-height:1.4;
}

/* DEFAULT LINKS -------------------- */
a {color: #0663BB; text-decoration: none; }
a:hover {color: #12508A; text-decoration:underline; }

/* IMAGES -------------- */

/* img,audio,video,canvas {width:100%; max-width: 100%; height: auto !important;}

img {display: block; max-width: 100%; height: auto; 
	width: auto; 
}
*/


img {color: transparent;  vertical-align: middle; -ms-interpolation-mode: bicubic; }
a img.alignright, img.alignright  {float: right; margin: 5px 0 10px 10px;}
a img.alignnone {margin: 5px 10px 10px 0;}
a img.alignleft, img.alignleft {float: left;margin: 5px 20px 10px 0;}
a img.aligncenter, img.aligncenter  {display: block;margin-left: auto; margin-right: auto;}
a img.border, img.border {border:1px solid #E8E8E8;}

/* DEFAULT LIST STYLES -------- */
ol, ul { list-style: none; }
ul {margin-bottom:10px;}
ul, ul li {list-style: none; }
ul.square li {display:list-item; list-style:square; list-style-position:inside;margin-left:20px; margin-bottom:5px; }
ul.circle li {display:list-item; list-style:circle; list-style-position:inside;margin-left:20px;margin-bottom:5px; }
ul.disc li {display:list-item; list-style:disc; list-style-position:inside;margin-left:20px;margin-bottom:5px; }
ul.custom li {list-style: none; margin-left:20px; margin-bottom:5px; } 
ul.custom li:before {content: "\00BB \0020";  } /* double right arrow + space */
/* Other possibilities for ascii characters as bullets:
	\2192	Right long arrow
	\2023	Triangle bullet
*/

/* CLEARING -------------------------------- */
.clearfix, .clear {clear: both;  *zoom: 1;}
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

/* MISC COLORS  --------------- */
.yellow {color: #CCCCCC; }

/* Padding and Alignment helper styles ------------ */
.pad-top-10 {padding-top:10px;}
.pad-top-20 {padding-top:20px;}
.pad-sides-10{padding:0 10px;}
.pad-sides-20{padding:0 20px;}
.pad-bottom-20 {padding-bottom:20px;}
.pad-inner {padding:20px;}

.centered {text-align:center;}
.uppercase {	text-transform: uppercase;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.no-mtop {margin-top: 0 !important;}
.no-mbtm {margin-bottom: 0 !important;}
.margin-top-20 {margin-top:20px;}
.margin-bottom-20 {margin-bottom:20px;}

/* --------------------------------------------------------------------------------------------- */
/*  TYPOGRAPHY GENERAL STYLES
------------------------------------------------------------------------------------------------ */
button,input,select,textarea {font-family: Arial,Helvetica, sans-serif; font-size: 14px; color: #555;line-height: 20px; }

h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.4; font-weight: normal;color: #222;}
h1 {font-size: 28px; }
h2 {font-size: 24px; margin-bottom:10px;}
h3 {font-size: 20px; margin-bottom:10px; }
h4 {font-size: 18px; margin-bottom:10px; }
h5 {font-size: 16px; margin-bottom:10px; }
h6 {font-size: 14px; text-transform: uppercase;}

p {font-size: 14px; color:#222; line-height: 1.4; margin-bottom:10px;}
p.large {font-size: 16px; color: #222; margin-bottom: 20px;} 
p.small {font-size: 13px;  }


/* --------------------------------------------------------------------------------------------- */
/*  LAYOUT STYLES   
------------------------------------------------------------------------------------------------ */
.mobile-only {display: none;}

/* FOR AX NS LAYOUT  (note: essentially we're not using NS #innerwrapper)  ----------*/
#outerwrapper, #innerwrapper {width:100%; margin: 0 auto; position: relative; }

/* content-wrapper is in theme, must be 100% wide because of 100% width of content area right below menu and above other content */
#content-wrapper {width:1160px; padding: 20px; background: #FFF; margin: 0 auto; position: relative; }

/* Use this within templates, placing any 100% width content outside (above/below) it */
#content-area-1000 {width:1175px; max-width:1175px; margin: 0 auto;  min-height:400px; position: relative;}

/* 
#heading-area-1000 {width:1000px; max-width:1000px; margin: 0 auto;  position: relative; min-width: 200px;}
*/

.row {width: 100%; *zoom: 1;}
.row:before,.row:after {display: table; line-height: 0; content: "";}
.row:after {clear: both;}
.row .row {min-width: 0; }  
.row-padded {width: 97%;float:left; margin-left: 1.5%; margin-right:2%; *zoom: 1; padding-top:10px;}

/* NOTE: .col-group-stack is used to stack columns at given breakpoints, while col-group keeps 
columns in the same row, at their given percentage widths. */
.col-group, .col-group-stack {clear: both;overflow: hidden;  }

.col-group img {display: inline-block; margin-bottom: 20px; } 

/* GRID COLUMNS ---------------------------- */
.one-half     		{width: 48%; }
.one-third   		{width: 30.66%; }
.two-third   		{width: 65.33%; }
.one-fourth 		{width: 22%; }
.three-fourth 	{width: 74%; }
.one-fifth 		{width: 16.8%; }
.two-fifth 		{width: 37.6%; }
.three-fifth     	{width: 58.4%; }
.four-fifth 		{width: 67.2%; }
.one-sixth 		{width: 13.33%; }
.five-sixth 		{width: 82.67%; }

.one-fourth-double {width: 22%; } /* used in media queries to stack 4 cols down to 2 cols */

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fourth-double,
.one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { 
	position: relative;	margin-right: 3%; margin-bottom: 10px; float: left; 
}

.column-last {margin-right: 0 !important; clear: right; }



.slidesmargintop {
	background: url('/site/images/trans-50.png') repeat;  
	bottom: 0px;
	height: 110px; 
	padding: 2%;
	width: 96%;

}







/* --------------------------------------------------------------------------------------------- */
/*  HEADER  
------------------------------------------------------------------------------------------------ */
.top-line {width:100%; background-color:#CCCCCC; height:4px;}

.header {
	width: 100%; 
	margin: 0 auto;
	position: relative; 
	height:155px;  
	padding-top: 0px;  
	text-align: justify; 
	border-bottom: solid 20px red;
	background: url('/site/images/brushed-top.jpg') repeat;  

}

.header::after {content: ''; display: inline-block; width: 100%;}
.header-inner {margin: 0 auto; width:1200px; max-width:1200px;overflow:visible;  }


.phone-container div {font-size: 13px !important; color: #000 !important; }


.header p {font-size: 16px; color: #FFF; }
.header a {text-decoration: none; color: #FFF;}

.header-left  {float:left; width: auto; text-align: left; display: inline-block; margin:5px 0px 0 0; }
.logo {margin-left: 0;}

.header-right{float:right; width: 40%; text-align:left; display: inline-block; margin-top:6px; color:#FFF; font-size: 16px; }
.account-links {float:right; width:100%; position:relative; text-align:center; margin-bottom:5px;}
.account-links span {margin-right:15px; }
.account-links img {display:inline; margin-right:5px;}
.account-links a {font-size:14px; color: #F5F5F5; text-align:right; text-decoration:none; }
.account-links a:hover {color:#FFF; }
.phone {float:left; width:100%; position:relative; text-align:center; margin-top:5px;}
a.tel, a.tel:hover {text-decoration: none;}

			
/* --------------------------------------------------------------------------------------------- */
/*  MENU: see ax-menu.css
------------------------------------------------------------------------------------------------ */



/* --------------------------------------------------------------------------------------------- */
/*  HOME PAGE
------------------------------------------------------------------------------------------------ */
.top-bgs {float:left; width:100%; position: absolute; height:auto; background-color:#FFF; }
.home-top-bg1 {
	float:left; width:100%; position: relative; height:320px; max-height:320px; 
	background: #222 url(/site/images/shale-pattern-654x300.jpg); 
}

.home-top-bg2 {
	float:left; width:100%; position: relative; height:34px; 
	background: -moz-linear-gradient(top,  rgba(211,211,211,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,0.65)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d3d3d3', endColorstr='#00ffffff',GradientType=0 );
	
}

.slider-wrap {float:left; position: relative; margin: 0 auto; width:100%; height:auto;  }

#home-slider {margin: 0 auto; width:100%; position: relative;}


/* Slider shadow on home page ------------------- */
.drop-shadow {
	margin: 0 auto; width:100%; max-width:900px; position: relative;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before, .drop-shadow:after {content:""; position:absolute;	z-index:-2;}

.dark-gray {
	-webkit-box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.7);
}

.intro-text {width:100%; position:relative;margin:10px 0 20px 0;}
.intro-text p {font-size:16px; }
.yellow-line {border:2px solid #CCCCCC; margin:10px 0 10px 0;}
.bottom-text {float:left; position:relative; margin-bottom:20px; }

/* --------------------------------------------------------------------------------------------- */
/* FLEXSLIDER CAROUSEL:  Home > Featured Products 
Note: uses the "jquery.flexslider.manualDirectionControls.js" plugin for positioning nav arrows, 
because Flexslider doesn't let you specify custom HTML for left/right navigation (this plugin 
takes care of that). Also - the carousel uses font-awesome fonts for the arrows instead of the 
flexslider font icons.
------------------------------------------------------------------------------------------------ */
.featured-top {width:100%; position:relative; }
.featured-hdg {float:left; width:96%; font-size: 20px;font-family: 'Roboto Condensed', Trebuchet, Arial, sans-serif; margin: 0;}

#home-carousel {float:left; width:100%; position: relative; margin:10px 0; padding-bottom:30px;}
#home-carousel .featured-products {}
#home-carousel .flexslider-carousel {width: 100%; float:left; margin-top:10px;  }

#home-carousel .flexslider-carousel ul.slides li {
	margin-left:12px; margin-right:60px;  min-height:200PX; min-width:250PX;padding-top:20px;
	border-top:1px solid #F2F0F0; border-left:1px solid #F2F0F0;border-right:1px solid #F2F0F0;  border-bottom:3px solid #E6E6E6;
	-webkit-box-shadow: 0 1px 4px #E6E6E6; 
	   -moz-box-shadow: 0 1px 4px #E6E6E6;
       	    box-shadow: 0 1px 4px #E6E6E6;   
}
	
#home-carousel .flexslider-carousel ul.slides li:hover {border:1px solid #CCC;}

ul.slides li img {margin:0 auto;  }
ul.slides li > p {text-align:center; margin-top:20px; font-size:13px;}


/* Previous / Next buttons ---------- */
.flexslider-carousel a.next, .flexslider-carousel a.previous {
	position:absolute; font-size:12px; display:block; 
	height:25px; width:25px; right:0; top:-35px; 
	background:#CCCCCC; text-align:center; color:#fff; line-height:28px;
}	
.flexslider-carousel a.next:hover, .flexslider-carousel a.previous:hover {background:#333;}
.flexslider-carousel a.previous {right:30px;}

.sale-badge {
	position:absolute; top:5px; left:15px;   
	border-radius:50%; display:block; width:43px; height:43px; 
	background:#CCCCCC; text-align:center; font-size:13px; line-height:43px; color:#222;
}


/* --------------------------------------------------------------------------------------------- */
/* CATEGORY TEMPLATE
------------------------------------------------------------------------------------------------ */
.category-top-bg {
	float:left; width:100%; position: relative; height:130px; max-height:130px; 
	background: #222 url(/site/images/shale-pattern-327x150.jpg); 
}

.category-top {float:left; position: relative; margin: 0 auto; width:100%; height:auto; }
.category-top-image {
	margin: 0 auto; position:relative; width:100%; max-width:1000px; position: relative; 
	margin-top:20px; margin-bottom: 20px; 
}

.category-text-top {width:100%; position:relative; margin:10px 0;}
.category-text-top p {font-size:16px; }

/*DEV NOTE: need tag substitution for category line color since each product category has a different color (see catalog pdf) */
.category-line {border:2px solid #0072BC; margin:10px 0 10px 0;}

.category-text-bottom {float:left; position:relative; margin-bottom:20px; }

.category-drop-shadow {
	-webkit-box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0 15px 10px -5px rgba(0, 0, 0, 0.7);
}
.category-drop-shadow:before, .category-drop-shadow:after {content:""; position:absolute;z-index:-2;}

/* CATEGORY LIST ITEMS ------------------------ */
.category-list-wrap {width: 100%;display: inline-block; text-align: center;margin: 0 0 20px 0; }

.catlist-one-fourth-double {width: 22%;display: inline-block; position: relative;text-align: center !important; 
	vertical-align:top;
	min-height:225px;
	margin: 10px; background:#FFF; 
	border-top:1px solid #F2F0F0; border-left:1px solid #F2F0F0;border-right:1px solid #F2F0F0;  border-bottom:3px solid #E6E6E6;
	-webkit-box-shadow: 0 1px 4px #E6E6E6; 
	   -moz-box-shadow: 0 1px 4px #E6E6E6;
       	    box-shadow: 0 1px 4px #E6E6E6;   
	
}

.catlist-one-fourth-double  img {max-width: 100%;height: auto; margin: 0 auto;display: inline-block; vertical-align: top;}
.catlist-one-fourth-double:hover {border:1px solid #CCC; border-bottom:3px solid #CBCACA; }
.category-item-img {position: relative;max-width: 100%;height: auto;  }
.category-nameAAA {
	position: relative; font-size:13px; color:#222; padding-top: 3px; border-top: 1px solid #DDD;background:#F6F6F6; 
	position: absolute; bottom: 0; width:100%; margin:0 auto; height:40px;
}
.category-name a {color:#222; text-decoration:none;padding:0 2px; text-align:center; }

.brands-carousel {float:left; width:96%; max-width:1000px; position:relative; margin: 30px auto; padding:10px; border:1px solid #E8E8E8;  }
/*NOTE:  other styles for Brand Logos carousel is in flexisel-style.css. Not using Flexslider because the carousel implementation 
requires an explicit width defined for all images in the carousel, whereas Flexisel requires max-width and max-height.  
*/


/* --------------------------------------------------------------------------------------------- */
/* ITEM LIST TEMPLATE
------------------------------------------------------------------------------------------------ */
.item-list-top-bg {	float:left; width:100%; position: relative; height:20px; background: #222 url(/site/images/shale-pattern-327x150.jpg); }
.item-list-top {margin:50px 0 20px 0;}
.itemlist-wrap {width: 100%;display: inline-block; text-align: center;font-size: 0;margin: 0 0 20px 0; }

.item-one-fourth-double {
	width: 22%;display: inline-block; position: relative;text-align: center !important; 
	vertical-align:top;  min-height:250px;
	margin: 10px; background:#FFF; margin-bottom: 20px;
	border-top:1px solid #F2F0F0; border-left:1px solid #F2F0F0;border-right:1px solid #F2F0F0;  border-bottom:3px solid #E6E6E6;
	-webkit-box-shadow: 0 1px 4px #E6E6E6; 
	   -moz-box-shadow: 0 1px 4px #E6E6E6;
       	    box-shadow: 0 1px 4px #E6E6E6;   
	
}

.item-one-fourth-double  img {max-width: 100%;height: auto; margin: 0 auto;display: inline-block; vertical-align: top;}
.item-one-fourth-double:hover {border:1px solid #CCC; border-bottom:3px solid #CBCACA;}

.itemlist-img {position: relative;max-width: 100%;height: auto; min-height:170px;}
.itemlist-img img {margin:10px 0;  max-height:150px; }
.itemlist-prod-name {position: relative; min-height: 30px;font-size:13px; color:#222; padding: 4px; line-height:1;font-weight:bold; }
.itemlist-prod-desc {position: relative; min-height:30px; font-size:12px; color:#222; line-height:1; text-align:center; font-weight:normal; }
.itemlist-price {position: relative; min-height:30px; width:100%; font-size:13px; color: #A50808;font-weight:bold; border-bottom: 1px solid #DDD; }
.itemlist-addtocart {
	position: relative; display:inline-block; width:100%; margin:4px auto 0 auto;  min-height:40px; 
	font-size:13px; color:#222; padding: 3px 0 3px 0; 
}
input#qty.input {position:relative; height: 28px;border: 1px solid #DDD; margin: 2px 10px 4px 0;text-align: center;padding: 0;}

/*for button style - see Buttons section below */

.yellow-sale-badge {
	position:absolute; top:5px; left:5px;   
	border-radius:50%; display:block; width:43px; height:43px; 
	background:#CCCCCC; color:#000; text-align:center; font-size:13px; line-height:43px;  
}	

/* --------------------------------------------------------------------------------------------- */
/* ITEM DRILLDOWN TEMPLATE
------------------------------------------------------------------------------------------------ */
.item-detail-top-bg {float:left; width:100%; position: relative; height:20px; background: #222 url(/site/images/shale-pattern-327x150.jpg); }

.margin-top-70 {margin:70px 0 20px 0;}

.product-info-left {float: left; position:relative; display:inline-block; width:400px; }
.product-image {
	float: left; width: 98%; position:relative; margin: 10px 0 10px 0;border:1px solid #E8E8E8; padding:4px;
	border-top:1px solid #F2F0F0; border-left:1px solid #F2F0F0;border-right:1px solid #F2F0F0;  border-bottom:3px solid #E6E6E6;
	-webkit-box-shadow: 0 1px 4px #E6E6E6; 
	   -moz-box-shadow: 0 1px 4px #E6E6E6;
       	    box-shadow: 0 1px 4px #E6E6E6;   	
}
.product-image img {max-width:100%; max-height:400px; margin:0 auto;}	
	
.product-info-right {float:left; width:550px; position:relative; display:inline-block; margin:0 0 10px 30px;  }
.availability {float:left; }
.wishlist {float:right;}
.product-price-row {float: left;position:relative; width: 100%; padding: 10px 0;border-bottom: 1px solid #F2F2F2;border-top: 1px solid #F2F2F2;margin: 10px 0 20px 0;}
.price {float:left; width:20%; color: #222;font-size: 16px; font-weight:bold;}

.qty-add {float:right; position:relative; display:inline-block; }
.qty {float:left; position:relative; }
.qty input {margin-top:4px;}
input#qty.input {height:25px;}
.buy-button{float:right; position:relative;padding-left:5px;}

.pricing-info {float:left; position:relative; margin:0; }
.pricing-info p.red   {color:#D20000; font-style:italic; font-weight:bold; margin:0;}
.pricing-info a.red {text-decoration:underline; color:#CA0909; font-style:italic; font-weight:bold; margin:0;}
.social {float:left; position:relative; margin:10px 0;}

/* --------------------------------------------------------------------------------------------- */
/* RELATED ITEMS
------------------------------------------------------------------------------------------------ */
.related-top {width:100%; position:relative; }
.related-hdg {float:left; width:96%; font-size: 20px;font-family: 'Roboto Condensed', Trebuchet, Arial, sans-serif; margin: 0;}

.related-list-wrap {width: 100%;display: inline-block; text-align: center;font-size: 0;margin: 0 0 20px 0; }

.related-one-fourth-double {width: 22%;  display: inline-block; position: relative;text-align: center !important; 
	vertical-align:top; min-height:225px; margin: 10px; background:#FFF;  
        border-top:1px solid #F2F0F0; border-left:1px solid #F2F0F0;border-right:1px solid #F2F0F0;  border-bottom:3px solid #E6E6E6;
	-webkit-box-shadow: 0 1px 4px #E6E6E6; 
	    -moz-box-shadow: 0 1px 4px #E6E6E6;
       	              box-shadow: 0 1px 4px #E6E6E6;  
}

.related-one-fourth-double  img {max-width: 100%;height: auto; margin: 0 auto;display: inline-block; vertical-align: top;}
.related-one-fourth-double:hover {border:1px solid #CCC; border-bottom:3px solid #CBCACA; /*lighter #DFD9D9; */}
.related-item-img {position: relative; max-width: 100%;height: auto; }
.related-name {
	position: relative; font-size:13px; color:#222; padding-top: 3px; border-top: 1px solid #DDD;background:#F6F6F6; 
	position: absolute; bottom: 0; width:100%; margin:0 auto; height:40px;
}
.related-name a {color:#222; text-decoration:none;padding:0 2px; text-align:center; }


/* --------------------------------------------------------------------------------------------- */
/* INFO PAGES
------------------------------------------------------------------------------------------------ */
.info-top-bg {
	float:left; width:100%; position: relative; height:40px; max-height:40px; 
	background: #222 url(/site/images/shale-pattern-327x150.jpg); 	
}
.margin-top-50 {margin-top:50px;}
.side-box {float:left; position:relative; width:100%; margin-top: 5px; border:1px solid #E8E8E8; }
.side-box p {padding:4px 6px;}
.side-box-hdr {background:#F5F5F5;border-bottom:1px solid #DDD; padding:2px 4px;}
.side-box-hdr h3 {margin:2px 3px;}
.about-img {margin-bottom:20px;background:#F5F5F5; padding:4px; border:1px solid #EEE;}


/* --------------------------------------------------------------------------------------------- */
/*  FOOTER and SUBFOOTER SECTIONS  
------------------------------------------------------------------------------------------------ */
.footer-top {width:100%; position: relative; margin-top:10px; border-top: 1px solid #F5F5F5;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.footer-top  h1,.footer-top  h2,.footer-top  h3,  .footer-top p {
	color:#212121; font-size:15px; margin: 5px;
	font-family: "Roboto", Tahoma, Arial, Helvetica,sans-serif;
}
.footer-top  a{color:#222; text-decoration:underline;}

.footer {
	width:100%; 
	margin: 0 auto;
	position: relative; 
	padding: 10px 0; 
	background: url('/site/images/footer-grad.jpg') repeat-x;  
	background-color: #000;
	padding-top: 0px;
	color: #FFF;
	border-top: 13px solid red;
}

.homesix2 {width: 150px;}

a.tel {color: #000!important;}


.footer a {color: #FFF;}

.homesixQQQQQ {float: left; width: 15%; padding: 0%; margin: 9px; min-height: 200px; height; 200px; }
.homesix {padding: 0%; margin: 10px; min-height: 150px; }


.homesix img {height: auto; width: 100%;}
.homesix img:hover {opacity: .7;}

.homesix a {font-weight: bold; color: #333 !Important;}





.listingfour {float: left; width: 17.5%; padding: 0%; margin: 10px; min-height: 200px; height; 200px; }
.listingfour img {height: auto; width: 100%;}
.listingfour a {font-weight: bold; color: #333 !Important;}




.redheader {height: 25px; padding: 3px; width: 100%; background: red;}
.redheader span{color: white; font-weight: bold;}
.redheader .span1{margin-left: 158px;}
.redheader .span2{margin-left: 110px;}
.redheader .span3{margin-left: 265px;}
 
 
.itemlistcellcontainer {min-height: 230px; border-bottom: solid 1px grey;}
 
.itemlistbox1 {float: left; margin-right: 10px; margin-top: 20px; width: 150px; font-weight: bold; min-height: 200px;}
.itemlistbox2 {float: left; margin-right: 10px; margin-top: 20px; width: 150px; font-weight: bold; min-height: 200px;}
.itemlistbox3 {float: left; margin-right: 10px; margin-top: 20px; width: 330px; font-weight: bold; min-height: 200px;}
.itemlistbox4 {float: left; margin-right: 10px; margin-top: 20px; width: 150px; font-weight: bold; min-height: 200px;}
.itemlistbox5 {float: right; margin-right: 0px; margin-top: 20px; font-weight: bold; min-height: 200px;}

 
 
.itemlistbox4 span{color: red; font-weight: bold; font-size: 22px;}
.itemlistbox5 span{cursor: pointer; color: white; background: red; font-weight: bold; font-size: 14px; padding: 15px;}
.itemlistbox5 span:hover{color: white !Important; background: black !Important; font-weight: bold; font-size: 14px; padding: 15px;}
 
 
.footer-inner .one-fourth-double {width: 47% !Important; text-align: center;}
 
 
.footer ul li {float: left;}
.footer ul li a {padding: 20px; color: #FFF;}

.footer .logo {margin-left: 32%;}

.footer-inner {margin: 0 auto; width:1000px; max-width:1000px; }
.footer-inner p {color: white !Important; font-style: italic; font-weight: bold; text-align: center; font-size: 12px !Important;}
.footer-col2222 {min-height:160px;}

.footer h1, .footer h2 , .footer h3, .footer h4 {
	color:#F3F3F3; font-size: 14px;	text-transform: uppercase; padding-bottom:4px;
	font-family: Roboto, Trebuchet, Arial,Helvetica,sans-serif;
	border-bottom:1px solid #CCCCCC;
}

.footer ul li a, .footer a , .footer p  {}
.footer ul li a, .footer a {text-decoration:none;}
.footer a:hover{text-decoration:underline;}

img.icon-email {display:inline; margin: 2px 5px 5px 0;}

.subfooter {	width:100%; margin: 0 auto;position: relative;  padding: 0;
	color: #737373; font-size:13px; font-family: Trebuchet, Arial,Helvetica,sans-serif;
}
.subfooter-inner {margin: 0 auto; width:1200px; max-width:1200px; }
.subfooter p {color: #737373; font-size:13px; font-family: "Roboto Condensed", Trebuchet, Arial, Tahoma, Helvetica,sans-serif; }
.subfooter a {color: #737373; text-decoration: none;}
.subfooter a:hover {text-decoration:underline; }

.footer-logo {position:relative; bottom:-34px; margin: 0 auto; z-index:999;}
.copyright {margin-top:12px; }

.footer .social-icons {float:left;display: inline;}
.footer .social-icons  img {display: inline;}

.footer .tel {color: white !important;}

.testaraso {width: 371px; margin: 0 auto;}
/* --------------------------------------------------------------------------------------------- */
/* BUTTONS
------------------------------------------------------------------------------------------------ */
.atcbutton {
	position:relative; margin: 0 auto; padding: 2px 10px;height: 30px;
	font-size: 15px; font-family: 'Roboto Condensed', Roboto, Tahoma, Helvetica,sans-serif; text-align: center;  
	background: #FBE071; color:#222; border: 1px solid #F7C602; border-radius:2px;
	background: -moz-linear-gradient(top,  #FBE071 0%, #F9BC13 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBE071), color-stop(100%,#F9BC13));
	background: -webkit-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: -o-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: -ms-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: linear-gradient(to bottom,  #FBE071 0%,#F9BC13 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE071', endColorstr='#F9BC13',GradientType=0 );	
}
.atcbutton:hover {background: #F7C602; border: 1px solid #EFC005; color: #000; }

.ax-button {
	position:relative; margin: 0 auto; padding: 2px 10px; min-height:28px;
	font-size: 14px; font-family: Roboto, Tahoma, Helvetica,sans-serif; text-align: center;  
	background: #FBE071; color:#222; border: 1px solid #F7C602; border-radius:2px;
	background: -moz-linear-gradient(top,  #FBE071 0%, #F9BC13 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBE071), color-stop(100%,#F9BC13));
	background: -webkit-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: -o-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: -ms-linear-gradient(top,  #FBE071 0%,#F9BC13 100%);
	background: linear-gradient(to bottom,  #FBE071 0%,#F9BC13 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE071', endColorstr='#F9BC13',GradientType=0 );
}

.ax-button:hover { /* reverse the gradient colors */
	background: #F7C602;color: #000;
	background: -moz-linear-gradient(top,  #F9BC13 0%, #FBE071 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9BC13), color-stop(100%,#FBE071));
	background: -webkit-linear-gradient(top, #F9BC13 0%,#FBE071 100%);
	background: -o-linear-gradient(top,  #F9BC13 0%,#FBE071 100%);
	background: -ms-linear-gradient(top,  #F9BC13 0%,#FBE071 100%);
	background: linear-gradient(to bottom,  #F9BC13 0%,#FBE071 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BC13', endColorstr='#FBE071',GradientType=0 );	
}

 
/* --------------------------------------------------------------------------------------------- */
/* COMMON PAGE ELEMENTS 
------------------------------------------------------------------------------------------------ */
.breadcrumbs {width:100%; position: relative; padding: 0 ;margin: 0 auto; background: #222 url(/site/images/shale-pattern-327x150.jpg);height: 20px !important;  }
.breadcrumbs-inner {position:relative; padding: 5px 0; margin: 0px auto 0 auto; width:1000px; max-width:1000px; color:#FFF; font-size: 13px; }
.breadcrumbs-inner a {color:#FFF; padding-left:5px; text-decoration:none; font-size: 13px;}
.breadcrumbs-inner a:hover{text-decoration:underline; }

.top-bg-gradient {
	float:left; width:100%; position: relative; height:34px; 
	background: -moz-linear-gradient(top,  rgba(211,211,211,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,0.65)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(211,211,211,0.65) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d3d3d3', endColorstr='#00ffffff',GradientType=0 );
}

/* --------------------------------------------------------------------------------------------- */
/*  MISC
------------------------------------------------------------------------------------------------ */
.fontawesomeicons ul {list-style: none; }
.fontawesomeicons ul li {line-height: 25px; }
.icon-yellow {color:#CCCCCC;}
.icon-white {color:#F5F5F5;}
.icon-gray {color:#CCC;}
.ax-blue {border-color:#0071BB;}
.ax-green {border-color:#487241;}
.ax-blue {border-color:#0071BB;}
.ax-purple {border-color:#51245E;}
.ax-gold {border-color:#FDBA2F;}
.ax-red {border-color:#B61D22;}
.ax-gray {border-color:#3F3F41;}
.ax-orange {border-color:#FF7300;}

/* --------------------------------------------------------------------------------------------- */
/*  Override NS styles 
------------------------------------------------------------------------------------------------ */
#div__body {margin-top:0 !important;}
table#__enclosingtable222 {margin-top:-21px;}



.welcomeslidercontainer {margin-bottom: 40px;}





























#tabbedZZZZ {display: none;}

 
#tabbed * {
	margin: 4px auto 0 auto;
	/*padding: 0;*/
	outline: 0;
	font-weight: 300;
	font-style: normal;
	font-size: 14px; 
	vertical-align: baseline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#tabbed label {cursor: pointer;border: 1px solid #CCC;}
#tabbed input[type="radio"] {display: none;visibility: hidden; opacity: 0;}
#tabbed a {text-decoration: none;}
#tabbed {
	width: 100%; /* <-- Adjust this value to change the width of the tabs */
	position: relative;
	float: left;
	text-align: left; /* This value positions the tab labels on top. You can set: left, right or center. */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

/*  ==================
    3. MAIN STYLES
    ==================  */

/***** Wrapper *****/

#tabbed .wrapper {
	background: url('/site/images/brushed-body.jpg') repeat;  
padding: 0px;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin:0 0 30px;
}
#tabbed .wrapper > div {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
 	z-index: -1;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

/***** Tab labels *****/

#tabbed input#t-1:checked ~ .wrapper .tab-1,
#tabbed input#t-2:checked ~ .wrapper .tab-2,
#tabbed input#t-3:checked ~ .wrapper .tab-3,
#tabbed input#t-4:checked ~ .wrapper .tab-4,
#tabbed input#t-5:checked ~ .wrapper .tab-5,
#tabbed input#t-6:checked ~ .wrapper .tab-6 {
	position: relative;
	float: left;
	z-index: 10;
	opacity: 1;
	visibility: visible;
}

#tabbed label.tabs {
	display: inline-block;
	background: url('/site/images/brushed-body.jpg') repeat;  
font-weight: bold;
	color: #666;
	border: 0;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 14px;
	width: auto;
	height: 40px;
	line-height: 40px;
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px);
}
#tabbed label.tabs:hover,
#tabbed label.tabs:focus {
	background: #333;
	color: #FFF;
}
#tabbed input:checked + label.tabs {
 	color: red;
}
#tabbed label.tabs:hover,
#tabbed label.tabs:focus,
#tabbed input:checked + label.tabs {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
#tabbed label.tabs:before {
	padding-right: 10px;
}


/*  ==================
    4. LAYOUT
    ==================  */

/***** 6 column grid *****/

#tabbed .row {
	display: block;
	float: left;
	width: 100%;
	clear: both;
}
#tabbed .cell {
	display: inline-block;
	float: left;
	position: relative;
	margin: 1% 2% 1% 0;
}
#tabbed .cell:last-child {
	margin-right: 0;
}
/* full width */
#tabbed .cell.w-100 {
	width: 100%;
}
/* four fifths */
#tabbed .cell.w-83 {
	width: 83%;
}
/* three fifths */
#tabbed .cell.w-66 {
	width: 66%;
}
/* half width */
#tabbed .cell.w-49 {
	width: 49%;
}
/* two fifths */
#tabbed .cell.w-32 {
	width: 32%;
}
/* one fifth */
#tabbed .cell.w-15 {
	width: 15%;
}
/* table */
#tabbed .cell.table.first {
	padding-left: 10px;
}
#tabbed .cell.table.first.blue {
	background: #6E98E3;
}
#tabbed .cell.table.first.black {
	background: #333;
}
#tabbed .cell.table.first p {
	color: #fff;
}
#tabbed .cell.table.exposed p {
	color: #f00;
}

/***** Helper margins *****/

#tabbed .mt-5 {
	margin-top: 5px;
}
#tabbed .mt-10 {
	margin-top: 10px;
}
#tabbed .mt-15 {
	margin-top: 15px;
}
#tabbed .mt-20 {
	margin-top: 20px;
}
#tabbed .mt-30 {
	margin-top: 30px;
}

/***** Clearfixes *****/

#tabbed .clrfx {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
	content: "";
}

/***** Floats *****/

#tabbed .fl-left {
	float: left;
}
#tabbed .fl-right {
	float: right;
}


/*  ==================
    5. CONTENT
    ==================  */

/***** Titles *****/

#tabbed .title.large {
	font-size: 22px;
	color: #96AFC0;
	text-transform: uppercase;
}
#tabbed .title.large span {
	font-size: 22px;
	color: #96AFC0;
	text-transform: uppercase;
	padding-bottom: 10px;
}
/*#tabbed .title.normal {
	font-size: 22px;
	color: #333;
	text-transform: uppercase;
	font-weight: 400;
}*/
#tabbed .title.small {
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	font-weight: 400;
	margin: 18px 0 8px;
}
#tabbed .title.mini {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	font-style:italic;
}

/***** Paragraphs *****/

#tabbed p {
	display: block;
 	font-size: 14px;
    line-height: 1.4;
}
#tabbed p.large {
	font-size: 16px;
	line-height: 1.4;
	color: #555;	
}
/*
#tabbed p.normal {
	font-size: 16px;
	line-height: 1.4;
	color: #222;	
}
*/
#tabbed p.small {
	font-size: 12px;
	line-height: 1.4;
	color: #bbb;
}

#tabbed p strong {font-weight: bold;}
#tabbed p em, #tabbed em {font-style:italic;}

#tabbed p.small span.icon {padding-right: 8px;}
#tabbed p.normal span.icon {padding-right: 10px;}
#tabbed p.large span.icon {padding-right: 12px;}

#tabbed h3 {font-size: 20px; margin: 10px 0;}


/***** Links and buttons *****/

#tabbed a {color: #0663BB;}
#tabbed a:hover {color: #12508A;}

#tabbed .button {
	color: #fff;
	font-size: 16px;
	padding: 14px;
	text-align: center;
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
#tabbed .button:hover {
	color: #fff;
}
#tabbed .button:before {
	float: right;
}
#tabbed .button.blue {
	background: #6e98e3;
}
#tabbed .button.black {
	background: #333;
}
#tabbed .button.grey.light {
	background: #bbb;
}
#tabbed .button.grey.dark {
	background: #777;
}
#tabbed .button.blue:hover {
	background: #333;
}
#tabbed .button.black:hover {
	background: #6e98e3;
}
#tabbed .button.grey:hover {
	background: #555;
}

/***** List style *****/

#tabbed ul {
	padding-left: 10px;
}
#tabbed ul > li {  
	list-style-type: none;
	color: #333;
}
#tabbed ul li:before {
	display: inline-block; margin-right: 6px; text-align: left;
	font-weight: normal;
	content: "\2023";
	color: #FDBA2F;
}

/***** Iframe for video *****/

#tabbed iframe {
	width: 100%; /* This value ensures that the video is 100% width of the content area */
	height: 480px; /* This is video height, which can be adjusted according to the content */
}

/***** Map *****/

#tabbed .map {
	width: 90%;
	height: 380px;
	display: inline-block;
}
#tabbed .map-wrap {
	padding: 14px;
	width: 260px;
}
#tabbed .map-wrap .b-title {
	font-size: 16px;
	text-transform: uppercase;
	color: #FF2424;
	padding-bottom: 4px;
	display: block;
	width: 100%;
}
#tabbed .map-wrap p {
	display: block;
	clear: both;
	font-size: 13px;
	color: #999;
	padding-bottom: 4px;
}
#tabbed .map-wrap .b-info {
	font-size: 12px;
	color: #333;
	margin-top: 12px;
}
#tabbed .map-wrap .b-info span {
	padding-right: 6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#arrow-select-svg {
		display: none; /* <-- Hide svg arrow in webkit browsers and IE9/10 (pointer events don't work in those IE) */
	}
}
x:-o-prefocus, #arrow-select {
	display: none; /* <-- Hack for Opera 12 */
}
/*-- Webkit placeholder --*/
#tabbed input::-webkit-input-placeholder,
#tabbed textarea::-webkit-input-placeholder {
	color: #999;
}
#tabbed input:focus::-webkit-input-placeholder,
#tabbed textarea:focus::-webkit-input-placeholder {
	color: #ccc;
}
/*-- Firefox 19 down placeholder --*/
#tabbed input:-moz-placeholder,
#tabbed textarea:-moz-placeholder {
	color: #999;
}
#tabbed input:focus:-moz-placeholder,
#tabbed textarea:focus:-moz-placeholder {
	color: #ccc;
}
/*-- Firefox 19 up placeholder --*/
#tabbed input::-moz-placeholder,
#tabbed textarea::-moz-placeholder {
	color: #999;
}
#tabbed input:focus::-moz-placeholder,
#tabbed textarea:focus::-moz-placeholder {
	color: #ccc;
}
/*-- IE 10+ placeholder --*/
#tabbed input:-ms-input-placeholder,
#tabbed textarea:-ms-input-placeholder {
	color: #999;
}
#tabbed input:focus:-ms-input-placeholder,
#tabbed textarea:focus:-ms-input-placeholder {
	color: #ccc;
}
/*-- IE 9 placeholder --*/
#tabbed .ie9-placeholder {
	color: #999 !important;
}
#tabbed .ie9-placeholder:focus {
	color: #ccc !important;
}
/* Required field */
#tabbed input:required,
#tabbed textarea:required,
#tabbed select:required {
	background: #fff url(images/required.png) no-repeat 100% 18px;
	outline: none;
	box-shadow: none;
}
/* Invalid field */
#tabbed input:hover:invalid,
#tabbed textarea:hover:invalid,
#tabbed select:hover:invalid {
	background: #fff url(images/focused.png) no-repeat 100% 18px;
	outline: none;
	box-shadow: none;
}
/* Valid field */
#tabbed input:required:valid,
#tabbed textarea:required:valid,
#tabbed select:required:valid {
	background: #fff url(images/valid.png) no-repeat 100% 18px;
	outline: none;
	box-shadow: none;
}
/* Invalid field */
#tabbed input:focus:invalid,
#tabbed textarea:focus:invalid,
#tabbed select:focus:invalid {
	background: #fff url(images/invalid.png) no-repeat 100% 18px;
	outline: none;
	box-shadow: none;
}


/*  ==================
    6. VISUAL CANDIES
    ==================  */

/***** Transitions *****/

#tabbed a,
#tabbed input,
#tabbed select,
#tabbed textarea,
#tabbed label.tabs,
#tabbed input:checked ~ .wrapper > div {
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.2s;
}

/* VapeWorld Product Detail styles */

/*.product-detail-heading { font-weight:700; font-size:16px; color: #96AFC0; text-transform:uppercase; }
.product-feature-heading { font-weight:700; font-size:16px; color: #000; text-transform:uppercase; }*/
.expand-icon { background: #96AFC0; color:#FFF; border: 1px solid #96AFC0;}
.expand-icon:hover { background:#FFF ; color:#96AFC0; }

/*.product-price-row {float: left;position:relative; width: 100%; padding: 10px 0;border-bottom: 1px solid #F2F2F2;border-top: 1px solid #F2F2F2;margin: 10px 0 20px 0;}
.price {float:left; width:20%; color: #222;font-size: 16px; font-weight:bold;}*/

.qty-add {width: 240px; position:relative; height: 40px; display: inline-block;}
.qtyZZZ {position:absolute; left:100px; top:-5px; }
.qty {float: right; margin-top: -17px !important;}

.qty-label { line-height:24px; }
.qty input { margin-top:4px; }

.qty-acc {position:absolute; left:48px; top:0; }











































.buy-button {float:none; position:relative; }























/*  ==================
    7. MEDIA QUERIES
    ==================  */

/***** Max width 1024px *****/

@media screen and (max-width:1024px){
	#tabbed {width: 100%;}
	#tabbed label.tabs {padding: 0 22px;}
}

/***** Max width, was 800px *****/

@media screen and (max-width:767px){
	#tabbed .cell.w-83,
	#tabbed .cell.w-66,
	#tabbed .cell.w-49,
	#tabbed .cell.w-32,
	#tabbed .cell.w-15 {
		width: 100%;
	}
	#tabbed .cell {
		margin: 2% 0;
	}
	#tabbed p.framed-quote:before {
		display: none;
	}
	#tabbed label.tabs {
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-size: 16px;		
		text-align: left;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#tabbed label.tabs:before {
		display: inline-block;
		padding: 0;
		width: 30px;
	}
	#tabbed input:checked + label.tabs.shadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	#tabbed .fl-right {float: left;	}
	#tabbed iframe {height: 380px;	}
	#tabbed .map {width: 100%;}
	
	.qty-acc {position:relative; left:0; top: 20px; }
}














.texttablectr, .texttable, .texttablert, .extcartbordershaded, .extcarttotalshaded, .bgmd {background: white !important;}

#addtocart {padding: 5px; color: white !important; background: red !important;}
.bgbutton, .nlbutton {padding: 5px; color: white !important; background: red !important;}













.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-helper-clearfix::before, .ui-helper-clearfix::after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.ui-helper-clearfix::after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-front {
    z-index: 100;
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    margin-top: 2px;
    min-height: 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    position: relative;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: 0.7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-accordion .ui-accordion-content {
    border-top: 0 none;
    overflow: auto;
    padding: 1em 2.2em;
}
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
}
.ui-button {
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-right: 0.1em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}
.ui-button-icon-only {
    width: 2.2em;
}
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -1e+7px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
input.ui-button {
    padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.ui-datepicker {
    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}
.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.7em 0.3em;
    text-align: center;
}
.ui-datepicker td {
    border: 0 none;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0.2em;
    position: absolute;
    top: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}
.ui-dialog .ui-dialog-titlebar-close {
    height: 20px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 21px;
}
.ui-dialog .ui-dialog-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
    text-align: left;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0.5em 0.4em 0.5em 0;
}
.ui-dialog .ui-resizable-se {
    background-position: 16px 16px;
    bottom: -5px;
    height: 12px;
    right: -5px;
    width: 12px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    display: block;
    list-style: outside none none;
    margin: 0;
    outline: medium none;
    padding: 2px;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-divider {
    border-width: 1px 0 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 5px -2px;
}
.ui-menu .ui-menu-item a {
    display: block;
    font-weight: normal;
    line-height: 1.5;
    min-height: 0;
    padding: 2px 0.4em;
    text-decoration: none;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.ui-menu .ui-state-disabled {
    font-weight: normal;
    line-height: 1.5;
    margin: 0.4em 0 0.2em;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    padding-left: 2em;
    position: relative;
}
.ui-menu .ui-icon {
    left: 0.2em;
    position: absolute;
    top: 0.2em;
}
.ui-menu .ui-menu-icon {
    float: right;
    position: static;
}
.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}
.ui-progressbar .ui-progressbar-overlay {
    background: rgba(0, 0, 0, 0) url("images/animated-overlay.gif") repeat scroll 0 0;
    height: 100%;
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}
.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}
.ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px;
}
.ui-selectable-helper {
    border: 1px dotted black;
    position: absolute;
    z-index: 100;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    height: 100px;
    width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-bottom: -0.6em;
    margin-left: 0;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.ui-spinner-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: inherit;
    margin: 0.2em 22px 0.2em 0.4em;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: 0.5em;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 16px;
}
.ui-spinner a.ui-spinner-button {
    border-bottom: medium none;
    border-right: medium none;
    border-top: medium none;
}
.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}
.ui-tabs {
    padding: 0.2em;
    position: relative;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: outside none none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-width: 0;
    display: block;
    padding: 1em 1.4em;
}
.ui-tooltip {
    box-shadow: 0 0 5px #aaa;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
}
body .ui-tooltip {
    border-width: 2px;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #aaaaaa;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #aaaaaa;
    color: #222222;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #999999;
    color: #212121;
    font-weight: normal;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #aaaaaa;
    color: #212121;
    font-weight: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #fcefa1;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    font-weight: normal;
    opacity: 0.7;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.35;
}
.ui-state-disabled .ui-icon {
}
.ui-icon {
    height: 16px;
    width: 16px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-icon-blank {
    background-position: 16px 16px;
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50%;
    opacity: 0.3;
}
.ui-widget-shadow {
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50%;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    opacity: 0.3;
    padding: 8px;
}