/*	
		Site						Ugly Childrens Clothing
		URL							www.uglycc.com
		Company name		Felt
		Author					Pål Degerstrøm
		Contact info		pal@felt.no
		Twitter					@degerstrom
		Web							www.felt.no
		Version					v1.0 | 2010-05
		........................................ */

/*	COLORS

		Background			fff
		Text						000
		........................................ */

/*	STYLESHEET SECTIONS

		CSS Flags marked with [=]

		HTML5
		RESET
		GLOBAL
		TYPOGRAPHY
		BUTTONS
		STRUCTURE
		HEADER
		FOOTER
		FORMS
		TABLES
		WIDGETS
		FRONT PAGE
		SHOP FRONT
		SINGLE PRODUCT
		RELATED PRODUCTS
		SHOPPING CART
		UGLY WORLD
		GALLERY
		SPECIFIC, VERY SPECIFIC
		NEWSLETTER
		STORES
		REGISTRATION
		RETAILER
		CLEARING
		........................................ */


/*	=HTML5
		........................................ */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;margin:0;padding:0;}


/*	=RESET
		........................................ */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*	=GLOBAL
		........................................ */
html {
	background: #fff url(../images/page_bg.png) repeat-x 0 0;
}

body {
	background: url(../images/bg/bg_pins_top.png) no-repeat 50% 0;
}

body.shop-lice {
	background: url(../images/bg/bg_lice_top.png) no-repeat 50% 0;
}

body.shop-milk {
	background: url(../images/bg/bg_milk_top.png) no-repeat 50% 0;
}

body.shop-ugly {
	background: url(../images/bg/bg_ugly_top.png) no-repeat 50% 0;
}

td,th {
	vertical-align: top;
}

a {
	color: #0091b1;
	text-decoration: none;
	border-bottom: 1px solid #0091b1;
}

a.image {
	border: none;
	line-height: 0.1;
}

p {
	margin: 0 0 20px 0;
}

h1,
h1 a {
	font: normal 48px/0.9 Arial;
	color: #666;
	margin-bottom: 10px;
	border-color: #fff;
	outline: none;
}

h1 a:hover {
	color: #0091b1;
}

h2 {
	margin-bottom: 15px;
}

h2,
h2 a {
	font: normal 24px/0.9 Georgia, serif;
	color: #000;
}

h2 a {
	border-color: #fff;
}

h2 a:hover {
	color: #0091b1;
}

.articleaside h2 {
	font: normal 24px/0.9 Arial, sans-serif;
	color: #666;
}

h3,
h3 a {
	font: normal 16px/0.9 Georgia, serif;
	color: #000;
}

h3 a {
	border-color: #fff;
}

h3 a:hover {
	color: #0091b1;
}

h4 {
	margin-bottom: 5px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.required {
	color: #0091b1;
	font-weight: bold;
}
/*	=TYPOGRAPHY
		........................................ */

body, input {
	font: normal 14px/1.3 Georgia;
	color: #000;
}

section.intro,
p.intro {
	font: normal 24px/1.3 Georgia;
	color: #666;
}

section.image {
	width: 650px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

section.image img {
	width: 650px;
}

/*	=BUTTONS
		........................................ */
button, a.button {
	outline: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	font: 12px/1 Arial, sans-serif;
	padding: .5em 2em .55em;
	padding: 4px 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
/*
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  display: -moz-inline-box;
	display: inline-block;
*/
	/* Colors */
	color: #fef4e9;
	color: #fff;
	border: solid 1px #da7c0c;
	border: solid 1px #00637C;
	background: #f78d1d;
	background: #0088aa;
	background: -webkit-gradient(linear, left top, left bottom, from(#74BED1), to(#0088aa));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: -moz-linear-gradient(top,  #74BED1,  #0088aa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#74BED1', endColorstr='#0088aa');
}

button {
	display: inline-block;
}

button:hover, a.button:hover {
	text-decoration: none;
	outline: none;

	/* Colors */
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#0088aa), to(#00576C));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: -moz-linear-gradient(top,  #0088aa,  #00576C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088aa', endColorstr='#00576C');
}

button:active, a.button:active {
	position: relative;
	top: 1px;
	outline: none;

	/* Colors */
	color: #fcd3a5;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#00576C), to(#0088aa));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	background: -moz-linear-gradient(top,  #00576C,  #0088aa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00576C', endColorstr='#0088aa');
}

button span.icon {
	font-size: 17px;
	line-height: 0.1;
	margin-left: 3px;
}

a.button::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
	border: none;
}


button.reset:active,
button.reset:hover,
button.reset {
	border: none;
	background-color: transparent;
	background: none;
	color: #0091B1;
	filter: none;

	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;	

}

button.reset span {
	color: #0091B1;
	border-bottom: 1px solid #0091B1;
}


/*	=STRUCTURE
		........................................ */
#main {
	clear: both;
	padding: 40px 0 40px 0;
	min-height: 400px;
	width: 984px;
	margin: 0 auto;
}

.articlelist {
	float: left;
	width: 650px;
	margin-left: 10px;
	overflow: hidden;
}

.retailer .articlelist {
  overflow: visible;
}

.articlelist.wide {
	width: 974px;
}

.articleaside {
	float: left;
	width: 300px;
	margin-left: 24px;
}

/*	=HEADER
		........................................ */
#header {
	width: 984px;
	height: 250px;
	margin: 0 auto;
	position: relative;
}

#header h1.logo {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -22px;
	z-index: 2;
}

