/*
Credit: http://www.templatemo.com
*/

/********************************
body {
	margin: 0;
	padding: 0;
	color: #252525;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	background-color: #ffffff;
	background-image: url(images/templatemo_body_cut1.jpg); 
	background-repeat: repeat-x;
	background-position: top
}
********************************/
a, a:link, a:visited { color: #0099FF; font-weight: 400; text-decoration: none; }
a:hover { color: #CC9933; text-decoration: underline; }
/********************************
p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }
********************************/
/**
before 2015-03-24
h1, h2, h3, h4, h5, h6 { color: #89a313; font-weight: normal; }
**/

h1, h2, h3, h4, h5, h6 { color: #0000fe; font-weight: normal; }

h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }



a.more { clear: both; display: block; width: 109px; height: 31px; line-height: 31px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(images/templatemo_readmore.png) no-repeat }
a.more:hover { text-decoration: none; color: #000; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 10px 0 10px 10px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(images/templatemo_list.png) no-repeat scroll 0 7px  }


/**** Image sprites 
http://spritepad.wearekiss.com/
****/

#ContinueShoppingBlue {
    width: 191px;
    height: 34px;
    background: url(/images/continue_shopping.png) no-repeat -11px -51px;
    overflow: hidden;
}

#ContinueShoppingBlue:hover {
    background-position: -212px -10px;
}


.AllButtons  {
    background: url(/images/Buttons-All.png) no-repeat 0 0;
    overflow: hidden;
}

.Button-Black-Download {
    width: 152px;
    height: 39px;
    background-position: -44px -36px;
}

.Button-Black-Download:hover {
    background-position:  -230px -36px;
}



/********** New Buttons from DevOOPs  http://devoops.me/themes/devoops2/#ajax/ui_buttons.html *************/

.btn {

  border-width: 1px;
  border-style: solid;
  border-width: 1px;
  text-decoration: none;
  border-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  outline: none;
  font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #a2a2a2;
  background: #a2a2a2 -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));
  background: #a2a2a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));
  line-height: 24px;
  margin: 0 0 10px 0;
  padding: 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  outline: none !important;

/* Adding shadows 
 -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);*/
	
 -webkit-box-shadow: 2px 2px 5px 0px #888888;
 -moz-box-shadow: 2px 2px 5px 0px #888888;
	box-shadow: 2px 2px 5px 0px #888888;
}


a.btn {
  color: #fff;
/**  font-size: 12px;
  font-weight: bold;
  text-align: center;
**/

}

a.btn-default {
  color: #000;
}

a.btn-success {
  color: #000;
}


.btn-label-left, .btn-label-right {
  padding: 0 10px;
}
.btn-label-left span {
  position: relative;
  left: -10px;
  display: inline-block;
  padding: 0px 8px;
  background: rgba(0, 0, 0, 0.1);
}
.btn-label-right span {
  position: relative;
  right: -10px;
  display: inline-block;
  padding: 0px 8px;
  background: rgba(0, 0, 0, 0.1);
}
.btn i {
  vertical-align: middle;
}
.btn-app {
  width: 80px;
  height: 80px;
  padding: 0;
  font-size: 16px;
}
.btn-app i {
  font-size: 36px;
  line-height: 78px;
  display: block;
}
.btn-app-sm {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 12px;
}
.btn-app-sm i {
  font-size: 18px;
  line-height: 48px;
  display: block;
}
.btn-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.25);
}
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .progress-bar {
  background-color: #D8D8D8;
  border-color: rgba(0, 0, 0, 0.3);
  color: #929292;
}
.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active,
.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
  background-color: #6AA6D6;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;
}
.btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active, .progress-bar-success,
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
  background-color: #63CC9E;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;
}
.btn-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active, .progress-bar-info,
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
  background-color: #7BC5D3;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;
}
.btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active, .progress-bar-warning,
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #DFD271;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;
}
.btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active, .progress-bar-danger,
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #D15E5E;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;
}


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #525252;
  background-color: #b8b8b8;
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
.table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr.primary:hover > th {
  color: #fff;
  background-color: #5a8db6;
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success,
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  color: #fff;
  background-color: #54ae86;
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info,
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  color: #fff;
  background-color: #69a8b4;
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning,
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  color: #fff;
  background-color: #beb360;
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger,
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  color: #fff;
  background-color: #b25050;
  border-color: rgba(0, 0, 0, 0.3);
}

