/****
 * 		
 *		Default stylesheet
 *		site: smartphones.be
 *		author: Stijn Huyberechts
 *		http://www.uniweb.be
 *
 ****/

/**
 * 		Common
 **/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #444;
	text-align: center;
	background: #fff url(Image/bg.gif) repeat-x 0 0;
}

* html body {
	font-size: x-small;
	f\ont-size: small;
}

* {
	margin: 0;
	padding: 0;
}

table {
	font-size: small;
}

* html table {
	font-size: x-small;
	f\ont-size: small;
}

a img { 
	border:0px;
}

a {
	color:#2AA9D7;
	text-decoration:none;
}

a:hover {
	color:#2AA9D7;
	text-decoration:underline;
}

h2 {
	font-size: 1.35em;
	font-weight: normal;
	color: #164250;
}

h2 em {
	font-style: normal;
	color: #18B3E6;
}

hr {
	border: none;
	border-top: 1px solid #EBECED;
	margin: 10px 0;
}

#main {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

/**
 * 		Addon for small contents
 **/

.small {
	padding-bottom: 14em;
}

/**
 * 		Text content
 **/

.text-content h3 {
	font-size: 1.1em;
	color: #6F6F6F;
	margin: 10px 0;
}

.text-content h4 {
	font-size: 1em;
	color: #164250;
	margin: 6px 0;
}

.text-content p {
	margin: 10px 0;
}

.text-content p.end {
	margin-bottom: 20px;
}

.text-content ul {
	list-style: none;
	padding: 0 16px;
	margin: 10px 0;
}

.text-content ul li {
	background: url(Image/blue-bullet.gif) no-repeat 0 0.45em;
	padding-left: 11px;
	padding-bottom: 4px;
}

.text-content .blue {
	color: #18B3E6;
}

/**
 * 		Toolbox
 **/

#toolbox {
	float: right;
	height: 1.5em;
	background: #DADEDC url(Image/toolbox-left.gif) no-repeat left bottom;
	padding-left: 13px;
}

#toolbox #topnav {
	float: left;
	list-style: none;
	background: #DADEDC url(Image/toolbox-right.gif) no-repeat right bottom;
	padding-right: 5px;
}

#toolbox #topnav li {
	float: left;
	font-size: 0.85em;
	line-height: 1.8em;
}

#toolbox #topnav li a {
	color: #444;
	background: url(Image/raquo-toolbullet.gif) no-repeat left center;
	padding: 0 12px;
}

/**
 * 		Lang
 **/

#lang {
	float: right;
	margin-left: 10px;
}

#lang a {
	display: block;
	float: left;
	width: 32px;
	font-size: 0.85em;
	color: #444;
	line-height: 1.8em;
	text-align: center;
	background: #CAD0CE url(Image/lang-taboff.gif) no-repeat left bottom;
	margin-left: 5px;
}

#lang a.currentlang {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #3DC0E0 url(Image/lang-tabon.gif) no-repeat left bottom;
}

/**
 * 		Header
 **/

#header {
	width: 960px;
	height: 100px;
	background: url(Image/smart-phones-logo.gif) no-repeat 0 0;
	margin-bottom: 17px;
}

#header h1 {
	float: left;
	font-size: 20px;
	letter-spacing: -1px;
	padding: 34px 0 0 24px;
}

#header h1 a {
	display: block;
	width: 198px;
	height: 26px;
	text-indent: -9999px;
}

#header #mainnav {
	float: left;
	width: 820px;
	list-style: none;
	background: url(Image/nav_bottom.gif) repeat-x bottom left;
	margin: 0;
	padding: 16px 0 0 140px;
}

/* hide from ie/mac \*/
* html #header #mainnav {
	width: 960px;
	w\idth: 820px;
}
/* end hide */

#header #mainnav li {
	float: left;
	background: url(Image/main-tab-right.gif) no-repeat top right;
	margin-right: 1px;
}

* html #header #mainnav li {
	margin-right: 0;
}

#header #mainnav li a {
	float: left;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	background: url(Image/main-tab-left.gif) no-repeat top left;
	padding: 4px 12px;
	margin-left: -1px;
}

