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

#content {
	clear: both;
	width: 960px;
}

#content-left {
	float: left;
	width: 660px;
}

#content-right {
	float: right;
	width: 290px;
}

/**
 * 		New products
 **/
 
#newproducts .boxed {
	float: left;
	width: 638px;
}

/* hide from ie/mac \*/
* html #newproducts .boxed {
	width: 660px;
	w\idth: 638px;
}
/* end hide */

#newproducts dl {
	float: left;
	width: 126px;
	position: relative;
	text-align: center;
	background-color: transparent;
	margin-bottom: 15px;
}

#newproducts dt a{
	position: absolute;
	color: #10789A;
	font-weight: bold;
	white-space: nowrap;
	bottom: 0;
	left: 50%;
	margin-left: -32px;
}

#newproducts dd {
	padding-bottom: 16px;
}

/**
 * 		Shortcuts
 **/

#shortcuts {
	float: left;
	width: 330px;
	background: #E8F7FB url(Image/bluebox-bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
}

#shortcuts #shader {
	min-height: 129px;
	background: url(Image/bluebox-top.gif) no-repeat top left;
	padding: 8px 0 12px 0;
}

/* ie/mac hide \*/
* html #shortcuts #shader {
	height: 129px;
}
/* end hide */

#shortcuts #shader h2 {
	color: #187393;
	padding-left: 10px;
	margin-bottom: 0.6em;
}

#shortcuts #shader h3 {
	font-size: 1.1em;
	color: #6F6F6F;
	background: url(Image/shortcut.gif) no-repeat 0 50%;
	padding-left: 12px;
	margin-top: 10px;
}

#shortcuts #shader ul {
	list-style: none;
	padding: 2px 10px 4px 18px;
}

#shortcuts #shader ul li {
	font-size: 1em;
	background: url(Image/blue-bullet.gif) no-repeat 0 .5em;
	padding-left: 10px;
	margin: 2px 0;
}

/**
 * 		Assistance
 **/
 
#assistance {
	float: left;
	width: 330px;
	background: #F9FAFA url(Image/assistance-bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-top: 4px;
	clear: left;
}

#assistance #branding {
	min-height: 180px;
	background: #F9FAFA url(Image/assistance-top.gif) no-repeat top left;
}

/* ie/mac hide \*/
* html #assistance #branding {
	height: 180px;
}
/* end hide */

#assistance ul {
	list-style: none;
	padding: 22px 10px 14px 159px;	
}

#assistance ul li {
	font-size: .85em;
	font-weight: bold;
	background: url(Image/arrow-bullet.gif) no-repeat 0 .4em;
	padding-left: 16px;
	margin: 2px 0;
}

#assistance a#readmore {
	display: block;
	float: right;
	height: 25px;
	width: 144px;
	color: #444;
	text-indent: -9999px;
}

body#en #assistance a#readmore {
	background: url(Image/assistance-link-en.gif) no-repeat left top;
}

body#nl #assistance a#readmore {
	background: url(Image/assistance-link-nl.gif) no-repeat left top;
}

body#fr #assistance a#readmore {
	background: url(Image/assistance-link-fr.gif) no-repeat left top;
}

/**
 * 		Advalvas
 **/

#advalvas {
	float: right;
	width: 320px;
	text-align: right;
}

#advalvas .shader {
	background: url(Image/advalvas-title.gif) no-repeat left top;
	text-align: left;
}

#advalvas h2 {
	color: #6F6F6F;
	padding: 8px 0 5px 10px;
}

#advalvas a.all {
	display: inline;
	width: auto;
	font-size: 0.85em;
	line-height: 40px;
	background: url(Image/internal-link.gif) no-repeat 1px 50%;
	padding-left: 16px;
	padding-right: 10px;
}

#advalvas #news {
	padding: 0 10px;
}

#advalvas #news a {
	display: block;
	font-size: 0.85em;
	background: url(Image/newspaper.gif) no-repeat left center;
	padding: 6px 0 6px 14px;
	border-bottom: 1px solid #EAECED;
}

#advalvas #forum {
	padding: 0 10px;
}

#advalvas #forum a {
	display: block;
	font-size: 0.85em;
	padding: 6px 0 6px 14px;
	background: url(Image/forumpaper.gif) no-repeat left center;
	border-bottom: 1px solid #EAECED;
}

/**
 * 		Search box
 **/

#search {
	margin-bottom: 10px;
}

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

#search #boxed {
	background: url(Image/search-bottom.gif) no-repeat bottom left;
	padding: 0 10px 130px 10px;
}

#search #boxed #keywords {
	width: 160px;
}

#search #boxed #searchbtn {
	width: 66px;
	margin-bottom: 10px;
}

#search #boxed form div {
	margin-top: 9px;
	text-align: right;
	padding-right: 12px;
}

#search #boxed select {
	width: 90px;
	height: 16px;
}

/**
 * 		Win mobile
 **/

#winmobile {
	margin-bottom: 10px;
}

#winmobile a{
	display: block;
	width: 270px;
	height: 50px;
	text-indent: -9999px;
	background: url(Image/win_mobile_home.gif) no-repeat center center;
}
