/* 
		Bang & Olufsen Retailers
		Overall screen css styles 
		
		Modified : 12-07-07
		Modified by : Henrik Ladefoged / Dynamicweb
		
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	margin: 0; padding: 0; /* Reset all margins globally */
}
html {
	font-size: 100%;
	}
	body, html {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: #000000 url('../Elements/main-bg-tile.gif') repeat-y top center;
		}
		body {
		font-size: 70%;
		color: #ccc;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Headings
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5 {
	font-size: 100%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Links
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color:#ccc; text-decoration:none; }
	a:hover{color:#fff;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img{border:none;}
.formerror {color:#fd4949;padding-left:15px}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Float clears
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clear{clear:both; height: 1;}
.clearFix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Accessibility elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#skip {
	position:absolute;
	left:-999em;
	top:0;
	}
    span.accesskey {
    	text-decoration:none;
    }
    .accessibility {
    	position: absolute;
    	top: -999em;
    	left: -999em;
    }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Named elements
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.advcontent img{float:left;margin:0 5px 5px 0}
.advcontent ul {margin-top:15px}
.advcontent li {margin-left:15px}

.RetailerInfo{margin-bottom:10px}
.RetailerInfo .photo {width:266px;height:152px;float:left;padding-right:15px}
.RetailerInfo .info li{margin-left:15px}

.introtext {margin-bottom:15px;}
.introtext ul {margin: 5px 0 5px 17px;}

/* --------------- Mappoint ---------------*/

	
	#mappointpagetitle {margin-top:300px}

	#mappointmap{position:absolute;width:342px;height:322px;left:0px;top:0px}
	#mappointmap.defaultmap{background:url('/files/system/mappoint/retailer/default.png'); width:590px;height:300px;left:0px;top:0px}

	#routedirection{
		
		margin-buttom:20px;
		width:170px;
	}
	#mappointroutedistance{padding:0 0 10px 0}
	#routedirection input.rinput  {width:160px;margin-bottom:5px}
	#routedirection select.rinput {width:164px;margin-bottom:5px}
	#routedirection input.login {width:164px;margin-bottom:10px}

	#mappointimage{position:absolute;top:0px}
		#south {
		left:158px;
		position:absolute;
		top:302px;
		}
		#southwest {
		left:0px;
		position:absolute;
		top:300px;
		}
		#southeast {
		left:322px;
		position:absolute;
		top:300px;
		}
		#north {
		left:158px;
		position:absolute;
		top:0px;
		}
		#northeast {
		left:322px;
		position:absolute;
		top:1px;
		}
		#northwest {
		left:0px;
		position:absolute;
		top:1px;
		}
		#west {
		left:0px;
		position:absolute;
		top:149px;
		}
		#east {
		left:322px;
		position:absolute;
		top:149px;
		}

