/* CSS Document */

/* @import url('dcmegamenu.css');
@import url('skins/blue.css');
@import url('skins/red.css');
@import url('skins/grey.css');
@import url('skins/white.css');

@import url("news.css");
@import url("systems.css");
@import url("users.css");
@import url("home.css"); */

@import url("font-awesome.min.css");
@import url("jquery.bxslider.css");

@import url("category.css");
@import url("systems.css");
@import url("menus.css");
/*@import url("flags.css");*/
@import url("famfamfam-flags.css");


/*ul.nav li.dropdown:hover ul.dropdown-menu
{
    display:block;
}*/

/* dropdown menu on hover */
.btn-group:hover > ul.dropdown-menu
{
    display:block;
}

ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}

a.menu:after, .dropdown-toggle:after {
  content: none;
}
/* change navbar-inner */


h1.header a
{
    background: url("../img/anhoch_logo.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 70px;
    width: 400px;
}

h1, h2, h3
{
    /*font-family: georgia, serif;*/
}


a:link {
	text-decoration: none;
	color: #545454;
}

a:visited {
	text-decoration: none;
	color: #545454; /* #979797; */
}
a:hover {
	text-decoration: underline;
	color: #cc0000;
}
a:active {
	text-decoration: none;
	color: #AF2012;

}

a.no-decoration
{
    text-decoration: none;
}

a.btn-primary {
    color: #FFFFFF;
}
a.btn-success {
    color: #FFFFFF;
}
a.btn-info {
    color: #FFFFFF;
}
a.btn-danger {
    color: #FFFFFF;
}

.gray-border-top
{
    border-top: 2px solid #DEDEDE;
}
.gray-border-bottom
{
    border-bottom: 2px solid #DEDEDE;
}
.gray-border-right
{
    border-right: 2px solid #DEDEDE;
}
.gray-border-left
{
    border-left: 2px solid #DEDEDE;
}

.gray-gradient-bg
{
    /* Gradient background */
  	background: #BBBBBB ;  /*Old browsers*/
    background: -moz-linear-gradient(top,  #EEEEEE 0%, #BBBBBB 100%) repeat-x scroll 50% 0 #BBBBBB; /*FF3.6+*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)) repeat-x scroll 50% 0 #BBBBBB; /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top,  #EEEEEE,#BBBBBB 100%) repeat-x scroll 50% 0 #BBBBBB; /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top,  #EEEEEE 0%,#BBBBBB 100%) repeat-x scroll 50% 0 #BBBBBB; /*Opera 11.10+*/
    background: -ms-linear-gradient(top, #EEEEEE 0%,#BBBBBB 100%) repeat-x scroll 50% 0 #BBBBBB; /*IE10+*/
    background: linear-gradient(to bottom,  #EEEEEE 0%, #BBBBBB 100%) repeat-x scroll 50% 0 #BBBBBB; /*W3C*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#BBBBBB',GradientType=0 ) repeat-x scroll 50% 0 #BBBBBB; /*IE6-9*/

}

.gray-body-bg
{
    background-color: rgba(221, 221, 221, 0.3);
}

.blue-gradient-bg
{
	   /* Gradient background */
    background: repeat-x scroll 50% 0 #004276;
    background: -moz-linear-gradient(top, #004276, #668dac) repeat-x scroll 50% 0 #668dac;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004276), to(#668dac)) repeat-x scroll 50% 0 #668dac;
    background: -webkit-linear-gradient(top,  #004276, #668dac) repeat-x scroll 50% 0 #668dac; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004276 , #668dac ) repeat-x scroll 50% 0 #668dac; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004276, #668dac) repeat-x scroll 50% 0 #668dac; /* IE10+ */
    background: linear-gradient(to bottom,  #004276, #668dac ) repeat-x scroll 50% 0 #668dac; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004276', endColorstr='#668dac',GradientType=0 ) repeat-x scroll 50% 0 #668dac; /*IE6-9*/
}

.blue-bg
{
    background: #004276;
}

.dark-gray-bg
{
    background: #242424;
}
.red-border-bottom
{
	border-bottom: 5px solid #CC0000;
}

.red-border-top
{
	border-top: 5px solid #CC0000;
}

.red-stripes
{
    background: url("../img/stripes_red.png") repeat-x scroll left 50% transparent;
    clear: both;
    overflow: hidden;
    min-height: 1em;

}

.gray-stripes
{
    background: url("../img/stripes_gray.png") repeat-x scroll left 50% transparent;
    clear: both;
    overflow: hidden;
    min-height: 1em;

}

.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #004276;
    margin-top:5px;
}

.imgshadow:hover, .imgshadow-hovered {
	cursor:pointer;
	 -moz-box-shadow:0px 0px 5px #008efe;
    -webkit-box-shadow:0px 0px 5px #008efe;
    box-shadow:0px 0px 5px #008efe;
}

div.dialog
{
   width: 600px;
}

.top-navbar .navbar-inner
{
    border: 0px;
    border-radius: 0px;
}

.wrapper
{

	margin: 55px auto 5px auto;
	width: 960px;
	/* background-attachment: scroll !important;
    background-color: #ECECEC;
    background-image: none;
    background-position: center top !important;
    background-repeat: repeat !important;
    border-radius: 0 0 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    min-width: 298px; */

 /*    width: 1180px; */
}

span.price
{

}

#main
{
    margin-top:5px;
	/* margin-top:65px; */
	/* background:#fff; */
}

#main aside.left
{
	width:100%;
}

#main section.content
{
	width:100%;
}


.box
{
	background-color: #FFFFFF !important;
    border-radius: 0 0 0 0;
    margin-bottom: 5px;
   /* padding:5px;*/

}

.box-border
{
    border: 1px solid #AAAAAA;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.box > .box-heading {

    background-color: #CC0000 !important;
    background-image: none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 15px;
    position:relative;


}

.box > .box-content
{
	padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.box > .box-heading h2 {
    color: #FFFFFF;
    margin: 0;
}
.box > .box-heading h2 {
    font-size: 16px;
}

.box-right
{
	height: 400px;
	position:fixed;
	width:245px;
	right: -245px;
	top:20%;
	z-index:9997;
}
.box-right .box-title {

	cursor:pointer;
	background:#ccc;
	height: 60px;
    left: -34px;
    position: relative;
    width: 34px;
    z-index: 99998;
}

.box-right .box-content
{
	background-color: #FFF;
	border: 4px solid #111111;
    float: right;
    position: relative;
    top: -60px;
    z-index: 99999;
}



aside .box-stripes
{

    padding:5px;
    margin-bottom: 5px;
}
.box-stripes
{
    padding:5px;
    background: #FFFFFF;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 0;
    margin-bottom:5px;
}

.box-stripes > .box-heading
{
    background: url("../img/stripes_red.png") repeat-x scroll left 50% transparent;
    clear: both;
    margin: 0 0 5px;
    overflow: hidden;
    min-height: 1em;
}

.box-stripes > .box-heading > h1
{
    display:inline-block;
    background-color: #FFFFFF;
    padding: 0 15px 0 15px;
}

.box-stripes > .box-heading > h2,
.box-stripes > .box-heading > h3,
.box-stripes > .box-heading > h4
{
    background-color: #FFFFFF;
    float: left;
    padding: 0 15px 0 10px;
    line-height: 1.2em;

}

.box-stripes > .box-heading.gray
{
    background: url("../img/stripes_gray.png") repeat-x scroll left 50% transparent;
}
.box-stripes > .box-heading.red
{
    background: url("../img/stripes_red.png") repeat-x scroll left 50% transparent;
}
.box-stripes > .box-heading.blue
{
    background: url("../img/stripes_blue.png") repeat-x scroll left 50% transparent;
}

.box-stripes > .box-content
{

}

.box-content > .box-stripes
{
    padding:5px;
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom:5px;
}

.span-first-child
{
	margin-left:0 !important;
}

div#ajax_info
{
    z-index: 1029;
    top: 42px;
    text-align: center;
    width: auto;
    position: fixed;
    right: 30%;
    left: 30%;
    display:none;
    font-weight: bold;
}
div#ajax_info > .alert
{
    box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
}

/** show info **/

div#show_info
{
    padding: 5px;
    position: fixed;
    right: 0px;
    top: 50px;
    z-index: 999;
}

div#show_info > div
{
    padding: 5px;

}

/**** HEADER ****/
#header
{
	margin-top: 6px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
}

#header .logo img
{
    padding:3% 0 3% 10px;
}

#header form
{
    margin-bottom: 0px;
}



#header > .header-top
{
	/* margin-bottom:20px; */

    background: none repeat scroll 0 0 #FFFFFF;
    padding:5px 0px;
  /*   display: block; */
  /*   height: 35px; */
  /*   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:999; */
}

#header .header-search
{
    padding:10px;
	padding-left:55px;
}
 /*#header > .header-top > .header-logo
{
    background: url("../img/anhoch_logo.png") no-repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 100px;
   /*  margin: 0 auto;
    position: relative;
    text-align: center;
    /* width: 1024px;
}


 #header > .header-top > .header-search
{
    position: relative;
    top: 30px;

}

#header > .header-top > .header-nav
{
    position: relative;
    padding-right: 25px;
}

#header > .header-top > .header-nav .links
{
   margin-bottom:5px;
    font-size: 10px;
}

#header > .header-top > .header-nav .links > li > a
{
  padding-bottom: 0px;
  padding-top: 0px;
}

#header > .header-top > .header-nav .links li+li
{
    border-left: 1px solid #E3E3E3;

}
*/
/*#header .shopping-cart
{
    padding:10px;
     font-size: 1.4em;
}
#header .shopping-cart > .nav
{
    margin-bottom: 5px;
}
#header .shopping-cart h3
{
	line-height: 1.2em;
}
#header .shopping-cart table
{
	margin-bottom: 0px;
}*/

/*** USER ***/

section.users.orders-review table.user-orders > tbody > tr
{
    cursor:pointer;
}

ul.user-loggedin > li.dropdown > ul
{
    /*width:95%;*/
}

/*** CART ***/

table.shopping-cart .price
{
    color: #CC0000;
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    padding: 0 5px;
    text-shadow: 1px 1px 1px #111111;
}

/*** MINI CART ***/


.mini-cart ul.dropdown-menu
{
    min-width: 400px;
    color: #111111;
}



/*** TOP NAV ***/

/*.navbar .container
{
	width:90%;
}*/
.navbar tr .btn, .navbar tr .btn-group
{
	margin-top:0px;
}

nav.top-nav-wrapper
{
	background: #FFFFFF;
}

.nav .adjust-elems, .navbar .adjust-elems
{
	display:block;
	color: #777777;
    float: none;
    padding: 7px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

.product-filter select
{
	margin:auto;
	width:auto;
}

.product-filter  ul.display > li > a
{
	padding-left: 0px;
	padding-right: 0px;
}

/**** BREADCRUMBS ***/

ul.breadcrumbs
{
    font-size: 1em;
	padding: 8px 0 0;

}
ul.breadcrumbs li
{
	display: inline;
}

ul.breadcrumbs .breadcrumb-icon
{
	display: inline-block;
    vertical-align: top;
}

div.social
{
	background:#FFFFFF;
	text-align:right;
       // padding-top: 15px;

}

ul.social
{
	margin: 10px 15px 0 0;
}

ul.social li.fb > a
{
	color: #3B5998;
	text-decoration: none;
}


ul.social li.twitter > a:hover
{
	color: #00C0F7;
	text-decoration: none;
}

ul.social li.linkedin > a:hover
{
	color: #2C8DC0;
	text-decoration: none;
}


/**** BOXES, MODULES, SHADOWS ***/

.shadows {
    box-shadow: 0px 0px 10px 0px #111111;
}



/*********************************
/***** SECTION ******/

section.pages
{

   /* padding: 5px 15px;*/
}

#main-wrapper
{
	/* width: 1024px; */
	margin:1px auto;
	display:block;

}


.register-success
{
    font-size: 1.7em;
    line-height: 1.1em;
    padding: 15px;
}

/* #main
{
	width:1024px;
	display:inline-block;
} */
/**** ASIDE ******/

aside.main
{
    background: #FFFFFF;
    padding: 5px 15px;
}


aside.left
{
   /* background: #FFFFFF; */
}

aside.home-left
{
    background: #FFFFFF;
}

ul.news-articles > li
{
    border-bottom:1px solid #DEDEDE;
    padding: 5px 0px;
}

ul.news-articles > li .media-object
{
    max-height: 40px;
    display:inline-block;
}

/* aside.left.affix
{
	width: 235px;
	top:55px; */
	/* padding-left:20px; */
	/* width: 212px; */
	/* margin:1px 1px 1px 0px; */
	/* display:inline-block; */
	/* background: #ffffff; */
	/* vertical-align:top; */
	/* float:left; */
//}

/*
aside.left.affix-bottom
{
	bottom:216px;
	position:absolute;
	top:auto;
} */


/* aside.left > div
{
	margin: 5px 0px;
	background: #ffffff;
	padding:2px;
} */

aside.left > div > h3
{
	padding:0px 5px;
	line-height:25px;
}

aside.left > div > div
{
	/* padding:5px 10px; */

}

/* aside.left .categories
{
	margin-top: 0px;
}

aside.left .categories > div
{
	padding:0px;
} */
#sidebar_left
{
	/* padding:5px; */
	/* width:200px; */
	/* margin: 0 auto; */
}

#sidebar_left div
{
/* 	padding:0px; */
}

#sidebar_left div ul li a
{
	/* line-height: 1; */
}

#side_menu
{
	/* width:190px; */
	/* clear:both; */
}

.price-slider
{
    padding:5px;
	/* width:180px; */
	/* padding:2px; */
}
.price-slider > .box-content
{
	padding: 10px;
}
.price-slider > .box-content > #amount
{
	display: block;
    font-weight: bold;
    padding: 0 0 7px;
}

.show-more
{
	text-align:right;
}

/*** CATALOG BOX ***/
.catalog .catalog-date
{
    font-size:1.7em;
    line-height: 1.3em;
    font-weight: 900;
}
.catalog .catalog-images
{

}
.catalog .catalog-img
{
    margin: 0 auto;
}
.catalog .catalog-img > img
{
    max-width: 175px;
    margin: 0 auto;
    width: 95%;
}

.catalog .shadows
{
    box-shadow: 0 0 2px 0 #111111;
}

.catalog > a:hover
{
    text-decoration: none;
}

/*.catalog > a:hover .catalog-date
{
    background-color: #cc0000;
}
.catalog > a:hover .catalog-date > span
{
    color: #FFFFFF !important;

}*/
/***********************************/
/*** PRICELISTS ***/
section.pages .pricelists-list .nav-list
{
    font-size: 1.4em;
}
section.pages .pricelists-list .nav-list > .nav-header
{
    font-size: inherit;
}
section.pages .pricelists-list .nav-list > li
{
     line-height: 1.4em;
}

.pricelists ul > li
{
    font-size: 1.2em;
    line-height: 1.7em;

}

.pricelists ul > li > a
{
    color: #111;
}

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

/*** RATES ****/

section.page table #creditDetails {
		font:Verdana, Geneva, sans-serif 9px;
	}

section.page table.creditDetailsAlfa #contentPane {
    padding: 0 0 0 5px;
    vertical-align: top;
     }
section.page table.creditDetailsAlfa td {
    color: #606060;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
}
section.page table.creditDetailsAlfa .HtmlHolder {
    padding: 0 13px 8px 8px;
}
section.page table.creditDetailsAlfa .heading2 {
    color: #2D336F;
    font-size: 11px;
    font-weight: bold;
}
section.page table.creditDetailsAlfa .normalText {
    color: #606060;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
}

/**** CONTENT ****/

.left .box
{
	/* margin-left:20px;
	margin-top:10px; */
}

.right
{
/* 	margin-right:20px;
	margin-top:10px;
	 */
}


/* .content
{
    margin:1px 0px 1px 1px;
    width:810px;
    background:#ffffff;
    display:inline-block;
    float:right;
} */
.content h2
{
	padding: 3px 15px;
}
.darkbannerwrap {
    background: url("../images/aiwrap.png") repeat scroll 0 0 transparent;
    height: 10px;
    margin: 0 0 20px -18px;
    position: relative;
    width: 18px;
}
.arrow-left {
    border-bottom: 10px solid transparent;
    border-right: 18px solid #4E0202;
    height: 0px;
    position: absolute;
    width: 0px;
    left:0px;
}
.arrow-right {
    border-bottom: 10px solid transparent;
    border-left: 18px solid #4E0202;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.arrow-top-left {
    border-right: 10px solid #4E0202;
    border-top: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}
.home
{

    background: #FFFFFF;
    padding:10px;


}
.fields
{
    /* width:500px; */

}
.fields-default
{
	border:1px solid #CCCCCC;
}
.fields-error
{
	border:1px solid red !important;
}
.fields-highlight
{
	border:1px solid #398DB1;
}

.input-ajax-send
{
	display: inline-block;
    padding: 0.3em 0.5em;
    position: absolute;
}
.input-fields-wrap
{
    margin: 0 auto;
    padding: 5px;
}
.input-fields-wrap label
{
   /*	float: left;
    font-size: 0.85em;
    margin-right: 10px;
    padding-top: 7px;
    text-align: right;
    width: 115px;*/
   display: block;
   font-size: 0.85em;
   text-align: left;

}
.input-fields-wrap button
{
	 font-size: 0.7em;
}
.input-fields-error
{
    display: inline-block;
    height: 20px;
    margin: 0 20px;
    padding: 0 6px;
    position: absolute;
    font-weight: bold;
}
.input-fields-error .error-arrow
{
    border-bottom: 10px solid transparent;
    border-right: 18px solid #E87A53;
    height: 0;
    left: 0;
    margin: 0 0 0 -18px;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 9999;
}
.input-fields-success
{
    display: inline-block;
    padding: 0.3em 0.5em;
    position: absolute;
}
.image-wrapper
{
	 display: block;
}
/***** ORDERS ****/

.payment-methods label
{
    font-size:10em;
}

.payment-methods label > input
{
    float:none !important;
}
.order-confirmation h4
{
    border-bottom:1px solid #DEDEDE;

    padding:10px 0px;
}


/**** FOOTER ****/

.footer-box
{

}
.footer-box .box-heading
{

}
.footer-box .box-content
{

}
#footer
{
    margin-top: 10px;


}

#footer_info, #footer_info_phone {
    background-color: #242424;
    background-image: none;
    background-position: center top;
    background-repeat: repeat;
    border-top: 1px solid #2E2E2E;
}
#footer_info h3{
    border-bottom: 1px solid #2E2E2E !important;
    color: #53A3DF !important;

    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}
#footer_info h3 a
{
    font-size: 1em !important;
    color: #53A3DF !important;
}
#footer_info a {
    color: #B2B2B2 !important;
}
#footer_info a:hover {
    color: #FFFFFF !important;
}

#footer_info {
    clear: both;
    overflow: auto;
    padding: 20px 0;
}

#footer_info .span2 > div{
    padding-left: 10px;
    padding-right: 10px;
}
#footer_info .span2 a {
    font-size: 13px;
}
#footer_info .span2 ul {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
#footer_info .span2 ul li {
    list-style: none outside none;
    margin-bottom: 7px;
}
#footer_info h3 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 5px;
}
#footer_info_content {
    margin: 0 auto;
}
/** FOOTER CNC ***/

