@charset "UTF-8";

/*
 
 ________________________________
 Designed & Built By Harry Gardiner
 Website: http://www.harrygardiner.co.uk/
 ________________________________
	  
*/

/*fonts*/

@font-face {

	font-family: 'Museo';
	  src: url('http://cdn.battleofthesmartphones.com/Museo.eot');  /* IE6+ */
	  src: local('Museo'), 
	        url('http://cdn.battleofthesmartphones.com/Museo.otf') format('opentype');  /* Saf3+,Chrome,Opera10+ */

}

/*buttons and links*/

ul {

	width: 800px;
	height: auto;
	background-color: #333333;
	-moz-border-radius: 10px 10px 0 0; /* FF1+ */
	-webkit-border-radius: 10px 10px 0 0; /* Saf3+, Chrome */
	border-radius: 10px 10px 0 0; /* Opera 10.5, IE 9 */
	margin: 0px;
	padding: 0px;
	text-align: left;
	z-index: 6500;
	
	}
	
li {
	
	text-decoration: none;
	font-size: 18px;
	color: #BBFF02;
	list-style: none;
	display: inline;
	margin-left: 10px;
	font-family: Museo, sans-serif;
	text-align: left;
	
}

.submit {
	
	text-align: center;
	background-color: #BBFF02;
	display: block;
	padding: 5px;
	-moz-transform: rotate(-5deg);  /* FF3.5+ */
    -o-transform: rotate(-5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-5deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056)"; /* IE8 */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-family: Museo, sans-serif;
	font-size: 15px;
	cursor: pointer;
	color: #333333;
	border: none;
	outline: none;
	width: 150px;
	
}

button {
	
	text-align: center;
	background-color: #BBFF02;
	display: block;
	padding: 5px;
	-moz-transform: rotate(-5deg);  /* FF3.5+ */
    -o-transform: rotate(-5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-5deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056)"; /* IE8 */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-family: Museo, sans-serif;
	font-size: 15px;
	cursor: pointer;
	color: #333333;
	border: none;
	outline: none;
	
}

a:active {
	
	text-decoration: none;
	color: #333333;
	border: none;
	border-style: none;
	
}

a:visited {
	
	text-decoration: none;
	color: #333333;
	border: none;
	border-style: none;
	
}

a:hover {
	
	text-decoration: none;
	color: #999999;
	border: none;
	border-style: none;
	
}

a {
	
	text-decoration: none;
	color: #333333;
	border: none;
	border-style: none;
	
}

.ullink {
	
	text-decoration: none;
	color: #BBFF02;
	border: none;
	border-style: none;
	
}

.ullink:active {
	
	text-decoration: none;
	color: #BBFF02;
	border: none;
	border-style: none;

}

.ullink:visited {
	
	text-decoration: none;
	color: #BBFF02;
	border: none;
	border-style: none;
	
}

.ullink:hover {
	
	text-decoration: none;
	color: #FFF;
	border: none;
	border-style: none;
	
}

.nav {
	
	font-size: 18px;
	color: #000;
	
}

/*headers*/

h1 {
	
	font-size: 30px;
	color: #333333;
	font-family: Museo, sans-serif;
	padding-bottom: 5px;
	border-bottom: #333333 3px solid;
	margin: 0px;
	margin-bottom: 5px;

}

h2 {
	
	font-size: 30px;
	color: #333333;
	font-family: Museo, sans-serif;
	padding-bottom: 5px;
	border-bottom: #333333 3px solid;
	margin: 0px;
	margin-bottom: 5px;
	
}

h3 {
	
	font-size: 18px;
	color: #FFF;
	font-family: Museo, sans-serif;
	margin: 0px;
	
}

h4 {
	
	font-size: 25px;
	color: #333333;
	font-family: Museo, sans-serif;
	margin: 0px;
	
}

h5 {
	
	font-size: 12px;
	color: #333333;
	font-family: Museo, sans-serif;
	margin: 0px;
	
}

