/*
Desktop - 992px + 
*/

.border-top-bottom{
    border-bottom: 1px dotted;
    border-top: 1px dotted;
}
.border-bottom {
	border-bottom: 1px dotted;
}
.topicBreadcrumb .heading4 {
    text-transform: uppercase;
}
.center-text{
	text-align: center;
}
h2, .heading2 {
    margin: 0.7rem 0 !important;
}
.btn-grey {
	color:#6D6E71 !important;
	text-transform: uppercase;
}
.brand-filter-form {
	width:60%;
	float: left;
}
.brand-filter-form legend {
	float: left;
}
.radio-list {
	float: left;
	margin: 20px 0 0 20px;
}
.radio-list li {
	float: left;
	margin-right: 10px;
}
.radio-list label {
	font-weight: 900;
}
.results-returned {
	float: right;
	margin: -34px 20px 0 0;
}
.results-returned span {
	color: #009C9C;
	font-weight: 900;
}
.preview-results {
    width: 95%;
}
.topics li a {
    display: inline-block;
    height:34px;
    margin-top: 22px;
    text-align: center;
    width: 100%;
}
.topics li a:hover {
	color:#6D6E71;
}
.ee-radio:hover, .ee-radio.selected {
	color:#009C9C;
}
.orange-radio:hover, .orange-radio.selected {
	color:#FF6600;
}
.tmobile-radio:hover, .tmobile-radio.selected {
	color:#E20074;
}
.selected a {color: #6D6E71;}
.topics li {
	border-right: 1px dotted;
	float:left;
	width:18%;
}
.margin-adjust{
	margin: 0 0 0 0;
	width:10% !important;
}
.topics .last {
	border-right:none;
	width: 15.3%;
}
.mobile-select {
	display: none;
}
.category-links .ee-inner {
	padding:0 !important;
	border-top: 1px dotted #ccc; 
}
.clickable {
   cursor: pointer;
}
.clickable:hover {
   background: #6D6E71;
   color:#fff !important;
}
.btn-grey-down {
    background: url("../img/sprites/sprite-link-arrows-horizontal-large.png") no-repeat scroll 0 -67px transparent;
    margin-left: 7px;
    padding: 0 7px;
}
/*
* Smartphones - 320px / 480px
*/

@media only screen and (min-width: 300px) and (max-width:479px) {

	.select-one {
		margin-top:20px !important;
	}
	.category-links .ee-inner {
		padding:10px !important;
	}

	select, div.styled {  
		width:100%; 
		border-radius:2px; 
		border: solid 1px #ccc; 
		padding:0.4em;
	}
	
	div.styled, select:after {
		background: white url(../img/backgrounds/bg-mobile-select.png) no-repeat center right;
		}	

	div.styled { 
		overflow:hidden; 
		padding:0; 
		margin:0; 
	}
		
	.ie7 div.styled {
		border:none;
	}

	div.styled select {	
		width:115%; 
		background-color:transparent; 
		background-image:none;
		-webkit-appearance: none; 
		border:none; 
		box-shadow:none;
	}
		
	.ie7 div.styled select {
		width:100%; background-color:#fff; border: solid 1px #ccc; 
		padding:0.3em 0.5em;
	}
	.mobile-select {
		display: block !important;
	}
	.topics, .radio-list {
		display: none !important;
	}
	.brand-filter-form {
	    width: 100%;
	}
	.results-returned {
	    float: left;
	}
	.category-links .ee-inner {
		padding:10px !important;
	}
	.brand-filter-form legend {
	    margin-top: 0;
	}
	.results-returned {
		position: absolute;
		top: 60px;
		left: 10px;
	}
	.border-top-bottom{
	    border-bottom: none;
	    border-top: none;
	}
	.brand-filter-form .ee-g-brown{
		background:#fff !important;
	}
	.category-links .ee-inner {
    border-top: none;
	}
}


/*
* Blackberry PB - Portrait (iPad) - 600px / 1024px
*/

@media only screen and (min-width:480px) and (max-width:767px) {

	.brand-filter-form {
	    width: 100%;
	}
	.brand-filter-form .ee-inner {
		padding:0 10px !important;
	}
	.category-links .ee-inner {
		padding:0 !important;
	}
	.results-returned {
	    float: left;
	    margin: 10px 0;
	}
	.radio-list {
	    margin: 13px 0 0 20px;
	}

	.topicBreadcrumb {
		padding: 10px !important;
	}
	.topics li a {
	    height: 34px;
	    margin-top: 20px;
	}
	.margin-adjust {
    width: 9.9% !important;
	}
}


/*
* Tablets (iPad) - 768px / 1024px
*/

@media only screen and (min-width:768px) and (max-width:991px) {

	.brand-filter-form {
		width:70%;
	}
	.topics .last {
	    width: 14%;
	}
	input#searchString {
	    width: 65%;
	}
	.search-button {
	    padding: 3px 35px 2px 10px !important;
	    width: 25%;
	}
	.topics li a.single-line-tab {
	    height: 40px;
	    margin-top: 30px !important;
	}
	.results-returned {
	    float: right;
	    margin:-40px 10px 10px 0;
	    width: 18%;
	}
	.topics li {
	border-right: 1px dotted #ccc;
	float:left;
	height: 68px;
	width:16%;
	}
	.margin-adjust{
	width: 12% !important;
	}
	
	.brand-filter-form legend {
	    font-size: 3.2rem !important;
		font-size: 32px;
		}

	.results-returned {
    float: right;
    margin: -40px -6px 10px 0;
    width: 18%;
	}
	.radio-list {
    float: left;
    margin: 20px 0 0 20px;
	}	

	
}