@charset "utf-8";

@media screen, handheld, projection, tv {
	/* ******************************* *
	 * Eric Meyer CSS Reset reloaded * *
	 * ******************************* */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		/*border: 0;*/
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		/*vertical-align: baseline;*/
	}
	address {
		font-style: normal;
	}
	/* remember to define focus styles! */
	:focus,
	:active {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	table td.numeric,
	table th.numeric {
		text-align: right;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
		vertical-align: top;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	html {
		height: 100%;
	}
	html, body {
		width: 100%;
	}
	/* dont mess up the fck tables */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, caption  {
		border: none;
	}

	#header img,
	#left img,
	#right img,
	#footer img {
		border: none;
	}
	#main img.no-border {
		border: none;
	}

	code {
		font-family: "Courier New", Courier, monospace;
	}

	/* * * * * * * *  * * * * * * * * * * * * * * * * * * * * * * *
	 * * Some default styles that should apply tho most designs * *
	 * * * * * * * * *  * * * * * * * * * * * * * * * * * * * * * */

	/* ********************* *
	 * * Feedback messages * *
	 * ********************* */
	#main .message {
		padding: 1%;
		margin: 1.5em 0;
		float: left;
		clear: both;
		width: 98%;
	}
		#main .message h3 {
			margin: 0;
		}
		#main .error-message {
			background: #fee;
			border: 1px solid red;
		}
		#main .info-message,
		#main .welcome-message {
			background:#efe;
			border:1px solid #0f0;
		}
		#main .warning-message {
			background:#eef;
			border:1px solid #00f;
		}

	/* Never show the text version of the logo */
	.logo h1 span,
	.logotop h1 span {
		display: none;
	}
	.logo a,
	.logotop a {
		text-decoration: none;
	}
	/* Give all buttons pointer */
	input.button,
	.submit input,
	#fleximail label {
		cursor: pointer;
	}


	/* For the editor */
	body#main {
		padding: 5px;
		margin: 0;
	}

	/* ********************** *
	 * * Main content style * *
	 * ********************** */

	#main h2 {
		font-size: 2em;
		margin: 0 0 0.5em;
	}
	#main h3 {
		font-size: 1.5em;
		margin: 1em 0 0.285em;
	}
	#main h4 {
		font-size: 1.1666em;
		margin: 1em 0 0.5em;
	}
	#main h5 {
		font-size: 1em;
		margin :0 0 1.8em;
	}
	#main p {
		margin: 0 0 1.5em;
	}
	#main a {
		text-decoration: underline;
	}
	#main a:hover,
	#main a:focus,
	#main a:active {
		text-decoration: none;
	}
	#main strong,
	#main b {
		font-weight: bold;
	}
	#main em,
	#main i {
		font-style: italic;
	}
	#main del {
		text-decoration:line-through;
	}
	#main ins {
		text-decoration:overline;
	}
	#main dfn {
		border-bottom:1px dashed;
		font-style:italic;
	}
	#main sup,
	#main sub {
		font-size: 0.6em;
	}

	/* Image styles */
	#main img {
		display: inline-block;
		font-size: 1em;
		margin-bottom: 1em;
	}
		#main img.a-right  {
			float: right;
		}
		#main img.a-left {
			float: left;
		}

		#main img.right,
		#main embed.right,
		#main object.right {
			margin-left: 1em;
			float: right;
		}
		#main img.left,
		#main embed.left,
		#main object.left {
			margin-right: 1em;
			float: left;
		}
		#main img.middle,
		#main img.a-middle {
			margin: 0 auto;
			padding: 0.5em;
			float: none;
			display: block;
			clear: both;
		}

	/* list styles */
	#main ul {
		list-style-type: disc;
		/*clear: both;*/
	}
	#main li {
		padding: 0.15em 0;
	}
	#main ol {
		list-style-type: decimal;
		clear: both;
	}
	#main ul,
	#main ol {
		margin-bottom: 10px;
		margin-left: 25px;
	}
	#main ul ul,
	#main ol ol,
	#main ul ol,
	#main ol ul {
		margin-bottom: 0;
	}
	#main .sitemap ul { /* Extra margin on the sitemap */
		margin-left: 27px;
	}

	/* * Form styles * */
	#main fieldset {
		float: left;
		clear: both;
		width: 100%;
	}
	#main form fieldset legend {
		font-size: 1.5em;
		color: #363636;
	}
		#main fieldset fieldset legend {
			font-size: 1.3em;
		}
	#main form label {
		width: 130px;
		display: block;
		float: left;
		cursor: pointer;
	}
		#main label .required {
			color: #FF0000;
			padding: 0 3px;
		}
		#main form label.checkbox {
			width: 100%;
			float: left;
			clear: both;
		}

	#main form ul {
		list-style: none;
		margin-left: 0;
	}
		#main form ul li {
			padding: 5px 0;
			float: left;
			clear: both;
			width: 100%;
			background: none;
		}
		#main .new_user ul li.even{
			background: #f0f0f0;
		}

		#main .new_user textarea{
			height: 70px;
			width: 290px;
		}
		#main .new_user select{
			min-width: 154px;
		}
	/* remove the spam field from the view */
	.hidden_offset, .contact_message2, .webfront_form_confirm {
		position: absolute;
		left: -99999em;
	}

	input.form-error,
	textarea.form-error {
		border-color: red;
	}
	#main .labelOverride label {
		float: none;
		display: inline;
	}

	/***** Custom forms validation *****/
	form li .error-msg,
	form td .error-msg,
	form .bi-choice-error,
	form table .error-msg {
		color: red;
		margin: 0 0 0.2em 0;
		font-size: 0.9em;
	}
	form li .error-msg,
	form table .error-msg {
		display: none;
	}
	form li.span-error .error-msg,
	form table .span-error .error-msg {
		display: block;
	}

	/* Search results */
	#main .highlight {
		font-weight: bold;
	}
	#main .excerpt {
		font-style:italic;
	}
	/* End Search results */

	/* Contact form spesific */
	#main .contact .vcard {
		float: left;
		clear: both;
		font-size: 1em;
		color: #727373;
		margin-bottom: 15px;
	}
		#main .contact .vcard ul {
			list-style: none;
			margin-left: 0;
		}
			#main .contact .vcard li {
				background: none;
				padding-left: 0;
				float: left;
				clear: both;
				width: 100%;
			}
		#main .contact .vcard .fn {
			font-size: 1.5em;
		}
		#main .contact .vcard .type {
			display: none;
		}
		#main .contact .vcard span,
		#main .contact .vcard a {
			display: block;
			float: left;
		}
		#main .contact .vcard .label {
			display: block;
			width: 130px;
			font-weight: bold;
			color: #434343;
		}
		#main .contact .vcard .adr {
			margin-bottom: 17px;
		}
		#main .contact .vcard .adr .extended-address,
		#main .contact .vcard .adr .postal-code,
		#main .contact .vcard .adr .region {
			clear: both;
			padding-left: 130px; /*padding to help IE*/
		}


	#main a.lytelink img {
		border-color: #000;
	}

	/* * Clearfix * */
	.clearfix:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */



/* *********** *
 * * Webshop * *
 * *********** */
/* webshop category tree default opening */
#left .categorytree,
#right .categorytree {

}
	#left .categorytree li > ul,
	#right .categorytree li > ul {
		display: none;
	}
	#left .categorytree li.open > ul,
	#right .categorytree li.open > ul {
		display: block;
	}
/* webshop category listing */
	#main .categories .category-row {
		float: left;
		clear: both;
	}
		#main .categories .category {
			float: left;
		}
		#main .categories a.image {
			height: 105px;
			width: 140px;
			display: block;
		}
		#main .categories a.image img {
			border: none;
			margin: 0 auto;
			display: block;
		}
		#main .categories .category h3 {
			margin-top: 0;
		}
/***** Webshop *****/
	/* Pricelist */
	#main .price_list {
		list-style: none;
		margin: 0;
	}
		#main .price_list li {
			padding: 0;
			width: auto;
		}
		#main .price_list li .label {
			display: none;
		}
		#main .price_list li.old_price {
			text-decoration: line-through;
		}
/***** Webshop productlist *****/

	/** Sort table form **/
	#main .product-list form.sort-table {
		width: 100%;
		float: left;
		background: none;
		margin: 0;
	}
		#main .product-list form.sort-table fieldset {
			width: auto;
			float: right;
			padding-right: 12px;
			margin: 0;
		}
		#main .product-list form.sort-table select {
			width: 140px;
		}
		#main .product-list form.sort-table label {
			color: #323232;
			font-size: 12px;
			width: 70px;
		}
	#main .product-list {
		line-height: 1;
		float: left;
		clear: both;
	}
		#main .product-list table {
			border-collapse: collapse;
		}
		#main .product-list thead {
			display: none;
		}
			#main .product-list thead th.numeric {
				text-align: right;
			}
		#main .product-list table td {
			vertical-align: middle;
		}
		/*** Image cell ***/
		#main .product-list table td.image {
			width: 95px;
		}
			#main .product-list a.image {
				display: block;
				width: 50px; /* Default sizes */
				height: 37px;  /* Default sizes */
			}
			#main .product-list a.image img {
				border: none;
				margin: 0 auto;
				display: block;
			}
		/*** Desc cell ***/
		#main .product-list table td.description {
			vertical-align: top;
			line-height: 1.2;
		}
			#main .product-list table h3,
			#main .product-list table p {
				margin: 0;
			}
		/*** Price ***/
		#main .product-list table td.price {
			text-align: right;
		}
		#main .product-list table form {
			width: auto;
			background: none;
			padding: 0;
		}
		#main .product-list table form .submit {
			margin: 0;
		}

	/**** Webshop thumb view ****/
	#main .product-list .thumb-view {
		float: left;
	}
		#main .product-list .thumb-view .product {
			float: left;
			position: relative;
		}
		#main .product-list .thumb-view .product p.oneliner {
			margin: 0;
		}
			#main .product-list .thumb-view .product .price_list li {
				padding: 0;
			}
			#main .product-list .thumb-view .product form {
				width: auto;
				padding: 0;
			}

/**** Webshop product view */
	#main .product-view {
		position: relative;
		float: left;
		overflow-x: hidden;
	}
		
		#main .product-view p.id {
			position: absolute;
			top: 0px;
			right: 10px;
			margin: 0;
		}
			#main .product-view p.identifier .type {
				display: none;
			}
		#main .product-view .product-column {
			width: 200px;
			float: left;
			padding-right: 15px;
		}
			#main .product-view .images {
				width: 200px;
				float: left;
			}
			#main .product-view .images a {
				width: 200px;
				height: 150px;
				display: block;
				float: left;
			}
			#main .product-view .images .view-large a {
				display: inline;
				width: auto;
				height: auto;
				float: none;
			}
			#main .product-view .images img {
					border: none;
					margin: 0 auto;
					display: block;
				}
				#main .product-view .images .thumbs {
					width: 210px;
					float: left;
					margin-left: -10px;
				}
					#main .product-view .images .thumbs a {
						height: 37px;
						width: 50px;
						margin: 10px 0 0 10px;
						display: block;
					}
					#main .product-view .images .thumbs img {
						margin: 0 auto;
						display: block;
					}
			#main .product-view .attachments {
				width: 200px;
				float: left;
			}
		#main .product-view .product {
			float: left;
			
			min-height: 300px;
			height: auto !important;
			height: 300px;
		}
		/* Product Options */
		#main .product-view .product_options label {
			width: 30%;
		}
		#main .product-view .product_options select {
			width: 60%;
		}
		/* Product buy button */
		#main .product-view .product .submit {
			margin: 0 10% 0 0;
			float: right;
		}
			#main .product-view .product .submit input {
				/*float: right;*/
			}
		/*** Variation table ***/
		#main .product-view .product .product-variations {
			width: 100%;
		}
			#main .product-view .product .product-variations td,
			#main .product-view .product .product-variations th {
				padding: 3px 4px;
				vertical-align: middle;
			}
			#main .product-view .product .product-variations th {
				font-weight: bold;
			}
			#main .product-view .product .product-variations form {
				width: 100%;
			}
				#main .product-view .product .product-variations form input.text {
					width: 1.5em;
					text-align: right;
					float: left;
				}
				#main .product-view .product .product-variations form .submit,
				#main .product-view .product .product-variations form .submit input.button {
					margin-top: 0;
				}
				
				#main .product-view .product .details .product-variations #product_price {
					margin: 0;
					padding: 0;
					position: static;
				}
				#main .product-view .product .details .product-variations #product_price,
				#main .product-view .product .details .product-variations #product_price * {
					display: inline;
					float: none;
				}


	/***** Shopping cart *****/
	#main .cart table td,
	#main .cart table th {
		vertical-align: middle;
	}
	#main .cart table  th {
		font-weight: bold;
	}
	#main .cart table tfoot td,
	#main .cart table td.numeric,
	#main .cart table th.numeric {
		text-align: right;
	}
		/* Hide styling on empty cells in footer */
		#main .cart table tfoot tr.even td.empty,
		#main .cart table tfoot td.empty {
			border: none;
			background: none;
		}
		/* Hide header for image and action */
		#main .cart table th.image,
		#main .cart table th.action {
			text-indent: -9999px;
			overflow: hidden;
		}
	#main .cart a img {
		border: none;
		margin: 0;
	}
	#main .cart input.numeric {
		width: 2em;
		text-align: right;
		float: right;
	}

	/** Refresh button **/
	#main .cart form table .qty .submit {
		clear: none;
		float: right;
		height: 16px;
		width: 16px;
		display: block;
		padding: 6px 0 0 6px;
		margin: 0;
		background: none;
	}
	#main .cart form table div.update input.button {
		background: url(/img/arrow_refresh.png) no-repeat;
		float: right;
		display: block;
		height: 16px;
		width: 16px;
		padding: 0;
		text-indent: -99999px;
	}
	/** Remove button **/
	#main .cart td .remove {
		background: none;
		margin: 0;
		float: right;
	}
	#main .cart td .remove input.button {
		background: url(/img/remove-product.png) no-repeat;
		height: 12px;
		width: 12px;
		padding: 0;
		text-indent: -99999px;
		overflow: hidden;
		display: block;
		font-size: 0px;
		color: red;
	}

	#main form textarea#OrderComment {
		height: 100px;
		width: 97.5%;
	}
	
	/*** Shopping cart box ***/
	.cart table .vat-label {
		text-transform: none;
	}

	/**** Webshop CC payment */
	form ul.ccfields {
		list-style-type: none
	}
	
	/*** Webshop creditcard logoes ***/
	.creditcards {
		float: left;
	}
		.creditcards ul li {
			float: left;
		}
			.creditcards ul li a {
				float: left;
				display: block;
				width: 64px;
				height: 38px;
				text-indent: -99999px;
				padding: 0 5px;			
			}
			.creditcards ul li.visa a {
				background: url(/img/creditcards/visa.png) no-repeat;
			}
			.creditcards ul li.mastercard a {
				background: url(/img/creditcards/mastercard.png) no-repeat;
			}
			.creditcards ul li.bbs a {
				background: url(/img/creditcards/bbs.png) no-repeat;
				height: 33px;
			}
			.creditcards ul li.amex a {
				background: url(/img/creditcards/amex.png) no-repeat;
				display: none;
			}
			.creditcards ul li.diners a {
				background: url(/img/creditcards/diners.png) no-repeat;
				display: none;
			}
			.creditcards ul li.dancard a {
				background: url(/img/creditcards/dancard.png) no-repeat;
				display: none;
			}
	#main form legend a {
		font-size: 12px;
	}