.btn-app:hover, .btn-app:focus, .btn-app:active, .btn-app.active, .open .dropdown-toggle.btn-app,
.table-hover > tbody > tr > td.app:hover, .table-hover > tbody > tr > th.app:hover, .table-hover > tbody > tr.app:hover > td, .table-hover > tbody > tr.app:hover > th {
  color: #fff;
  background-color: #b25050;
  border-color: rgba(0, 0, 0, 0.3);
}


.btn-100{
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;

}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/*//From bootstrap file*/
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

input[type=text], input[type=password], input[type=tel],textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
/*  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid #DDDDDD; 
}
 
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus,textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}















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

.HRGrayLine {
	border: 0; 
	clear: both; 
	
	border-bottom: 1px solid #ccc;  
	width:80%;
	text-align:center; margin: 0 auto;
	
	padding-bottom: 30px; 
	margin-bottom: 30px; 

}

.HRGrayLine300 {
	margin: 0; 
	border: 0; 
	clear: both; 
	width: 300px; 
	border-bottom: 1px solid #ccc;  
	
	text-align:center; margin: 0 auto;
	
	padding-bottom: 30px; 
	margin-bottom: 30px; 
}	


.HRGrayLine490 {
	margin: 0; 
	border: 0; 
	clear: both; 
	width: 490px; 
	border-bottom: 1px solid #ccc;  
	
	text-align:center; margin: 0 auto;

	padding-bottom: 30px; 
	margin-bottom: 30px; 	

}

.HRGrayLine80p {
	
	border: 0; 
	clear: both; 

	border-bottom: 1px solid #ccc;  
	width:80%;
	text-align:center; margin: 0 auto;
	
	padding-bottom: 30px; 
	margin-bottom: 30px; 
	
}


/**********

h1, h2, h3, h4, h5, h6 { color: #89a313; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0; }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

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

.MainTitle1
{	
/** Before 2015/03/24	color: #09F; **/

	color: #0000fe;
	/*color: #89a313;
	color: #0000d8;*/
	font-size: 28px; 
/*height:32px;*/
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
	margin:0;
	text-align: center;
	
/**	color:#ff0000;
	font-family:Sand;
	font-size:2em;
	/*font-weight:bold;*/
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
**/
}


.SubTitle1
{
/*height:30px;*/
/** Before 2015/03/24	color: #09F; **/

	color: #0000fe;
	/*color: #94ac2a;
	/*color: #0000d8;*/
	font-size: 20px; 
	margin: 0 0 20px 0; 
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
	margin:0;
	text-align: center;

/**	
	color:#ff0000;
	font-family:Sand;
	font-size:1.6em;
	font-weight:bold;
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
**/
}

.SubTitle2
{
/*height:30px;*/
/** Before 2015/03/24	color: #09F; **/

	color: #0000fe;
	/*color: #94ac2a;
	font-size: 15px; 
	margin: 0 0 20px 0; 
/*padding-top:5px;*/
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
	margin:0;
	text-align: center;


/**
	color:#ff0000;
	font-family:Sand;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
**/
}

.SocialMedia {
/*font-size: 11px; text-decoration: underline; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal;\*/

	position: absolute;
	text-align: left;
	display: inline;
	float: left;
	padding:0px 0px;
	margin: 0 2px;
	font-family:helvetica, arial, sans-serif;
	
	top: 5px;
	left: 210px;
	z-index: 900;
}

.SocialMediaButtonsDisplay
{
	
	position: relative;
	text-align: center;

	width:80%;
	text-align:center; margin: 0 auto;
	
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	/*overflow:scroll;*/
	/*height: 50px;
	top: 5px;
	left: 210px;*/
	z-index: 900;
}


.google-button
{ 
	/* */position: relative; 
	top:-15px;
	left:0px;
}


.InputBoxesExampleSmall 
{
	font-size:11px;
	color:blue;
}

.Login_Cart_Tabs {
	height:38px;
	margin: 0px 10px;
	z-index: 450;
}

#NoShadow img
{
	
	-moz-box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	
}


#MenuLeftCheckout {
	 float: right; 
	/*float: left;*/
	position: relative;
	top: 10px;
	left: 10px;
	z-index:700;
	padding: 10px;
	
}