h6 {
	
	font-size: 15px;
	color: #FFF;
	font-family: Museo, sans-serif;
	margin: 0px;

}

.white {
	
	color: #FFF;
	border-color: #FFF;
	margin-bottom: 10px;

}

/*divs and html elements*/

body {
	
	margin: 0px;
	background-image: url('http://cdn.battleofthesmartphones.com//images/core/gif/background.gif');
	background-repeat: repeat;
	padding: 0px;
	font-family: Geneva, sans-serif;
	color: #333333;
	font-size: 100%;
	font-size: 12px;
	text-align: center;
	color: #333333;

}

#actionaction {
	
	background-color: #BBFF02;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	font-family: Museo, sans-serif;
	font-size: 30px;
	cursor: pointer;
	color: #333333;
	
}

#actionaction:hover {
	
	background-color: #fff;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	font-family: Museo, sans-serif;
	font-size: 30px;
	color: #333333;
	cursor: pointer;
	
}

img {
	
	border-style: none;
	border: none;
	
}


#links {
	
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#wrapper {

	background: none;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	
	}

#header {

	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/header.gif);
	width: 690px;
	height: 160px;
	margin-top: 13px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	z-index: -1;
	cursor: pointer; 

}	

#main {
	
	background-color: #FFF;
	width: 800px;
	height: auto;
	overflow: hidden;
	min-height: 500px;
	margin-bottom: -30px;
	-moz-border-radius: 0 0 10px 10px; /* FF1+ */
	-webkit-border-radius: 0 0 10px 10px; /* Saf3+, Chrome */
	border-radius: 0 0 10px 10px; /* Opera 10.5, IE 9 */
	z-index: 6500;
	position: relative;
	
}

#content {
	
	background: none;
	float: left;
	width: 450px;
	min-height: 500px;
	margin: 10px;
	text-align: left;
	
}



#writereview {
	
	background-color: #333333;
	border: 2px #000 solid;
	margin-top: 20px;
	color: #FFFFFF;
	text-align: center;
	
}

#alert {
	
	background-color: #fff;
	border-bottom: 3px #333333 solid;
	padding: 20px;
	font-size: 25px;
	color: #333333;
	font-family: Museo, sans-serif;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 7000;
	
}

#feedback {
	
	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/feedback.gif);
	border: 2px solid #BBFF02;
	width: 40px;
	height: 120px;
	position: fixed;
	right: 0;
	top: 40%;
	bottom: 60%;
	
}



::-moz-selection {
       background-color: #BBFF02;
       color: #333333;
}

::selection {
       background-color: #BBFF02;
       color: #333333;
}


#socialicons {
	
	background-color: #BBFF02;
	width: 40px;
	height: 230px;
	position: fixed;
	left: 0;
	top: 30%;
	bottom: 70%;
	text-align: center;
	
}

/*sidebar*/

#extra {
	
	background: none;
	float: right;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
}

#poll {

	display: none;
	
}

#extra-content {
	
	background: #333333;
	width: 280px;
	margin: 0px;
	float: right;
	margin-bottom: 10px;
	padding: 10px;
	-moz-border-radius: 10px; /* FF1+ */
	-webkit-border-radius: 10px; /* Saf3+, Chrome */
	border-radius: 10px; /* Opera 10.5, IE 9 */
	
}

#ad {
	
	margin-bottom: 10px;
	width: 300px;
	height: auto;
	padding: 0;
	
}

/*errors and validation*/

#error {
	
	background-color: #FFF;
	width: 780px;
	height: auto;
	overflow: hidden;
	min-height: 500px;
	margin-bottom: -30px;
	-moz-border-radius: 0 0 10px 10px; /* FF1+ */
	-webkit-border-radius: 0 0 10px 10px; /* Saf3+, Chrome */
	border-radius: 0 0 10px 10px; /* Opera 10.5, IE 9 */
	z-index: 6500;
	position: relative;
	text-align: left;
	padding: 10px;
	
}


