/*
=====================
BASE
=====================
*/
body {
	background:url(../images/bg_body-repeat.png) repeat-x top center #a8a8a8;
	text-align:center;
	color:#666;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table  { margin:10px 0; }
img { border:0 ;}
.access, hr { display:none; }
.clearer { clear:both; height:1%; line-height:1%; font-size:1%; }

a:link, a:visited { color:#a7003c; font-weight:bold; text-decoration:underline; }
a:hover, a:active { text-decoration:none; outline:none; }

strong, dfn { font-weight:bold; }

img.align-right { margin:0 0 15px 15px; float:right; }
img.align-left { margin:15px 15px 15px 0; float:left; }
img.product-image { border:1px solid #ccc; }

img.left { float:left; margin:0 5px 5px 0; }


/* 
=====================
HEADINGS
=====================
*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size:22px; line-height:25px; }
h2 { font-size:18px; line-height:21px; }
h3 { font-size:16px; line-height:19px; }
h4 { font-size:14px; line-height:17px; }
h5 { font-size:13px; line-height:16px; }
h6 { font-size:13px; line-height:16px; }


/* 
=====================
LISTS
=====================
*/
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
ul, ol { list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em; }


/* 
=====================
FOUNDATION
=====================
*/
div#wrap { width:100%; position:relative; text-align:left; }

div#header {
	background:url(../images/bg_header-repeat.jpg) repeat-x top center;
	width:958px;
	height:50px;
	margin:0 auto;
	position:relative;
	border-right:1px solid #c9778c;
	border-left:1px solid #c9778c;
	z-index:20;
}
div.shadow-left { background:url(../images/bg_shadow-left.png) no-repeat top left; width:34px; height:382px; position:absolute; top:0; left:-34px; }
div.shadow-right { background:url(../images/bg_shadow-right.png) no-repeat top left; width:34px; height:382px; position:absolute; top:0; right:-35px; }

body.home div#cwrap { background:url(../images/bg_splash.jpg) no-repeat top center #fff; width:940px; padding:10px; margin:0 auto; position:relative; z-index:15; }
body.lilla div#cwrap { background:url(../images/img_lilla.jpg) no-repeat top center #fff; }
div#cwrap { background:#fff; width:960px; padding:0; margin:0 auto; position:relative; z-index:15; }

body.home div#cwrap div#splash { min-height:415px; padding:0 0 0 3px; }
body.secondary div#cwrap div#splash, body.fullpage div#cwrap div#splash { width:960px; height:235px; padding:0; position:relative; }

div#side { width:280px; padding:35px 20px 20px 0; float:right; display:inline; position:relative; }
div#main { width:600px; padding:20px 0 20px 50px; float:left; display:inline; position:relative; }
body.home div#main { width:920px; padding:0 10px; }
body.lilla div#main { width:920px; padding:20px; }
body.fullpage div#main { width:940px; min-height:300px; padding:40px 10px; }

div#footer { background:#333; width:958px; padding:10px 0; margin:0 auto; position:relative; border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-bottom:1px solid #858585; }

div#bottom-halftone { background:url(../images/bg_ugglebo-bottom.png) no-repeat top center; margin:0 auto; width:960px; height:115px; }

/* 
=====================
CWRAP
=====================
*/
div#cwrap h1 a:link, div#cwrap h1 a:visited {
	background:url(../images/img_logo.png) no-repeat top center;
	width:239px;
	height:0;
	padding:97px 0 0;
	margin:0 0 0 10px;
	display:block;
	position:relative;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#fff;
}
div#cwrap h1 a:hover, div#cwrap h1 a:active { border:0;text-decoration:none; }

body.secondary div#cwrap h1 a:link, body.secondary div#cwrap h1 a:visited {
	background:url(../images/secondary/img_logo-secondary.png) no-repeat top center;
	position:absolute;
	bottom:10px;
	left:20px;
	cursor:pointer;
}

body.fullpage div#cwrap h1 a:link, body.fullpage div#cwrap h1 a:visited {
	background:url(../images/secondary/img_logo-secondary.png) no-repeat top center;
	position:absolute;
	bottom:10px;
	left:20px;
	cursor:pointer;
}

/* 
=====================
HEADER
=====================
*/
div#header div#nav { float:left; }