#header h1.logo,
#header h1.logo a {
	width: 227px;
	height: 242px;
}

#header h1.logo a {
	display: block;
	text-indent: -999em;
	background: url(../images/logo.png) no-repeat 0 0;
	border: none;
	outline: 0;
}

#header nav {
	position: absolute;
	left: 174px;
	top: 0;
	z-index: 1;
	width: 195px;
	height: 230px;
	margin-top: -21px;
	background: url(../images/menu_bg.png) no-repeat 0 0;
}

#header nav ul {
	margin: 40px 0 0 60px;
}

#header nav ul li {
}

#header nav ul li.uglyworld,
#header nav ul li.about {
	margin-top: 10px;
}

#header nav ul li a {
	color: #666;
	border: none;
}

#header nav ul li.active a,
#header nav ul li a:hover {
	color: #08a;
}

#header aside {
	position: absolute;
	top: 0;
	left: 746px;
	margin-top: -80px;
	width: 213px;
	height: 246px;
	background: url(../images/cart_bg.png) no-repeat 0 0;
	color: #666;
}

#header aside a {
  cursor: pointer;
}

#header aside div {
	width: 145px;
	height: 120px;
	margin: 100px 0 0 35px;
	background: url(../images/cart_icon.png) no-repeat 100% 0;
}

#header aside h2.cart {
	font: normal 24px Arial;
	color: #666;
}

#header aside p {
	margin-top: 11px;
}

#header aside p#cartcontents a {
	border: none;
}

#header aside p#cartcontents em {
	display: block;
	font-size: 24px;
	font-style: normal;
}

#header aside p#cartcontents.empty em {
	font-size: 18px;
}

#header aside p.empty {
	margin-top: 30px;
}

#header aside p.empty a {
	font-size: 18px;
	border-bottom: inherit;
}

#header ul.social {
	position: absolute;
	right: 11px;
	bottom: 0;
	color: #666;
}

#header ul.social li {
	float: left;
	white-space: nowrap;
	margin: 0 0 0 5px;
}

#header ul.social li.label {
	margin-right: 5px;
}

#header ul.social li.feed,
#header ul.social li.twitter,
#header ul.social li.facebook {
	display: block;
	width: 19px;
	height: 19px;
}

#header ul.social li.feed a,
#header ul.social li.twitter a,
#header ul.social li.facebook a {
	display: block;
	width: 19px;
	height: 19px;
	text-indent: -999em;
	text-decoration: none;
	border: none;
}

#header ul.social li.feed a {
	background: url(../images/icon_feed.png) no-repeat 0 0;
}

#header ul.social li.facebook a {
	background: url(../images/icon_facebook.png) no-repeat 0 0;
}

#header ul.social li.twitter a {
	background: url(../images/icon_twitter.png) no-repeat 0 0;
}

/*	=FOOTER
		........................................ */
#footer {
	background: url(../images/footer_bg.png) repeat-x 0 100%;
	color: #666;
}

#footer,
#footer div {
	height: 284px;
	overflow: hidden;
}

#footer div {
	width: 984px;
	margin: 0 auto;
	position: relative;
	background: url(../images/lue.png) no-repeat 50% 100%;
}

/*
.shop-ugly #footer div {
	background: url(../images/ugly.png) no-repeat 50% 100%;
}
*/

body.shop-lice #footer div {
	background: url(../images/bg/bg_pins_bottom.png) repeat-x 0 100%;
}