.MembersAccountShadowBox {
		width: 200px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		background:#fff;
		background:-webkit-gradient(linear, 0% 0%, 0% 15px, from(#f2f2f2), to(#fff));
		background:-moz-linear-gradient(#f2f2f2, #fff 15px);

}

#OrderNowDropDownList {
	 float: left; 
	/*float: left;*/
	position: relative;
	
	/*left: -40px;*/
	height: 10px;
	vertical-align: top;
	
	z-index:700;
}


#OrderNowDropDownList a	 { text-decoration: none; color: black; }
#OrderNowDropDownList ul { list-style: none; }
#OrderNowDropDownList p { margin: 15px 0; }

/********************************** 
for drop downs http://css-tricks.com/simple-jquery-dropdowns/
**********************************/

#ProductDropDownList {
	 /*float: left; 
	float: left;
	position: absolute;
	top: 187px;
	left: -35px;*/
	z-index:900;
}

#ProductDropDownList a	 { text-decoration: none;  }
#ProductDropDownList ul	 { list-style: none; }
#ProductDropDownList p { margin: 15px 0; }

/******************************
	LEVEL ONE
******************************/

ul.dropdown { 	
	position: relative; 
	z-index:901;
}

/* first button shown options */

ul.dropdown li { 
	font-weight: bold; 
	float: left; zoom: 1; 
	/*background: #ccc; background:rgb(227, 225, 225); background: #8b8b8b;Top menu background color

	background: #F7F6F6; */
	background: #00ff00;
	
	-webkit-box-shadow:0px 0px 1px 0px rgba(0, 0, 40, .6);
	-moz-box-shadow:0px 0px 1px 0px rgba(0, 0, 40, .6);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 40, .6);
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;

z-index:902;
}

ul.dropdown a:hover { 
	color: #000; 
	z-index:903;
}

ul.dropdown a:active { 
	color: #ffa500; 
	z-index:904;
}

ul.dropdown li a { 
	display: block; 
	padding: 4px 8px; 
	border-right: 1px solid #333;
	color: #222; /* text color */
	z-index:905;
}

ul.dropdown li:last-child a { 
	border-right: none; 
} /* Doesn't work in IE */

ul.dropdown li.hover, ul.dropdown li:hover { 
	background: #F3D673; 
	color: black; 
	position: relative; 
	z-index:906;
}

ul.dropdown li.hover a { 
	color: black; 
	z-index:907;
}


/*****************************
	LEVEL TWO
******************************/
ul.dropdown ul { 
	width: 150px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	 /*left: -40px; changing position lineup */
	z-index:908;
}

ul.dropdown ul li { 
	font-weight: normal;
	background: #f6f6f6; 
	color: #000; 
	border-bottom: 1px solid #ccc;
	float: none; 
	background: #b7b7b7;
	z-index:909;
	
}
							  
  /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { 
	border-right: none; 
	width: 100%; 
	display: 
	inline-block; 
	z-index:910;
} 

/******************************
	LEVEL THREE
******************************/
ul.dropdown ul ul { 
	left: 100px; 
	top: 0;
	width: 220px; 	
}
ul.dropdown li li li { 
	background: #a3a3a3;

}
ul.dropdown li:hover > ul { 
	visibility: visible; 
}


/******************************
	LEVEL FOUR
******************************/
ul.dropdown ul ul ul { 
	left: 225px; 
	top: 0;
	width: 300px; 	
}
ul.dropdown li li li { 
	background: #a3a3a3;

}
ul.dropdown li:hover > ul { 
	visibility: visible; 
}




/************ Product Title Moved to specific browser css sheets ********************

http://css-tricks.com/snippets/css/using-font-face/
Hi, I have devoted some time to solve this problem in my web, finally works correctly in all browsers, I compiled this important steps:

1) If you have a font type (ttf. otf), convert to all formats (eot,svg,woof) in (http://www.font2web.com/) and download on your web root folder to use it

2)use this code (modify “font-family”, “myfont” and use absolute url to find files), its very important tu use in a simple line this code, without newline.

@font-face{font-family:’GothamRM’;src:url(‘http://absoluteURL/myfont.eot’);src:url(‘http://absoluteURL/myfont.eot?#iefix’) format(‘embedded-opentype’),url(‘http://absoluteURL/myfont.woff’) format(‘woff’),url(‘http://absoluteURL/myfont.ttf’) format(‘truetype’),url(‘http://absoluteURL/myfont.svg#GothamRM’) format(‘svg’)}

3)Test in your server, in my local server with xampp works fine but in IIS internet public server don’t works in IE9, the problem is:

IIS 7 don’t have MIME Types defined for .woff file

If you try to open in IE9 your .woff font (http://absoluteURL/myfont.woff) you recive and error 404.

To solve it I open IIS, rootServer / MIME Types, and ADD MIME Type with (Extension = .woff, MIME Type = application/x-font-woff)

4) finally I try to open file again http://absoluteURL/myfont.woff and it works fine, I open my web and works well in all browsers


**********************/
@font-face
{
	font-family: Winston;
	src: url('../fonts/WINSTN_T.otf');
}