#footer_cnc
{
    background-color: #242424;
    background-image: none;
    background-position: center top;
    background-repeat: repeat;

}

#footer_cnc {
    clear: both;
    overflow: auto;
    padding: 20px 0;
}
/*#footer_cnc .span4 {
    margin-left: 10px;
    margin-right: 10px;
}*/
#footer_cnc_content, #footer_cnc_content span {
    color: #B2B2B2 !important;
}
#footer_cnc_content {
    margin: 0 auto;
}
#footer_cnc > div,
#footer_cnc  > div,
#footer_cnc  > div {
    margin-bottom: 15px;
}

#footer_cnc h3 {
    border-bottom: 1px solid #2E2E2E !important;
    color: #FFFFFF !important;
}
#footer_cnc h3 {
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 5px;
}

/**************************************/
.footer
{
    /* width: 1024px; */
    margin:5px 0px auto;


}



.footer-top
{
	/* text-align:center; */

	/* background: #BBBBBB ; Old browsers
    background: -moz-linear-gradient(top,  #EEEEEE 0%, #BBBBBB 100%); FF3.6+
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); Chrome,Safari4+
    background: -webkit-linear-gradient(top,  #EEEEEE,#BBBBBB 100%); Chrome10+,Safari5.1+
    background: -o-linear-gradient(top,  #EEEEEE 0%,#BBBBBB 100%); Opera 11.10+
    background: -ms-linear-gradient(top, #EEEEEE 0%,#BBBBBB 100%); IE10+
    background: linear-gradient(to bottom,  #EEEEEE 0%, #BBBBBB 100%); W3C
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#BBBBBB',GradientType=0 ); IE6-9
 */
/*
	border-bottom: 5px solid #CC0000;  */
	/* Gradient background
   /*  background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));*/

}