/* FCK gallery image style */
body#main img.webshopCampaign {
	/*background: transparent url(/img/admin/campaign/thumb_view.png) no-repeat center center;*/
	border: 1px solid #aaaaaa;
}

body#main img.CampaignThumbView {
	background: transparent url(/img/admin/campaign/thumb_view.png) no-repeat center center !important;
}

body#main img.CampaignListView {
	background: transparent url(/img/admin/campaign/list_view.png) no-repeat center center !important;
}

/* **************** *
 * ** Gallery css * *
 * **************** */

/* FCK gallery image style */
body#main img.imageGallery {
	/*background: transparent url(/img/admin/gallery/thumb_view.png) no-repeat center center;*/
	border: 1px solid #aaaaaa;
}

body#main img.GalleryThumbView {
	background: transparent url(/img/admin/gallery/thumb_view.png) no-repeat center center !important;
}

body#main img.GalleryImageView {
	background: transparent url(/img/admin/gallery/image_view.png) no-repeat center center !important;
}
.x-panel {
	clear: both;
}
.x-panel-body {/* remove that ugly blue border and white background */
	border: none;
	background: transparent;
	overflow: visible !important;
}

/* css for the thumbview */
	#main .thumbs-view li {
		padding: 0;
		background: none;
	}
	#main .thumbs-view .images {
		margin-left: -5px;
	}
	#main .thumbs-view .thumb {
		cursor: pointer;
		width: 104px;
		height: 104px;
		padding: 0 0 5px 5px;
		overflow: hidden;
		float: left;
	}
		#main .thumbs-view .thumb img {
			border: 1px solid #000;
			margin: 1px 1px 8px 1px;
			padding: 0;
			background: #fff url(/img/lytebox/loading.gif) center center no-repeat;
		}
		#main .thumbs-view .thumb:hover img { /* #main .thumbs-view .thumb.hover img */
			border: 2px solid #000;
			margin: 0 0 7px 0;
		}

	#main .thumbs-view .bottom-nav {
		width: 100%;
		float: left;
		clear: both;
	}
		#main .thumbs-view .bottom-nav p {
			width: 30%;
			float: left;
			padding: 0;
			margin: 0;
		}
		#main .thumbs-view .bottom-navn p.prev,
		#main .thumbs-view .bottom-nav p.next {
			color: #aaa;
		}
		#main .thumbs-view .bottom-nav p.desc {
			padding: 0 5%;
			text-align: center;
		}
		#main .thumbs-view .bottom-nav p.next {
			text-align: right;
		}