body.shop-milk #footer div {
	background: url(../images/bg/bg_milk_bottom.png) repeat-x 0 100%;
}

body.shop-ugly #footer div {
	background: url(../images/bg/bg_ugly_bottom.png) repeat-x 0 100%;
}


#footer nav {
	position: absolute;
	left: 171px;
	bottom: 12px;
	z-index: 2;
	width: 195px;
	height: 268px;
	background: url(../images/footer_nav.png) no-repeat 0 0;
}

#footer nav ul {
	margin: 25px 0 0 30px;
}

#footer nav ul li {
}

#footer nav ul li.uglyworld,
#footer nav ul li.about,
#footer nav ul li.press {
	margin-top: 10px;
}

#footer nav ul li a {
	color: #666;
	border: none;
}

#footer nav ul li.active a,
#footer nav ul li a:hover {
	color: #08a;
}

#footer aside.links {
	position: absolute;
	bottom: 0;
	left: 292px;
	margin-bottom: -32px;
	width: 242px;
	height: 300px;
	z-index: 1;
	background: url(../images/footer_links.png) no-repeat 0 0;
}

#footer aside.links ul {
	margin: 130px 0 0 88px;
}

#footer aside.links ul li {
}

#footer aside.links ul li a {
	color: #666;
	border-color: #666;
}

#footer aside.felt {
	position: absolute;
	top: 220px;
	left: 710px;
	padding: 5px;
}

#footer aside.felt p {
	margin: 0;
}

#footer aside.felt:hover {
	margin: -1px 0 0 -1px;
	border: solid 1px #666;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	background: #fff;
}

.shop-ugly #footer aside.felt {
}

.shop-lice #footer aside.felt {
}

.shop-milk #footer aside.felt {
}

#footer aside.felt a {
	color: #666;
	border-color: #666;
}

/*	=FORMS
		........................................ */
input, textarea, select {
	display: block;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px/14px Arial, sans-serif;
	padding: 5px 2px;
/*
	border: solid 1px #00637C;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
*/
}

label {
	display: block;
}

input[type="hidden"] {
  display: none;
}

/*	=TABLES
		........................................ */


/*	=WIDGETS
		........................................ */

/*	=FRONT PAGE
		........................................ */
.frontstart {
	padding-bottom: 20px;
	background: url(../images/frontsep.png) no-repeat 0 100%;
	margin-bottom: 20px;
}

.frontheadline {
	width: 647px;
	float: left;
}

.frontheadline p {
}

.frontheadline p.intro {
	font: normal 24px/1.2 Georgia, serif;
	color: #666;
}

.frontheadline img {
	float: right;
	margin: 0 0 0 30px;
}

.frontnews {
	float: left;
	margin-left: 14px;
}

.frontpromo {
	clear: both;
	padding-bottom: 20px;
	background: url(../images/frontsep.png) no-repeat 0 100%;
}

.frontpromo .item {
	float: left;
	width: 310px;
	margin-left: 27px;
}

.frontpromo .item.first {
	margin-left: 0;
}

.frontpromo .item img {
	margin-bottom: 15px;
}

.frontnews h1,
.frontnews h1 a,
.frontpromo .item h1,
.frontpromo .item h1 a {
	font: normal 24px/1.2 Arial;
}

.frontnews h1 {
	padding-right: 70px;
	background: url(../images/sticker_news.png) no-repeat 100% 0;
	min-height: 66px;
	*height: 66px;
	margin-top: -10px;
	padding-top: 10px;
	min-height: 56px;
	*height: 56px;
}

/*	=SHOP FRONT
		........................................ */
.shopheader {
	color: #666;
	margin-bottom: 15px;
}

.shopheader.ugly {
	margin-bottom: 30px;
}

.shopheader h1 {
	float: left;
	width: 340px;
}

.shopheader nav {
	float: left;
	position: relative;
	bottom: -35px;
}

.shopheader nav ul {
	line-height: 0.9;
}

.shopheader nav ul.colors {
  clear: both;
	margin-top: 10px;
}

.shopheader nav ul li {
	float: left;
	border-left: 1px solid #666;
	padding: 0 10px;
}

.shopheader nav ul li.label {
	border-left: none;
	padding: 0;
}

.shopheader nav ul li.all {
	border-left: none;
}

.shopheader nav ul li a {
	color: #666;
	border-color: #fff;
}

.shopheader nav ul li a:hover {
	color: #0091b1;
}

