/* CSS STYLE FOR THE HTML5/CSS3/BOOTSTRAP 3 VERSION OF ULTIMATEWASHER.COM

PLEASE USE THESE CLASSES IN ADDITION OF THE BOOTSTRAP 3 CSS CLASSES, SOMETIMES YOU DON'T NEED TO CREATE A CUSTOM CLASS, BOOTSTRAP HAS IT ;)

PLEASE FOLLOW CAREFULLY THE RULES:
You can do a custom CSS code for your work make sure that you will use CSS classes. 
You will start the name of the custom classes with the word:  “product” followed by dash and a number that will increment with the number of element.
For example if you have to add a custom CSS class for an <ul> element your CSS file should have that:

	.product-1 ul {
	// You will add your code here 
	}
	If you want to customize another <ul> element in the same page with other CSS attributes  then you should have this code:
	 .product-2 ul {
	// You will add your code here 
	}

MAKE SURE THAT YOU ADD COMMENTS TO HELP OTHER PEOPLE TO UNDERSTAND YOUR CSS CODE 

THANK YOU

 */

  /* This code is intended for the learning center template*/
 /* Temporary horizontal menu code*/
 
 .dropdown-submenu{
    position:relative;
} 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
} 
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.root:hover > .dropdown-menu{
    display: block;
}
 
.articleFootNote {
	color:#F00;
	font-size:10px;
	margin-top: 100px;
}
 
 /*END LEARNING CENTER CSS CODE */
 

/*
Custom css file for the Left menu
*/

.navbar-header a {
 line-height: 45px;
 margin-right:10px;
}

.MakeARight{
 margin-right: 35px;
 margin-top:5px;
}
.searchBox{
margin-left:10px;
}



/* PRICE TABLE */
.table-1{
width:100%;
padding:0;
border-spacing:0;
border: 1px solid black;
text-align: center; 
}

/*holding content*/	
.table-2{
	width:100%;
padding:0;
border-spacing:0;
border:0;
margin-left:auto; 
    margin-right:auto;
	}

/*holding content*/	
.table-4{
width:98%;
padding:0;
border-spacing:0;
border: 0;	
	}
/* TD FIELDS */
.table-title-1{
font-weight:bold;
color: #006;
vertical-align: middle;
background: rgb(253,253,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

/* PRICE */
.table-title-2{
width:20%;
color: #fff;
font-weight:bold;
background: rgb(43,99,155); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(43,99,155,1) 0%, rgba(14,27,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,99,155,1)), color-stop(100%,rgba(14,27,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(43,99,155,1) 0%,rgba(14,27,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(43,99,155,1) 0%,rgba(14,27,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(43,99,155,1) 0%,rgba(14,27,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(43,99,155,1) 0%,rgba(14,27,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b639b', endColorstr='#0e1b33',GradientType=0 ); /* IE6-9 */
}

/* SECTION TITLE */
.section-title-1{
margin: 10px;
padding: 0.5em;
background: #0073b8; /* Old browsers */
background: -moz-linear-gradient(top, #0073b8 1%, #2989d8 50%, #207cca 51%, #08598c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0073b8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#08598c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* IE10+ */
background: linear-gradient(to bottom, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073b8', endColorstr='#08598c',GradientType=0 ); /* IE6-9 */
font-size: 1.17em;
color: #fff;
line-height: 1.2;
text-align:center; 
font-weight:bold;
}


/* PAGE HEADER TITLE */
.header-title{
color: #0B2AB8;
font-size: 14px;
font-weight: bold;
text-align:center;
}

.pw-title {
  margin: 20px;
  padding:5px;
  background: #0073b8; /* Old browsers */
  background: -moz-linear-gradient(top, #0073b8 1%, #2989d8 50%, #207cca 51%, #08598c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0073b8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#08598c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* IE10+ */
  background: linear-gradient(to bottom, #0073b8 1%,#2989d8 50%,#207cca 51%,#08598c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073b8', endColorstr='#08598c',GradientType=0 ); /* IE6-9 */
  font-size: 1.17em;
  color: #fff;
  line-height: 1.2;
}

.title-content h2 , .title-content h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}

.red-headcontent {
  line-height: 1;
  color: #990000;
}

.blue-headcontent {
  color: #339999;
}

/* PICTURE TABLE CSS*/
.table-picture-menu{
 width:100%;
 padding:0;
 border-spacing:2px;
 border: 0;
}

/* PICTURE CELLS CSS*/
.table-td-picture{
width:87px;
text-align:center;
}

/* PICTURE CELLS TITLE CSS*/
.table-td-picture-title{
width:5%;
height:20%;
font-size: 12px;
color: #0B2AB8;
text-align:center;
}
/* Cell content align left */
.table-td-left {
	text-align:left;
	}
	/* Bullet point styling */
.feat-bullet {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    vertical-align: baseline;
}
/* Sub title styling(feature & benefits)*/
.title2 {
    color: #990000;
    font-size: 14px;
    font-weight: bold;
}

/* Full width table */
.full-table {
 width: 100%;
 height: 100%;
}

/*Customer reference table width*/
.table-3{width:300px}

/*heading text style*/
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0B2AB8;
}

/* product heading text style*/
.style19 {
	color: #0066cc;
	font-weight: bold;
	font-size:12px;
}
/*Heading color*/
.style20 {
	color: #990000;
	font-weight: bold;
	font-size: 18px;
}
/*Blue color*/
.style24 {color: #0066CC; font-weight: bold; font-size: 14px; }

/* Product detail text style*/
.style25 {color: #0066CC}


/*Text color blue and weight old*/
.style33 {
	color: #0033CC;
	font-weight: bold;
}
/* Font style for order text*/
.style39 {
	color: #339999;
	font-weight: bold;
	font-size: 16px;
}
/*red color*/
.style26 {
	color: #FF0000;
	font-weight: bold;
}

/*Text styling*/
.Red14 {
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}


/* Shipping info text style*/
.shipping {
    color: #ff0000;
    font-size: 11px;
    font-weight: bold;
}

/*Text styling for product description*/
.title {
    color: #000099;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/*background color*/
.style56 {
    color: #cc0000;
}

/*Order text color*/
.ordering {
    color: #F00;
}

/*Table holding image*/
.pic-table {
	width:300px;
	
	}

/*CSS STYLE FOR REFERENCE LIST*/	
.table-3{width:90%; padding:3; border-spacing:0; border: 0;} 

/*STYLE FOR TD BACKGROUND OF REFERENCE LIST*/
.td-adjustment{width:5px; height:25}

/*STYLE FOR TD COLOR OF REFERENCE LIST*/
.td-color{ 
  background-color:#009933; 
  height:25px;
  text-align:left;color:#FFF;
}

/*To center items/elements*/
.center{ margin-left:auto; 
    margin-right:auto;
  }
    
/*Text styling*/
.style13 {
    color: #ff0000;
}
/* Center p element */
.center-p{
text-align:center !important;
}

/* TOP ICONS BEGIN*/
.my-table {
  font-size: 19px;
}
tr.spaceUnder > td
{
  padding-bottom: 1em;
}
.thumbnail-pw {
  background: #071a44;
  border: 2px solid #a0b8dc;
  border-radius: 5px;
  padding: 2px;
}
.thumbnail-pw img {
  border-radius: 5px;
}

.thumbnail-pw a {
  display: block;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  font-size: 0.50em;
}
/*TOP ICONS END*/