/* Detail view */
	#main .detail-view {
		/*width: 600px; dynamic */
	}
		#main .detail-view h3 a.back-link {
			font-size: 0.6em;
			font-weight: normal;
		}
		#main .detail-view .top-nav {
			width: 100%;
			float: left;
			clear: both;
		}
			#main .detail-view .top-nav p {
				margin: 0;
			}
				#main .detail-view .top-nav p a {
					display: block;
					float: left;
					width: 23px;
					height: 21px;
					background: url(/img/gallery/top-nav.png) no-repeat left -21px;
					text-indent: -9999px;
					overflow: hidden;
					margin-right: 7px;
				}
				#main .detail-view .top-nav p.next a,
				#main .detail-view .top-nav p.next-set a {
					background: url(/img/gallery/top-nav.png) no-repeat right -21px;
					margin: 0 0 0 7px;
					float: right;
				}
				#main .detail-view .top-nav p.next a {
					margin: 0;
					width: 14px;
				}
				#main .detail-view .top-nav p.next-set a {
					background-position: right top;
				}
				#main .detail-view .top-nav p.prev-set a {
					background-position: left top;
				}
				#main .detail-view .top-nav a.disabled {
					opacity: 0.5;
					cursor: default;
					/* See ie6.css and ie7.css for opacity */
				}
				#main .detail-view .top-nav img {
					padding: 0;
					margin: 0;
					border: 0;
				}
			#main .detail-view .top-nav ul {
				list-style: none;
				float: left;
				margin: 0;
			}
				#main .detail-view .top-nav li {
					float: left;
					margin: 0 7px 0 0;
					padding: 0;
					height: 27px;
					width: 22px;
					background: none;
					cursor: pointer;
				}
					#main .detail-view .top-nav li img {
						opacity: 0.5;
						padding: 0;
						margin: 0;
						border: 0;
						padding: 1px;
						/* See ie6.css and ie7.css for opacity */
					}
				#main .detail-view .top-nav li.active,
				#main .detail-view .top-nav li:hover {
					background: url(/img/gallery/arrow.gif) no-repeat center bottom;
				}
					#main .detail-view .top-nav li.active img,
					#main .detail-view .top-nav li:hover img {
						opacity: 1;
						padding: 0;
						border: 1px solid #000;
						/* See ie6.css and ie7.css for opacity */
					}
			#main .detail-view .fig-wrap {
				position: relative;
				float: left;
				clear: both;
				border: 1px solid #000;
				background: #fff url(/img/lytebox/loading.gif) center center no-repeat;
			}
			#main .detail-view .figure {
				float: left;
				margin: 0;
				height: 100%;
				width: 100%;
				/*background: #fff;*/
				position: relative;
				display: table;
				overflow: hidden;

			}
				#main .detail-view .figure div {
					position: static;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					margin: 0;
					/* extra style in css/ie7.css */
				}
				#main .detail-view .figure img {
					position: static;
					margin: 0 auto;
					padding: 0;
					display: block;
					border: none;
					/* extra style in css/ie7.css */
				}
			#main .detail-view .arrow-nav {
				margin: 0;
				padding: 0;
				height: 0;
				list-style: none;
			}
				#main .detail-view .arrow-nav li a {
					position: absolute;
					height: 100%;
					width: 50%;
					top: 0;
					left: 0;
					text-indent: -99999px;
					z-index: 9999; /* toolbox is 10000 */
					display: block;
					/*background: url(/img/gallery/hover-nav-prev.png) -50px center no-repeat;*/
					overflow: hidden;
					opacity: 0.4;
					/* See ie6.css and ie7.css for opacity */
				}
				#main .detail-view .arrow-nav li.next a {
					right: 0;
					left: auto;
				}

				#main .detail-view  .figure:hover .arrow-nav li.prev a {
					background: url(/img/gallery/hover-nav-prev.png) 25px center no-repeat;
				}
				#main .detail-view .figure:hover .arrow-nav li.next a {
					background: url(/img/gallery/hover-nav-next.png) right center no-repeat;
				}
				#main .detail-view .figure .arrow-nav li a:hover {
					opacity: 1;
					/* See ie6.css and ie7.css for opacity */
				}
		#main .detail-view .meta {
			width: 100%;
			float: left;
			clear: both;
		}
	/*** Stock css ***/
	#main .availability  {
		float: left;
		width: 100%;
	}
	#main .availability .label {
		display: none;
	}
	#main .availability .icon {
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		width: 9px;
		height: 9px;
		background: url(http://www.sjappa.net/img/icons/stock/stocked.gif) center center no-repeat;
	}
	#main .availability.out-of-stock .icon {
		background-image: url(http://www.sjappa.net/img/icons/stock/outofstock.gif);
	}
	#main .availability.remote .icon {
		background-image: url(http://www.sjappa.net/img/icons/stock/stockwarn.gif);
	}
	
	
	
	/**** User account page ****/
	#main .account h2 {
		margin-bottom: 0;
	}
	#main .account .menu {
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		background: none;
		background: #c5c5c5;
	}

		#main .account .menu li {
			float: left;
		}
			#main .account .menu li a {
				display: block;
				height: 2em;
				line-height: 2;
				padding: 0 0.5em;
				font-size: 12px;
				white-space: nowrap;
				float: left;
			}
			#main .account .menu li.active a {
				font-weight: bold;
			}
	#main .account .main {
		width: 100%;
		float: left;
	}
		#main .account .main table.order-table {
			width: 100%;
			margin-top: 10px;
		}
			#main .account .main table.order-table tbody td,
			#main .account .main table.order-table thead th {
				padding: 4px 3px;
			}
			#main .account .main table.order-table tfoot td {
				padding: 0 3px;
			}
			#main .account .main table.order-table thead th {
				font-weight: bold;
				background: #c5c5c5;
			}
			#main .account .main table.order-table tbody .odd td {
				background: #e8e9e9;
			}
		#main .account dl {
			width: 100%;
			float: left;
			clear: both;
		}
			#main .account dl dt {
				display: block;
				float: left;
				width: 25%;
				font-weight: bold;
			}
			#main .account dl dd {
				display: block;
				float: left;
				width: 75%;
			}
		#main .account .addresses {
			width: 100%;
			float: left;
			clear: both;
			margin-top: 15px;
		}
			#main .account .addresses .block {
				width: 50%;
				float: left;
			}


	/*---- sIFR ---*/
	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}

	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt;
	  padding: 0pt;
	  overflow: auto;
	  letter-spacing: 0px;
	  float: none;
	}
	/* ------- Toolbox ------ */
	#main .toolbox ul {
	 	list-style: none;
		float: left;
		margin: 0;
	 }
	 #main .toolbox * {
	 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #3f3f3f;
		text-decoration: none;
	 }
	 #main .toolbox li {
	 	float: left;
		background: none;
	 }
	 	#main .toolbox a {
			display: block;
			padding: 10px 10px 10px 20px;
			margin-right: 10px;
			float: left;
		}
		#main .toolbox .printer a {
			background: url(/img/toolbox/apps/printer.png) no-repeat 0 center;
		}
		#main .toolbox .pdf a {
			background: url(/img/toolbox/apps/pdf.png) no-repeat 0 center;
		}
		#main .toolbox .share  {
			background: url(/img/toolbox/apps/share.png) no-repeat 0 center;
			display: block;
			padding: 10px 10px 10px 20px;
			margin-right: 10px;
			cursor: pointer;
		}

		#main .toolbox .share {
			position: relative;
		}
		#main .toolbox li .main-box {
			display: block;
			width: 281px;
			border: 1px solid #bababa;
			position: absolute;
			z-index: 10000; /* gallery is 9999 */
			left: 0;
			bottom: 30px;
			padding: 3px;
			background: #fff;
			float: left;
			padding-top: 16px;
		}


			#main .toolbox li li a {
				padding: 0 0 0 31px;
				background: none;
				height: 36px;
				line-height: 36px;
				margin: 0;
				width: 107px;
				margin: 1px 1px 1px 0;
				border-right: 1px solid #e6e6e6;
				background: url(/img/toolbox/apps/email.png) no-repeat 7px center;
				font-weight: normal;
				float: none;
			}
			#main .toolbox li.share ul .odd a {
				border: none;
			}
			#main .toolbox li.share ul a:hover {
				background-color: #e0e0e0;
				color: #000;
				font-weight: normal;
				float: none;
			}

			#main .toolbox li.share ul li {
				border-bottom: 1px solid #e0e0e0;
				background: none;
				float: left;
				padding: 0;
			}
			#main .toolbox li a.close {
				position: absolute;
				top: 8px;
				right: 8px;
				width: 10px;
				height: 10px;
				line-height: 1em;
				background: url(/img/toolbox/close.png) no-repeat;
				text-indent: -9999px;
				border: none;
				margin: 0;
				padding: 0;
			}

			#main .toolbox li ul li.send {
				height: 41px;
				border: none;
				margin: 0;
				background: url(/img/toolbox/toolbox-background.png) repeat-x left top;
				width: 281px;
				float: left;
			}
			#main .toolbox li .send ul {
				margin: 0;
				float: left;
			}
			#main .toolbox li.share .send ul li a {
				line-height: 38px;
				font-size: 11px;
			}
			#main .toolbox li.share .send ul li {
				border: none;

			}

			#main .toolbox li li.email a {
				background-image: url(/img/toolbox/apps/email.png);
			}
			#main .toolbox li li.sms a {
				background-image: url(/img/toolbox/apps/sms.png);
			}
			#main .toolbox li li.bookmark a {
				background: url(/img/toolbox/apps/bookmark.png)  no-repeat 7px center;
			}
			#main .toolbox li li.facebook a {
				background-image: url(/img/toolbox/apps/facebook.png);
			}
			#main .toolbox li li.delicious a {
				background-image: url(/img/toolbox/apps/delicious.png);
			}
			#main .toolbox li li.digg a {
				background-image: url(/img/toolbox/apps/digg.png);
			}
			#main .toolbox li li.technorati a {
				background-image: url(/img/toolbox/apps/technorati.png);
			}
			#main .toolbox li li.twitter a {
				background-image: url(/img/toolbox/apps/twitter.png);
			}
			#main .toolbox li li.stumbleupon a {
				background-image: url(/img/toolbox/apps/stumbleupon.png);
			}
			#main .toolbox li li.newswine a {
				background-image: url(/img/toolbox/apps/newswine.png);
			}
			#main .toolbox li li.kudos a {
				background-image: url(/img/toolbox/apps/kudos.png);
			}
			#main .toolbox li li.linkedin a {
				background-image: url(/img/toolbox/apps/linkedin.png);
			}
	/*
	 * FCK Editor dummy css
	 * -------------------------- */
	body#main img.fck_campain_dummy {
		background: #f0f0f0 url(\img\admin\fck_elements\campain_fck.png) no-repeat center center;
		border: 1px solid #cecece;
	}
	
	/*** Text branding element ***/
	#footer .branding_text {
		text-align: center;
	}
		#footer .branding_text a {
			font-size: 9px;
			color: #727272;
			text-decoration: none;
		}
			#footer .branding_text a:hover {
				text-decoration: underline;
			}
			#footer .branding_text a abbr {
				font-weight: bold;
			}
}


