/*
General
Header and footer
Basic layout
Fonts
Misc
Decoration
Navigation
Products
Category
Tagcloud
Item divs
Favorites
Blog 
Slider
Related tags
profile
Map
Pagination

*/

body {
	position: relative;
	text-align: left;
	font-family: "Helvetica", "Bookman Old Style","Serifa BT";
	height:100%;
	margin:0px;
	width:100%;
}

html > body .canvas {
	height:auto;
}
.canvas {
	height:100%;
	min-height:100%;
	top:0px;
	width:100%;
}

.alignRight {
	text-align: right;	
}
.alignLeft{
	text-align: left;	
}
.alignCenter {
	text-align: center;	
}

p {
	margin: 12px 0;	
}



.relative {
	position:relative;	
}

/* Header and footer */

div.header {
	min-width:1000px;
	position:relative;
	width:100%;
	padding: 0;
	height: 190px;
	background: url(http://www.presentjakt.se/images/decoration_wide/gradient_header.jpg) repeat-x;
}

div.headerCenterWrapper {
	height: 120px;
	margin-top: 15px;
	margin:0px auto;
	padding: 0;
	position:relative;
	width:1000px;
	padding: 0;
}

div.rightHeaderImage {	
	float: right;	
	background: url(http://www.presentjakt.se/images/decoration_wide/presenter_pa_rad_transparent.png) no-repeat right;
	width: 434px;
	height: 110px;
}

div.logoDiv {
	padding-top: 20px;	
	float: left;
	width: 400px;
}
div.headerLinks {
	margin-top: 12px;	
	
}
div.headerLinks div.links {
	float:left;	
}

div.search {
	float:right;
	position:absolute;
	top:130px;	
	right: 20px;
}

a.headerLink, .headerLink {
	color:black;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	padding-top: 12px;
}

div.footer {
	text-align: center;
	margin: 20px 0 30px 0;
}

div.footer a {
	margin-left: 15px;
}
	

/* Basic layout */

div.centerWrapper, div.mainContent {
	margin:0px auto;
	width:1000px;
}

div.mainContent {
	margin-top: 20px;
}

body.pj div.contentDiv {
	width: 780px;
	float: right;
}

div.navigationColumn {
	float: left;
	width: 200px;
}

div.centerPageHeader {
	float: left;
	width: 600px;
}

div.rightPageColumn {
	float: right;
	width: 160px;
}

div.centerContent {
	float: left;
	width: 500px;
}

div.rightColumn {
	float: right;
	width: 260px;
}

a.footer {
	color:white;
	text-decoration: none;
}



/* Fonts */

h1, h2, h3 {
	color: #000000;	
	font-weight: bold;
	margin-bottom: 10px !important; 	
}

h1, h1 a {
	font-size: 26px;
		
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;	
}

a {
	color: #2797ff; 
	font-weight: bold;
	text-decoration: none;
}
	
a:hover {
	text-decoration: underline;	
}	

p, table, td, div {
	font-size: 12px;	
}



div.error {
	padding: 10px;
	border-left: 4px dotted red;	
	font-weight: bold;		
}

div.infoMessage {
	padding: 10px;
	border-left: 4px dotted green;	
	font-weight: bold;		
}

.errorText {
	color: red;	
}

div.description {
	line-height: 1.5em;	
	margin: 0 0 15px 0;	
}

/* Misc */

.floatLeftDiv {
	float: left;	
}
.floatRightDiv {
	float: right;	
}

.hidden {
	display:none;	
}

.clear {
	clear: both;	
}

div.clear {
	clear: both;	
	height: 1px;
}

.quote {
	background:url(http://www.presentjakt.se/images/quote.gif) no-repeat;
	padding-left: 50px;
	min-height: 40px;
	overflow: visible;
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}

div.info {
	background: #f2f8fd url(http://www.presentjakt.se/images/info.gif) no-repeat;
	padding: 10px 10px 10px 50px;
	height: 40px;
	overflow: visible;
	margin: 10px 0px 40px 0px;
	border: 1px solid #c3e2ff;
}

p.info {
	background: url(http://www.presentjakt.se/images/info.gif) no-repeat;
	padding: 10px 0px 0px 50px;
	height: 40px;
}

table, td, th {
	text-align: left;
	vertical-align: top;		
}

.label {
	font-style: italic;	
}
img {
	border: none;	
}

img.productInlineImageLeft {
	margin: 5px 5px 5px 0;	
}

img.productInlineImageRight {
	margin: 5px 0px 5px 5px;	
}

img.blogThumbnail {float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #eeeeee}

.small, small {
	font-size: 10px;
	color: #888888;	
}

#map {
	border: 1px solid #999999;	
}

div.separator {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.dottedSeparator {
	border-bottom: 2px dotted #83B00D;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.graySeparator {
	border-bottom: 2px dotted #cccccc;
	margin-top: 15px;
	margin-bottom: 15px;
}

.noTopMargin {
	margin-top:0;
	padding-top: 0px;	
}

/* Decoration */


div.outer {
	width: 932px;
	margin: 1em auto 0 auto;
}

div.content {
	padding: 0px 50px 0px 40px;
}

div.footer a {
	color: #999999;	
}



/* *** top navigation *** */
.navTable {
	border-collapse: collapse;
	width: 100%;
	position: absolute;
	top: 142px;
}
.navBarLeft {
	background: url(http://www.presentjakt.se/images/decoration_wide/topNavBar_l.png) no-repeat;
	height: 46px;	 
}
.navBarRight {
	background: url(http://www.presentjakt.se/images/decoration_wide/topNavBar_r.png) no-repeat;
	height: 46px;
}
.navBarMiddle {
	background: url(http://www.presentjakt.se/images/decoration_wide/topNavBar_m.png) repeat-x;
	height: 46px;
	
}

/* *** right Navigation *** */

#activeNavigation {
	margin: 15px 0 30px 10px;
}

#activeNavigation a, #activeNavigation a.inactive {
	color: black;	
}

#activeNavigation a.target {
	color: #4F9F00;
}

#activeNavigation ul.root {
	list-style: none;
	margin-left: 0px;
	padding-left: 0em;
}

#activeNavigation ul.subNavigation {
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;	
	padding-left: 10px;
	margin-left: 0px;
}

#activeNavigation ul.inactiveRoot {
	margin-top: 30px;
}

#activeNavigation ul.root li, .recipientNavigation p.root {
	font-size: 12px;
	margin-top: 8px;
}

#activeNavigation ul.subNavigation li {
	font-size: 12px;
	margin-top: 5px;
}



