﻿/** Common **/
.ui-blue-bg {
   background-color: #00B1DB;
}

.ui-header-bg {
   background: url(../../assets/common/header-bg.jpg) repeat-x;
}

/** Header **/
.ui-logo {
	background: transparent url(../../assets/common/logo-223x124.png) no-repeat;
}

/** Navigation **/
.ui-main-nav li {
	padding-right: 20px;
}
.ui-main-nav li a {
   background: transparent url(../../assets/common/navigation-sprite.png) no-repeat;
	text-decoration: none;
	height: 17px;
	display: block;
}
.ui-main-nav li a span {
	margin:0 0 0 -3000px;
	font-size: 1.25em;
	font-family: "HelveticaRounded-Bold, Arial, Verdana";
	font-weight: bold;
	color: #FFF;
}

.ui-main-nav li.products a {
   background-position: -10px -10px;
   width: 63px;
}
.ui-main-nav li.products a:hover, .ui-main-nav li.products.selected a {
   background-position: -110px -10px;
}

.ui-main-nav li.contact a {
   background-position: -10px -30px;
   width: 78px;
}
.ui-main-nav li.contact a:hover, .ui-main-nav li.contact.selected a {
   background-position: -110px -30px;
}

.ui-main-nav li.about a {
   background-position: -10px -50px;
   width: 63px;
}
.ui-main-nav li.about a:hover, .ui-main-nav li.about.selected a {
   background-position: -110px -50px;
}

.ui-main-nav li.locator a {
   background-position: -10px -70px;
   width: 94px;
}
.ui-main-nav li.locator a:hover, .ui-main-nav li.locator.selected a {
   background-position: -110px -70px;
}

/* Currently not used
.ui-main-nav li.retailers a {
   background-position: -10px -90px;
   width: 65px;
}
.ui-main-nav li.retailers a:hover, .ui-main-nav li.retailers.selected a {
   background-position: -110px -90px;
}
*/


/** Location Table ( Store Locator ) **/
table {
   width: 400px;
}
table thead th {
   font-family: HelveticaRounded-Bold, Arial, Verdana, sans-serif;
   font-size: 1.2em;
   color: #00B1DB;
}

table tr {
   margin: 5px 5px;
}

table tr td {
   color: #000;
   padding: 5px;
}

table tr.even td {
   background-color: #FFF;
}
table tr.odd td {
   background-color: #EFEFEF;
}

table tr.row_selected td {
   color: #db0087;
}

.dataTables_filter {
   height: 20px;
   margin-bottom: 20px;
}
.dataTables_filter input {
   height: 20px;
}
.dataTables_empty {
   color: #db0087;
}

tbody tr {
   cursor: pointer;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
   margin-top: 10px;
}

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
	/*border: 1px solid #aaa;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
   font-family: HelveticaRounded-Bold, Arial, Verdana, sans-serif;
	padding: 3px 6px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	font-size: 1.1em;
}

.paging_full_numbers span.paginate_button {
	background-color: #D7D7D7;
   color: #707070;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
   color: #00B1DB;
}

.paging_full_numbers span.paginate_active {
	background-color: #ccc;/*background-color: #BED748;*/
   color: #00B1DB;
}