/* Print styles, need to be the same in print.css */
@media print, tty {
	body {
		background: white;
		font-size: 11pt;
		line-height: 1.5;
		font-family: Georgia, "Times New Roman", Times, serif;
		width: 600px;
	}
	
	.module {
		display: none;
	}
	.logo,
	.branding,
	.branding_text {
		display: block;
	}
	.logo,
	.logotopp {
		display: none;
	}
	#footer .branding_text {
		text-align: left;
	}
		#footer .branding_text a {
			font-size: 9px;
			color: #727272;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
		}
			#footer .branding_text a:hover {
				text-decoration: underline;
			}
			#footer .branding_text a abbr {
				font-weight: bold;
				border: none;
			}
	
	a {
		background: transparent;
		color: black;
		border-bottom: 1px solid gray;
		text-decoration: none;
		font-weight: bold;
	}
	a img {
		border: none;
	}
	h1, h2, h3, h4 {
		background: white;
		color: black;
		padding-bottom: 1px;
		border-bottom: 1px solid gray;
		clear: both;
		line-height: 1.2;
	}
	h1 a, h2 a, h3 a, h4 a {
		border-bottom: none;
	}
	
	img.right {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}
	img.left {
		float: left;
		margin: 0.5em 1em 0.5em 0;
	}
	
	#main a[href]:after {
	   content: " (" attr(href) ") ";
	   font-size: 90%;
	}
	#main a[rel*="lytebox"]:after,
	#main a[href*="javascript:"]:after,
	#main a[href*="mailto:"]:after,
	#main a[href*="#print"]:after {
		content: "";
	}
	#main a[rel*="lytebox"] {
		border: none;
	}
	
	/* gallery print styles */
	#main .top-nav,
	#main .arrow-nav,
	#main a.back-link,
	#main .bottom-nav  {
		display: none;
	}
	
	/*** Product page ***/
	#main .product-view form .submit {
		display: none;
	}
	#main .product-view form ul {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	#main .product-view form label {
		font-weight: bold;
	}
	#main .product-view .id .type {
		display: none;
	}
	#main .price_list li.price,
	#main .price_list li.new_price .price {
		font-size: 1.2em;
	}
	#main .price_list li .label {
		font-weight: bold;
	}
	#main .price_list li.old_price .price {
		color: red;
		text-decoration: line-through;
	}
	#product_view_large_image {
		display: none;
	}
	#main .product-view .oneliner {
		font-weight: bold;
	}

}

/**** Download icons for links ****/
#main a.dont-show-download-link {
	padding-left: 18px;
	padding-top: 2px;
	background: url(/img/icons/mime/mime-sprite.png) no-repeat left 0;
}
/*Compressed*/
#main a.dont-show-download-link.filetype-zip,
#main a.dont-show-download-link.filetype-rar{
	background-position: left -32px;
}
/* Images */
#main a.dont-show-download-link.filetype-png,
#main a.dont-show-download-link.filetype-jpg,
#main a.dont-show-download-link.filetype-bmp,
#main a.dont-show-download-link.filetype-gif {
	background-position: left -96px;  
}
/* Word doc */
#main a.dont-show-download-link.filetype-doc,
#main a.dont-show-download-link.filetype-docx{
	background-position: left -160px;
}
/* Excel doc */
#main a.dont-show-download-link.filetype-xls,
#main a.dont-show-download-link.filetype-xlsx{
	background-position: left -192px;
}
/* Powerpoint doc */
#main a.dont-show-download-link.filetype-ppt,
#main a.dont-show-download-link.filetype-pptx{
	background-position: left -128px;
}
/* pdf */
#main a.dont-show-download-link.filetype-pdf,
#main a.dont-show-download-link.filetype-PDF{
	background-position: left -256px;
}
/* Audio */
#main a.dont-show-download-link.filetype-mp3,
#main a.dont-show-download-link.filetype-wav{
	background-position: left -352px;
}
/* Flash */
#main a.dont-show-download-link.filetype-fla,
#main a.dont-show-download-link.filetype-flv,
#main a.dont-show-download-link.filetype-swf{
	background-position: left -224px;
}
/* Text */
#main a.dont-show-download-link.filetype-txt {
	background-position: left -65px;
}