.shopheader nav ul li.active a,
.shopheader nav ul.colors li a.active {
	color: #0091b1;
	border-color: #0091b1;
}

/*
.promolist {
  width: 1002px;
}
*/

.promolist article {
	float: left;
	width: 310px;
	margin-left: 27px;
	margin-bottom: 30px;
}

.promolist article.hidden {
  display: none;
}

.promolist article.first {
	clear: both;
	margin-left: 0;
}

.promolist article.list {
	margin-left: 0;
	margin-right: 18px;
}

.promolist article header {
}

.promolist article header h2 {
	font: normal 18px Georgia;
}

.promolist article header h2 a {
	color: #000;
	border-color: #fff;
}

h1 span.uglyedit,
.promolist article header h2 span.uglyedit {
	display: none;
	font-size: 11px;
	margin-left: 10px;
}

h1 span.uglyedit a,
.promolist article header h2 span.uglyedit a {
	font-size: 11px;
}

h1:hover span.uglyedit,
.promolist article header h2:hover span.uglyedit {
	display: inline;
}

.promolist article details {
	color: #666;
	min-height: 43px;
	padding-top: 8px;
	margin-top: 5px;
	background: url(../images/line_swirl.png) no-repeat 0 0;
}

.promolist article figure {
	margin-bottom: 10px;
}

.promolist article figure div {
	position: relative;
	display: none;
	height: 260px;
	overflow: hidden;
}

.promolist article figure div.active {
	display: block;
}

.promolist article figure div a {
	border: none;
	line-height: 0.1;
}

.promolist article figure div p.new,
.promolist article figure div p.new span,
.promolist article figure div p.sale,
.promolist article figure div p.sale span {
	width: 66px;
	height: 66px;
}

.promolist article figure div p.new,
.promolist article figure div p.sale {
	position: absolute;
	top: 40px;
	right: 75px;
}

.promolist article figure div p.new span,
.promolist article figure div p.sale span {
	display: block;
	text-indent: -999em;
	background: url(../images/sticker_new.png) no-repeat 0 0;
}

.promolist article figure div p.sale span {
	background: url(../images/sticker_sale.png) no-repeat 0 0;
}

.promolist article aside {
	color: #666;
	padding-bottom: 5px;
	background: url(../images/line.png) no-repeat 0 0;
}

.promolist article aside p {
	margin: 0;
	padding-top: 5px;
}

.promolist article aside ol {
	display: block;
	padding-bottom: 5px;
	background: url(../images/line.png) no-repeat 0 100%;
}

.promolist article aside li {
	float: left;
	width: 62px;
	display: inline-block;
	text-align: center;
}

.promolist article aside li a {
	border: none;
	line-height: 0.1;
	outline: 0;
}

/*	=SINGLE PRODUCT
		........................................ */
.singleproduct {
}

.singleproduct .info {
	float: left;
	width: 310px;
	font: normal 18px/1.3 Georgia;
	color: #666;
	margin-bottom: 20px;
}

.singleproduct .info .pricing {
	padding-top: 20px;
	background: url(../images/line.png) no-repeat 0 0;
	margin-top: 20px;
}

.singleproduct .info .pricing h2 {
	padding-bottom: 20px;
	background: url(../images/line.png) no-repeat 0 100%;
}

.singleproduct .info .shipping {
	margin-top: 20px;
	min-height: 23px;
	font-size: 14px;
	background: url(../images/care.png) no-repeat 100% 0;
}

.singleproduct .info .shipping.cotton {
	min-height: 34px;
	background: url(../images/care_cotton.png) no-repeat 100% 0;
}

.singleproduct .info .shipping.merino {
	min-height: 35px;
	background: url(../images/care_merino.png) no-repeat 100% 0;
}

.singleproduct .info .social {
	margin-top: 20px;
	padding-top: 20px;
	font-size: 14px;
	background:url("../images/line.png") no-repeat scroll 0 0;
}

.singleproduct .info .social p {
	margin-bottom: 10px;
}

.singleproduct .info .social p.twitter {
	font: normal 11px Arial, sans-serif;
}

.singleproduct .info .social p.twitter a {
	position: relative;
	top: -4px;
	border: none;
}

.singleproduct .images {
	float: left;
	width: 650px;
	margin-left: 24px;
	margin-bottom: 20px;
	position: relative;
}

.singleproduct .images li {
	display: none;
}

.singleproduct .images li.active {
	display: block;
}