div#header div#search-wrap { width:197px; padding:0 22px 0 0; margin:15px 0 0; float:right; }
div#header div#search-wrap form div.input { background:url(../images/img_search-background.png) no-repeat top left; width:152px; height:26px; float:left; }
div#header div#search-wrap form div.input input { background:none; width:137px; height:20px; padding:4px 04px 0 4px; margin:2px 0 0 5px; border:none; color:#888; }
div#header div#search-wrap form div.input-button { width:45px; height:26px; float:left; }
div#header div#search-wrap form div.input-button input {
	background:url(../images/img_search-button.png) no-repeat top right;
	width:45px;
	height:26px;
	border:none;
	color:#fff;
	cursor:pointer;
}

div#header div.special-offers {
	background:url(../images/btn_special-offers.png) no-repeat top center;
	width:201px;
	height:31px;
	position:absolute;
	bottom:-31px;
	right:20px;
}
div#header div.special-offers a {
	width:161px;
	height:25px;
	padding:6px 0 0 40px;
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:17px;
	text-decoration:none;
	text-transform:uppercase;
}
div#header div.special-offers a:hover { background:url(../images/btn_special-offers-over.png) no-repeat top center; }

body.secondary div#header div.special-offers, body.fullpage div#header div.special-offers {
	background:url(../images/secondary/btn_special-offers.png) no-repeat top center;
	width:197px;
	height:30px;
	position:absolute;
	bottom:-30px;
	right:20px;
}
body.secondary div#header div.special-offers a, body.fullpage div#header div.special-offers a { color:#333; }
body.secondary div#header div.special-offers a:hover, body.fullpage div#header div.special-offers a:hover { background:none; text-decoration:underline; }

/*body.lilla div#header div.special-offers {
	background:url(../images/secondary/btn_special-offers.png) no-repeat top center;
	width:197px;
	height:30px;
	position:absolute;
	bottom:-30px;
	right:20px;
}
body.lilla div#header div.special-offers a { color:#333; }
body.lilla div#header div.special-offers a:hover { background:none; text-decoration:underline; }*/

/* 
=====================
PULLS
=====================
*/
#top-language { position: absolute; top: 30px; right: 45px; width: 150px; height: 30px; text-align: center; }
div#splash div#pull-wrap { padding:13px 0 0; }
div#splash div.pulls { width:337px; height:76px; padding:2px 0 0; position:relative; }

div#splash div.pulls div.left h3 { padding:16px 0 0 7px; }
div#splash div.pulls div.left h3 a {
	color:#fff;
	font-size:18px;
	line-height:21px;
	font-weight:normal;	
	text-decoration:none;
}
div#splash div.pulls div.left p {  padding:0 0 0 6px; margin:0; }
div#splash div.pulls div.left p a { font-size:12px; font-weight:normal; line-height:15px; color:#999; text-transform:lowercase; text-decoration:none; }

div#splash div.ugglebo div.left { background:url(../images/btn_ugglebo-clog-left.jpg) no-repeat top left; width:150px; height:76px; float:left; }
div#splash div.ugglebo div.right { background:url(../images/btn_ugglebo-clog-right.jpg) no-repeat top left; width:187px; height:76px; float:right; }

div#splash div.sandgrens div.left { background:url(../images/btn_sandgrens-clog-left.jpg) no-repeat top left; width:150px; height:76px; float:left; }
div#splash div.sandgrens div.right { background:url(../images/btn_sandgrens-clog-right.jpg) no-repeat top left; width:187px; height:76px; float:right; }

div#splash div.q-clogs div.left { background:url(../images/btn_qclog-left.jpg) no-repeat top left; width:150px; height:76px; float:left; }
div#splash div.q-clogs div.right { background:url(../images/btn_q-clog-right.jpg) no-repeat top left; width:187px; height:76px; float:right; }

div#splash div.lilla div.left { background:url(../images/btn_lilla-clog-left.jpg) no-repeat top left; width:150px; height:76px; float:left; }
div#splash div.lilla div.right { background:url(../images/btn_lilla-clog-right.jpg) no-repeat top left; width:187px; height:76px; float:right; }

div#splash div.boots div.left { background:url(../images/btn_boot-left.jpg) no-repeat top left; width:150px; height:76px; float:left; }
div#splash div.boots div.right { background:url(../images/btn_boot-right.jpg) no-repeat top left; width:187px; height:76px; float:right; }
div#splash div.boots h3 { padding:25px 0 0 7px; }


div#side div#pull-wrap {  }
div#side div.pulls {  background:url(../images/secondary/btn_pull-secondary.jpg) no-repeat top left; width:230px; height:81px; padding:0; position:relative; float:right; }
div#side div.pulls div.left { width:105px; float:left; position:relative; }
div#side div.pulls div.right { width:121px; float:right; text-align:right; }
div#side div.pulls h3 { width:106px; padding:18px 15px 0 0; }
div#side div.pulls h3 a {
	color:#fff;
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-decoration:none;
}
div#side div.pulls p { width:106px; padding:0 15px 0 0; margin:0; }
div#side div.pulls p a { font-size:11px; line-height:14px; color:#999; text-transform:lowercase; text-decoration:none; }