/*
	#mappointmap{position:relative;width:342px;height:322px}
	#routedirection{}

	#mappointimage{position:absolute;top:0px;left:0px  }
		#south {
		left:158px;
		position:absolute;
		top:302px;
		}
		#southwest {
		left:0px;
		position:absolute;
		top:300px;
		}
		#southeast {
		left:322px;
		position:absolute;
		top:300px;
		}
		#north {
		left:158px;
		position:absolute;
		top:0px;
		}
		#northeast {
		left:322px;
		position:absolute;
		top:1px;
		}
		#northwest {
		left:0px;
		position:absolute;
		top:1px;
		}
		#west {
		left:0px;
		position:absolute;
		top:149px;
		}
		#east {
		left:322px;
		position:absolute;
		top:149px;
		}
*/



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main {
	padding: 0 0 0 0;
	width: 990px;
	min-height: 500px;
	margin: 0 auto 0 auto;
	position: relative;
	}
	#header {
		float: left;
		width: 988px;
		border-bottom: 0px solid #666;
		border-right: 0px solid #666;
		border-left: 0px solid #666;
		background-color: #191919;
		}
		#header img {
			float: left;
			padding: 20px 0 20px 9px;
		}
		#header h1 {
			float: left;
			padding: 21px 0 19px 45px;
			display: block;
			color: #ccc;
		}
	
		#leftcolumn { 
			width: 160px; 
			float: left; 
			padding: 0 30px 0 10px;
			border-top: 1px solid #333333;
			}
			
			/* Left main navigation */		
			#leftnav { 
				border-bottom: 1px solid #666;
				padding: 15px 0 15px 0;
			}
			/* Remove default unordered list bullets */		
			#leftnav ul, #leftnav li { list-style-type: none;}
	
			/* Left navigation level 1 */
			#leftnav li a {
				display: block;
				padding: 0px 0 .7em 21px;
				background: url('../Elements/leftnav-lvl1-bullet.gif') no-repeat 2px .2em;
				}
				#leftnav li a.selected, #leftnav li a.expanded, #leftnav li a:hover {
					background: url('../Elements/leftnav-lvl1-bullet-sel.gif') no-repeat 2px .2em;
					color: #fff;
					}
					#leftnav li a.selected, #leftnav li a.expanded { font-weight: bold;} 
		
					/* Left navigation level 2 - Not in use */
					#leftnav li li a {
						padding: 0px 0 .7em 31px;
						background: url('../Elements/leftnav-lvl2-bullet.gif') no-repeat 22px .5em;
						}
						#leftnav li li a.selected, #leftnav li li a:hover {
							background: url('../Elements/leftnav-lvl2-bullet-sel.gif') no-repeat 22px .5em;
							color: #fff;
							font-weight: normal;
							}
			
			ul#languagechoice {
				margin-top:25px
				}
			#leftnav li.currentlanguage {
					padding: 0px 0 .7em 21px;
					background: url('../Elements/leftnav-lvl1-bullet-sel.gif') no-repeat 2px .2em;
					color: #fff;
					}

	#corplink a {
		margin-top: 20px;
		display: block;
		padding: 0 0 .7em 22px;
		background: url('../Elements/leftnav-lvl1-bullet.gif') no-repeat 2px .2em;
	}
	
	#centercolumn { 
		position:relative;
		width: 590px; float: left;
		}

		#content { padding:34px; line-height: 16px; background: url(/Files/System/Elements/bgContentGradient.gif) repeat-x; margin:0pt 0pt 0pt 1px;}
		#content h2 {font-size:1.5em;color:#92c7fc;margin-bottom:.8em}
		#content a{color:#92c7fc;}
		#content a:hover{color:#ccc;}
		#content li {list-style-image:url('/files/System/Elements/box-link-bullet.gif'); margin-right:3px}

			#newsevents hr{height:1px;margin:10px 0}
				.newsevent ul{margin-left:15px}
				.newsevent h3{line-height:1.5em;margin-bottom:.3em;display:inline}
			
			.event .subscriptionform {margin:10px 0 0 0}
			.event .subscriptionform td {padding:0 5px 5px 0}


		/*Gallery*/
		#imagegallery {}
		#imagegalleryimages{margin:10px 0 0 0}
		#imagegallerythumbs {width:140px}
		#imagegallerythumbs li {list-style-image:none;list-style-type:none;margin:0 10px 10px 0}
		#imagegallerylarge {float:right;width:360px;*height:300px;text-align:center;padding: 0 0 10px 0}
		#imagegallerylarge img{}

	#rightcolumn {
		width: 170px; 
		float: left; 
		padding: 15px 0 0 15px;
		}
		#rightcolumn #rightcolumn-logo{
			margin-top: 30px;
		}
		#rightcolumn div.box {
			background: url('../Elements/box-bg.gif') repeat-x top;
			border: 1px solid #666;
			padding: 8px 10px 8px 10px;
			margin-bottom: 15px;
			line-height: 16px;
			}

			#rightcolumn div.box h3 {
				margin-bottom: 5px;
				color: #ccc;
			}

			#rightcolumn div.box a {
				display: block;
				padding: 3px 0 2px 12px;
				color: #92c7fc;
				background: url('../Elements/box-link-bullet.gif') no-repeat 2px .7em;
			}

			#rightcolumn div.boximage a {
				display: block;
				 background:none;
				padding:0;
			}
	#footerrow{clear:both;}
	#footerrow #footer { 
			float:left;
			margin-left:200px;
			color: #ccc;
			padding: 45px 34px;
			width:500px;;
		}
	#footerrow #rightcolumn-logo{ 
		float:right;
		margin-right:10px;	
}

/* ********************************************
    Product Pages / Partner Pages - START
   ******************************************** */
div#content table#productTable, div#content table#partnerTable {
		border-width: 3px 1px;
		border-color: #ccc;
		border-style: double solid;
		width: 520px;
	}
	div#content table#productTable tr, div#content table#partnerTable tr { border-collapse: collapse; }
	div#content table#productTable tr th { text-align: left; padding-left: 10px; }
	div#content table#productTable tr td { text-align: left; padding:10px 0px 10px 10px;; vertical-align: top;}
	div#content table#productTable tr td.productDescription { padding-top: 0px; line-height: 12pt; height:75px}
	div#content table#productTable tr td.productDescription div, div#content table#partnerTable tr td.partnerDescription div { /*padding-top: 10px;*/ }
	div#content table#productTable tr.productHeading { font-weight: bold; height:15px}
	div#content table#productTable tr.productHeading td { border-top: 1px solid; }
	div#content table#productTable tr td.productPicture, div#content table#partnerTable tr td.productPicture {width: 124px; padding-left: 0px; text-align: center; border-right: 1px solid;border-top: 1px solid; padding:10px;}
	div#content table#productTable tr th.productPicture {}
	div#content table#productTable tr th.productName, div#content table#productTable tr td.productName {width: 135px;}
	div#content table#productTable tr th.productCategory, div#content table#productTable tr td.productCategory {width: 83px;}
	div#content table#productTable tr th.productFirstPriceLabel, div#content table#productTable tr td.productFirstPriceLabel {width: 64px; padding-left: 9px; text-align: right;}
	div#content table#productTable tr th.productSecondPriceLabel, div#content table#productTable tr td.productSecondPriceLabel {width: 64px; text-align: right; padding-right: 10px;}
	

	/* ---------------- Partners ------------- */ 
	div#content table#partnerTable {

	}
	div#content table#partnerTable tr td.productPicture { border-top: 0px solid; }
	div#content table#partnerTable tr td.partnerDescription { padding: 10px; line-height: 12pt; }
	div#content table#partnerTable tr.overlined td {border-top: 1px solid #ccc; }
/* ********************************************
    Product Pages / Partner Pages - END
   ******************************************** */
	
/* ********************************************
    textimage - START
   ******************************************** */
.imagetext {
	margin:0 0 20px 0;
}

.imagetext ul {margin-left:25px}
.imagetext li {list-style-position:inside}
.image_left{
	float:left;padding:0 10px 0 0
}

.imagetext .image_center img{
	display:block;
	margin:0 auto;
}

.imagetext .image_right{
	float:right;padding:0 0 0 10px
}

.imagetext .imagetext .link {margin-top:5px}

/* ********************************************
    textimage - END
   ******************************************** */