.footer-top ul.manufacturers-images
{
	display:inline-block;
}

.footer-top ul.manufacturers-images > li
{
	float: left;
    margin-left:2px;
}


.footer-top ul.manufacturers-images > li > img
{
	width:100px;
	max-height:85px;
}

.footer-content
{
   /*  background: none repeat scroll 0 0 #FFFFFF; */
    border-top: 1px solid #CCCCCC;
    color: #fff;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 90%;
    text-shadow: 1px 1px 1px #111111;
}
.footer-login
{
	 width: 450px;
	 margin:0 auto;
	 background: #ffffff;
}

.categories-menu .container
{
    width: 900px;
}



body .modal.large, body .modal.medium {
    width: 80%; /* respsonsive width */
    margin-left: -40%; /* (width/2) */
}

#input-append input[type=text]
{
	background-color: blue;
}
/* Large desktop */
@media (min-width: 1200px)
{
	.wrapper
	{
		width: 1190px;
	}
	aside.left.affix
	{
		width: 295px;
	}
	aside.left.affix-bottom
	{
		width: 295px;
		bottom:-1275px;
		position:absolute;
		top:auto;
	}
    .categories-menu .container
    {
        /*width: 957px;*/
        width: 1076px;
    }

    body .modal.medium {
        width: 70%; /* respsonsive width */
        margin-left: -35%; /* (width/2) */
    }
    body .modal.medium .modal-body {
        max-height: 480px;
    }
    div#ajax_info
    {
        /*top: 15%;*/
        right: 35%;
        left: 35%;
    }

 }