.singleproduct .images nav {
  width: 36px;
  height: 24px;
  padding: 8px 0 0 12px;
  position: absolute;
  right: 1px;
  bottom: 30px;
  z-index: 4;
  background: url(../images/imagenav_bg.png) no-repeat 0 0;
}

.singleproduct .images nav a {
  border: none;
  float: left;
  margin-right: 6px;
}

.singleproduct .images nav a,
.singleproduct .images nav a span {
  width: 8px;
  height: 15px;
  overflow: hidden;
}

.singleproduct .images nav a span {
  display: block;
  text-indent: -999em;
}

.singleproduct .images nav a.previous span {
  background: url(../images/imagenav_previous.png) no-repeat 0 0;
}
.singleproduct .images nav a.previous.disabled span {
  background: url(../images/imagenav_previous.png) no-repeat 0 0;
}

.singleproduct .images nav a.next span {
  background: url(../images/imagenav_next.png) no-repeat 0 0;
}
.singleproduct .images nav a.next.disabled span {
  background: url(../images/imagenav_next.png) no-repeat 0 0;
}


.singleproduct .items {
	background-color: #f5f5f5;
	clear: both;
	height: 110px;
	overflow: hidden;
	margin-bottom: 20px;
}

.singleproduct fieldset {
	float: left;
	position: relative;
	height: 90px;
}

.singleproduct fieldset div {
	position: absolute;
	bottom: 0;
	left: 0;
}

.singleproduct legend {
	display: none;
}

.singleproduct label {
	display: block;
	color: #666;
	margin-bottom: 3px;
}

.singleproduct select {
	font-size: 12px;
	outline: none;
}

.singleproduct select#itemcolor {
	width: 120px;
}

.singleproduct select#itemsize {
	width: 150px;
}

.singleproduct optgroup {
	font-style: normal;
}

.singleproduct option {
	outline: none;
}

.singleproduct fieldset.iteminfo {
	width: 330px;
	margin-left: 25px;
}

.singleproduct fieldset.iteminfo h2 {
	margin-top: 25px;
	line-height: 0.1;
	display: block;
}

.singleproduct fieldset.iteminfo select {
	width: 150px;
}

.singleproduct fieldset.itemimage {
	width: 390px;
}

.singleproduct fieldset.itemimage li {
	display: none;
}

.singleproduct fieldset.itemimage li.active {
	display: block;
}

.singleproduct fieldset.itemcount {
	width: 115px;
}

.singleproduct fieldset.itemcount input {
	font-size: 12px;
	width: 40px;
	text-align: right;
	border: none;
	outline: none;
	border: 1px solid #ccc;
	padding: 3px 5px;
}

.singleproduct fieldset.itemaction {
	width: 100px;
	text-align: right;
}

.singleproduct fieldset.itemaction #itemfeedback {
	position: absolute;
	top: 30px;
	left: 0;
	margin-left: -115px;
	text-align: left;
}

.singleproduct fieldset.itemaction div {
	right: 0;
}

/*
.singleproduct fieldset.itemaction button {
	border: none;
	height: 22px;
	padding: 0 0 0 12px;
	background: url(../images/button.png) no-repeat 0 0;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  display: -moz-inline-box;
  vertical-align: text-bottom;
  font: bold 12px Arial;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
}

.singleproduct fieldset.itemaction button::-moz-focus-inner {
  padding: 0;
	border: none;
}

.singleproduct fieldset.itemaction button span {
	display: block;
	background: url(../images/button.png) no-repeat 100% -22px;
	height: 18px;
	padding: 4px 12px 0 0;
}
*/

#shippinglink {
	margin-bottom: 5px;
}

#shippingoverlay {
	display: none;
	position: absolute;
	width: 288px;
	border: 1px solid #666;
	background-color: #fff;
	padding: 10px;
	z-index: 10;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 6px 6px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 6px 0 rgba(0,0,0,.2);
	box-shadow: 0 6px 6px 0 rgba(0,0,0,.2);

}

#shippingoverlay p:last-child {
	margin-bottom: 0;
}

#shippingoverlay.active {
	display: block;
}

/*	=RELATED PRODUCTS
		........................................ */
.other,
.related {
	position: relative;
	border: 1px solid #d1d1d1;
	height: 110px;
	overflow: hidden;
	margin-bottom: 20px;
}

.other h2,
.related h2 {
	color: #666;
	display: block;
	line-height: 1;
	margin-bottom: 15px;
}