div#side div.boots h3 { padding:24px 15px 0 0; }

/* 
=====================
MAIN
=====================
*/
div#main h1, h2, h3 { color:#a61d40; }
div#main h4, h5, h6 { color:#333; }
body.secondary h3, h4, h5, h6 { font-weight:bold; }
body.secondary div#main h1, h2, h3, h4, h5, h6 { padding:5px 0; color:#333; }

body.home div#main p { margin:0; padding:5px 0; }
div#main p.med-btn { background:url(../images/btn_med-red.png) no-repeat top center; width:161px; height:33px; text-align:center; }
div#main p.med-btn a { padding:8px 0; display:block; font-size:16px; font-weight:normal; text-decoration:none; color:#fff; }
div#main p.med-btn a:hover { background:url(../images/btn_med-red-over.png) no-repeat top center; }

div#main p.shop-now { background:url(../images/btn_med-red.png) no-repeat top center; width:161px; height:33px; margin:30px 0 20px; text-align:center; }
div#main p.shop-now a { padding:8px 0; display:block; font-size:16px; font-weight:normal; text-decoration:none; color:#fff; }
div#main p.shop-now a:hover { background:url(../images/btn_med-red-over.png) no-repeat top center; }

div#main div.faq { padding:20px 0; border-bottom:1px solid #ccc; }
div#main div.faq p.question { padding:5px 0; margin:0; font-weight:bold; }
div#main div.faq p.answer { margin:0; }
div#main div.faq p span { font-weight:bold; }

div#main div.shoe-wrap { margin:20px 0; clear:both; }
div#main div.shoe-wrap div.left {float:left; width:142px; padding-top:24px}
div#main div.shoe-wrap div.left img { margin:0 10px 20px 0; float:left; }

div#main div.shoe-wrap div.right { float:right; width:440px; }
div#main div.shoe-wrap div.right p {  }

p.red-arrow  { margin:0; }
p.red-arrow a { background:url(../images/img_red-arrow.png) no-repeat right 2px; padding:0 20px 0 0; }

body.secondary p.red-arrow  { margin:1em 0; }

div#main div.contact { padding:20px 0; }
div#main div.contact p { }

div#main div.contact-left { width:50%; float:left; }
div#main div.contact-right { width:45%; float:right; }

div#main form div.row div input { width:210px; padding:4px; }
div#main form div.row div textarea { width:220px; height:80px; }

div#main p.signature {  }
div#main p.signature span { font-size:12px; font-style:italic; }


/*
=====================
LANDING PAGES
=====================
*/
body.fullpage div#main h1 { padding:0 0 0 20px; }

body.fullpage div.box {
	width:280px;
	height:167px;
	margin:10px 15px;
	float:left;
	display:inline;
	position:relative;
	border:1px solid #b3b3b3;
}