@font-face
{
	font-family: mathilde;
	src: url('../fonts/mathilde.otf');
}

@font-face
{
	font-family: BeforeTheRain;
	src: url('../fonts/BeforeTheRain.ttf');
}

@font-face
{
	font-family: Cast_Iron;
	src: url('../fonts/Cast_Iron.ttf');
}

@font-face
{
	font-family: DeutscheZierschrift;
	src: url('../fonts/DeutscheZierschrift.ttf');
}

@font-face
{
	font-family: Karate;
	src: url('../fonts/Karate.ttf');
}

@font-face
{
	font-family: MediciText;
	src: url('../fonts/MediciText.ttf');
}

@font-face
{
	font-family: OldeEnglish;
	src: url('../fonts/OldeEnglish.ttf');
}

@font-face
{
	font-family: PaulsKanjiFont;
	src: url('../fonts/PaulsKanjiFont.ttf');
}
@font-face
{
	font-family: SilvestreRelief;
	src: url('../fonts/SilvestreRelief.ttf');
}

@font-face
{
	font-family: SomeWeatz_with_swashes;
	src: url('../fonts/SomeWeatz_with_swashes.ttf');
}


@font-face
{
	font-family: teutonic4;
	src: url('../fonts/teutonic4.ttf');
}

@font-face
{
	font-family: TravelingTypewriter;
	src: url('../fonts/TravelingTypewriter.ttf');
}
@font-face
{
	font-family: SwatchIt;
	src: url('../fonts/SwatchIt.ttf');
}

@font-face
{
	font-family: GentiumItalic;
	src: url('../fonts/GentiumItalic.ttf');
}

@font-face
{
	font-family: LoveTrust;
	src: url('../fonts/LoveTrust.ttf');
}

@font-face
{
	font-family: HandOfSean;
	src: url('../fonts/HandOfSean.ttf');
}


@font-face
{
	font-family: CoffeeHouse;
	src: url('../fonts/CoffeeHouse.ttf');
}

@font-face
{
	font-family: PostIT;
	src: url('../fonts/PostIT.otf');
}
@font-face
{
	font-family: NoteThis;
	src: url('../fonts/NoteThis.ttf');
}
@font-face
{
	font-family: xxx;
	src: url('../fonts/xxx.ttf');
}

/* not used  http://webdesignerwall.com/tutorials/css3-image-styles
.circle {
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
}
*/

.circleLEFT img {
    border-radius: 50%;
    display: block;
    float: left;
    display: inline-block;
    margin-right:20px;
}

.circleRIGHT img {
    border-radius: 50%;
    display: block;
    float: right;
    display: inline-block;
    margin-left:20px;
}



	
<!-- ******* FOOTER ******* -->



.footer_title {
	display: block;
	height: 60px;
	

    margin-top: 15px;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-left: 10px;
    
	color: #e7e7e7;
}

.footer_title h3 {
	color: #ceb31c;
	margin-bottom: 0
}

.footer_title h4 {
	color: #47add3;
	margin-bottom: 0
}

.footer_title h5 {
	color: #47add3;
	margin-bottom: 0
}

.footer_title h6 {
	color: #47add3;
	margin-bottom: 0
}