.other .otherinfo,
.related .relatedinfo {
	float: left;
	width: 305px;
	padding: 20px 0 20px 20px;
}

.other .relatedchannels,
.related .relatedproducts {
	float: left;
	width: auto;
	height: 110px;
	position: relative;
}

.other .relatedchannels ol,
.related .relatedproducts ol {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 110px;
	width: 510px;
}

.other .relatedchannels ol {
	width: 656px;
}

.other .relatedchannels li,
.related .relatedproducts li {
	position: relative;
	float: left;
	width: 170px;
}

.other .relatedchannels li {
  width: 164px;
}

.related .relatedchannels li img,
.related .relatedproducts li img {
	position: relative;
	top: 0;
	left: 0;
}

.other .relatedchannels li h3,
.related .relatedproducts li h3 {
	font-size: 18px;
	line-height: 1;
	position: relative;
	top: -90px;
	z-index: 2;
}

.other .relatedchannels li h3 {
	top: 25px;
}

.other .relatedchannels li h3 a,
.related .relatedproducts li h3 a {
	border: none;
}

.related .relatedlinks {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}

.related .relatedlinks li {
	white-space: nowrap;
	margin-bottom: 15px;
}

/*	=SHOPPING CART
		........................................ */

table.cart {
}

table.cart thead,
table.cart tr.summary {
	background-color: #f5f5f5;
}

table.cart td {
	padding: 10px;
}

table.cart th,
table.cart .summary td {
	padding: 5px 10px;
}

table.cart .summary span {
	white-space: nowrap;
}

table.cart .summary span#sum_euro {
	display: block;
}

table.cart .summary.nok span#sum_euro,
table.cart .summary span#sum_nok {
	display: none;
}

table.cart .summary.nok span#sum_nok {
	display: block;
}

table.cart th {
	white-space: nowrap;
}

table.cart .description {
	width: 185px;
	padding-left: 15px;
}

table.cart .quantity {
	width: 68px;
}

table.cart .price {
	width: 66px;
}

table.cart .total,
table.cart .subtotal {
	width: 60px;
	padding-right: 15px;
}

table.cart .image {
	width: 150px;
	padding-bottom: 0;
	line-height: 0.1;
}

table.cart td.image img {
	width: 150px;
}

table.cart tr.item td {
	border: 1px solid #f5f5f5;
	border-width: 1px 0;
}

table.cart td {
	vertical-align: bottom;
}

table.cart tr.item td.description {
	border-left: 2px solid #f5f5f5;
}

table.cart td.quantity {
}

table.cart td.price {
	text-align: right;
}

table.cart tr.item td.subtotal {
	text-align: right;
	border-right: 1px solid #f5f5f5;
}

table.cart td.total {
	text-align: right;
}

table.cart td.label {
	text-align: right;
}

table.cart tr.action td {
	padding: 30px 0 5px 0;
}

table.cart tr.action td.update {
	padding-left: 10px;
}

table.cart td.action {
	text-align: right;
}

table.cart td.help {
}

table.cart p {
	margin-bottom: 0;
}

table.cart tr.sep {
	height: 10px;
}

table.cart tr.sep td {
	border: none;
	padding: 0;
}

#cartform {
}

#cartform input {
	text-align: right;
	width: 40px;
}

#cartform button {
}

table.coupon {
}

table.coupon td {
	padding: 10px;
}

table.coupon td.label {
	width: 150px;
}

table.coupon td.label label {
	white-space: nowrap;
}

table.coupon td.input {
	width: 110px;
}

table.coupon td.input input {
}

table.coupon td.action {
	width: 124px;
	text-align: right;
}

/*
table.continue {
	width: 480px;
}

table.continue td {
	padding: 10px;
	text-align: right;
}
*/

#confirmform {
	margin: 20px 0;
}

#confirmform input {
	width: 250px;
	margin: 5px 0 15px 0;
}

#confirmform select {
	width: 256px;
	margin: 5px 0 15px 0;
}

#confirmform textarea {
	width: 250px;
	height: 120px;
	margin: 5px 0 15px 0;
}

#confirmform td.label {
	text-align: right;
	padding: 7px 10px 0 0;
}

#confirmform td.action {
	text-align: right;
}

#confirmform td.message {
	padding: 7px 0 0 10px;
	color: #99590e;
}

#confirmform td.message p {
	display: none;
}

#confirmform tr.action td.message p,
#confirmform .error td.message p {
	display: block;
}