/* ---------------------------------------------------------------
- show/hide
*/
.showit {
	display: inline-block;
}
.hideit {
	display: none;
}
/* ---------------------------------------------------------------
- padding
*/
.pad5 {
    padding: 5px !important;
}
.pad10 {
    padding: 10px !important;
}
.pad15 {
    padding: 15px !important;
}
.pad20 {
    padding: 20px !important;
}

.padl5 {
	padding-left: 5px;
}
.padl10 {
	padding-left: 10px;
}
.padl20 {
	padding-left: 20px;
}
.padl30 {
	padding-left: 30px;
}
.padr5 {
	padding-right: 5px;
}
.padr10 {
	padding-right: 10px;
}
.padr20 {
	padding-right: 20px;
}
.padr30 {
	padding-right: 30px;
}
.padt5 {
	padding-top: 5px;
}
.padt10 {
	padding-top: 10px;
}
.padt20 {
	padding-top: 20px;
}
.padt30 {
	padding-top: 30px;
}
.padb5 {
	padding-bottom: 5px;
}
.padb10 {
	padding-bottom: 10px;
}
.padb20 {
	padding-bottom: 20px;
}
.padb30 {
	padding-bottom: 30px;
}

/* ---------------------------------------------------------------
- margin
*/
.marg5 {
    margin:5px;
}
.marg10 {
    margin:10px;
}
.marg15 {
    margin:15px;
}
.marg20 {
    margin:20px;
}
.mtop5 {
	margin-top: 5px;
}
.mtop10 {
	margin-top: 10px;
}
.mtop15 {
	margin-top: 15px;
}
.mtop20 {
	margin-top: 20px;
}
.mbottom5 {
	margin-bottom: 5px;
}