.twitter h5 { color: #47add3 }

.footer_title img {
	float: left;
	margin-right: 10px;
}
	
	

	
	
	
	
/* Pulled from some of the pages */	
.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {color: #FF0000;}
.style3 {color: #000000;}	
	



.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:5px; 
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	z-index:850;
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:45px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	z-index:850;
}	











/**** For image hover from http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/ *******/
.view {
   width: 250px;
   height: 166px;
/*   margin: 10px;
   float: left;
   border: 10px solid #fff; */
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 250px;
   height: 166px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 15px;
  /* padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;*/
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
  /*  padding: 10px 20px 20px;*/
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}




/**** For the admin view smaller boxes ****/


.viewADMIN {
   width: 150px;
   height: 100px;
/*   margin: 10px;
   float: left;
   border: 10px solid #fff; */
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewADMIN .maskADMIN, .viewADMIN .contentADMIN {
   width: 150px;
   height: 100px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.viewADMIN img {
   display: block;
   position: relative;
}
.viewADMIN h2 {
   text-transform: uppercase;
   color: #fff;
  /* text-align: center; */
   position: absolute;
    left: -20px;
   font-size: 8px;
  /* padding: 10px;*/
   background: rgba(0, 0, 0, 0.8);
  /* margin: 20px 0 0 0;*/
}
.viewADMIN p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: absolute;
   color: #fff;
  /*  padding: 10px 20px 20px;*/
   text-align: center;
}
.viewADMIN a.info {
   display: inline-block;
    position: relative;
   
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewADMIN a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


/**** END For the admin view smaller boxes ****/






.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
		
		
		
		
		
		
.imgClassSubmitButton { 
    background-image: url('../images/SubmitBlueButton1.png');
    background-repeat: no-repeat;
/*    background-position: left top;*/
    width: 100px;
    height: 30px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}
.imgClassSubmitButton:hover{  
  /*  background-position: 0px -52px;*/
}

.imgClassSubmitButton:active{  
 /*    background-position: 0px -104px;*/
}
	
	

		
.imgClassNextButton { 
    background-image: url('../images/NextBlueButton.png');
    background-repeat: no-repeat;
/*    background-position: left top;*/
    width: 152px;
    height: 39px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}		
	
.imgClassCheckoutButton { 
    background-image: url('../images/CheckoutBlueButton.png');
    background-repeat: no-repeat;
/*    background-position: left top;*/
    width: 152px;
    height: 39px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}


.imgClassAddToCartButton { 
    background-image: url('../images/AddToCart.png');
    background-repeat: no-repeat;
/*    background-position: left top;*/
    width: 152px;
    height: 39px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}

.imgClassSubmitButton { 
    background-image: url('../images/SubmitBlueButton9224.png');
    background-repeat: no-repeat;
/*    background-position: left top;
    width: 152px;
    height: 39px;*/
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}	
		
		
		
		
		
/********************** FOR THE EXPAND **********************/

/*
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(http://www.fxsupply.com/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
*/
	
#ContentExpanded {
  max-width:70em;
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  overflow:hidden
}
.DemoExpand {
  margin:1.5em 0;
  padding:.5em .5em 0.75em; /**/
  border:1px solid #ccc;
  position:relative;
  overflow:hidden
  
}
.collapse p {padding:0 10px 1em}

.switch {position:absolute; top:.5em; right: 1.5em; padding:3px}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other li, .summary {margin-bottom:.3em; padding:1em; border:1px solid #e8e7e8; background-color:#f8f7f8}

.other ul {list-style-type:none; text-align:center}

.expand{/* padding-bottom:.75em;*/
	border: 1px solid #d3d3d3; 
	background: #e6e6e6 url(http://www.fxsupply.com/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	
	color: #555555;
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .4em .7em;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;	
	border-bottom-right-radius: 6px;	
	
	min-height: 0; /* support: IE7 */
}

/*  Links   */
a:link, a:visited {
  border:1px dotted #ccc;
  border-width:0;
  text-decoration:none;
/*  color:blue*/
}
a:hover, a:active, a:focus {
  border-style:solid;
  background-color:#f0f0f0;
  text-decoration:underline;
  outline:0 none
}
a:active, a:focus {
  color:red;
}
.expand a {
  display:block;
  padding:3px 10px
}
.expand a:link, .expand a:visited {
  /* border-width:1px; */
  background-image:url(/images/Expand-arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(/images/Expand-arrow-up.gif) no-repeat 98% 50%
}




/**
#accordionTEST {
	width: 300px;
	margin: 50px auto;
}
**/
#accordionTEST .ui-accordion-content {
	width: 100%;
	background-color: #f3f3f3;
	color: #777;
	font-size: 10pt;
	line-height: 16pt;
}

#accordionTEST .ui-accordion-content > * {
	margin: 0;
/**	padding: 20px;**/
}

#accordionTEST .ui-accordion-content a {
	color: #777;
}

#accordionTEST .ui-accordion-header {
	background-color: #ccc;
	margin: 0px;
}

#accordionTEST .ui-accordion-header a {
	color: #fff;
/**	line-height: 42px; **/
	display: block;
/**	font-size: 12pt; /**
	width: 100%;
/**	text-indent: 10px; **/
}