body.fullpage div.box h3 {  width:60%; font-size:18px; line-height:21px; font-weight:normal; position:relative; top:130px; left:10px; z-index:120; }
body.fullpage div.box p { position:absolute; bottom:0; right:10px; z-index:121; }
body.fullpage div.box p a {
	background:#a61d40;
	color:#fff;
	padding:5px 20px;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
body.fullpage div.box p a:hover { background:#bf2f57; }

body.fullpage div.box img { position:absolute; top:0; left:0; z-index:110; }

/*
=====================
PAGINATION
=====================
*/
div#main div.pagination {  }
div#main div.pagination p { font-size:14px; float:left; }

div#main div.pagination p.forward { margin:10px 0 10px 0; }
div#main div.pagination p.forward a { background:url(../images/secondary/img_red-arrow.png) no-repeat right 3px; padding:0 15px 0 0; font-weight:normal; text-decoration:none; }
div#main div.pagination p.forward a:hover { text-decoration:underline; }

div#main div.pagination p.back { margin:10px 50px 10px 0; }
div#main div.pagination p.back a { background:url(../images/secondary/img_red-arrow-back.png) no-repeat left 3px; padding:0 0 0 15px; font-weight:normal; text-decoration:none; }
div#main div.pagination p.back a:hover { text-decoration:underline; }

/*
=====================
XTRA
=====================
*/
div#xtra { background:#333; width:918px; padding:15px 20px 0; margin:0 auto; border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative; }

div#xtra img { border:1px solid #858585; }

div#xtra div#col-left { width:288px; height:299px; float:left; margin:0 15px 0 0; border:1px solid #858585; position:relative; }
div#xtra div#col-mid { float:left; margin:0 15px 0 0; }
div#xtra div#col-right { width:288px; height:299px; float:left; border:1px solid #858585; position:relative; }

div#xtra div#col-left a { cursor:pointer; display:block; }
div#xtra div#col-left a:hover {  }


/*
=====================
LILLA PAGE
=====================
*/
body.lilla div#cwrap h1 a:link, body.lilla div#cwrap h1 a:visited {
	background:url(../images/lilla/img_logo.png) no-repeat top center;
	width:239px;
	height:0;
	padding:97px 0 0;
	margin:0 0 0 20px;
	display:block;
	position:relative;
	top:12px;
	left:0;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#fff;
}
body.lilla div#cwrap h1 a:hover, body.lilla div#cwrap h1 a:active { border:0;text-decoration:none; }

body.lilla div#splash { width:945px; padding:40px 0 0 20px; }
body.lilla div#splash div.box { background:#333; width:220px; height:118px; margin:0 8px 8px 0; position:relative; border:2px solid #a61d40; float:left; }
body.lilla div#splash div.box h3 { padding:10px 0 0 5px; font-size:22px; line-height:25px; font-weight:normal; color:#fff; text-transform:uppercase; }
body.lilla div#splash div.box p { position:absolute; bottom:-5px; left:5px; }
body.lilla div#splash div.box p a { background:#a61d40; color:#fff; padding:3px 15px; font-size:12px; line-height:15px; font-weight:normal; text-decoration:none; display:block; }
body.lilla div#splash div.box p a:hover { background:#bf2f57; }

body.lilla div#splash div.madaline { background:url(../images/lilla/lilla-madeleine.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.madaline h3 { color:#333; }

body.lilla div#splash div.sam { background:url(../images/lilla/lilla-sam.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.sam h3 { color:#333; }

body.lilla div#splash div.tyra { background:url(../images/lilla/lilla-tyra.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.tyra h3 { color:#333; }

body.lilla div#splash div.kenzi { background:url(../images/lilla/lilla-kenzi.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.kenzi h3 { color:#333; }

body.lilla div#splash div.elina { background:url(../images/lilla/lilla-elina.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.elina h3 { color:#333; }

body.lilla div#splash div.emil { background:url(../images/lilla/lilla-emil.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.emil h3 { color:#333; }

body.lilla div#splash div.sofia { background:url(../images/lilla/lilla-sofia.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.sofia h3 { color:#333; }

body.lilla div#splash div.pippi { background:url(../images/lilla/lilla-pippi.jpg) no-repeat top center; width:220px; height:118px; }
body.lilla div#splash div.pippi h3 { color:#333; }

body.lilla div.bottom-images { padding:0 0 10px 15px; float:left; }
body.lilla div.bottom-images img { margin:0 10px 0 0; float:left; }

/*
=====================
FOOTER
=====================
*/
div#footer p.credits { padding:0 0 0 20px; margin:0; font-size:11px; color:#666; float:left; }

div#footer p.fs-credits { padding:0 0 0 20px; margin:0; font-size:11px; clear:both; }
div#footer p.fs-credits a { font-size:11px; }

div#footer ul.fnav { padding:0 20px 0 0; margin:0; float:right; }
div#footer ul.fnav li { padding:0 7px; list-style-type:none; display:inline; }
div#footer ul.fnav li a { font-size:11px; color:#bbb; text-decoration:none; }
div#footer ul.fnav li a:hover { text-decoration:underline; }

div#footer div.social-media { margin:0 25px 0 0; float:right; display:inline; }
div#footer div.social-media h4 { margin:0 5px 0 0; font-size:16px; font-weight:normal; color:#bbb; float:left; }
div#footer div.social-media p { margin:0 5px 0 0; float:left; }
div#footer div.social-media p.facebook { background:url(../images/ico_facebook.png) no-repeat top center; width:29px; height:30px; }
div#footer div.social-media p.facebook a {
	width:30px;
	height:0;
	padding:32px 0 0;
	overflow:hidden;
	display:block;
	font-size:1%;
	line-height:1%;
	color:#333;
}
div#footer div.social-media p.twitter { background:url(../images/ico_twitter.png) no-repeat top center; width:29px; height:30px; }
div#footer div.social-media p.twitter a {
	width:30px;
	height:0;
	padding:32px 0 0;
	overflow:hidden;
	display:block;
	font-size:1%;
	line-height:1%;
	color:#333;
}