@charset "iso-8859-1";

h1{
	margin:14px 0px; 
	font:24px Trebuchet MS, arial; 
	color:#0076b1; 
}

h2{
	margin:10px 0px; 
	font:18px Trebuchet MS, arial; 
	color:#0076b1; 
}

h3{
	margin:8px 0px; 
	font:18px Trebuchet MS, arial; 
	color:#0076b1; 
}

h4{
	margin:6px 0px; 
	font:16x Trebuchet MS, arial; 
	color:#0076b1; 
}

h5{
	margin:3px 0px; 
	font:bold 12px Trebuchet MS, arial; 
	color:#0076b1; 
}

h6{
	margin:3px 0px; 
	font:bold 11px Trebuchet MS, arial; 
	color:#0076b1; 
}
div.inledning{
	font:bold 13px Trebuchet MS, arial; 
	color:#388fb2;
	margin-bottom:15px;
}

a{color:#1f3679; text-decoration:none;}
a:hover{color:#315924; text-decoration:underline;}
a:active{color:#1f3679;}
a:visited{color:#1f3679;}



div.simpleFooter{
	padding:10px 0px 10px;
	margin:0px 0px 0px;
	width:958px;
	float:left;
	border-top:5px solid #f0f0f0;
	text-align:center;
	font:10px verdana;
	line-height:16px;
}
div.simpleFooter span{
	margin-right:15px;
	padding-right:10px;
	border-right:1px dotted #ccc;
}
div.simpleFooter span.noBorder{border:none;}
div.simpleFooter div.smode{border:none; float:right; color:#999; padding-right:20px;}
#headerLogo{
	background:url(/_project/_layout/gfx/logo.gif) no-repeat;
	position:absolute;
	left:850px;
	top:10px;
	width:120px;
	height:120px;
}
#headerBox{
	clear:both;		
	height:195px; 
	clear:both;		
	background:url(/_project/_layout/gfx/mainHeader.jpg) 0 0px no-repeat #fff;
	border-bottom:2px solid #fff;
	margin:0 0 2px 0px;
	width:958px;
}
/* - MAIN - */
body{
	font:13px Trebuchet MS, arial; 
	color:#666; 
	line-height:18px; 
	margin:14px 0px;
	padding:0;
	background:#eae6d7;
	background:url(/_project/_layout/gfx/mainBG.jpg);
	background:#00afdb;
	background:#484b57;
	background:url(/_project/_layout/gfx/mainBG2.jpg) repeat-x #fff;
	height:100%;
}
div#mainContainer{
	margin: 0px auto;
    text-align: left;
}
div#mainArea{
    width: 974px; 
    margin-top:0px;
	margin:0 auto;	
}
/* - --------- - */

/* - CONTENT - */
div#mainAreaContent{
	float:left;
	background:#fff; 
	padding:0px;
	border:8px solid #fff;	
	position:relative;
}

div.mainColumns			{ float:left; height:100%; background:#fff;}
div#contentColumn		{ padding:10px 0px 0px; border-top:1px solid #f0f0f0;}
  div#content1			{ width:684px; padding:10px 30px 40px 10px;}
  div#content2			{ width:220px; padding:10px 0px 10px 10px; border-left:1px dotted #f0f0f0; }
/* - --------- - */
/* MAIN MENY */
div#mainHoverMenu ul{width:850px; background:url(/_project/_layout/gfx/mainMenuB.jpg) repeat-x #fff;}
div#mainHoverMenu ul li{float:left; position:relative;}
div#mainHoverMenu ul a{
    outline: 0;
	float:left;	
	padding:7px 10px 6px; 
	font:11px arial; 
	text-transform:uppercase;
	color:#333; 
	text-decoration:none;
	border-right:1px solid #f0f0f0;
	border-bottom:2px solid #388fb2;
}
div#mainHoverMenu ul li a.choosen{color:#388fb2;}
div#mainHoverMenu ul li a:hover{text-decoration:underline; color:#388fb2;}

	div#mainHoverMenu ul ul{
		padding:4px;
		position:absolute;
		float:left;
		z-index:500;
		display:none;
		background:#388fb2;
		border-top:none;
		width:230px;
		top:27px;
		left:-1px;
	}
	div#mainHoverMenu ul ul li.menuStart{display:none;}
	div#mainHoverMenu ul ul li.menuEnd{display:none;}
	div#mainHoverMenu ul ul a{width:205px; padding:3px 10px; color:#fff; background:none; border:0; font:12px trebuchet ms, arial;}
	div#mainHoverMenu ul ul a:hover{color:#fff; background:none;}
	div#mainHoverMenu ul ul a.choosen{color:#ccc; background:none; font-weight:bold;}