#accordionTEST .ui-accordion-header:first-of-type {
	background-color: #fa9300;
	background-image: -moz-linear-gradient(top,  #fa9300 0%, #dc621e 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#fa9300), color-stop(100%,#dc621e)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* IE10+ */
	background-image: linear-gradient(to bottombottom,  #fa9300 0%,#dc621e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9300', endColorstr='#dc621e',GradientType=0 ); /* IE6-9 */
}

#accordionTEST .ui-accordion-header:nth-of-type(2) {
	background-color: #389abe;
	background-image: -moz-linear-gradient(top,  #389abe 0%, #2a7b99 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#389abe), color-stop(100%,#2a7b99)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* IE10+ */
	background-image: linear-gradient(to bottombottom,  #389abe 0%,#2a7b99 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389abe', endColorstr='#2a7b99',GradientType=0 ); /* IE6-9 */
}

#accordionTEST .ui-accordion-header:nth-of-type(3) {
	background-color: #f87aa0; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f87aa0 0%, #c86585 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f87aa0), color-stop(100%,#c86585)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f87aa0 0%,#c86585 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f87aa0 0%,#c86585 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #f87aa0 0%,#c86585 100%); /* IE10+ */
	background-image: linear-gradient(to bottombottom,  #f87aa0 0%,#c86585 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87aa0', endColorstr='#c86585',GradientType=0 ); /* IE6-9 */
}

#accordionTEST .ui-accordion-header:nth-of-type(4) {
	background-color: #a8b700;
	background-image: -moz-linear-gradient(top,  #a8b700 0%, #82922a 100%);
	background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#a8b700), color-stop(100%,#82922a)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #a8b700 0%,#82922a 100%);
	background-image: -o-linear-gradient(top,  #a8b700 0%,#82922a 100%);
	background-image: -ms-linear-gradient(top,  #a8b700 0%,#82922a 100%);
	background-image: linear-gradient(to bottombottom,  #a8b700 0%,#82922a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b700', endColorstr='#82922a',GradientType=0 ); /* IE6-9 */
}

#accordionTEST .ui-accordion-header:last-of-type {
	background-color: #b3bec4;
	background-image: -moz-linear-gradient(top,  #b3bec4 0%, #95a0a4 100%);
	background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#b3bec4), color-stop(100%,#95a0a4));
	background-image: -webkit-linear-gradient(top,  #b3bec4 0%,#95a0a4 100%);
	background-image: -o-linear-gradient(top,  #b3bec4 0%,#95a0a4 100%);
	background-image: -ms-linear-gradient(top,  #b3bec4 0%,#95a0a4 100%);
	background-image: linear-gradient(to bottombottom,  #b3bec4 0%,#95a0a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bec4', endColorstr='#95a0a4',GradientType=0 ); /* IE6-9 */
}

#accordionTEST .ui-accordion-header a {
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(0, 0, 0, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	border-top: 1px solid rgba(250, 250, 250, .2);
}

#accordionTEST .ui-accordion-content {
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, .4),
				inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
}

#accordionTEST .ui-accordion-content:last-of-type {
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
				inset 0px 0 0px 0px rgba(0, 0, 0, .5);
}





/** http://v4-alpha.getbootstrap.com/components/card/ **/
.card {
  position: relative;
  display: block;
  margin-bottom: .75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: .25rem;
}

.card-block {
  padding: 1.25rem;
}

.card-title {
  margin-bottom: .75rem;
}

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: .25rem .25rem 0 0;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 .25rem .25rem;
}

.card-header {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

.card-header:first-child {
  border-radius: .25rem .25rem 0 0;
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}

.card-footer:last-child {
  border-radius: 0 0 .25rem .25rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-primary-outline {
  background-color: transparent;
  border-color: #0275d8;
}

.card-secondary-outline {
  background-color: transparent;
  border-color: #ccc;
}

.card-info-outline {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-success-outline {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-warning-outline {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-danger-outline {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, .65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: .25rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-radius: .25rem .25rem 0 0;
}

.card-img-bottom {
  border-radius: 0 0 .25rem .25rem;
}

@media (min-width: 544px) {
  .card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }
  .card-deck .card {
    display: table-cell;
    width: 1%;
    vertical-align: top;
  }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}

@media (min-width: 544px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .card-group .card {
    display: table-cell;
    vertical-align: top;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 544px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}



.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}



.breadcrumb {
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: .25rem;
}

.breadcrumb::after {
  display: table;
  clear: both;
  content: "";
}

.breadcrumb > li {
  float: left;
}

.breadcrumb > li + li::before {
  padding-right: .5rem;
  padding-left: .5rem;
  color: #818a91;
  content: "/";
}

.breadcrumb > .active {
  color: #818a91;
}