/*positioning*/

.left {
	
	text-align: left;
	margin-left: 0;
	margin-right: auto;
	
}

.center {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

.right {
	
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	
}

/*text boxes and areas*/

.textbox {
	
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	outline: none;
	border: #333333 3px solid;
	font-family: Museo, sans-serif;
	color: #333333;
	font-size: 15px;
	width: 200px;
	max-width: 200px;
	
}

.textbox:focus {
	
	border: #BBFF02 3px solid;
	
}

input.error {
display: block;
border: red 3px solid;
}

input.error:focus {
display: block;
border: red 3px solid;
}

textarea.error {
display: block;
border: red 3px solid;
}

textarea.error:focus {
display: block;
border: red 3px solid;
}

/*podium*/

.podium {
	
	font-size: 15px;
	text-align: right;
	
}

#podium {
	
	display: none;
	width: 657px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 300px;
	
	}
	
#podium-3 {

	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/podium-3.gif);
	width: 219px;
	float: left;
	padding-bottom: 60px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 80px;

	}
	
#podium-1 {

	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/podium-1.gif);
	width: 219px;
	float: left;
	padding-bottom: 140px;
	background-repeat: no-repeat;
	background-position: bottom;
	
	}
	
#podium-2 {

	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/podium-2.gif);
	width: 219px;
	float: left;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 40px;
	
	}

/*classes*/

.followus {
	
	margin: 0;
	padding: 0;
	
}



.writereview {
	
	background-color: #BBFF02;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 250px;
	padding: 5px;
	-moz-transform: rotate(-5deg);  /* FF3.5+ */
	-o-transform: rotate(-5deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-5deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056)"; /* IE8 */
	font-family: Museo, sans-serif;
	font-size: 15px;
	color: #333333;
	cursor: pointer;
	
}


.loading {
	
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.error {
display: none;
}

.phoneicon {
	
	border: 2px #333333 solid;
	background-color: #fff;
	width: 150px;
	padding: 10px;
	
}

/*footer*/

#footer {
	
	background-color: #333333;
	bottom: 1;
	overflow: hidden;
	left: 0;
	width: 100%;
	height: 270px;
	z-index: -1;
	border-top: #000 2px solid;

}

#footer-data {
	
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding-top: 30px;
	text-align: center;
		
}

#footer-1 {
	
	float: left;
	height: 255px;
	width: 31%;
	padding-right: 1%;
	padding-left: 1%;
	
}

#footer-2 {
	
	float: left;
	height: 255px;
	width: 31%;
	padding-right: 1%;
	padding-left: 1%;
	border-left: #FFF 1px dashed;
	border-right: #FFF 1px dashed;
	
}

#footer-3 {
	
	float: left;
	height: 255px;
	width: 31%;
	padding-right: 1%;
	padding-left: 1%;
	
}

#share {
	
	width: 200px;
	height: 100px;
	background-image: url(http://cdn.battleofthesmartphones.com/images/core/gif/share.gif);
	display: none;
	position: fixed;
	left: 50px;
	top: 35%;
	bottom: 65%;
	z-index: 9000;
	
}

#podiumhidden {
	
	background-color: #BBFF02;
	padding: 5px;
	font-family: Museo, sans-serif;
	position: fixed;
	z-index: 9999;
	right: 50px;
	top: 0;
	text-align: center;
	cursor: pointer;
	
}

.actionbutton {
	
	text-align: center;
	background-color: #BBFF02;
	display: block;
	padding: 5px;
	-moz-transform: rotate(-5deg);  /* FF3.5+ */
	-o-transform: rotate(-5deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-5deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.056)"; /* IE8 */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-family: Museo, sans-serif;
	font-size: 15px;
	cursor: pointer;
	color: #333333;
	border: none;
	outline: none;
	width: 150px;
	margin-top: 15px;
	
}

.pad {
	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	
}

.dark {
	
	color: #333333;
	border-color: #333333;
	
}