#confirmform tr.action td.message {
	color: #000;
	padding-top: 3px;
}

#confirmform tr.action.error td.message {
	color: #99590e;
}

ol.ordersteps {
	margin: 5px 0 20px 5px;
}

ol.ordersteps li {
	list-style: decimal inside;
	margin-bottom: 15px;
}

ol.ordersteps li.active {
	font-weight: bold;
}

.articleaside div.item {
	margin-bottom: 20px;
}

.notebook {
	width: 323px;
	min-height: 294px;
	*height: 294px;
	background: url(../images/notepad_a.png) no-repeat 0 0;
}

.notebook.alt {
	width: 345px;
	min-height: 319px;
	*height: 319px;
	margin-left: -11px;
	padding-left: 11px;
	width: 333px;
	background: url(../images/notepad_b.png) no-repeat 0 0;
}

.articleaside .notebook.second {
	z-index: 2;
	margin-top: -52px;
}

.articleaside .notebook.third {
	z-index: 3;
	margin-top: -58px;
	margin-bottom: 30px;
}

.notebook div.hd {
}

.notebook div.ft {
}

.notebook div.bd {
	padding: 55px 20px 0 30px;
}

p.shipping {
	width: 117px;
	height: 117px;
	text-indent: -999em;
	background: url(../images/sticker_shipping.png) no-repeat 0 0;
	margin: 0 0 0 15px;
}

p.storylink {
	margin-top: -20px;
	padding: 3px 60px 0 0;
	height: 63px;
	background: url(../images/sticker_story.png) no-repeat 100% 0;
}

p.b2b {
	padding: 0 60px 0 0;
/*
	min-height: 66px;
	height: 66px;
	height: 56px;
*/
	padding-top: 10px;
	background: url(../images/sticker_b2b.png) no-repeat 100% 0;
}

/*	=UGLY WORLD
		........................................ */
.world {
	padding-bottom: 40px;
	margin-bottom: 40px;
	background: url(../images/line_full.png) no-repeat 0 100%;
}

h1+.world {
	margin-top: 40px;
}

.world .date {
	color: #666;
}

.world h1 a,
.world h2 a {
	color: #666;
}

.world h1 a:hover,
.world h2 a:hover {
	color: #0091b1;
}

.world h2,
.world h2 a {
	font: normal 24px/0.9 Arial;
	margin-bottom: 15px;
}

.world .image {
	margin: 10px 0;
	line-height: 0.1;
}

.world.item {
}

.world .social {
	margin-top: 40px;
	font-size: 14px;
}

.world .social p {
}

.world .social p.twitter {
	font: normal 11px Arial, sans-serif;
}

.world .social p.twitter a {
	position: relative;
	top: -4px;
	border: none;
}

.comments {
	margin-top: 40px;
}

.comments ul {
	margin: 10px 0 30px 0;
}

.comments ul li {
	margin-bottom: 20px;
}

.comments ul li span.author {
	display: block;
	font-size: 13px;
}




.comments span.uglyedit {
	display: none;
	font-size: 11px;
	margin-left: 10px;
}

.comments span.uglyedit a {
	font-size: 11px;
}

h2:hover span.uglyedit {
	display: inline;
}





#comment_form textarea,
#comment_form input {
	width: 250px;
	margin: 5px 0 15px 0;
}

#comment_form textarea {
	clear: both;
	height: 110px;
}

#comment_form input.checkbox {
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	border: none;
	clear: both;
}

#comment_form label.checkbox {
	margin-left: 5px;
	float: left;
}

#comment_form button {
	clear: both;
	display: block;
	margin-top: 15px;
}


.articleaside ul.pressreleases {
}

.articleaside ul.pressreleases li {
	margin: 0 0 5px 0;
}

.pagination {
}

.pagination ul {
}

.pagination li {
  float: left;
  margin: 0 10px 0 0;
}

.pagination li.label {
  margin-left: 0;
}

.pagination li.active a {
  color: #000;
}

/*	=GALLERY
		........................................ */


#uccgallery article {
	float: left;
	width: 310px;
	margin-left: 27px;
	margin-bottom: 30px;
}

#uccgallery article.first {
	clear: both;
	margin-left: 0;
}

#uccgallery article header {
}

#uccgallery article header h2 {
	font: normal 18px Georgia;
}

#uccgallery article details {
	color: #666;
	min-height: 43px;
	padding-top: 8px;
	margin-top: 5px;
	background: url(../images/line_swirl.png) no-repeat 0 0;
}