#header #mainnav li a:hover {
	color: #FFE700;
}

#header #mainnav li#current {
	background: url(Image/main-tab-right-active.gif) no-repeat top right;
}

#header #mainnav li#current a{
	color: #666;
	background: url(Image/main-tab-left-active.gif) no-repeat top left;
	padding-bottom: 5px;
}

#header ul.fix {
	padding-bottom: 1px !important;
}

/**
 * 		Breadcrumbs
 **/

#breadcrumbs {
	font-size: 0.75em;
	color: #666;
	margin: -5px 0 5px 140px;
}

#breadcrumbs span{
	color: #aaa;
}

/**
 * 		Superbox
 **/

.superbox {
	margin-bottom: 10px;
}

.superbox .title {
	background: url(Image/superbox-right.gif) no-repeat top right;
	border-bottom: 1px solid #E3E6E7;
}

.superbox .title h2 {
	background: url(Image/superbox-left.gif) no-repeat top left;
	padding: 8px 0 8px 10px;
}

.superbox .boxed {
	border-left: 1px solid #DCE0E1;
	border-right: 1px solid #DCE0E1;
	padding: 10px 10px 0 10px;
}

.superbox .boxed p {
	line-height: 130%;
	padding-bottom: 16px;
}

.superbox .row {
	padding: 4px 0;
}

.superbox .end {
	clear: both;
	font-size: 0;
	height: 10px;
	background:	url(Image/superbox-end-right.gif) no-repeat bottom right;
}

.superbox .end .corner {
	height: 10px;
	width: 10px;
	background:	url(Image/superbox-end-left.gif) no-repeat bottom left;
}

/**
 * 		Linebox
 **/

.linebox {
	float: left;
	width: 290px;
	background: url(Image/linebox-bg.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.linebox h2 {
	background: url(Image/linebox-top.gif) no-repeat top left;
	border-bottom: 1px solid #DADEDF;
	padding: 6px 10px;
}

.linebox .row {
	padding: 0 10px;
	margin: 8px 0;
}

.linebox p {
	padding: 0 10px;
	margin: 10px 0;
}

.linebox ul {
	list-style: none;
	padding: 0 10px;
	margin: 10px 0;
}

/**
 * 		Simple boxes
 **/

.darkgray {
	float: left;
	width: 290px;
	background: #EBECED url(Image/darkgray-top.gif) no-repeat top left;
	padding-top: 8px;
}

.darkgray h2 {
	padding: 0 10px;
	margin-bottom: 8px;
}

.darkgray p {
	padding: 0 10px;
	margin: 8px 0;
}

.darkgray p.last {
	background: url(Image/darkgray-bottom.gif) no-repeat bottom left;
	padding-bottom: 12px;
	margin-bottom: 0;
}

.darkgray .row {
	padding: 0 10px;
	margin: 8px 0;
}

.lightgray {
	float: left;
	width: 290px;
	background: #F9FAFA url(Image/lightgray-top.gif) no-repeat top left;
	padding-top: 8px;
}

.lightgray h2 {
	padding: 0 10px;
	margin-bottom: 8px;
}

.lightgray p {
	padding: 0 10px;
	margin: 8px 0;
}

.lightgray p.last {
	background: url(Image/lightgray-bottom.gif) no-repeat bottom left;
	padding-bottom: 12px;
	margin-bottom: 0px;
}

.lightgray .row {
	padding: 0 10px;
	margin: 8px 0;
}

/**
 * 		Seabar
 **/

.seabar {
	background: url(Image/faderdesat.gif) repeat-x left bottom;
	padding: 10px;
	padding-bottom: 4px;
}

 /**
 * 		Title
 **/
 
#main-title {
	border-bottom: 1px solid #8AD7F1;
	padding: 8px 0;
	margin-bottom: 20px;
}

/**
 * 		Login
 **/

#login label {
	display: block;
	float: left;
	width: 5em;
	padding-right: 6px;
	text-align: right;
}

#login #email {
	width: 160px;
}

#login #password {
	width: 100px;
}

#login #submit {
	width: 66px;
	margin-left: 71px;

}