ul.subNavigation li.inactive {
	list-style: none;	
	list-style-image:none;
}

/* recipient naviation */

div.recipientNavigation div.subCategories ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 15px 0;
}


div.recipientNavigation div.subCategories {
	margin: 0 5px;	
}

div.recipientNavigation div.subCategories p.subCategoryLabel {
	color: #999999;
	font-size: 12px;
	font-weight: bold;	
	margin: 0;
	padding: 0; 
}

/* Products */

.priceLabel {
	font-weight: bold;	
}

.price {
	font-weight: bold;
	font-size: 14px;	
}

div.productWrapper {
	width: 780px;
	float: right;	
} 

div.productWrapper div.backButtonImage {
	float: left;
	height: 20px;
}	
div.productWrapper div.backButtonLink {
	float: left;
	padding: 3px 0 0 6px;
	margin-bottom: 15px;
}
div.productWrapper div.backButtonLink a{
	font-weight: normal;
}

div.productWrapper #favoriteDiv {
	float: right;
	text-align: right;
}	

div.productWrapper div.imageDivLeft {
	float: left;
	width: 390px;
}
div.productWrapper div.descriptionDivLeft {
	float: right;
	width: 390px;
}
div.productWrapper div.descriptionDiv {
	width: 600px;
}

div.productWrapper div.multipleInstancesDiv {
	margin-top: 40px;
}

div.productWrapper #videoWrapper {
 		display:none;
 		padding-bottom: 15px;
 	}
 	div.productWrapper .videoDiv {
 		padding: 4px;
 	}  	
 	div.productWrapper .videoTNDiv {
 		float: left;
 		width: 140px;
 	}  	
 	div.productWrapper .videoTNInfoDiv {
 		float: left;
 		width: 600px;
 	}
 	
 	div.productWrapper .showVideoDiv {
 		float: left;
 		width: 430px;
 	}
 	div.productWrapper .showVideoInfo {
 		float: right;
 		width: 125px;
 	}
 	
 	div.productWrapper .relatedProductsBox, .videoBox, .mapBox{
 		margin-top: 20px;
 	}

div.productWrapper #map {
	width: 95%; 
	height: 350px; 
	margin: 10px auto;
}

/* Category */

.categoryThumbnail {
	padding: 20px 15px 15px 0;	
}

body.category div.filterCategory {
	margin: 20px 0;	
}

h3.filterCategory {
	margin-top: 0px;
	padding-top: 0px;	
}

div.filterDiv {
	float: left;
	width: 260px;	
	height: 35px;
}

div.filterDiv div.filterImageDiv {
	float: left;
	width: 35px;	
}

div.filterDiv div.filterLinkDiv {
	float: right;
	width: 225px;	
	margin-top: 7px;
	font-size: 14px;
	font-weight: bold;
}

.storeNameLabel {
	
	font-style: italic;
	margin-left: 10px;
	color: #999999;
}