#uccgallery article details select {
	margin: 10px 0 0 0;
	font-size: 12px;
	outline: none;
}

#uccgallery article figure {
	margin-bottom: 20px;
	display: block;
}

#uccgallery article figure div {
  display: block;
	position: relative;
	width: 233px;
	height: 253px;
	padding: 25px 0 0 25px;
	overflow: hidden;
	background: url(../images/gallery_bg.png) no-repeat 0 0;
}

#uccgallery article figure img {
	display: none;
}

#uccgallery article figure img.active {
	display: block;
}

#uccgallery article aside {
	color: #666;
	background: url(../images/line.png) no-repeat 0 0;
}

#uccgallery article aside p {
	margin: 0;
	padding-top: 10px;
	display: none;
}

#uccgallery article aside p.active {
	display: block;
}



/*	=SPECIFIC, VERY SPECIFIC
		........................................ */
ol.contact {
}

ol.contact li {
	float: left;
	width: 23%;
	margin-right: 2%;
}

ol.contact li span {
	color: #666;
}

.storelist ul {
	margin: 5px 0 25px 10px;
}

.storelist li {
	list-style: disc inside;
}




nav.stores {
	margin-bottom: 25px;
}

nav.stores ul {
	line-height: 0.9;
}

nav.stores ul li {
	float: left;
	border-left: 1px solid #666;
	padding: 0 10px;
}

nav.stores ul li.first {
	border-left: none;
	padding-left: 0;
}

/*
nav.stores ul li a {
	color: #666;
	border-color: #fff;
}

nav.stores ul li a:hover {
	color: #0091b1;
}
*/




/*	=NEWSLETTER
		........................................ */

#subForm {
}

#subForm label {
}

#subForm input {
	width: 200px;
	margin: 5px 0 10px 0;
}

#subForm button {
}


/*	=STORES
		........................................ */

nav.storelist {
    margin-bottom: 15px;
}

#storecountrylist {
  width: 200px;
}

#storelist li {
  display: none;
  margin: 0 0 10px 0;
}

#storelist li.active {
  display: block;
}

.shoplisting {
}

.shoplisting .contact {
}

.shoplisting .contact p {
  margin: 0 0 10px 0;
}

/*	=REGISTRATION
		........................................ */

#retailerreg form {
}

#retailerreg label {
}

#retaileraccount label span,
#retailerreg label span {
	font-size: 12px;
	display: block;
}

#retaileraccount input,
#retaileraccount textarea,
#retailerpassword input,
#retailerreg input,
#retailerreg textarea,
#retailerlogin input {
	width: 250px;
	margin: 5px 0 15px 0;
}

#retaileraccount textarea {
	clear: both;
}

#retaileraccount input.checkbox,
#retailerlogin input.checkbox {
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	border: none;
	clear: both;
}

#retaileraccount label.checkbox,
#retailerlogin label.checkbox {
	margin-left: 5px;
	float: left;
}

#retailerreg button,
#retailerlogin button {
	clear: both;
	display: block;
}

#retailerlogin label.checkbox+button {
	margin-top: 45px;
}

#retaileraccount select {
	width: 250px;
	margin: 5px 0 15px 0;
}

#retaileraccount .biolabel {
	clear: both;
	margin-top: 10px;
}

#retaileraccount #bio {
	height: 100px;
}

#member_form label .message {
	display: none;
	color: #99590e;
}

#member_form label.error .message {
	display: block;
}

/*	=RETAILER
		........................................ */
form#retailerorder {
}

form#retailerorder th {
	font-weight: bold;
}

form#retailerorder th,
form#retailerorder td {
	padding: 3px 5px;
	white-space: nowrap;
	vertical-align: middle;
}

form#retailerorder tr.odd {
	background-color:#F5F5F5;
}

form#retailerorder tr.unavailable * {
  text-decoration: line-through;
}

form#retailerorder tr.unavailable td.prodname span {
  text-decoration: none !important;
  font-style: italic;
}


form#retailerorder td.input {
}

form#retailerorder input {
	width: 30px;
	text-align: right;
}

form#retailerorder textarea {
	width: 300px;
	height: 100px;
	margin-bottom: 10px;
}

#retailerorderconfirm {
	display: none;
}

#retailerorderconfirm.active {
	display: block;
}

/*	=CLEARING
		........................................ */
#header:after, #main:after, #footer:after,
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ie7 .group {
	min-height: 1%;
}