* html #login #submit {
	margin-left: 76px;
}

#login a{
	display: block;
	background: url(Image/raquo-bullet.gif) no-repeat 0 0.6em;
	padding: 2px 0 2px 11px;
}

/**
 * 		Salepoints
 **/

#salepoints {
	margin-bottom: 10px;
}
 
#salepoints #zip {
	width: 50px;
}

#salepoints #search_sales {
	width: 30px;
	background-color: #DDDEDF;
}

#salepoints ul {
	float: left;
	width: 290px;
	list-style: none;
	background: #EBECED url(Image/darkgray-bottom.gif) no-repeat bottom left;
	padding-bottom: 16px;	
}

* html #salepoints ul {
	margin-bottom: -8px;
}

#salepoints ul li {
	float: left;
	width: 120px;
	padding: 0 10px;
	margin: 1px 0;
}

#salepoints h2.choice {
	text-align: center;
	background-color: #F8F8F8;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #DEDEDE;
	padding: 2px;
}

/**
 * 		Footer
 **/

#footer {
	clear: both;
	min-height: 161px;
	background: #fff url(Image/footer-bg.gif) repeat-x 0 20px;
}

* html #footer {
	height: 161px;
}

#footer-content {
	width: 960px;
	text-align: left;
	padding: 30px 0 0 0;
	margin: 0 auto;
}

#footer-content a {
	color: #404040;
}

#footer-sitenav {
	//float: left;
	width: 670px;
	margin: 0 auto;
}

#footer-brandnav {
	float: left;
	width: 322px;
	margin-left: 14px;
}

#footer-content h3 {
	color: #fff;
	font-size: 1em;
	background: url(Image/white.gif) repeat-x left bottom;
	padding: 2px 0;
	margin-bottom: 2px;
}

#footer-content ul {
	float: left;
	list-style: none;
	padding-bottom: 8px;
}

#footer-content ul li {
	float: left;
	width: 150px;
	font-size: 0.85em;
}

#copyright {
	position: relative;
	clear: both;
	height: 34px;
	width: 670px;
	background: url(Image/copyrightbox.gif) no-repeat top left;
	margin: 0 auto;
}

#copyright p {
	position: absolute;
	width: 670px;
	top: 50%;
	left: 50%;
	font-size: 0.85em;
	color: #666;
	line-height: 34px;
	margin-top: -17px;
	margin-left: -143px;
}

/**
 * 		Form elements
 **/

input.text {
	font-size:0.85em;
	color:#666;
	padding:2px 0 2px 3px;
	border:1px solid #7FC9DF;
}

input.button {
	font-size:0.85em;
	color:#666;
	border-top:1px solid #2AA9D7;
	border-right:1px solid #7FC9DF;
	border-bottom:1px solid #7FC9DF;
	border-left:1px solid #2AA9D7;
	background-color: #EEE;
	padding: 1px;
}

input.check {
	border:none;
}

select, textarea {
	font-size:0.85em;
	color:#666;
	border:1px solid #7FC9DF;
}

/**
 * 		Form table
 **/

.fTable {
	width: 100%;
	color:#777;
	border:	1px solid #F8F8F8;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.fTable caption {
	text-align: left;
	color: #6F6F6F;
	font-weight: bold;
	line-height: 30px;
}

.fTable tr {
	background-color: #fff;
}

.fTable tr.alt {
	background-color: #FAFAFA;
}

.fTable .fLabel {
	text-align: right;
	white-space: nowrap;
	padding: 4px 10px 4px 30px;
}

.fTable label {
	font-size: 0.85em;
	color:#777;
}

.fTable .fLabel_error {
	text-align: right;
	white-space: nowrap;
	padding: 4px 10px 4px 30px;
	color: red;
}

.fTable label.fLabel_error {
	font-size: 0.85em;
	color:red;
}

.fTable .fIN { 
	vertical-align: middle;
	padding: 4px 20px 4px 0;
}

* html .fTable .fIN {
	padding: 3px 20px 3px 0;
}

.fSubmit {
	text-align: center;
}

/**
 * 		Clearfix
 **/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{font-size:0;height:1%;clear:both;}