.mbottom10 {
	margin-bottom: 10px;
}

.mbottom15 {
	margin-bottom: 15px;
}
.mbottom20 {
	margin-bottom: 20px;
}


.mleft18 {
    margin-left: -18px;
}
.mright18 {
    margin-right: -18px;
}

.mright20 {
    margin-right: 20px;
}

.mright30 {
    margin-right: 30px;
}

/* ---------------------------------------------------------------
- career animations css
*/
 .animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    padding: 0px;

}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

div.hc-page{
     border-radius: 5px;
    /*background: rgba(139, 106, 102, 0.1);*/
    color: #e9322d; line-height: 1.2em;

}

.strikethrough {
  position: relative;
  color: #333333;
}
.strikethrough:hover {
  color: #333333;
}
dl.dl-horizontal{
    margin:5px;
    text-align: left;
    height: 15px;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #cc0000;

  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  -o-transform:rotate(-15deg);
  transform:rotate(-15deg);
}

#fb-share{

    border-bottom: none ;
}
a.articles{

    font-size: 21px;
}

h3.locations-dialog {
    margin: 0;
    padding: 0;
    line-height: 21px;
    margin-left: 15px;
    color: #545454;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.btn-lg {
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0px;
}

.btn-primary {
    color: #fff;
    border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

@media handheld {
    ul#cat-sidemenu > li > a {
        pointer-events: none;
    }
}
/***********************
  SHARP BUTTONS
************************/
.sharp {
    border-radius:0;
}

