@charset "utf-8";
/* CSS Document */
@font-face { 
	font-family: "Sansation"; 
	src: url("./fonts/Sansation-Regular.ttf"); 
		font-weight: normal; 
		font-style: normal; 
}

* {margin:0; padding:0; font-family:Sansation,Arial, Helvetica, sans-serif;  box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body{
	margin:0;
	padding:0;
	min-height:100%;
	position:relative; 
}

.header_main_area {width:100%; float:left; background:#fff; border-top:5px #6B6A68 solid; padding:15px 0 0px 0; position:relative; z-index:50; }

 
.stanco_logo {float:left; display:block;}

.header_rhs_img {float:right; margin-right:35px;}

/*----------------------------------------Navigation_Start_----------------------------------*/

.nav_toggle {width:44px; float:right; margin:0px 0px 0px 8px; padding:7px 8px; background:#F2A23F; border:none; display:none;}
.nav_toggle span {width:100%; height:2px; float:left; background:#FFF; margin-bottom:5px; display:block;}
.nav_toggle span:nth-of-type(3) {margin-bottom:0;}
.nav_toggle:hover {background:#FFF;}
.nav_toggle:hover span {background:#ff7200;}

#nav_close {width:20px; height:20px; float:right; margin:10px; cursor:pointer; font-size:18px; color:#fff; display:none;}

.nav_toggle_close {display:none;}

 nav.collapse {display: block; float:left;}
.menu_bar_and_search_area .nav > li {float:left; display:inherit; position:inherit;}
.dropdown, .dropup {position:inherit;}

.navigation_bar_main {width: 100%; float: left; background:#3D3D3D; clear: both; display: block; box-shadow:1px 3px 4px #000; -moz-box-shadow:1px 3px 4px rgba(0,0,0,10); -webkit-box-shadow:1px 3px 4px rgba(0,0,0,10);
					box-shadow:1px 3px 4px rgba(0,0,0,10); -o-box-shadow:1px 3px 4px rgba(0,0,0,10); position: relative; z-index: 99; padding: 0 15px;}

.menu_bar_and_search_area {width:100%; float:left; padding-top:8px; margin-bottom:5px; position: relative;  }

.menu_bar_and_search_area ul.navigation {margin:0; padding:0; list-style:none; float:left;}

.menu_bar_and_search_area ul.navigation > li {float:left; font-size:15px; font-weight:bold; text-transform:uppercase; padding-left:18px; padding-right:18px; padding-top:3px; padding-bottom: 2px; border-right:1px #FFF solid; }

ul.navigation > li:last-child {border: none;}
.menu_bar_and_search_area .nav > li {text-transform:uppercase;font-weight:bold;  }
.menu_bar_and_search_area .nav > li a {color:#FFFFFF; display:block; margin-bottom:5px; padding:5px 10px; margin-right:10px;}
.menu_bar_and_search_area .nav > li:hover > a {text-decoration:none; color:#FFF; border-bottom:2px #fff solid; margin-bottom: 3px; background:none;}

.menu_bar_and_search_area .nav > li:hover { background:url(../../images/frontend/Menu_hover_arrow.png) no-repeat bottom center;}
.menu_bar_and_search_area .nav > li .caret {margin-left:5px;}

.menu_bar_and_search_area ul.search_area {width:auto; float:right; margin-right:0px; list-style:none;}

.menu_bar_and_search_area ul.search_area li {float:left; margin-right:8px;}
.menu_bar_and_search_area ul.search_area li:last-child {margin-right: 0;}

.search_input {width:200px; height:25px; padding:2px 5px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; float: left;}

.search_input:focus {outline: none;}

.search_btn {background:url(../../images/frontend/search_icon.jpg) no-repeat center #545e63; padding:4px 10px; border:none; border-radius:3px; float: left; height:24px; margin-top:1px; cursor:pointer;}


.popup_content_area {width: 100%; max-width: 600px; max-height:650px; float: left; background:#fff; padding:15px 20px; border:5px #333 solid; overflow: auto;}

       /*---------------------Drop_Down_Menu_Start--------------*/

.menu_drop_down {width:100%; max-width:100%; float: left;  left: 0; }
.dropdown-menu {top:98%;}


.menu_drop_down_inner {width: 100%;  float: left;  padding: 20px 42px; margin-top: 0px;}
.dropdown-menu {background-color: rgba(0, 0, 0, 0.7); }

.sub_menu {text-align:left;}

.sub_menu:hover > .menu_drop_down {display: block;}

.menu_drop_down:hover {display:block;}

.menu_drop_down .product_menu_box {width:220px; float: left; margin:0 12px 12px 0; }

.menu_drop_down .product_menu_box:nth-of-type(4n+0) {margin-right:0;}

.product_menu_box .product_box_title {width: 100%; float: left; background: #fff; text-align: center; font-size: 15px;  text-transform: uppercase; padding:0px;}

.product_menu_box .product_img_box {width: 100%; float: left; background: #fff; text-align: center; border:10px #fc8802 solid; min-height: 150px; position: relative;}

.product_img_box a .img_details_tex {width: 100px; top:35%; left: 25%; color:#fff; padding:5px; background-color: rgba(0, 0, 0, 0.6); display: none; position:absolute; font-size: 14px; font-weight: normal;}

.product_img_box .product_img_bottom_text {width:200px;  float:left; background:#fc8802; text-align:center; display: none; position:absolute; bottom: 0; font-size: 13px; text-transform:uppercase; color:#fff; padding: 6px;}

.product_img_box:hover>a .img_details_tex {display: block;}

.product_img_box:hover> .product_img_bottom_text {display: block;}

.product_menu_box:hover> .product_box_title  {display: block; color:#fc8802; }
.product_menu_box img { width: auto; max-width: 100%; max-height: 100%; }

.search_inner_area {max-width:222px; width:100%; float:right;}
.search_toggle, #search_close {display:none;}

/*--------------------------------------------Navigation_End_--------------------------------------------*/

.brad_crum_main_area {width:100%; float:left; background:#6b6a68;}

ul.brad_crum {margin:0; padding:0 0 0 35px; list-style:none;}
ul.brad_crum li.active{margin:0; padding:0 0 0 5px; text-decoration:none;}

ul.brad_crum li {color:#FFF; float:left; height:34px; line-height:34px;}

ul.brad_crum li a {color:#FFF; margin-right:5px; margin-left:5px;}


/*--------------------------------------Body_Content_Stat-----------------------------------------*/

.body_main_area {width:100%;  float:left; clear: both; margin-bottom:85px; display: block;}

.product_main_area {width:100%; float:left; background:#FFF; margin-bottom:18px; box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000;}

.product_main_area h2  {font-weight:bold;  font-size:22px; color:#3c3c3b; padding-bottom:5px; border-bottom:1px #e1e1e1 solid; margin-top:0px;}
.product_main_area h3  {font-size:15px; color:#3c3c3b; padding-bottom:5px; border-bottom:1px #e1e1e1 solid;}

.product_main_area h2 a{font-size:22px; color:#3c3c3b;}
.product_main_area h2 a:hover{color:#5F5F5F;}

.product_main_area h2 span,.product_main_area h3 span {color:#fcc900; margin-right:10px;}

.page_description {font-size:13px; color:#2a2a2a; line-height:18px; margin:10px 0 5px 0;}


.body_main_conten_area {width:100%; float: left; margin-top: -7px;  position:relative; overflow: hidden; clear:both; display: block;}

.content_box_03 {border:3px #2c3a41 solid; margin:20px 0; display: block;}
.content_box_03 img {max-width: 100%; margin:0 auto;}


.welcome_box {width:auto; float:left; background:#FFF; padding:20px 15px; margin-bottom:40px; box-shadow:0px 1px 5px #333; margin-left: 15px; margin-right: 15px; display: block;}

.welcome_box h2 {width:100%; border-bottom:1px #e1e1e1 solid; padding-bottom:10px; margin-bottom:15px;}

.welcome_box h2 span {color:#fcc900; margin-right:5px;}
.hide{display:none;}

.slider_content_box {width: 96%; max-width:358px; float:right; margin-right:70px; bottom:45px; margin-left:600px; position:absolute; z-index:999; display:block; background:#333333;}

.slider_content_box h3 {margin:0; padding:0 0 0 20px; height:36px; line-height:36px; background:#e57d02; color:#FFF; font-size:18px; font-weight:bold;}
.slider_content_area {width:99%; float:left; background:rgba (0, 0, 0, 0.7); color:#fff; padding:10 20px; font-size:13px;}
.slider_content_area p {width:100%; float:left; background:rgba (0, 0, 0, 0.7); color:#fff; padding:10 20px; font-size:13px; margin:0px 0px 0px 10px}
.slider_content_area a {float:right; color:#FFF; margin-bottom:5px;}


.footer {width:100%; float:left; background:#FFF url(../../images/frontend/checks_bg.jpg) repeat top left;clear: both; bottom:0;left:0;right:0;}
.footer_content {width:100%; max-width: 1130px; margin:0 auto; height:70px; line-height:70px; font-size:14px; color:#444; text-align:center;}
/*=========================================================================================================================*/
/*=================================================Product_Page============================================================*/
/*=========================================================================================================================*/

.product_main_area { padding:20px 50px; background:#fff; margin-left:-15px; margin-right:-15px; overflow:hidden; box-sizing: border-box; 
            -ms-box-sizing: border-box; 
            -moz-box-sizing: border-box; 
            -webkit-box-sizing: border-box; }

.product_box {width:100%; float:left; margin-top:25px; cursor:pointer; position:relative; }

.product_box a {display:block;}


.product_box_title {width:100%; float:left; height:28px; line-height:28px; color:#706f6d; text-transform:uppercase; font-size:16px; text-align:center; font-weight:bold;
	background:#f7f7f7; margin-bottom:2px;} 

.product_img_text {width:100%; float:left; min-height:275px; text-align:center; vertical-align:baseline; border:5px #efefee solid;}

.product_img {width:100%; float:left; max-height:235px; text-align:center; padding:34px 0 30px 0;}

.product_img img {width:auto; max-width:100%; max-height:100%;}

.detail_text {background:rgba(244, 133, 0, 0.73); color:#FFF; font-size:15px; padding:8px 18px; position:absolute;left:39%; top:140px; display:none; z-index:5}

.detail_text:hover {text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.product_name_offset {width:100%; float:left; padding:10px 0; margin:0; text-transform:uppercase; font-size:16px; text-align:center; font-weight:bold; color:#fe8a00; height:30px; 
background:#efefee; display:none;}

.product_box:hover .product_name_offset {display:block;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.product_box:hover .detail_text{display:block;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.product_box:hover .product_box_title  {color:#fe8a00;  }

/*=========================================================================================================================*/
/*=================================================Product_Page============================================================*/
/*=========================================================================================================================*/

.strap_bolts_main_area {width:100%; float:left; padding:25px 55px;}

.strap_bolts_box {width:100%; float:left; margin-bottom:30px; display:block; position: relative;}

.strap_bolts_box_title {width:100%; float:left; height:40px; line-height:40px; background:#f7f7f7; color:#6b6a68; font-size:16px; font-weight:bold; text-align:center; 
margin-bottom:2px;}

.strap_bolts_img_text {width:100%; float:left; min-height:346px; text-align:center; vertical-align:baseline; border:5px #efefee solid;  position: relative;}

.strap_bolts_img {width:100%; float:left; max-height:298px; text-align:center; padding:22px 0 30px 0;}

.strap_bolts_img img {width:auto; max-width:100%; max-height:244px;}

.strap_bolts_detail_main_box {width:100%; float:left; height:100%; background:rgba(0, 0, 0, 0.7); color:#FFF; font-size:15px; padding:8px 18px; 
position:absolute; display:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.strap_bolts_detail_box {width:100%; float:left; margin:22% 0px 0 0px;}

.strap_bolts_detail_row  {width:100%; float:left; color:#d0d0d0; font-size:11px; text-align:left; font-weight:bold; border-bottom:1px #d0d0d0 solid; padding:5px;}

.strap_bolts_detail_row:last-child {border:none;}

.strap_bolts_detail_row:hover {cursor:auto;}

.click_know_more {width:100%; float:left; padding:10px 0; margin:0; text-transform:uppercase; font-size:16px; text-align:center; font-weight:bold; color:#000; background:#f48402; display:none; position:absolute; bottom:0;}
.click_know_more a {color:#000; text-decoration:none; display:block; }
.click_know_more a:hover {color:#fff; text-decoration:none;}

.strap_bolts_box:hover 
.strap_bolts_detail_main_box {display:block; cursor:pointer;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}

.strap_bolts_box:hover 
.click_know_more {display:block; cursor:pointer; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}


/*====================================================Product_Bucket_List==================================================*/

.product_bucket_list {width:100%; float:left; padding:8px 8px 15px 8px;}

.product_bucket_detail_main_box	 {width:100%; float:left; margin-bottom:10px; padding:20px; border:1px #c4c4c4 solid;}	

.product_bucket_img_box {float:left; padding:20px 0; border:1px #e1e0e0 solid; text-align:center; vertical-align:middle;}

.remove {float:right; color:#404040; font-size:14px; margin-top:8px;}

.remove:hover {text-decoration:none;}

.product_bucket_gridview {width:100%; float:left; table-layout:fixed; border-collapse:collapse; border-spacing:0; margin:10px 0;}

.product_bucket_gridview table {border-collapse:collapse; border-color:#ccc; border-style:solid;}

.product_bucket_gridview table tr:first-child {background:#e0e3e3; }
 

.product_bucket_gridview td {border:1px #ccc solid; border-top:none; border-right:none; padding:5px 10px; text-align:left; color:#3f3f3f;}

.product_bucket_gridview td:last-child { border-right:1px #ccc solid;}

.product_bucket_gridview .minus {  }

.product_bucket_gridview .plus {  background:#ebebeb;}

.product_bucket_gridview .quantity {   text-align:center;}



.bucket_add_comment_box { width:100%; float:left; min-height:70px; line-height:16px; font-size:13px; background:#f3f4f4; padding:5px; border:none; margin:5px 0; }

/*====================================================Product_Bucket_List==================================================*/

.popup_content_area {width: 100%; max-width: 600px; max-height:650px; float: left; background:#fff; padding:15px 20px; border:5px #333 solid; overflow: auto;}
.popup_content {width:100%; float: left; background:#fff; padding:15px 20px; border:5px #333 solid; overflow: auto;}


/*===============================================STRAP_BOLT_OFFSET_START============================================*/

.strap_bolt_offset_main_area {width:100%; float:left;padding-bottom:30px; }

.offset_big_img_main_box {float: left; border: 1px #e3e3e3 solid; cursor:pointer;}

.offset_big_img_main_box a {display: block; text-decoration: none;}

.offset_big_img {width: 100%; text-align: center; max-height: 310px; margin:30px 0; display: block;}

.offset_big_img img {max-width: 100%; max-height: 310px; text-align: center;}

.click_to_img_zoom {color:#a7a7a7; font-size: 13px; margin: 0 15px 12px 15px; float: left;}

.enlarge_btn {color:#000; padding:10px; border:1px #e5e5e5 solid; border-right:none; border-bottom:none; float:right; text-transform:uppercase;}

.strap_bolt_offset_dimension_area {width:92%; float:left; margin:15px 0 20px 20px;}

.dimension_table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-color:#ccc; 
					border-style:solid;}

.dimension_table tr td {padding:7px 12px; font-size: 13px; font-weight:bold; text-transform:uppercase;}

.dimension_table:first-child tr:first-child td {background:#d0d0d2; text-align:center;}


.gray_content_box {width:100%; float:left; background:#f3f4f4; padding:10px 15px; margin:12px 0; color:#000; 
					display:block;	font-size: 13px; line-height: 18px;}

.gray_content_box a.download {margin:0 10px;}


.tab_container_title {width:100%; float: left; margin: 10px 0; border-bottom:2px #6b6a66 solid; padding-bottom: 3px;
						font-weight: bold; font-size: 15px; text-transform: uppercase;} 

.offset_grid_img_box {float: left; border: 1px #e3e3e3 solid; cursor:pointer;}

.offset_grid_img_box a {display: block; text-decoration: none;}

.offset_grid_img {width: 100%; text-align: center; max-height:420px; margin:30px 0; display: block;}

.offset_grid_img img {max-width: 100%; max-height: 310px; text-align: center;}

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

.offset_grid_table_area table {border-color:#ccc; border-style:solid; border-collapse:collapse;}

.offset_grid_table_area table td {padding: 5px;}

.offset_grid_table_area table tr:nth-child(odd) {background:#e0e3e3;}

.offset_grid_table_area table tr:nth-child(even) {background:#fff;}

.orange_link {color:#fe8900; text-decoration:none;}

.green_link  {color:#03b63a; text-decoration:none;}

/*available finish tab css
.horizontalTab {width:100%; max-width:1000px; float: left; padding:0 2.3%; padding-top: 10px; overflow:auto;}

#tabs {
	display: block;
	width: 100%;
	margin: 0px;
}
#tabs li {
	float: left;
	font-weight: 600;
	font-size: 13px;
	display: inline-block;
	margin: 0;
	min-height: 48px;
	list-style: none;
	cursor: pointer;
	background: #6b6a66;
	color: #fff;
	padding: 18px 18px 15px 18px;
	line-height: normal;
}
#tabs li.active {
	background: #fe8900 !important;
	color: #fff;
	border-right: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
}

#tabs li.inactive{
	background: #6b6a66;
	color: #fff;
}
#tabs li a{	
	color:#fff;
}
*/
/**line 2576 of bootstrap.css*/
.horizontalTab { font-weight:bold; text-transform:uppercase; }
.horizontalTab ul{
    color: #fff;
}
.horizontalTab li a{
    color: #fff;
    padding: 10px;
}
.horizontalTab li,.horizontalTab li:hover a {
    background: #6b6a66;
    color: #fff;
    border:none;
    margin-bottom:0px;  
    border-radius:0px;
    vertical-align:middle;
    width:auto; 
}
.horizontalTab li.active a,.horizontalTab li.active:hover a {
    background: #fe8900 !important;
    color: #fff;
    border:0px;
    height:100%;
    border-radius:0px;
    vertical-align:middle;
    width:auto;  
}

.horizontalTab .nav-tabs.nav-justified >li>a,.horizontalTab .nav-tabs.nav-justified >li.active>a {
    border:0px;
}
.available_finish_tabcontent{
    margin-top: 20px;
}
/*===============================================STRAP_BOLT_OFFSET_END============================================*/

/*pagination css start*/

.pagination{
	margin: 5px auto;
	padding: 12px 0;
	text-align: center;
}
.pagination a{ 
	border:solid 1px #d2d2d2; 
	color: #444444;  
	margin-right:2px; 
}
.pagination span{ 
	border:solid 1px #ddd; 
	margin-right:2px; 
}
.pagination .active{
	border:solid 1px #e0e0e0; 
	color:#000; 
	font-weight:bold;  
}
.pagination a:link, .pagination a:visited{
	padding:6px 10px; 
	text-decoration:none; 
}
.pagination span{ 
	color:#b6b6b6; 
	padding:6px 10px; 
	text-decoration:none; 
}
.pagination a:hover{ 
	border:solid 1px #b2b2b2; 
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}


#search_result {width: auto; list-style-type: none; position: absolute; top:33px; background: #fff;
				border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px;
				-moz-box-shadow:    1px 2px 3px 1px #777;  -webkit-box-shadow: 1px 2px 3px 1px #777; 
				box-shadow:         1px 2px 3px 1px #777;}

#search_result li {float: none; clear: both; color: #fff; padding: 5px 8px; margin: 0; 
				border-bottom: 1px #F0F0F0 solid}
#search_result li:first-child {border-top-left-radius:4px; -moz-border-top-left-radius:4px; 
								-webkit-border-top-left-radius:4px; -ms-border-top-left-radius:4px;
								border-top-right-radius:4px; -moz-border-top-right-radius:4px; 
								-webkit-border-top-right-radius:4px; -ms-border-top-right-radius:4px;}

#search_result li:last-child {border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; 
								-webkit-border-bottom-left-radius:4px; -ms-border-bottom-left-radius:4px;
								border-bottom-right-radius:4px; -moz-border-top-right-radius:4px; 
								-webkit-border-bottom-right-radius:4px; -ms-border-bottom-right-radius:4px;}


#search_result li:hover {background: #E8E8E8 ;}
#search_result li a {color: #404040;}
#search_result li a:hover {text-decoration: none;}

@media (max-width:1024px)
{
.navigation_bar_main {padding:0; }
.menu_drop_down { width: 780px;}
}

@media (max-width:991px)
{
.menu_drop_down { width: 550px;}
}

@media (max-width: 767px){

 nav.collapse {display:none; position:absolute; top:43px; background:#6B6A68; max-height:100%;  } 
 .menu_bar_and_search_area .nav {background:#6B6A68;}
.menu_bar_and_search_area .nav > li {display:block; width:100%;}

.nav_toggle, #nav_close, .nav_toggle_close  {display:block;}
.navigation {width:230px; height:100%; overflow:auto; position:fixed; z-index:9999; right:-230px; clear:both; background:rgba(0, 0, 0, 0.93); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.nav_slide .navigation {right:0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.navigation {clear:both;}

.menu_bar_and_search_area ul.navigation > li {float:left; width: 100%;}
.menu_bar_and_search_area .nav > li:hover, .menu_bar_and_search_area .nav .open>a, .menu_bar_and_search_area .nav .open>a:focus, .menu_bar_and_search_area .nav .open>a:hover {background:none; border:none;}
.menu_bar_and_search_area .nav > li:hover > a {border:none; background:#F2A23F;}

.menu_drop_down { width: 100%;}
 .dropdown-menu {position:relative;}

.menu_bar_and_search_area ul.search_area {position:absolute; left:0; top:8px;}
.search_inner_area {display:none;}
.search_toggle {background:url(../../images/frontend/search_icon.jpg) no-repeat center #545e63; padding:4px 10px; border:none; border-radius:3px; float: left; height:24px; margin-top:1px; cursor:pointer; display:block;}
.search_toggle > span {width:17px; height:17px; background-position:-392px -88px;display:block;}
.search_show .search_inner_area {width:auto; max-width:inherit; margin:0; position:fixed; top:0px; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.9); padding:15px; border-radius:0; border:none; display:block;}

.search_show .search_toggle > span {background:none;}

.search_show .search_inner_area > input[type="text"] {width:80%; margin:20% auto 0 10%; font-size:20px; border-bottom:1px #ccc solid; display:block;}
.search_inner_area > input[type="button"] {margin-top:20%; float:left; margin-left:-20px; height:25px;}
#search_close {width:20px; height:20px; color:#fff; font-size:18px; cursor:pointer; position:absolute; right:20px; display: block;}

#search_result {margin-top: 20%; margin-left:9%;}

/* ===================================== Header End =================*/