/* Category - retailer container */
div.retailerOverviewContainer {
	padding-top: 10px;
}
div.retailerOverviewContainer div.retailerDiv {
	float: left;
	padding: 0 10px;
}
div.retailerOverviewContainer div.singleRetailerDivImage {
	float: left;
	margin: 0 20px;
}
div.retailerOverviewContainer div.singleRetailerDivText {
	float: left;
	width: 400px;
}
div.retailerOverviewContainer div.retailerDivForTwoRetailers {
	width: 45%;					
}
div.retailerOverviewContainer div.retailerDivForMultipleRetailers {
	width: 30%;					
}


/* Tagcloud */

div.tagCloudDiv {
	border: 1px dotted #999999;
	background: #f9f9f9;	
	padding: 4px;
}

a.tagCloudLink{
	text-decoration: none;
}

.tagCloudItem_1, .tagCloudItem_2, .tagCloudItem_3, .tagCloudItem_4, .tagCloudItem_5, .tagCloudItem_6 {
	
	text-decoration: none;
	line-height: 1.5em;
}

.tagCloudItem_1 {font-size: 10px;}
.tagCloudItem_2 {font-size: 12px;}
.tagCloudItem_3 {font-size: 14px;}
.tagCloudItem_4 {font-size: 18px;}
.tagCloudItem_5 {font-size: 22px;}
.tagCloudItem_6 {font-size: 26px;}


/* Item divs  */

div.itemDiv {
	margin: 10px 0;
}

div.itemImageDiv {
	float: left;
	width: 110px;
	height: 110px;
	overflow:hidden;
}

div.itemInfoDiv {
	float: right;
	width: 200px;
}

a.itemDivHeader, .itemDivHeader {
	color: #000000;	
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

/* Favorites */
#favoritesDiv {
	margin-bottom: 15px;	
}

div.favoriteStatusMsg {
	text-align: right;
}	


/* Blog */
.blogTitle {
	margin-bottom: 2px;	
}

.blogTitleDate {
	margin-top: 2px;
	margin-bottom: 8px;	
}

/* Slider */
.ui-slider { width: 100%; height: 20px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 20px; width: 17px; top: 0px; left: 0px; background-image: url(/images/slider/slider_green.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #aaaaaa; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

.sliderLabel {
	font-style: italic;
	color: #999999;
	font-size: 12px;
}
div.ui-slider { background-image: url(/images/slider/slider-bg.png); margin: 2px 0 0 0; }

/* Related tags */

div.relatedTagsDiv div.iconDiv {
	margin-right: 20px;
	float: left;		
}

div.relatedTagsDiv div.textDiv {
	float: left;
	width: 470px;
}

.relatedTagsLabel {
	font-style: italic;
}


/* Profile */

.profileWrapper {
	background: url(/images/decoration_wide/guide_middle.gif) repeat-y;
}

.profileDiv .favoriteHeader {
	background: url(/images/decoration_wide/favoriter_top.png) no-repeat;
	height: 63px;		
}



.profileDiv .profileBody {
	padding: 0 10px;	
}
.profileDiv .profileFooter {
	background: url(/images/decoration_wide/guide_bottom.gif) no-repeat;
	height: 14px;	 
}

.profileDiv .profileImage {
	width: 46px;
	height: 66px;
	float: left;
	margin: 0 1px;
}

.profileDiv .sliderValue {
	font-size: 14px;
	font-weight: bold;
	
}

table.profileTable {
	border-collapse: separate;
	border-spacing: 10px;
}

.profileDiv .headerTextDiv {
	font-size: 16px;
	font-weight: bold;
}

/* Map */
div.mapInfoWindow {
	overflow:auto;
	height: 160px;
	width: 340px;
	margin: 5px 5px 0 0;	
}

div.mapInfoWindow div.thumbnailInfoWindow {
	float: left;
	width: 100px;
	margin-bottom: 4px;
}

div.mapInfoWindow div.textInfoWindow {
	float: right;
	width: 200px;
	margin-right: 5px;
	margin-bottom: 4px;
}

div.mapInfoWindow h2 {
	margin-top: 0;
}

/* Pagination */

.paginationDiv {
 	text-align: center;
 	
}
ul#pagination {
	border:0; margin:0; padding:0;
}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;	
	display: inline;
	font-weight:bold;

}

#pagination .previous-off,
#pagination .next-off {
	border:solid 1px #DEDEDE;
	color:#999999;	
	margin-right:2px;
	padding:3px 4px;
}

#pagination .active{
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	padding:4px 6px;
	background:#b5e63c;
}
#pagination a,
#pagination a:link,
#pagination a:visited {
	color:#000000;
	padding:3px 6px;
	text-decoration:none;	
	border:solid 1px #DEDEDE;
}
#pagination a:hover{
	border:solid 1px #0e509e;
}