/*** Pagination css ***/
#main .pagination {
	margin-top: 2em;
	font-size: 10px;
}
	#main .pagination h2 {
		font-size: 10px;
		color: #363636;
		font-weight: bold;
		display: inline;
		text-transform: none;
		font-style: normal;
		height: auto;
		letter-spacing: normal;
		width: auto;
		padding: 0;
		background: none;
		border: 0;
	}
	#main .pagination ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
	}
		#main .pagination ul li {
			display: inline;
			padding: 0;
			background: none;
		}
		#main .pagination ul li.active {
			font-weight: bold;
		}
/**** Article list ****/
#main .articles .article {
	float: left;
	clear: both;
	margin-bottom: 15px;
}
	#main .articles .article a.image {
		width: 150px;
		height: 105px;
		float: left;
	}
		#main .articles .article a.image img {
			border: none;
			margin: 0;
		}
		#main .articles .article .body {
			float: left;
		}
			#main .articles .article h3 {
				margin: 0;
				line-height: 1.2;
			}
			#main .articles .article .date {
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
			}
			#main .articles .article p {
				margin: 0;
			}
			#main .articles .article .ReadMore {
				text-align: right;
			}

			
.dragableBoxHeader {
	float: left;
	width: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
}

body.bodyLayout {
	width: 980px;
	margin: 0 auto;
	background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/background.png);
}
#wrap {
	width: 980px;
	float: left;
}
	#header {
		width: 970px;
		padding: 0 5px;
		float: left;
		height: 175px;
		background: #fff url(http://www.sjappa.net/flexiviews/templates/dropshop/img/header.png) no-repeat;
	}
		#header h2 {
			display: none;
		}
		#top_left {
			width: 970px;
			height: 20px;
			margin-bottom: 5px;
			float: left;
		}
			#top_left .menu {
				width: 970px;
				height: 20px;
				float: left;
				text-align: right;
			}
				#top_left .menu li {
					display: inline;
				}
					#top_left .menu li ul {
						display: none;
					}
				#top_left .menu a {
					color: #656257;
					text-transform: uppercase;
					padding: 0 5px;
					font-size: 9px;
					line-height: 20px;
					font-weight: bold;
				}
					#top_left .menu a:hover {
						text-decoration: none;
						color: #363636;
					}
		#top {
			width: 970px;
			height: 142px;
			float: left;
		}
			#header .logo {
				margin: 40px 0 0 10px;
			}
		#top_right {
			height: 36px;
			margin-top: -38px;
			float: left;
			padding-left: 213px;
			width: 757px;
		}
			#top_right .menu {
				width: 757px;
				float: left;
				height: 36px;
			}
				#top_right .menu li {
					float: left;
					margin-right: 1px;
					position: relative;
				}
					#top_right .menu li ul {
						display: none;
					}
				#top_right .menu a {
					text-decoration: none;
					display: block;
					_float: left;
					padding: 0 1px;
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/sprite.png) repeat-x top left;
				}
					#top_right .menu a span {
						cursor: pointer;
						display: block;
						_float: left;
						color: #fff;
						font-weight: bold;
						height: 36px;
						line-height: 36px;
						font-size: 11px;
						text-transform: uppercase;
						padding: 0 15px;
						background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/sprite.png) repeat-x left -36px;
					}
				#top_right .menu a:hover,
				#top_right .menu li:hover a,
				#top_right .menu .active a {
					background-position: left -72px;
				}
					#top_right .menu a:hover span,
					#top_right .menu li:hover a span,
					#top_right .menu .active a span {
						background: #8fc400;
					}
					
					#top_right .menu li:hover ul {
						display: block;
						position: absolute;
						top: 36px;
						border-top: 1px solid #078acc;
						left: 0;
						background: #8fc400;
					}
						#top_right .menu li:hover ul li {
							float: none;
							margin: 0;
							
						}
							#top_right .menu li:hover ul li ul {
								display: none;
							}
						#top_right .menu li ul a {
							float: none;
							padding: 5px 15px;
							text-transform: none;
							background: #8fc400;
							border-bottom: 1px solid #fff;
						}
						#top_right .menu li ul .last a {
							border-bottom: none;
						}
							#top_right .menu li ul a span {
								display: inline;
								float: none;
								height: auto;
								line-height: 1;
								display: inline; 
								background: none;
								padding: 0;
								font-weight: normal;
								text-transform: none;
							}
						#top_right .menu li ul a:hover,
						#top_right .menu li ul a:hover span {
							background: #7ca902;
						}
	#sub_wrap {
		width: 970px;
		float: left;
		padding: 0 5px;
		background: #fff url(http://www.sjappa.net/flexiviews/templates/dropshop/img/subwrap.png) repeat-y 5px top;
	}
		#left {
			width: 203px;
			padding: 0 1px;
			float: left;
			margin-right: 8px;
			border-top: 1px solid #dbdbdb;
		}
			#left .categorytree,
			#left .menu {
				width: 203px;
				float: left;
				padding-bottom: 15px;
			}
				#left .module h2 {
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/menu-header.gif);
					padding: 10px 15px;
					color: #fff;
					font-weight: bold;
					font-size: 11px;
					text-transform: uppercase;
				}
					#left .categorytree h2 a {
						color: #fff;
						text-decoration: none;
					}
				
				#left .categorytree li a,
				#left .menu li a {
					color: #656257;
					text-decoration: none;
					display: block;
					font-weight: bold;
					padding: 6px 15px;
				}
				#left .categorytree li ul a,
				#left .menu li ul a {
					font-weight: normal;
					padding: 3px 15px;
				}
					#left .categorytree a:hover,
					#left .categorytree li.active > a,
					#left .menu a:hover,
					#left .menu li.active > a {
						color: #0f97dc;
					}
					#left .categorytree li ul {
						padding-left: 15px;
					}
			#left .newsletter_signupbox {
				width: 203px;
				float: left;
			}
			#left .newsletter_signupbox .content {
				padding: 10px;
			}
			#fleximail #SubscribeEmail {
				border: 1px solid #cbcbcb;
				padding: 4px;
				width: 173px;
				margin-bottom: 5px;
			}
				#fleximail .submit {
					margin-top: 5px;
				}
		#main {
			width: 540px;
			float: left;
			margin-right: 9px;
			line-height: 1.5;
			padding-bottom: 15px;
		}
			#main h2,
			#main h3,
			#main h4,
			#main h5 {
				line-height: 1.2;
			}
			#main h2 {
				color: #0f97dc;
				font-size: 28px;
				font-weight: bold;
			}
			#main a {
				color: #ff5a00;
			}
			/**** Forms ****/
			#main form {
				width: 540px;
			}
				#main form label {
					line-height: 27px;
					font-size: 12px;
					font-weight: bold;
				}
				#main form input.text,
				#main form textarea,
				#main form select {
					border: 1px solid #cbcbcb;
					width: 400px;
					padding: 5px 4px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #363636;
				}
				#main form textarea {
					width: 530px
				}
				#main form select {
					width: 410px;
					padding: 5px 0 5px 4px;
				}
				
				#main form input.text:focus,
				#main form textarea:focus,
				#main form select:focus {
					border-color: #a7a7a7;
				}
				
				#main form input.form-error:focus,
				#main form textarea.form-error:focus,
				#main form input.form-error,
				#main form textarea.form-error {
					border-color: red;
				}
				
				#main .contact form label.checkbox {
					width: 250px;
					height: 28px;
					line-height: 28px;
				}
				#main .submit,
				#fleximail .submit {
					padding: 0 3px;
					float: right;
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/button.png) no-repeat right top;
				}
					#main .submit input,
					#main .submit a,
					#fleximail .submit input {
						color: #fff;
						padding: 0 10px 0 13px;
						height: 28px;
						float: left;
						line-height: 28px;
						display: block;
						text-transform: uppercase;
						font-weight: bold;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/button.png) no-repeat left top;
						border: 0;
						margin-left: -3px;
					}
					#main .submit a {
						text-decoration: none;
					}
					#main .submit:hover,
					#fleximail .submit:hover {
						background-position: right -28px;
					}
						#main .submit:hover input,
						#main .submit:hover a,
						#fleximail .submit:hover input {
							background-position: left -28px;
						}
					#main .submit:active,
					#fleximail .submit:active {
						background-position: right -56px;
					}
						#main .submit:active input,
						#main .submit:active a,
						#fleximail .submit:active a {
							background-position: left -56px;
						}
			/*** Search page ***/
			#main form.search_form input.text {
				float: left;
				margin-right: 5px;
			}
				#main form.search_form .submit {
					float: left;
				}

			/*** Category list ***/
			#main .categories .category-row {
				margin-left: -9px;
				width: 549px;
				display: inline;
				float: left;
			}
				#main .categories .category {
					margin: 0 0 9px 9px;
					width: 160px;
					border: 1px solid #cbcbcb;
					padding: 6px;
				}
				#main .categories a.image {
					height: 120px;
					width: 160px;
					border-bottom: 2px solid #fff;
				}
				#main .categories a.image:hover {
					border-color: #cbcbcb;
				}
				#main .categories h3 {
					font-size: 13px;
					margin: 0;
				}
					#main .categories h3 a {
						text-decoration: none;
						color: #4e4e4e;
						font-weight: bold;
						display: block;
						padding: 3px 0;
					}
			/*** Product list ***/
			#main .product-list .thumb-view {
				margin-left: -9px;
				width: 549px;
				display: inline;
				float: left;
			}
				#main .product-list .product {
					margin: 0 0 9px 9px;
					width: 160px;
					border: 1px solid #cbcbcb;
					padding: 6px;
				}
				#main .product-list .thumb-view a.image {
					height: 120px;
					width: 160px;
					margin-bottom: 6px;
					border-bottom: 2px solid #fff;
				}
				#main .product-list a.image:hover {
					border-color: #cbcbcb;
				}
					#main .page .product-list .thumb-view a.image img {
						width: 160px;
					}
				#main .product-list h3 {
					font-size: 13px;
					margin: 0;
				}
					#main .product-list h3 a {
						text-decoration: none;
						color: #4e4e4e;
						font-weight: bold;
						display: block;
						margin: 3px 0 6px 0;
						height: 31px;
						overflow: hidden;
					}
				#main .product-list .thumb-view .product p.oneliner {
					height: 20px;
					overflow: hidden;
					font-size: 10px;
					margin-bottom: 6px;
				}
				#main .product-list .thumb-view .price_list {
					float: left;
					width: 160px;
					text-align: right;
					margin-bottom: 6px;
				}
				#main .product-list .thumb-view .price_list li {
					display: inline;
					
					font-size: 14px;
				}
					#main .product-list .thumb-view .price_list li.price,
					#main .product-list .thumb-view .price_list li.new_price .price {
						color: #ff5a00;
						padding-left: 20px;
					}
					#main .product-list .thumb-view .price_list li.old_price .price {
						color: #686868;
					}
				#main .product-list form.sort-table fieldset {
					padding: 0 0 6px 0;
				}
			/*** Product table ***/
			#main .product-list table td {
				padding: 5px;
			}
				#main .product-list table .price_list li.price,
				#main .product-list table .price_list li.new_price .price {
					color: #ff5a00;
					font-size: 14px;
				}
			#main .product-view .product {
				width: 325px;
				padding-top: 20px;
			}
				#main .product-view .product .details,
				#main .product-view .product form,
				#main .product-view .product .details,
				#main .product-view .product .desc {
					width: 325px;
					float: left;
				}
				#main .product-view .product .desc {
					margin-top: 15px;
				}
				#main .product-view h2 {
					font-size: 22px;
				}
				#main .product-view .product_options select {
					float: right;
				}
				#main .product-view .price_list {
					width: 100%;
					float: left;
					text-align: right;
					padding: 5px 0;
				}
					#main .product-view .price_list li {
						display: inline;
						float: none;
						clear: none;
					}
					#main .product-view .price_list li.price,
					#main .product-view .price_list li.new_price {
						color: #ff5a00;
						font-size: 30px;
						font-weight: bold;
						padding-left: 25px;
					}
					#main .product-view .price_list li.old_price {
						color: #686868;
						font-weight: normal;
						font-size: 14px;
						
					}
				#main .product-view .product .submit {
					margin: 0;
				}
				#main .product-view .attachments ul {
					list-style: none;
					margin: 0;
				}
				#main .product-view .attachments li {
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/attachment.png) no-repeat;
					height: 29px;
					width: 200px;
					padding: 0;
				}
					#main .product-view .attachments li a {
						display: block;
						padding: 0 0 0 40px;
						height: 29px;
						width: 160px;
						line-height: 29px;
						color: #656257;
						font-weight: bold;
						font-size: 10px;
						text-decoration: none;
						text-transform: uppercase;
						background-position: 9px 7px;
					}
				#main .product-view .product-variations .price_list li.price,
				#main .product-view .product-variations .price_list li.new_price {
					font-size: 12px;
				}
				#main .product-view .product-variations td.action {
					width: 100px;
				}
					#main .product-view .product-variations td.action form .submit input {
						padding: 0 5px 0 8px;
						*padding: 0 1px 0 4px;
					}
			/*** Cart ***/
			#main .cart table {
				width: 538px;
				float: left;
				clear: both;
				border: 1px solid #cbcbcb;
				margin-bottom: 5px;
			}
				#main .cart table thead th {
					background: #b6b4af;
					color: #fff;
					font-size: 11px;
					font-weight: bold;
					height: 35px;
					line-height: 35px;
					border-bottom: 1px solid #cbcbcb;
					padding: 0 10px;
				}
				#main .cart table tbody td {
					padding: 10px;
					border-bottom: 1px solid #cbcbcb;
				}
					#main .cart table h3 {
						font-size: 15px;
						margin: 0;
					}
						#main .cart table h3 a {
							color: #4e4e4e;
							text-decoration: none;
							font-weight: bold;
						}
				#main .cart table tfoot  {
					background: #f0f0ef;
				}
					#main .cart table tfoot td,
					#main .cart table tfoot th {
						padding: 3px 0;
					}
				
				#main .cart input.numeric {
					width: 1.3em;
				}
				#main .cart table td.qty {
					width: 50px;
				}
				#main .cart table td.sum,
				#main .cart table tfoot td {
					font-weight: bold;
					padding-right: 10px;
				}
				#main .cart .top-nav {
					width: 540px;
					float: left;
					clear: both;
				}
				#main .cart .back-to-shop {
					float: left;
				}
			#main .confirm .billing-shipping {
				width: 540px;
				float: left;
			}
				#main .confirm .billing-shipping .block {
					width: 250px;
					float: left;
				}
					#main .confirm .billing-shipping .block h3 {
						margin: 0;
					}
				#main .order-details h3 a {
					font-size: 12px;
				}
			/**** Article list ****/
			#main .articles .article .body {
				width: 390px;
			}
			#main .articles .article,
			#main .articles .no-image .body {
				width: 540px;
			}
			/**** Account page ***/
			#main .account .main table thead th,
			#main .account .main table tbody .odd td,
			#main .account .menu li a {
				color: #363636;
			}
		#right {
			width: 208px;
			float: left;
			overflow-x: hidden;
		}
			#right .searchbox {
				width: 208px;
				float: left;
				background: #fff;
				height: 35px;
				padding-bottom: 10px;
				position: relative;
			}
				#right .searchbox h2 {
					display: none;
				}
				#right .searchbox .content {
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/menu-header.gif);
					height: 23px;
					padding: 6px;
					width: 196px;
					float: left;
				}
				#right .searchbox input.text {
					border: none;
					background: #fff;
					/*height: 17px;*/
					padding: 4px;
					font-family: Arial, Helvetica, sans-serif;
					color: #363636;
					font-size: 12px;
					width: 145px;
				}
				#right .searchbox .search_button {
					padding: 0 3px;
					position: absolute;
					top: 6px;
					right: 6px;
					float: left;
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/search-button.png) no-repeat right -23px;
				}
					#right .searchbox .search_button input {
						margin-left: -3px;
						padding: 0 2px 0 5px;
						border: none;
						font-size: 10px;
						font-weight: bold;
						color: #fff;
						height: 23px;
						font-family: Arial, Helvetica, sans-serif;
						float: left;
						text-transform: uppercase;
						background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/search-button.png) no-repeat left top;
					}
					
					#right .searchbox .search_button:hover {
						background-position: right -69px;
					}
						#right .searchbox .search_button:hover input {
							background-position: left -46px;
						}
					#right .searchbox .search_button:active {
						background-position: right -115px;
					}
						#right .searchbox .search_button:active input {
							background-position: left -92px;
						}
			#right .cart {
				margin: 6px;
				display: inline;
				float: left;
				width: 194px;
				border: 1px solid #fff;
				background: #fff;
			}
				#right .cart h2 {
					background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/cart-heading.png) no-repeat;
					height: 26px;
					line-height: 26px;
					color: #fff;
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					padding-left: 30px;
				}
				#right .cart p {
					border-top: 1px solid #fff;
					background: #f5f2e6;
					padding: 6px 8px;
				}
				#right .cart table {
					width: 194px;
					font-size: 10px;
					color: #363636;
				}
					#right .cart table thead {
						display: none;
					}
					#right .cart table td,
					#right .cart table th {
						background: #f5f2e6;
						border-top: 1px solid #fff;
						padding: 7px 2px 7px 2px;
					}
						#right .cart table a {
							color: #363636;
							text-decoration: none;
						}
					#right .cart table tbody .odd td {
						background: #eeeadc;
					}
					#right .cart table td.qty {
						width: 1em;
						padding-left: 6px;
					}
					#right .cart table tfoot th {
						padding-left: 6px;
						text-transform: uppercase;
						font-weight: bold;
					}
					#right .cart table tbody td.numeric,
					#right .cart table tfoot td.numeric {
						padding-right: 6px;
						font-weight: bold;
					}
					#right .cart table tfoot td,
					#right .cart table tfoot th {
						border-top: 1px solid #cbcbcb;
						background: #fff;
					}
					
					#right .cart .nav li a {
						display: block;
						width: 182px;
						background: #6b685e;
						padding: 0 6px;
						height: 25px;
						line-height: 25px;
						color: #fff;
						text-transform: uppercase;
						border-top: 1px solid #cbcbcb;
						font-size: 10px;
					}
					#right .cart .nav li a:hover {
						text-decoration: none;
					}
						#right .cart .nav li.checkout a {
							border-top: 1px solid #fff;
							background: #ff5a00 url(http://www.sjappa.net/flexiviews/templates/dropshop/img/checkout.gif) no-repeat 181px 9px;
						}
					
					
			#right .creditcards {
				padding: 0 0 0 30px;
			}
		#right .articlebox {
			margin: 6px;
			display: inline;
			float: left;
			width: 194px;
			border: 1px solid #fff;
			background: #f2f2f2;
		}
			#right .articlebox h2 {
				background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/article-header.png) no-repeat;
				height: 26px;
				line-height: 26px;
				color: #fff;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				padding-left: 30px;
				border-bottom: 1px solid #fff;
			}
				#right .rssbox h2 {
					background-image:  url(http://www.sjappa.net/flexiviews/templates/dropshop/img/rss-header.png);
				}
			#right .articlebox .content {
				padding: 6px;
				font-size: 11px;
				line-height: 1.1;
			}
				#right .articlebox a {
					color: #363636;
				}
					#right .articlebox a:hover {
						text-decoration: none;
					}
				#right .articlebox ul {
					padding-bottom: 10px;
				}
				#right .articlebox li {
					padding: 3px 0;
				}
					#right .articlebox .meta {
						color: #8a8a8a;
						font-size: 10px;
					}
					#right .articlebox h3 a {
						font-weight: normal;
						color: #363636;
						padding-left: 6px;
						display: block;
						background: url(http://www.sjappa.net/flexiviews/templates/dropshop/img/dash.png) no-repeat left 6px;
						text-decoration: none;
					}
						#right .articlebox h3 a:hover {
							color: #0f97dc;
						}
						
	#footer .branding_text a {
		color: #fff;
	}
	#bottom_left,
	#bottom_right {
		display: none;
	}
	#bottom {
		width: 980px;
		float: left;
		height: 15px;
	}