@charset "utf-8";
/* CSS Document */
/* GLOBALS */
* { margin:0; padding:0; }


body, h1 {font-family: 'Arimo', sans-serif;} /* google font */
.container { }
a:link, a:hover { text-decoration:none; }

h1 { font-size:1.8em;}
h2 { font-size:1.6em;}
.panel {overflow:auto; }

.index {min-width: 300px;}
.index .well, .index .well h1 {padding-top: 0; margin-top:5px; margin-bottom:5px; padding-bottom:0px;}
/* FILLDIV CLASS USED TO MAKE DIV CLICKABLE */
a span.filldiv { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 100 }
tr span.filldiv { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 100 }

/* BOX SHADOW FOR MOUSE_OVER FOCUS EFFECT*/
.hover:hover {-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5); box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5); border-radius:5px;}/*box-shadow: 3px 3px 5px #888888;*/
.hover_blue:hover {box-shadow: 2px 2px 3px #0066FF;}
/* COLORS */
.dark-blue {color:#084081; }
.medium-blue {color:#357DC0 }
.black {color:#01010A; }
.color-important {color: #FF0000; }
/* INDEX STYLES */

/* Start HEADER changes. */
header h1 { margin-top:1rem; }
header .chock_title_row {margin-top:.5rem; }
header #cart i { margin-right:.3rem; }
header li.navbar-right { float:right; }
ul {list-style: none;}
input .search-query {
  width: 100px;
  border-radius: 14px 0 0 14px;
 }

.suggest-holder {position:absolute; z-index: 999; }
/*.suggest-holder input {margin-top:-5px; border:1px solid rgba(0,120,0,.6);}*/
.suggest-holder ul {max-height:500px; overflow-y:scroll; width:100%; display:none; list-style:none; margin:0; padding:0; border:1px solid rgba(0,120,0,.6); margin-top:1px;}
.suggest-holder li {padding:5px; background-color:white;}
.suggest-holder li:hover {cursor:pointer;}
.suggest-holder li:hover, li.activee {background:rgb(195, 223, 247);}
.suggest-name {font-weight:bold; display:block; height:15px;}
.suggest-description {font-style:italic; font-size:11px; color:#999;}
#frmSearch {
  float:right;
 }
@media (max-width:767px){
	#frmSearch{width:100%!important;float:none!important;margin-bottom: 50px;}
}
@media (min-width:768px) and (max-width:1099px){
	#frmSearch{width:60%!important;margin:7px auto!important;float:none!important;}
	.suggest-holder{margin:auto; width:60%;}
}
@media (min-width:1100px){
	#frmSearch{margin-top:-54px!important;width:calc(100% - 710px);margin-right:190px!important;}
	.suggest-holder{margin-right:190px!important;}
}
.form-search input {
  width: 100px;
 }

.carousel-caption{height:100%; padding-bottom:0px!important; padding-top:0px; bottom:0px; color:black; z-index:0; width:100%; left:0%!important; right:0%!important;}
.item span.filldiv {height:100%!important; margin-top:0px!important; width:60%; margin-left:20%;}
.item{height: 345px;}
.carousel-control{border-radius: 5px;}
.carousel-clear{width:100%; height:65%; clear:both;}
.carousel-caption h1{margin: 0px 0px;}
@media (max-width:400px){
	#this_week{height:200px; }
	#wheelchock_sale{}
	.item{height:200px;}
	.carousel-clear{height:45%;}
}
@media (min-width:401px) and (max-width:500px){
	#this_week{height: 250px; }
	#wheelchock_sale{}
	.item{height: 250px;}
	.carousel-clear{height:57%;}
}
@media (min-width:501px) and (max-width:767px){
	#this_week{height: 300px; }
	#wheelchock_sale{}
	.item{height: 300px;}
	.carousel-clear{height:65%;}
}
@media (min-width:980px) and (max-width:1100px){
	#this_week{left: 31%;}
	#wheelchock_sale{right: 37%;}
}
@media (min-width:1101px){
	#this_week{left: 26%;}
	#wheelchock_sale{right: 47%;}
}

 /*End HEADER changes. */
 /* Start FOOTER changes. */
 #footer {padding:5px;}
 #footer #footer_middle {margin-left:auto; margin-right:auto; }
 #footer #footer_middle #help { border-right:#003 2px solid; }
 #footer #footer_middle address { margin-bottom:2px; }
 #footer a:hover { color:#F0AD4E; }
 #footer p#copy { margin-top:5px; color:#036; }
 /*End FOOTER changes. */


 /* Start INDEX changes. */
.container{width:100%!important;}
.index a { color:inherit; }
.index a:hover {text-decoration:none; }
/* Misc. Fixes */
h4#welcome { margin-top:0; }


.index #wheelchock_sale, .index #wheelchock_pick {position:relative;}
/*index>>middeltop changes*/
.index #chock_index_middle h3 {margin-top:0; font-weight:700;}
.index p.lead {margin-bottom: 10px;}
/*New Item Changes*/
#new_item_outer {padding-left:0; }
#new_item {background-color:#E9FFE8;}
#new_item h5 {margin: 2px 0; }
#new_item h1 {margin: 2px 0;}
#new_item h1 span {margin: 2px 0; color:#900; }
#new_item h1.chock-price {padding:5px ; }
#new_item p.chock-subtitle {font-weight:bold; }
#new_item p.chock-size {}
#new_item p { margin-bottom:5px; }
/*Weekly Item Changes*/
#weekly_item_outer {padding-right:0; }
#weekly_item {background-color:#FFE0D0;}
#weekly_item h5 {margin: 2px 0; }
#weekly_item h1 {margin: 2px 0;}
#weekly_item h1 span {margin: 2px 0; color:#900; }
#weekly_item p.chock-subtitle {font-weight:bold; }
#weekly_item p.chock-size {}
#weekly_item h1.chock-price { padding:5px;}
/* Featured chocks Changes*/
#featured_chocks {margin-top:10px; }
#featured_chocks .lead { margin-bottom:0px;}
#featured_chocks .featured_inner { z-index:50; border: 1px black solid; padding:0;}
#featured_chocks .media-body {height:220px; overflow-y:scroll; padding:1em;}
#featured_chocks div.chock_row { position:relative; }
#featured_chocks .table {margin-bottom:5px;}
#featured_chocks td.chock_image {width:12%}
#featured_chocks td.chock_price {width:20%}
#featured_chocks p.chock_size {margin-left:5px; }
#featured_chocks p.fc_chock_price_leader{font-size:2rem; font-weight:bolder; font-style:oblique;margin:2px; }
#featured_chocks p.fc_chock_price {font-size:1.8rem; vertical-align:central;}
#featured_chocks p.fc_chock_price span{color:#F00; }
/* Wheelchock_picks Changes */
#wheelchock_pick img { margin-right:5%;}
#wheelchock_pick div.media-body { margin-top:0 }
#wheelchock_pick h2 { margin-top:0;}
#wheelchock_pick span.price_1 {font-size:1.5rem; }
#wheelchock_pick span.price_2 {font-size:1.5rem; }

/*End INDEX changes. */

/*Start CHOCK/PRODUCTS changes */
.products .panel-heading h1 {display:inline; margin-top:.5rem; }
.products .panel-heading ul {display:inline; margin-top:.5rem; }
.products .panel-heading span.label-flag {padding:3px 5px; background-color: #EEEEEE; border-radius: 0.25em 0.25em 0.25em 0.25em; display:inline-block; float:right; padding:2px 3px; margin-right:1em;}


.products #chocktopright p.common {margin: 2px 8px; color:#003;}/* these 2 for availability code*/
.products #chocktopright p.custom {margin: 2px 8px; color:#F00;}
.products #chocktopright h4.regprice span, .list h5.regprice { text-decoration:line-through; color:#333333; }
.products #chocktopright h2.saleprice {	/* shop_products ==  sale price */ color:#000;}
.products #chocktopright h2.saleprice span, .list h3 span { color:#990000; }
.products #chocktopright form#frmOne label { font-size:2rem; }
.products #chocktopright form#frmOne input#Quantity { width:auto; }

.products #chocktopleft p.courtesy { margin-left:3px; color:#00C; font-size:9px; }

/*.products #chockbot .tab-pane { padding-top:3rem; }*/
.products #chockbot dl.dl-horizontal dt {  width:150px; }
.products #chockbot dl.dl-horizontal dd  {  margin-left:160px; }
.relateditemX label  {  margin-right:1em; }
.relateditemX input#Quantity  {width:40%; }
.relateditemX a  {color:#000; }
button#Buy {margin:10px 0px 10px 0;}

/*Start GRANDLIST changes */

.list div#product_list .panel-heading a {overflow:auto; color:#FFF; }
.list div.item-head { overflow:auto; }
.list div#product_list .panel-heading a:hover {color:#FF3; }
.list div#product_list .well {margin:5px; padding:1rem;}
.list div#product_list .well h3 {color:#000; margin:3px auto; padding:.5rem;}
.list div#product_list .panel-heading {overflow:auto;}
.list div#product_list .panel-footer {background-color:transparent;}
.list div#product_list #derivedChock {margin:.5rem 0;}
.list div.list-group button {background-color:#BB3D27; color:#FF0; font-weight:bolder; font-size:15px;}
.list div.list-group button:hover {background-color:#872415;}
.list div#chock-menu {overflow:visible;}


.list .list_nopic { /* FOR LIST WITH NO IMAGE AVAILABLE */
   border:solid 1px #000;color:#666;padding:15px 2px ;font-size:.8rem;text-align:center;background-color:#FFF;
   }

.aboutus .img-responsive { margin: 0 auto; }
.aboutus .answer { margin-bottom:2em; }
.aboutus ul, .faqs ul { list-style-position:inside;}

/*Start Shopping Cart changes */
.compdata #calculate .form-control { width:auto; }


/*Start orderpage changes */

.compdata .phone  { margin:0; }
.compdata #email-alert  { text-align:left; }
.compdata .formcharacter  { float:left; }
.compdata .phone-symbol { margin-left:10px; font-size:large;}
.compdata .phone-symbol-end {font-size:large; vertical-align:middle;}
.compdata .formcharacter-end  { float:right; }
.compdata #divCollectCC  { margin-top:1rem; }
.compdata #profile  { overflow:auto; }
.compdata #cart-bracket { overflow:auto; } /* fix for bracket list on shopping cart */

/*.compdata .form-group  { margin-right:0; }
     Large desktop */
    @media (min-width: 1200px) {


	/* Chocks logo control */
#chocks_logo {height:85px; font-family:Century Gothic,Arial,Sans-Serif; }
#chocks_logo span.chock_division {position:absolute; top:22px; left:10px; font-size:.6em; font-weight:700;}
#chocks_logo span.chock-store {position:absolute; top:72px; left:8px; font-size:.8em; color:#C00;font-weight:900;}
#chocks_logo span.since {position:absolute; top:76px; left:195px; font-size:.5em; color:#000; }
#chocks_logo a { display:block; width:100%; height:100%; text-decoration:none; padding:2px; }
#chocks_logo img {position:absolute; width:225px;height:68px; top:10px; left:15px; border:0;}

.navbar .nav > li > a {width:auto; }
	 }



    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { ... }
 /* INDEX STRUCTURE CHANGES */
.index #wheelchock_sale, .index #wheelchock_find { height:330px;}
.index #wheelchock_use, .index #wheelchock_pick { height:345px; }
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { ... }

    /* Landscape phones and down */
    @media (max-width: 480px) {
		.navbar .nav > li > a {width:200px;
		}
		form#frmSearch {
        margin-top:6px;
        float:left;
        }
		#footer #footer_middle #help { border-right:none; }

	}