/***********************
  CUSTON BTN VALUES
************************/

.btn {
    border: 0 none;
    border-radius: 0px;
    background-image: none;
    background: none;
    background-color: #e6e6e6;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-success:hover {
    background: rgba(81, 163, 81, 0.7)
}
.btn-success {
    background: #51a351;
}

.btn-info {
    background: #2f96b4;
}

.btn-info:hover {
    background: rgba(47, 150, 180, 0.7);
}


.btn-primary {
    background: #006dcc;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: rgba(0, 114, 153, 0.7)
}
.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

#cssmenu ul li {
    margin-bottom: 2px;
    border: 1px solid rgba(0,0,0, 0.1);
}

#cssmenu .has-sub ul {
    display: none;
    position: absolute;
    min-width: 100%;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px;
    background-color: #ffffff;
}

#cssmenu .has-sub ul:hover {
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.modal {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
    border: 1px solid rgba(0,0,0, 0.1);
}

a.product_modal {
    background: none !important;
}

.form-actions {
    background-color: transparent;
}

.accordion-group {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.navbar-inner {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    background-image: none;
    background: none;
    background-color: rgba(212, 212, 212, 0.1);
}

input {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#cssmenu .has-sub ul li a {
    text-decoration: none;
}

#cssmenu .has-sub ul li a:hover {
    color: #cc0000;
}