/* SUB MENU */
div#subMenuContainer{margin-bottom:20px;}
div#subMenuTop{display:block; background:url(/_project/_layout/gfx/mainMenuB.jpg) repeat-x; padding:6px 0 6px 25px; font:bold 12px arial; color:#388fb2; margin:0 0 5px; border-bottom:2px solid #388fb2;}

div#subMenu ul li a{
    outline: 0; display:block;
	padding:2px 0px 2px 23px; margin:1px 0 1px;
	font:12px Trebuchet MS, verdana; color:#666;
	text-decoration:none;
	background:url(/_project/_layout/gfx/menuIcon.gif) 4px no-repeat #f0f0f0;
}
div#subMenu ul li a.choosen{color:#000;}
div#subMenu ul li a:hover{color:#000; background-color:#fff;}

	div#subMenu ul li a{}
	div#subMenu ul li ul{margin:0 0 0 10px;}
	div#subMenu ul li ul li{}
	div#subMenu ul li ul li a{font-size:11px;}

		div#mainHoverMenu ul ul ul{
			width:200px;
			top:0px;
			left:180px;
		}


.colBoxContainer{margin:0px 0 20px;}
.colBoxContainer .top{background-image:url(/_project/_layout/gfx/fadedBG.jpg); cursor:pointer;}
.colBoxContainer .content{
	background:none;
	padding:5px;
	border:1px solid #e9e9e9;
	border-top:none;
	font-size:11px;
}
.colBoxContainer .content p{margin:0;}
.colBoxContainer .bottom{display:none;}
.colBoxContainer .helpBox{display:none; padding:8px 4px 4px; font:italic 11px arial;}
.colBoxContainer .helpBox ul{margin:0; padding:0;}
.colBoxContainer .helpBox ul li{margin:0 0 8px; padding:0 0 5px; list-style:none;}
.colBoxContainer .headerBox{padding:10px;}
.colBoxContainer .headerBox h4{margin:0; padding:0; font:bold 14px Trebuchet MS, arial; color:#000;}
.colBoxContainer .icon{float:left; display:block; width:25px; height:20px; margin-top:2px;}
#subMenu.colBoxContainer a, #subMenu.colBoxContainer a:visited, #subMenu.colBoxContainer a:active{    
	outline: 0; display:block; clear:both;
	padding:2px 0px 2px 23px; margin:1px 0 1px;
	font:12px Trebuchet MS, verdana; color:#666;
	text-decoration:none;
	background:url(/_project/_layout/gfx/menuIcon.gif) 4px no-repeat #f0f0f0;
}
.colBoxContainer a.helpIcon, .colBoxContainer a.helpIcon:visited, .colBoxContainer a.helpIcon:active{
	float:right; 
	width:20px; 
	height:20px; 
	background:url(http://www.smode-resource.se/gfx/icons/16/help_16.gif) 50% no-repeat; 
	padding:0; 
	margin:0; 
	text-decoration:none;
}
.colBoxContainer form .formGroupHeader{font:12px Trebuchet MS, arial; padding:4px; background:none;}
.colBoxContainer form .formGroup{width:90%;}
.colBoxContainer div.formElement23 {font:11px arial; color:#3891b9;}
.colBoxContainer div.fullWidthInput input,.colBoxContainer div.fullWidthInput select, .colBoxContainer div.fullWidthInput textarea{width:95%;}
.colBoxContainer div.formElement13 {font:bold 11px arial; color:#3891b9;}
.colBoxContainer div.formElement23_flex.captha {width:95%;}
.colBoxContainer .captha a {display:inline; padding:0; margin:0; background:none;}
.colBoxContainer .formGroup.pollHistory{width:99%;}
.colBoxContainer .fillOut{width:90%;}
/* COMMENTS */
.comment form .formGroupHeader{background:none; border:0; padding-left:0; font:bold 14px Trebuchet MS, arial;}
.comment form .formGroupHeader .icon{display:none;}
.comment form .formGroup{background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.comment form .formGroup input, .comment form .formGroup textarea{border:1px solid #ccc;}
.comment form .formGroup #messageHeader, .comment form .formGroup #message{width:386px;}
.commentPost{position:relative; border-bottom:1px solid #ccc; padding:10px 4px;}
.commentPost h3{margin:0px 0 1px; font:bold 14px Trebuchet MS, arial;}
.commentPost .author{font:11px Trebuchet MS, arial; margin:0px 0 4px; color:#999;}
.commentPost .comment{font:13px Trebuchet MS, arial; padding-left:80px;}
.commentPost a.removeComment{display:block; font:bold 12px arial; text-decoration:none; background:url(http://www.smode-resource.se/gfx/icons/admin-panel/close_1_24.png) no-repeat; padding:5px 10px 5px 30px; color:#000; float:right; position:relative;}
a.commentRssFeed{display:block; background:url(http://www.smode-resource.se/gfx/icons/rss.gif) 5px no-repeat; padding:4px 0 4px 16px; font:11px arial; color:#333; margin:10px 0 5px; width:75px; text-decoration:none; float:right; text-align:right;}	

.comment-ad-spot-above-form{margin:20px 0 0;}
.comment-ad-spot-side-of-form{width:140px; position:absolute; left:530px;}
.comment-ad-spot-side-of-form img{width:120px;}
.system-message-container{position:absolute; top:10%; left:40%; z-index:1001; display:none;}
.system-message-box { height: auto; width: 358px; position: relative; margin: 0 auto; }
.system-message-box-divider{ background: url(http://www.smode-resource.se/gfx/system-message/boxDivider.png) no-repeat; width: 236px; height: 2px; margin: 0 27px; }
.system-message-box .close { background: url(http://www.smode-resource.se/gfx/system-message/close.png) no-repeat; height: 28px; width: 28px; display: block; position: absolute; top: -8px; left: 336px; cursor:pointer; }
.system-message-box .pause{ background: url(http://www.smode-resource.se/gfx/system-message/paus.png) no-repeat; height: 17px; width: 17px; position: absolute;	left: 320px; top: 70px;	cursor:pointer;}
.system-message-box-header { background: url(http://www.smode-resource.se/gfx/system-message/boxHeader.png) no-repeat; height: 88px; width: 358px; }
.system-message-box-header p { position: absolute; left: 40px; top: -18px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; line-height:28px; color: #676767; }
.system-message-box-header .text-header{ position: absolute; left: 26px; top: 30px; height: auto; width: 236px; }
.system-message-box-main { background: url(http://www.smode-resource.se/gfx/system-message/boxMain.png) repeat-y; height: auto; width: 358px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #676767;  display: block; }
.system-message-box-main .text-content { height: auto; width: 300px; padding: 10px 27px 0;}
.system-message-box-footer{ background: url(http://www.smode-resource.se/gfx/system-message/boxFooter.png) no-repeat; height: 17px; width: 358px;}
.system-message-box .countdown2 {font-family: Georgia, Times New Roman, Times, serif; font-size: 100px; color: #e4e4e4;	position: absolute;	left: 274px; top: -10px; z-index:2000;}
/*  MESSAGES  */
.systemMessageBox{
	color:#333; 
	padding:10px 10px 10px 20px;
	margin:15px 0px; 
	font:11px verdana;
	position:absolute;
	width:500px;
	top:50px;
	left:50%;
	margin-left:-250px;
	z-index:1000;
	display:none;
}
.errorMess .icon, .warningMess .icon, .infoMess .icon{width:25px; height:30px; float:left;}
.errorMess h2,.warningMess h2,.infoMess h2{color:#666;}
.infoMess{
	background:#E2EEFA; 
	border-top:4px solid #95c1ed; 
	border-bottom:4px solid #95c1ed; 	
} .infoMess div.icon{background:url(http://www.smode-resource.se/gfx/icons/icon_info.gif) 0 13px no-repeat;}

.warningMess{
	background:#FFF2BD; 
	border-top:4px solid #D8B42C; 
	border-bottom:4px solid #D8B42C; 	
} .warningMess div.icon{background:url(http://www.smode-resource.se/gfx/icons/icon_varning.gif) 0 13px no-repeat;}

.errorMess{
	background:#FEDCD2; 
	border-top:4px solid #C40107; 
	border-bottom:4px solid #C40107; 	
} .errorMess div.icon{background:url(http://www.smode-resource.se/gfx/icons/icon_fel.gif) 0 13px no-repeat;}

/* GENERIC */
noscript {color:red; font:bold 14px arial;}
.oldPost *{color:#999; text-decoration:line-through;}
.oldPostAdmin *{color:#777; text-decoration:none;}
table tr.paid td{background:#ddf6d1; border-bottom:1px solid #a5b89c;}
table tr.unPaid td{background:#f6dbd6; border-bottom:1px solid #dac2be;}
.evenRow{background:#fff;}
table .evenRow td{background:#fff;}
.oddRow{background:#f3f3f3;}
table .oddRow td{background:#f3f3f3;}
.noContent td{color:#ccc;} 
.clearer{clear:both; width:100%;}
.nonFlashContent{font:italic 16px Trebuchet MS, arial; color:darkred; padding:10px; border:1px dotted #ccc; text-align:center;}
.flashContent{display:none;}
table{clear:both;}
table *{clear:none;}
#oEdit1 table{clear:none;}

/* SHARE THIS */
.shareThisContainer{float:right; padding:0; margin:0 0 4px 5px;}
.shareThisContainer a{text-decoration:none; padding-bottom:3px;}

/* AJAX */
.AJAXloading{background:url(http://www.smode-resource.se/gfx/icons/ajax-loader.gif) 50% no-repeat #fff; display:block; padding:30px 0;}
.AJAXhiddenElement{display:none;}
.foundDates{display:none;}
.ajaxFormLoader form .formGroup{background:url(http://www.smode-resource.se/gfx/icons/ajax-loader.gif) 50% no-repeat #fff; display:block;}
.ajaxFormLoader form .formGroup *{visibility:hidden;}
.testMode .ajaxFormLoader form .formGroup{background:inherit;}
.testMode .ajaxFormLoader form .formGroup *{visibility:visible;}

/* MODULE DATE */
.moduleDate{font:bold 11px Trebuchet MS, arial; text-align:right; float:left; clear:left; width:60px; height:50px; margin:0px 20px 5px 0; position:relative; background:url(http://www.smode-resource.se/gfx/square_128.png) no-repeat;}
.moduleDate .dateDay{font:bold 18px arial; position:absolute; top:11px; left:11px; color:#eee;}
.moduleDate .dateMonth{font:bold 9px arial; text-transform:uppercase; position:absolute; top:29px; left:14px; color:#fff;}
.moduleDate .dateYear{display:none;}

/* MISC */
div.admin.connFreeTextFilter{clear:both; width:100%; height:30px;}
.hitCount{clear:both; padding-top:8px; color:#ccc;}
.fullPageLoginBox{width:220px;} 
.rightImage{margin-left:30px;}
hr.hidden{display:none;}
.warning-message{
	background:#FFF2BD; 
	border-top:4px solid #D8B42C; 
	border-bottom:4px solid #D8B42C; 	
	color:#333; 
	padding:10px 10px 10px 20px;
	margin:15px 0px; 
	font:11px verdana;
}
.systemlog{clear:both; margin:40px 0; padding:20px; background:#000; color:#33FF00;}

/* ADMIN LINKS */
a.addNewMainToolLink, a.addNewMainToolLink:visited, a.addNewMainToolLink:active{display:block; font:bold 11px arial; text-decoration:none; text-align:center; background:url(http://www.smode-resource.se/gfx/createNewToolBG.jpg) no-repeat; margin:8px 68px 20px 0; padding:5px 10px; color:#fff; width:85px; clear:both;}
a.importToolLink, a.importToolLink:visited, .importToolLink:active{display:block; font:bold 11px arial; text-decoration:none; float:right; text-align:center; background:url(http://www.smode-resource.se/gfx/importToolBG.jpg) no-repeat; margin:8px 8px 0 0; padding:5px 10px; color:#ffffff; width:85px; clear:both;}
a.addNewToolLink, a.moduleGoBackLink, a.addNewToolLink:visited, a.moduleGoBackLink:visited, a.addNewToolLink:active, a.moduleGoBackLink:active
		{display:block; font:bold 11px arial; text-decoration:none; float:right; text-align:center; background:url(http://www.smode-resource.se/gfx/createNewToolBG.jpg) no-repeat; margin:8px 8px 0 0; padding:5px 10px; color:#ffffff; width:85px; clear:both;}
a:hover.importToolLink, a:hover.addNewToolLink, a:hover.moduleGoBackLink{text-decoration:underline;}

.public-post-edit-tool-box{width:25px; height:20px; margin-top:5px; float:right;}
.public-post-add-tool-box{width:25px; height:20px; margin-top:5px; float:left;}
a.public-post-edit-tool{display:block; background:url(http://www.smode-resource.se/gfx/icons/admin-panel/system_config_24.png) no-repeat; width:25px; height:25px; text-decoration:none; outline:0; float:left;}
a.public-post-add-tool{display:block; background:url(http://www.smode-resource.se/gfx/icons/admin-panel/add_24.png) no-repeat; width:25px; height:25px; text-decoration:none; outline:0; float:left;}

.share-bar-header{
	margin:30px 0 4px;
	clear:both;
	font:bold 12px Trebuchet MS, arial;
}
.share-bar{
	height:50px;
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#efefef;
	margin:0 0 10px;
	padding:5px;
}
.share-bar a.social-icon{
	display:block;
	width:77px;
	height:50px;
	float:left;
	outline:0;
	text-decoration:none;
}
.share-bar a.social-icon.facebook{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/facebook.png) 50% no-repeat;}
.share-bar a.social-icon.twitter{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/twitter.png) 50% no-repeat;}
.share-bar a.social-icon.digg{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/digg.png) 50% no-repeat;}
.share-bar a.social-icon.myspace{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/myspace.png) 50% no-repeat;}
.share-bar a.social-icon.delicious{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/delicious.png) 50% no-repeat;}
.share-bar a.social-icon.linkedin{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/linkedin.png) 50% no-repeat;}
.share-bar a.social-icon.stumble{background:url(http://www.smode-resource.se/gfx/icons/social-media/chrome/stumbleupon.png) 50% no-repeat;}

.share-sub-bar{height:30px; margin-bottom:10px;}
.share-sub-bar .facebook-digg{width:310px; height:30px; float:left;}
.share-sub-bar .retweet-btn{width:100px; height:30px; margin-top:2px; float:left;}
.share-sub-bar .more-networks{width:75px; float:right;}
.share-sub-bar .more-networks a{text-decoration:none; font:11px arial; color:#333;}

.permalink{
	font:9px verdana;
	float:right;
	color:#666;
	text-align:right;
	padding:3px 0 0 10px;
}


.colBoxContainer .top{background:url(/_project/_layout/gfx/columnHeaderBG.jpg) no-repeat; padding-top:1px;}
.colBoxContainer .top h4{color:#0076b1;}
.colBoxContainer .headerBox{color:#0076b1; font-size:13px;}
.colBoxContainer .icon{display:none;}

.messageBox .bluePuff{
	background:url(/_project/_layout/gfx/bluepuff.jpg) no-repeat;
	color:#fff;
	padding:10px;
	height:80px;
	width:200px;
} 
.messageBox .redPuff{
	background:url(/_project/_layout/gfx/redpuff.jpg) no-repeat;
	color:#fff;
	padding:10px;
	height:80px;
	width:200px;
} 
.messageBox .redPuff h4, .messageBox .bluePuff h4{color:#fff; font:bold 12px arial; text-transform:uppercase;}
.messageBox .redPuff a, .messageBox .bluePuff a{color:#fff;}

.startpagePuff .messageBox{
	margin-right:30px;
	border:0;
	font:11px Trebuchet MS, arial;
	float:left;
	height:340px;
}
.startpagePuff .messageBox img{width:190px;}
.startpagePuff .messageBox.box7{width:220px;}
.startpagePuff .messageBox.box8{width:200px;}
.startpagePuff .messageBox.box9{width:200px; margin-right:0;}
.startpagePuff .messageBox.box9 img{padding-bottom:13px;}


#footerWrapper{clear:both; height:155px; border-top:2px solid #0076b1; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#footerWrapper .messageBox{width:210px; height:135px; float:left; background:url(/_project/_layout/gfx/subBoxHeader.jpg) 0 100% repeat-x #fff; padding:10px 14px; border-right:1px dotted #ccc;}
#footerWrapper .messageBox.box6{width:210px; clear:right;}
div#footerWrapper div.messageBox h2{font:bold 12px arial; }
.smodeCopy{font:10px arial; margin-top:20px; text-align:right; clear:both;}
/* ------------------ */
/* ADMNIN */
#mainDataTable.web-shop-admin tr td{padding:1px 4px;}
#mainDataTable.web-shop-admin div label{display:none;}
#mainDataTable.web-shop-admin input, #mainDataTable.web-shop-admin select{font-size:9px;}
#mainDataTable.web-shop-admin .formElement1_flex{padding:0; height:auto; margin:0;}
#mainDataTable.web-shop-admin .fileUploadVisible{width:20px;}
#mainDataTable.web-shop-admin .edit-product-text{padding-left:20px; background:url(http://www.smode-resource.se/gfx/icons/16/tool_16.gif) no-repeat;}
/* CART */
 .shoppingCart .productRow td{padding:3px 1px; color:#445875; font:10px Trebuchet MS, arial;}
 .shoppingCart .productRow.evenRow td{background:none;} 
 .shoppingCart .productRow.oddRow td{background:#f3f7fc;} 
 .shoppingCart .price{font:bold 10px Trebuchet MS, arial; color:#388fb2;}
 .shoppingCart .count{color:#887883;} 
 .shoppingCart .removeProduct{display:block; float:left; width:20px; height:16px; background:url(/_project/_layout/gfx/remove.png) no-repeat; cursor:pointer;}
 
 .shoppingCart .sumRow td{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 1px; color:#445875;} 
 .shoppingCart .sumRow td.price{font:bold 11px Trebuchet MS, arial; color:#388fb2;} 

 .shoppingCart .toolRow td{padding-top:5px; font-size:11px;}
 .shoppingCart .emptyCart{font:bold 12px Trebuchet MS, arial;} 
 .shoppingCart .proceedCart{font:bold 12px Trebuchet MS, arial;}
 
  .shoppingCart .card-logos td{padding:5px 0; border-top:1px dotted #ccc; text-align:center;}
.termsWindow{height:200px; overflow:scroll; padding:5px 20px; background:#fff; border:1px solid #eee;}
.cashier .shoppingCart .toolRow{display:none;}
.cashier .shoppingCart .emptyInfo{display:none;}
.cashier .to-prev-step{display:block; float:left; clear:left;}
.cashier .to-next-step {display:block; float:right; clear:right;}
.cashier .paymentBox h1{display:none;}
.cashier .confirmOrder{width:320px; height:90px; background:url(/_project/_layout/gfx/buy-btn.jpg) no-repeat; padding:15px 0; text-align:center; font:30px Trebuchet MS, arial; color:#fff; cursor:pointer; display:none;}
.cashier .confirmOrder .subLine{font:bold 11px arial;}
.cashier .confirmOrder.hovered{text-decoration:underline;}
.cashier .confirmTerms{color:darkred; font-size:14px;}

.cashier .termsAcceptance{cursor:pointer; background:url(/_project/_layout/gfx/terms-bg.jpg) no-repeat; padding:22px 0 20px 60px;}
.cashier .termsAcceptance.accepted{cursor:pointer; background:url(/_project/_layout/gfx/terms-bg-accepted.jpg) no-repeat;}

.momsInfo{color:darkred; margin:3px 0px; text-align:right;}
.webshopWrapper{position:relative;}
.webshopAreaHeader{clear:both;}
.webshopArea{background:url(/_project/_layout/gfx/productBG.jpg) 100% 70% no-repeat; border:1px dotted #ccc; padding:10px; margin:5px 5px 10px;}

/* PRODUCT - SIDE BY SIDE */
.productPost{
	font-size:10px;
	border:1px dotted #ccc;
	padding:10px;
	width:195px;
	background:url(/_project/_layout/gfx/productBG.jpg) 100% 100% no-repeat;
}
.productPost .lightboxGallery img{display:none;}
.productPost .lightboxGallery .filloutMainImg{width:30px; height:144px;}
.productPost .lightboxGallery .productImage1{height:135px;	width:auto;	margin:3px 5; display:inline; border:0;}
.productPost h2{margin:0; font-size:24px;}
.productPost p .first-row{}
.productPost p .more-icon{cursor:pointer; background:url(http://www.smode-resource.se/gfx/icons/16/zoom_16.gif) 100% no-repeat;}
.productPost p .all-row{display:none;}
.productPost .webshopTag{color:darkred; font:22px Trebuchet MS, arial; text-transform:lowercase; position:absolute; top:10px; left:140px;}
.productPost .webshopTag .oldPrice{font:10px arial; text-decoration:line-through; text-align:left; padding-left:14px;}
.productPost .webshopTag .priceInfo{font:10px arial; text-align:left; color:#009ac7;}
.productPost .stock-count-info{color:#009ac7;}
.productPost .webshopTag .freight-info{font:11px arial; text-align:left; color:#009ac7;}
.productPost .addToCartBtn{display:block; float:right; background:darkred; color:#fff; text-align:right; text-decoration:none; padding:4px 10px; width:60px; font:bold 14px Trebuchet MS, arial; cursor:pointer;}
.productPost .addToCartBtn.hover{}
.productPost .addMessage{color:darkred; font:11px Trebuchet MS, arial; padding:10px; text-align:center; background:#fff; clear:both;}
.out-of-stock{color:#e10b7f; font:16px Trebuchet MS, arial; text-transform:lowercase; text-align:right;}