/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background: url(../images/skin/html.png) repeat-x #fff; }
body { }
a:link,a:visited,a:hover,a strong { }
#home,#internal { padding:0; }
#home > .top,#internal > .top { background: url(../images/skin/site-x.png) 0 0 repeat-x; display:block; width: 100%; left:0; height:785px; }
.site { width: 989px; text-align:left; margin: 0 auto 0 auto; padding: 0 0 30px 0; position:relative; }

/* BRANDING */
#branding { height: 160px; position:relative; background: url(../images/skin/branding.png) repeat-x; }
#logo { text-indent:-6000px; background:0 0 no-repeat; }
#tagline { position:absolute; text-indent:-6000px;background: no-repeat 0 0; }

/* SEARCH */
#search { position: absolute; z-index:10; top: 70px; right: 9px; height: 41px; width: 405px; text-align:right; background:url(../images/skin/search.png) no-repeat; }
#search form { }
#search label { display:block; position:absolute; top: 11px; left: 20px; width:70px; height: 20px; text-indent:-6000px; line-height:5em; overflow:hidden; }
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input[type="text"] { background:#dde0e4; width: 129px; vertical-align:middle; position:absolute; top: 15px; left: 94px; }
#search button { margin:0; text-indent:-6000px; width: 30px; height: 25px; vertical-align:middle; position:absolute; top: 10px; left: 226px; background:transparent; }
#link-adv-search { position:absolute; top:13px; right:22px; }
#link-adv-search a { }

/* NAV TOP */
#nav-cart { position:absolute; top: 10px; right: 10px; }
#nav-cart ul {}
#nav-cart ul li { display:inline; border-left: 1px solid; padding: 0 4px 0 9px; }
#nav-cart ul li:first-child { border:0; }
#nav-cart ul li a { color:#000; }

/*NAV*/
#nav { position:relative; z-index: 100; height:30px; overflow:hidden; background: url(../images/skin/nav.png) repeat-x 0 0; border-top: 1px solid; }
#nav > ul > li { float:left; display:block; width: auto; background: url(../images/skin/nav-divider.png) 0 0 no-repeat; position:relative; }
#nav > ul > li:first-child { background:none; }
#nav > ul > li a { font-family: Arial, Helvetica, sans-serif; line-height:30px; font-size:1.3em; text-transform:uppercase; display:block; height:30px; padding: 0 36px 0 37px; text-decoration:none; }
#nav > ul > li a:hover { background:url(../images/skin/nav-hover.png) repeat-x; }

/*MAIN*/
#main { background: #fff; margin: 0; position:relative; }

/* CONTENT */
#content { overflow:hidden; width:100%; position:relative; padding:0 0 6px 0; }

/*content panel*/
#content-panel { float:left; width: 230px; display:inline; margin: 8px 0 6px 9px; border: 1px solid #ddd; padding:1px; overflow:hidden; }

/*nav sub*/
#nav-sub { width: 100%; position:relative; width: 230px; padding: 9px 0 0 0; background: url(../images/skin/nav-sub.png) repeat-x; }
#nav-sub h2 { position:relative; z-index:10; font-size: 1.3em; text-transform:uppercase; margin: 0 0 0 17px; padding: 0; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }
#nav-sub ul { position:relative; z-index:10; width: 228px; margin: 0 0 10px 1px; }
#nav-sub li { background: url(../images/skin/nav-sub-li.png) 15px 10px no-repeat; padding: 0 0 0 26px; width: 202px; border-bottom:1px solid; }
#nav-sub li a { display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* content main */
#content-main { float:right; width: 730px; display:inline; margin: 8px 8px 0 0; padding: 0 0 0 0; position:relative; }
#content-main #page-title { margin: 8px 0 0 0; font-size:1.545em; text-transform:uppercase; letter-spacing:.05em; font-weight:normal; border-bottom:1px solid; position:relative; z-index:10; font-family: Arial, Helvetica, sans-serif; }
#content-main > .content { min-height: 200px; }

#carousel-items { border:1px solid #dadcdd; width: 728px; position:relative; height: 400px; }
#carousel-items .nav { position: absolute; width:123px; height:400px; left:1px; top:0; }
#carousel-items .nav .btn { cursor: default; position: absolute; width:123px; height:29px; left:0; }
#carousel-items .nav .up { top:1px; background: url(../images/skin/scroll-up.png) no-repeat; }
#carousel-items .nav .down { bottom:1px; background: url(../images/skin/scroll-down.png) no-repeat; }
#carousel-items .nav ul { margin: 29px 0 0 0; }
#carousel-items .nav ul li { margin: 1px 0 0 0; background:url(../images/skin/carousel-item-nav-li.png) repeat-x 0 0; }
#carousel-items .nav ul li a { display:block; height:82px; border:1px solid #fff; }
#carousel-items .nav ul li.active a { border:1px solid #000; }

#carousel-items .display { position:relative; width:600px; height:398px; border-left:1px solid #dadcdd; margin: 0 0 0 125px; padding:1px; }
#carousel-items .display p { z-index:8; margin:0;padding:0;position:absolute; top:1px; left:1px; height:398px; background:#fff; }
#carousel-items .display p.last-active { z-index:9; }
#carousel-items .display p.active { z-index:10; }
#carousel-items .display p a .bottom { z-index:20; background: url(../images/skin/shop-online.png) 0 0 no-repeat; width: 154px; height:26px; bottom: 82px; right: 118px; }

/*carousel brands */
#carousel-brands { border: solid #e6eaf0; border-width: 2px 0; padding:1px; width: 728px; position:relative; height: 71px; margin: 4px 0 0 0; }
#carousel-brands .nav { position: absolute; display:block; width:730px; height:71px; left:0; top:1px; }
#carousel-brands .nav .btn { cursor: default; position: absolute; width:30px; height:71px; top:0; }
#carousel-brands .nav .left { left:0; background: url(../images/skin/scroll-left.png) no-repeat; }
#carousel-brands .nav .right { right:0; background: url(../images/skin/scroll-right.png) no-repeat; }

#carousel-brands .display { position:relative; width:670px; height:71px; margin: 0 0 0 29px; }
#carousel-brands .display p{overflow:hidden; width:100%; margin:0;padding:0; }
#carousel-brands .display img { float:left; }

/* featured */
#featured { height: 281px; border:1px solid #dadcdd; margin: 4px 0 0 0; }
#featured h2 { font-weight:normal; text-transform:uppercase; line-height:31px; padding: 0 0 0 16px; font-size: 1.3em; color:#bb0607; height:31px; background:url(../images/skin/featured-h2.png) repeat-x; }
#featured ul { margin: 7px 0 0 0; overflow:hidden; width: 728px; }
#featured ul li { background: url(../images/skin/site.png) no-repeat -406px -340px; float:left; width: 33%; padding: 0 0 0 1px; }
#featured ul li:first-child { background:none; }
#featured ul li p.image { text-align:center; }
#featured ul li p.title { text-align:center; line-height:1.3em; }

/* ad squares */
#ad-squares { height: 207px; border:1px solid #dadcdd; padding:1px; margin: 4px 0 0 0; position:relative; }
#ad-squares .item { float:left; width: 239px; height:207px; margin: 0 0 0 3px; overflow:hidden; }
#ad-squares .item:first-child { margin-left: 0; }
#ad-squares h3 { height: 38px; font-weight:normal; text-transform:uppercase; line-height:38px; padding: 0 0 0 12px; font-size: 1.3em; color:#bb0607; background:url(../images/skin/ad-square-h3.png) repeat-x; margin: 0 0 1px 0; }

/* BREADCRUMB */
#crumb { list-style: none; padding: 0; margin: 12px 0 9px 0; }
#crumb li { display:inline; padding: 0 0 0 0; margin: 0 0 0 0; }
#crumb li a, #crumb li a:hover {}

/* SITE INFO */
#site-info { background: url(../images/skin/site-info.png) repeat-x #fff; height: 33px; padding: 8px 0 0 0; text-align:center; line-height: 1.2em; position:relative; }
#site-info address { color:#bb0607; margin:0; font-style: normal; }
#site-info address span { background: url(../images/skin/address-divider.png) 0 2px no-repeat; padding: 0 6px 0 9px; }
#site-info address span:first-child { background:none; }
#site-info address br { display:none; }
#site-info .phone { font-weight: bold; }

/* CORE101 */
#logo-core101 { position:absolute; text-align:left; bottom:-25px; right:3px; height:15px; line-height:14px; width: 417px; padding: 0 0 0 0; }
#logo-core101 a { text-decoration:none; }
#logo-core101 > .right { left:auto !important; right:0; position:absolute; text-indent:-6000px; top:0; display:block; width: 86px; height:22px; background:url(../images/skin/core101.png) top right no-repeat; }
/* CUSTOM SELECTORS*/

select { border: 1px solid; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

/* FORM *****************************************************************************************************************/
.site-form { line-height:1.2em; margin:0 auto; }

/*fieldset*/
.site-form fieldset { margin: 30px 0 0 0; padding:0 0 5px 0; position:relative; background:url(../images/fieldset.png) repeat-y left; border:1px solid; }
/*legend*/
.site-form legend { margin:0;padding:0; }
.site-form legend span.legend span { font-weight: bold;  display:block; line-height: 17px; width:196px; padding: 0 0 0 5px; background: url(../images/corner-left.png) no-repeat left top; }
.site-form legend span.legend { position:absolute; display:block; top:-17px; *top:-16px; left:0; margin: 0 0 0 -1px; padding: 0 5px 0 0; background: url(../images/corner-right.png) no-repeat right top; }
/*row wrapper*/
.site-form label,.site-form .group { display: block; width: 100%; margin: 5px 0 0 0; padding: 0 0; overflow:hidden; }
/*row title*/
.site-form label span.title,.site-form .group span.title { width: 200px; float: left; text-align: right; padding: 0 5px 0 0; }
/*input, select, textarea*/
.site-form label input.text { float: left; display:inline; margin:0 0 0 5px; width: 110px; /*change as needed*/ }
.site-form label select { float: left; display:inline; margin:0 0 0 5px; width: 115px; /*change as needed*/ }
.site-form label textarea { float: left; display:inline; margin:0 0 0 5px; }
.site-form textarea,.site-form ul,.site-form .block { width:250px; /*change as needed*/ }
/*list group*/
.site-form ul { float:left; display:inline; display:inline-block;padding:0;margin:-3px 0 0 5px;list-style:none; overflow:hidden; }
.site-form li { width:50%; float:left; padding: 4px 0; }
.site-form li label, .site-form ul li span,.site-form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
/*misc group*/
.site-form .block { float: left; margin:0 0 0 5px; }
.site-form .block label,
.site-form .block input,
.site-form .block select,
.site-form .block span,
.site-form label.inline,
.site-form label.inline span, 
.site-form label.inline input { display: inline !important; float:none !important; }
/*button group*/
.site-form .buttons { margin:5px 0 0 0; background:none !important; }
/*errors*/
.site-form label span.error { display:block; height: 20px; text-align:left; margin: 2px 0 0 0; padding:0 0 0 205px; z-index:900; }
.site-form label span.error span { display:block; color:#C42828; text-align:left; top:-4px;left: 10px; white-space: nowrap; width: auto !important;  padding: 0 5px; }
/*notes*/
.site-form .note { margin:0 0 0 210px;padding:0; font-size:0.95em; }

/* BUTTONS ***************************************************************************************************************/
button { cursor: pointer; padding:0;margin:0 0 0 0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; background:transparent; }
button::-moz-focus-inner { padding: 0; border:0;}
a.button, span.button { cursor: pointer !important; display:block !important; display:inline-block !important; background:url(../images/button.png) no-repeat left top !important; vertical-align:middle; text-decoration:none !important; position:relative !important; padding:0 0 0 17px !important; text-indent:0 !important; }	
a.button span, span.button span { display:block; white-space:nowrap; line-height:25px; background:url(../images/button.png) no-repeat right top; padding: 0 17px 0 0; font-size:11px !important; }
/* small buttons */
a.small,button span.small { padding: 0 0 0 12px !important; background:url(../images/button-small.png) no-repeat left top !important; width:auto !important; }
a.small span,button span.small span { padding: 0 12px 0 0 !important; line-height: 20px !important; background:url(../images/button-small.png) no-repeat right top !important; }

/*hover*/
button:hover span.button,a.button:hover { background-position: left bottom !important; }
button:hover span.button span,a.button:hover span { background-position: right bottom !important; }

/*alternate button*/
a.alt, button span.alt { background:url(../images/button-alt.png) no-repeat left top !important; }
a.alt span, button span.alt span { background:url(../images/button-alt.png) no-repeat right top !important; }

/* ADVANCED SEARCH */
#advanced-search { text-align:center; }
#advanced-search .buttons { overflow:hidden; width: 655px; margin:5px auto 0 auto; padding:0 0 22px 0; border-bottom: 1px solid #d1d8e0; list-style:none; }
#advanced-search .buttons li { text-align:left; float:left; width:213px; height:42px; margin: 0 5px 0 0; text-indent: -6000px; list-style-type: none; }
#advanced-search .buttons a { display:block; height: 100%; width: 100%; }

#advanced-search #btn-firearms { background:url(../images/btn-firearms.png) no-repeat; }
#advanced-search #btn-ammunition { background:url(../images/btn-ammunition.png) no-repeat; }
#advanced-search #btn-accessories { background:url(../images/btn-accessories.png) no-repeat; }

#advanced-search h3 { height: 30px; color:#bb0607; margin: 20px 0 3px 0; }
#advanced-search .categories { overflow:hidden; width: 524px; margin: 10px auto 0 auto; }
#advanced-search .categories ul { color:#1c2f48; text-align:left; margin:0 15px 0 0;padding:0 0 10px 0; list-style:none; float:left; display:inline; width: 247px; background: url(../images/advanced-search-ul.png) no-repeat top; }
#advanced-search .categories ul li { padding: 0 0 10px 0; background: url(../images/advanced-search-li.png) no-repeat bottom; list-style-type: none;}
#advanced-search .categories .jScrollPaneContainer { background: #E8EBF0; }

#advanced-search ul h4 { color:#FFFFFF; padding:7px 0 0 15px;height: 21px; margin:0; }
* html #advanced-search ul h4 { padding: 6px 0 0 0; }
*+html #advanced-search ul h4 { padding: 6px 0 0 0; }
#advanced-search .categories ul ul { display:block; height: 114px; float:none; background: none; margin:0; padding: 12px 0 8px 0; }
#advanced-search .categories ul ul li { background:none; padding:0; margin: 0 0 0 18px; text-transform:capitalize; list-style-type: none; }

#advanced-search #sortArea { text-align:center;  }
#advanced-search #category {text-align:left; margin: 10px 0 0 0; }
#advanced-search #category .row { border-bottom:1px solid #094987; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#loading { height: 20px;}

/* product listings */
#advanced-search #product-listings { overflow:hidden; width: 100%; margin: 10px 0 0 0; }
#advanced-search #product-listings dl { float:none; text-align:left; }
#advanced-search #product-listings dt { margin: 0 0 0 160px; width: 550px; height: 40px; position:relative; z-index:10; line-height: 1.3em; }
#advanced-search #product-listings dt a{ text-decoration:none; color:#14529B; }
#advanced-search #product-listings dd { height: 112px; background:url(/includes/images/skin/commerce.png) 0 0 no-repeat; width: 718px; position:relative; top: 0; left:0; z-index:1; margin: -48px 0 8px 0; }
#advanced-search #product-listings dd legend { display:none; }
#advanced-search #product-listings dd .image { float:left; text-align:center; width:120px; margin: 10px 0 0 0; }
#advanced-search #product-listings dd .image a { display:block; padding: 5px; height:100%; }
#advanced-search #product-listings dd .content {clear:none; float:left; width:200px; padding:25px 5px 0 0; position:relative; text-align:left; top:25px; /*adjust*/ }
#advanced-search #product-listings dd .buttons { float:left; width:190px; margin: 10px 0 0 10px; text-align:left; border:none; }
#advanced-search #product-listings dd button span.button { margin:0 0 2px 0; }
#advanced-search #product-listings dd button span.button,#product-listings dd  a.button { width:85px; text-align:center; }
#advanced-search #product-listings dd .price { color:#2B89C7; font-size: 1.3em; }
#advanced-search #product-listings dd p { margin:0;padding:0; color:#2B89C7; font-size: 1.3em; }