img.lazy-load-image {
    opacity: 1;
    animation: fadeInImage 5s ease;
}

@keyframes fadeInImage{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.dl-horizontal dd{margin-left: 0px !important;}

div.mobile-version {
    display: none;
}

@media only screen and (max-width: 760px) {
    div.mobile-version { display: inline-block; }
}

.cart-login-btn {
    margin-right: 30px !important;
    display: inline-block;
}

.vtext-middle {
    vertical-align: middle;
}

#periodInput {
     height: 36px;
     -webkit-appearance: none;
     margin: 10px 0;
     width: 50%;
     box-shadow: none !important;
 }
#periodInput:focus {
    outline: none;
}
#periodInput::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #3071A9;
    border-radius: 0px;
    border: 1px solid #000000;
}
#periodInput::-webkit-slider-thumb {
    box-shadow: 0px 0px 1px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 15px;
    border-radius: 0px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -13px;
}
#periodInput:focus::-webkit-slider-runnable-track {
    background: #3071A9;
}
#periodInput::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #3071A9;
    border-radius: 0px;
    border: 1px solid #000000;
}
#periodInput::-moz-range-thumb {
    box-shadow: 0px 0px 1px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 15px;
    border-radius: 0px;
    background: #FFFFFF;
    cursor: pointer;
}
#periodInput::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
#periodInput::-ms-fill-lower {
    background: #3071A9;
    border: 1px solid #000000;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}
#periodInput::-ms-fill-upper {
    background: #3071A9;
    border: 1px solid #000000;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}
#periodInput::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 1px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 15px;
    border-radius: 0px;
    background: #FFFFFF;
    cursor: pointer;
}
#periodInput:focus::-ms-fill-lower {
    background: #3071A9;
}
#periodInput:focus::-ms-fill-upper {
    background: #3071A9;
}