/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: white;
	background: black;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */
/* clearing technique */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* mac hide \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
.clearer {
	clear:both;
}
p, h1, h2, h3, h4, h5, h6, ul {
	margin-bottom:.7em
}
a img, img {
	border:none;
	display:block;
}
a {
	cursor:pointer!important;
	text-decoration:none
}
a:link {
	color:#000
}
a:visited {
	color:#888
}
a:hover {
	color:#333
}
a:active {
	color:#666
}
input {
	font-family: Arial, Verdana, Helvetica, sans-serif
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold
}
h1 {
	color:#fff;
	font-size: 25px;
}
h2 {
	font-size: 22px
}
h3, h4 {
	font-size: 22px
}
body {
	color:#000;
	font-size: 13px;
	text-align:center;/* for ie5.+*/
	background:#fff;
}
/* ......start ...... */
#outer {
	width:980px;
	text-align:left;
	margin:auto;
	position:relative;
	padding:20px 0 20px 0;
}
div#topbar {
}
div#topbar a#newsletter {
	float: right;
	margin: 0px 20px 10px 0px;
}

div#topbar a#jobs {
    float: right;
    margin: 0px 20px 10px 0px;
}
/* the left round corners of the nav is supplied by the logo */
#nav {
	width:980px;
	height:38px;
	overflow:hidden;
	line-height:36px;
	background:url(http://www.carmakoma.com/images/nav-base.jpg) no-repeat 0 100%;
	margin:0 0 20px 0;
	font-family:tahoma;
}
#nav ul {
	width:980px;
	background:url(http://www.carmakoma.com/images/navbg.jpg) repeat-x 0 0;
	height:38px;
	overflow:hidden;
}
#nav ul li {
	float:left;
	border-left:1px solid #8c8c8c;
	height:36px;
}
#nav li.first {
	height:38px;
	border:none;
	padding:0;
}
#nav li.first p {
	font-size:100%;
	margin:0
}
#nav li.first span {
	position:absolute;
	top:-999em
}
#nav li.first a {
	padding:0
}
#nav ul li.last {
	float:none;/* FF2 bug if floated*/
	border:none;
	background:url(http://www.carmakoma.com/images/nav-end.jpg) no-repeat 100% 0;
	padding:0 7px 0 0;
	height:38px;
}
#nav ul li.last form {
	background:url(http://www.carmakoma.com/images/navbg.jpg) repeat-x 0 0;
	height:36px;
}
#nav ul li.login {
	border-right:1px solid #8c8c8c
}
#nav ul li.last input {
	float:right;
	margin:8px 0 0 0;
}
#nav ul li.last input.srch2 {
	background:#fff;
	border:1px solid #474747;
	border-left:none;
	vertical-align:middle;
	padding:1px 0 2px 0;
	height:16px;
}
#nav li a, #nav li span {
	color:#fff;
	display:block;
	float:left;
	padding:0 34px;/* was 27px*/
	font-size:13px;
}
#nav li a:hover, #nav li span {
	background:url(http://www.carmakoma.com/images/navbg-on.jpg) repeat-x 0 0;
}
#nav li.cart em {
	font-style:normal;
	float:left
}
#nav li.cart b {
	background:url(http://www.carmakoma.com/images/cart.gif) no-repeat 0 0;
	float:left;
	width:22px;
	height:15px;
	margin:10px 0 0 10px;
}
#nav li.cart span b {
	background:url(http://www.carmakoma.com/images/cart-on.gif) no-repeat 0 0
}
/* additions to nav to add sale menu item */
#nav ul li {
	width:100px;
	text-align:center;
}
#nav li.first {
	width:116px
}
#nav ul li.last input {
	float:right;
	margin:8px 0 0 0;
}
#nav ul li.last input.srch2 {
	width:110px
}
#nav li a, #nav li span {
	padding:0 0;/* was 27px*/
	width:100px;
}
#nav li.first span, #nav li.first a {
	width:116px
}
#nav ul li.last {
	width:auto
}
#nav li.cart em {
	margin-left:25px
}
#nav ul li.last form div {
	position:relative;
	left:-5px
}
#nav ul li.salenav {
	background:url(http://www.carmakoma.com/images/sale-strip-on.jpg) no-repeat 51% 51%
}
#nav ul li.salenav a {
	background:url(http://www.carmakoma.com/images/sale-strip.jpg) no-repeat 51% 51%
}
#nav ul li.salenav a:hover, #nav ul li.salenav span {
	background:transparent
}
#nav ul li.last form {
	float:right;
}
/* end nav addition */



/* #main will hold a background image that will imitate the two full length columns and #base will cap the bottom of both columns */
/* other pages that have different coloured backgrounds will use a class in the body to effect the changes - see the specific pages CSS ( they start down below in their own section) for these changes */
#main {
	width:980px;
	background:url(http://www.carmakoma.com/images/columns.jpg) repeat-y 0 0;
	position:relative;
}
/* #main-inner holds the pattern effect fixed to the bottom of the div*/
/* this allows the div to increase in height and keep the same appearance*/
#main-inner {
	width:980px;
	background:url(http://www.carmakoma.com/images/pattern.jpg) no-repeat 192px 100%;
	padding:0 0 6px 0;
}
#base {
	width:980px;
	background:url(http://www.carmakoma.com/images/base.jpg) no-repeat 0 0;
	height:5px;
	overflow:hidden;
}
/* left column styling */
#sidebar1 {
	width:168px;
	float:left;
}
/* the h3 holds the top round corner of this side column*/
h3.select, h3.nav-h3 {
	background:url(../images/shop/side-top.gif) no-repeat 0 0;
	padding:5px 5px 6px 5px;
	color:#fff;
	margin:0;
	text-transform:uppercase;
	font-size:100%;
	font-family:Tahoma;
	text-align:center;
}
h3.nav-h3 {
	background:#666666;
	margin:1px 1px 0;
}
* html h3.nav-h3{margin-top:4px}
*+html h3.nav-h3{margin-top:4px}
/* new sidenav code May 2010 */
ul.sidenav {
	padding:1px 0;
	margin:11px 0 1px 26px;
	font-family:Tahoma;
	width:133px;
	font-size:11px;
	text-transform:uppercase;
	overflow:hidden;
}
ul.sidenav li {
	width:133px;
	float:left;
	clear:left;
	margin:0 0 9px;
}
ul.sidenav li.last {margin:0 0 4px}
ul.sidenav a, ul.sidenav a:visited {
	padding:2px 0 2px 9px;
	background:url(http://www.carmakoma.com/images/product/nav-arrow.gif) no-repeat 0 50%;
	display:block;
	min-height:0;
	color:#333;
}
* html ul.sidenav a {height:1%;}
ul.nav-gallery, ul.nav-products {margin-top:10px}
ul.nav-gallery a, ul.nav-gallery a:visited {
	background:url(http://www.carmakoma.com/images/product/nav-sub-arrow.gif) no-repeat 0 50%;
	color:#c6f;
}
ul.sidenav a:hover, ul.sidenav a.active {
	background:url(http://www.carmakoma.com/images/product/nav-sub-arrow.gif) no-repeat 0 50%;
	color:#c6f;
}
ul.nav-gallery a:hover, ul.nav-gallery a.active {
	background:url(http://www.carmakoma.com/images/product/nav-arrow.gif) no-repeat 0 50%;
	color:#333;
}
ul.navtop li, ul.navtop li a {font-weight:bold}
ul.navtop li.navsale a, ul.navtop li.navoutlet a {
	padding:0;
	display:block;
	min-height:0;
	color:#333;
	background:none;
	height:16px;
	width:133px;
	position:relative;
}
ul.navtop li em {
	background:#fff url(../images/shop/sidenav-icons.gif) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
	height:16px;
	width:133px;
}
ul.navtop li.navsale em {background-position: 0 0;}
ul.navtop li.navoutlet em {background-position:0 -120px;}
ul.navtop li a:hover {visibility:visible}
ul.navtop li.navsale a:hover em {background-position: 0 -60px;}
ul.navtop li.navoutlet a:hover em {background-position:0 -150px;}
ul.sidenav-en li.navsale em {background-position: 0 -30px;}
ul.sidenav-en li.navsale a:hover em {background-position: 0 -90px;}

/* set active/current state if needed */
ul.navtop li.navsale a.active em {background-position: 0 -60px;}
ul.navtop li.navoutlet a.active em {background-position:0 -150px;}
ul.sidenav-en li.navsale a.active em {background-position: 0 -90px;}

/* right column styling */
/* #content holds pink round top*/
#content {
	float:right;
	width:789px;
	background:url(../images/round-top-789.gif) no-repeat 0 0;
	padding:4px 0 0 0;
}
/* the h1 completes the bottom part of the round pink bar */
h1.topbar {
	background:#666666 url(../images/round-base-789.gif) no-repeat 0 100%;
	padding:2px 0 5px 0;
	text-transform:uppercase;
	color:#fff;
	font-size:93%;
	text-align:center;
	font-family:Tahoma;
	margin:0;
	letter-spacing:1px;
}
h1.topbar a {
	color: white;
}
/* panel holds the start of the next round box plus makes some space to rub out background lines*/
.panel {
	width:789px;
	background:url(http://www.carmakoma.com/images/content-top.gif) no-repeat 0 0;
	padding:13px 0 0 0;
	position:relative;
}
/* */
.leftside h4 {
	font-family:tahoma;
	text-transform:uppercase;
	color:#666;
	font-size:77%;
	margin:3px 0 6px 17px;
	font-weight:normal;
}
.leftside h4 a {
	color:#666
}
/* footer styles */
#footer {
	clear:both;
	width:980px;
	margin:23px 0 0 0;
	padding:8px 0;
	border-top:1px solid #333;
	font-family:Tahoma;
}
#footer2, .footer2 {
	width:980px;
	clear:both;
	border-top:1px solid #333;
	padding:8px 0;
}
/*ul.player{float:left;margin:4px 0 0 10px}*/
ul.player {
	float:left;
	margin:4px 0 0 10px;
	position:relative;
	z-index:99;
	font-size:12px;
}
ul.player li {
	display:inline;
	margin:0 14px 0 0;
}
ul.player li img {
	display:inline
}
ul.player li a {
	color:#333;
	display: inline;
}
ul.player li a:hover {
	color:#000;
	text-decoration:underline;
}
ul.player li#share {
	padding-left: 25px;
}
ul.player li#share img {
	vertical-align: middle
}
ul.terms {
	text-align:right;
	position:relative;
	top:4px;
	margin:0;
	padding:0 0 6px 0;
}
p.credits {
	position:relative;
	margin-top: 0px;
	padding:0 5px 0px 0;
	float:right;
	top: -2px;
}
p.credits img {
	position:relative;
	top:-15px;
}
ul.terms li {
	display:inline
}
ul.terms li a {
	color:#333;
	padding:0 14px;
}
ul.terms li a:hover {
	color:#000;
	text-decoration:underline
}
ul.cards {
	float:left;
	margin:0px 15px 0 1px;
	clear:both;
}
ul.cards li {
	margin:0 2px 0 0
}
ul.cards li, ul.cards li img {
	display:inline
}
p.copy {
	text-transform:uppercase;
	color:#999;
	font-size:10px;
	font-family: Tahoma;
	position:relative;
	top:10px;
	margin:0;
}
p.copy a {
	color:#999;
}
#footer2 #bottom_text {
	position:relative;
	clear: both;
	padding-top: 5px;
	font-size: 10px;
	color: #BBB;
}
#footer2 #bottom_text a {
	color: #BBB;
}
/* ...... forside CSS ..... */
#forside #main, #underside #main {
	width:978px;
	background:#fff;
	border:1px solid #333;
	padding:0 0 16px 0;
}
.new-flash {
	padding:15px 0 8px 15px;
	min-height:0;
}
.nf2 {
	border:1px solid #999;
	margin:15px;
}
.nf3 {
	padding:22px 0 0
}
#flash-player {
	width:100%;
}
* html .new-flash {
	height:1%;
}
.new-flash .shadowbox {
	background:url(http://www.carmakoma.com/images/shadow2.jpg) no-repeat 100% 100%;
	margin:0;
}
.new-flash .shadowbox a span {
	border:none;
	padding:0;
}
.new-flash .shadowbox a img {
	border:none
}
/*p.curvy{
	padding:20px 0 2px 0;
	text-align:center;
	position:relative;
	margin:0;
	min-height:0;
}
p.curvy img{margin:2px auto}
p.curvy span{
	position:absolute;
	right:17px;
	top:16px;
}
p.curvy span img{margin:0}
*/

h1.curvy {
	padding:21px 0 20px 0;
	text-align:center;
	position:relative;
	margin:0;
	min-height:0;
	font-size:16px;
	color:#333;
	font-family:"Trebuchet MS", sans-serif;
}
h1.curvy em {
	font-style:italic;
}
h1.curvy span {
	display:block;
	color:#666;
	font-size:12px;
	padding:7px 0 0;
}
/* subscribe form on forn page */
.subform {
	font-family:"Trebuchet MS", sans-serif;
	position:relative;
}
.subinputs {
	position:absolute;
	bottom:7px;
	left:14px;
}
.subform input {
	margin:0 5px 0 0;
	vertical-align:middle;
}
#subscribe_name, #subscribe_email {
	width:73px;
	height:15px;
	border:1px solid #333;
	padding:0 5px;
	text-align:center;
	font-size:11px;
	color:#999;
}
#subscribe_email {
	width:106px
}
#subscribe_button {
	border:none;
	background:#f1bcbd url(http://www.carmakoma.com/images/subscribe-bg.gif) no-repeat 0 0;
	width:59px;
	height:17px;
	font-size:10px;
	color:#fff;
	padding:0;
	position:relative;
	padding:0 0 2px;
}
/* 3 images in a line */
.f-row {
	width:965px;
}
.f-row p {
	margin:0;
	width:304px;
	height:198px;
	margin:0 0 0 15px;
	display:inline;
	border:1px solid #666;
	float:left;
}
/* ............................................... changes for shop page...... */
/* a body class effects the colour and image changes */
.bg2 #main {
	width:980px;
	background:url(http://www.carmakoma.com/images/columns-pink.jpg) repeat-y 0 0;
}
/* #main-inner holds the pattern effect fixed to the bottom of the div*/
/* this allows the div to increase in height and keep the same appearance*/
.bg2 #main-inner {
	background:url(http://www.carmakoma.com/images/pattern-pink.jpg) no-repeat 192px 100%
}
.bg2 #base {
	background:url(http://www.carmakoma.com/images/base-pink.jpg) no-repeat 0 0
}
.bg2 .panel {
	background:url(http://www.carmakoma.com/images/content-top-pink.gif) no-repeat 0 0
}
#shop .panel {
	padding:50px 0 50px;
}
.shopwrap {
	clear:both
}
ul.shop, .shopwrap {
	margin:0;
	float:left;
}
ul.shop {
	padding:30px 0 0 0
}
ul.bottomrow {
	padding:50px 0 30px 0
}
ul.shop li {
	width:170px;
	height:170px;
	margin:15px 10px 0 10px;
	float:left;
	display:inline;
	padding:1px;
}
ul.shop li a {
	float:left;
	width:170px;
	height:170px;
	position:relative;
	z-index:99;
}
ul.shop li a span {
	position:absolute;
	width:180px;
	height:180px;
	left:-5px;
	top:-999em;
}
ul.shop li {
	background:url(http://www.carmakoma.com/images/catbg.png) no-repeat 50% 50%;
}
ul.shop li a span {
	background:url(http://www.carmakoma.com/images/catbg-on3.png) no-repeat 50% 50%;
}
/* replaced with new images
ul.shop li.outerwear a{background:url(http://www.carmakoma.com/images/outerwear-pair.jpg) no-repeat 0 0}
ul.shop li.leggings a{background:url(http://www.carmakoma.com/images/leggings-pair.jpg) no-repeat 0 0}
ul.shop li.dresses a{background:url(http://www.carmakoma.com/images/dresses-pair.jpg) no-repeat 0 0}
ul.shop li.knitwear a{background:url(http://www.carmakoma.com/images/knitwear-pair.jpg) no-repeat 0 0}
ul.shop li.tops a{background:url(http://www.carmakoma.com/images/tops-pair.jpg) no-repeat 0 0}
ul.shop li.accessories a{background:url(http://www.carmakoma.com/images/accessories-pair.jpg) no-repeat 0 0}
*/
ul.shop li.outerwear a {
	background:url(http://www.carmakoma.com/images/pair1.jpg) no-repeat 0 0
}
ul.shop li.leggings a {
	background:url(http://www.carmakoma.com/images/pair2.jpg) no-repeat 0 0
}
ul.shop li.dresses a {
	background:url(http://www.carmakoma.com/images/pair3.jpg) no-repeat 0 0
}
ul.shop li.knitwear a {
	background:url(http://www.carmakoma.com/images/pair4.jpg) no-repeat 0 0
}
ul.shop li.tops a {
	background:url(http://www.carmakoma.com/images/pair5.jpg) no-repeat 0 0
}
ul.shop li.accessories a {
	background:url(http://www.carmakoma.com/images/pair6.jpg) no-repeat 0 0
}
ul.shop li.jackets a {
	background:url(http://www.carmakoma.com/images/pair7.jpg) no-repeat 0 0
}
ul.shop li.shirtwear a {
	background:url(http://www.carmakoma.com/images/pair8.jpg) no-repeat 0 0
}
ul.shop li a:hover {
	background-position:0 -170px!important
}
ul.shop li a:hover {
	visibility:visible
}
ul.shop li a:hover span {
	top:-5px
}
ul.shop li a:hover em {
	color:#c6f;
}
/* add a current class to list element if you want a category to remain highlighted (e.g. for excample whn on the current page). I'm not sure this is need here but OI've added it anyway */
ul.shop li.current a {
	background-position:0 -170px!important
}
ul.shop li.current a span {
	top:-5px
}
ul.shop li.current a em {
	color:#c6f
}
/* center floats*/
#shop .panel {
	overflow:hidden
}
.shopwrap {
	position:relative;
	left:50%
}
ul.shop {
	position:relative;
	left:-50%;
	float:none
}
/* position captions */
ul.shop li a em {
	position:absolute;
	width:180px;
	text-align:center;
	top:-35px;
	left:-5px;
	font-weight:bold;
	font-family:tahoma;
	font-size:100%;
	font-style:normal;
	z-index:999;
	line-height:1.2em;
	letter-spacing:1px;
}
ul.bottomrow li a em {
	top:182px
}
ul.shop li a em b {
	width:22px;
	height:8px;
	overflow:hidden;
	display:block;
	margin:5px auto 0;
	background:url(http://www.carmakoma.com/images/small-dots.png) no-repeat 0 0;
}
p.basedots {
	position:absolute;
	right:30px;
	bottom:15px;
	background:url(http://www.carmakoma.com/images/pink-dots.png) no-repeat 0 0;
	margin:0;
	width:58px;
	height:9px;
	font-size:9px;
}
p.basedots span {
	position:absolute;
	left:-162px;
	top:-9px;
	background:url(http://www.carmakoma.com/images/designby.jpg) no-repeat 0 0;
	width:154px;
	height:26px;
}
/* ....................... CSS for cart page ............................ */
/* a body class effects the colour and image changes */
.bg3 #main {
	width:980px;
	background:url(http://www.carmakoma.com/images/columns-pink.jpg) repeat-y 0 0;
}
/* #main-inner holds the pattern effect fixed to the bottom of the div*/
/* this allows the div to increase in height and keep the same appearance*/
.bg3 #main-inner {
	background:url(http://www.carmakoma.com/images/pattern-white.jpg) no-repeat 192px 100%
}
.bg3 #base {
	background:url(http://www.carmakoma.com/images/base-white.jpg) no-repeat 0 0
}
.bg3 .panel {
	background:url(http://www.carmakoma.com/images/content-top-white.gif) no-repeat 0 0
}
#cart .panel {
	padding:27px 0 40px;
}
ul.whereto {
	margin:0;
	width:789px;
	padding:0 0 9px 0;
}
ul.whereto li, ul.whereto li a {
	width:203px;
	height:29px;
	float:left;
	display:inline;
	text-transform:uppercase;
	line-height:29px;
}
ul.whereto li a {
	width:180px;
	text-align:center;
	font-weight:bold;
	font-size:12px
}
ul.whereto li.checkout a {
	padding-right:23px;
}
ul.whereto li.moreshop a {
	padding-left:23px;
}
ul.whereto li {
	margin:0 0 0 11px
}
ul.whereto li {
	text-transform:uppercase
}
ul.whereto li a {
	color:#fff
}
ul.whereto li.checkout {
	float:right;
	margin:0 11px 0 0
}
ul.whereto li.moreshop a {
	background:url(http://www.carmakoma.com/images/more-shopping2.jpg) no-repeat 0 0
}
ul.whereto li.checkout a {
	background:url(http://www.carmakoma.com/images/check-out2.jpg) no-repeat 0 0
}
ul.whereto li a:hover {
	background-position:0 -29px;
	text-decoration:underline
}
/* main table for cart details */
table.cart-table {
	width:787px;
	table-layout:fixed;
	border-collapse:collapse;
	color:#666;
	margin:0 0 0 1px;
}
table.cart-table td, table.cart-table th {
	vertical-align:middle;
	text-align:center;
	font-size:93%;
	line-height:1.2em
}
table.cart-table th {
	color:#000;
	font-weight:bold;
	background:#eee;
	padding:8px 0;
}
table.cart-table .col1 {
	width:152px;
	padding-right:45px;
}
table.cart-table .col2 {
	width:107px
}
table.cart-table .col3 {
	width:104px
}
table.cart-table .col4 {
	width:114px
}
table.cart-table .col5 {
	width:133px
}
table.cart-table .col2 {
	text-align:left;
}
p.cart-imgholder {
	width:102px;
	height:102px;
	margin:0 0 0 25px;
	position:relative;
}
p.cart-imgholder span, p.cart-imgholder a {
	width:102px;
	height:102px;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	background:url(http://www.carmakoma.com/images/cart-product-holder.png) no-repeat 0 0;
}
p.cart-imgholder a {
	z-index:1000;
	background: url(http://www.carmakoma.com/images/fake.gif) no-repeat 0 0;
}
p.cart-imgholder img {
	margin:0
}
table.cart-table td {
	border-right:1px solid #eee;
	padding:15px 0;
	background:url(http://www.carmakoma.com/images/dots2px.gif) repeat-x 0 100%;
}
table.cart-table td.col1, table.cart-table td.col6 {
	border-right:none
}
table.cart-table td.totals span {
	float:left;
	text-align:left
}
table.cart-table td.totals {
	text-align:right;
}
table.cart-table tr.addup td {
	background:#eee;
	font-weight:bold
}
.tot td, .addup td {
	background-image:none!important;
	border:none!important;
	padding:9px 0!important;
}
.totals p {
	padding:0 13px 0 23px;
	margin:0
}
p.delivery {
	color:#999;
	font-size:93%;
	margin:0;
	padding:20px 0 0;
	text-align:center;
}
/*................ CSS for contact page ...................*/
#contact .panel {
	background:url(http://www.carmakoma.com/images/contact-top.gif) no-repeat 0 0
}
.contact {
	width:707px;
	padding:45px 0 70px 80px;
	margin:0 0 0 1px;
	background:url(http://www.carmakoma.com/images/contact-top.jpg) no-repeat 0 0;
	font-size:93%;
}
.contact address {
	font-style:normal
}
.contact-info {
	width:160px;
	font-weight:bold;
	line-height:1.3em;
}
.contact-info h3 {
	text-transform:uppercase;
	margin:0 0 48px -5px;
	font-weight:bold;
}
.contact-info h4 {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.contact-info a {
	color:#000!important
}
.contact-info a span {
	color:#c6f!important
}
.contact-info h5.head-office {
	text-transform:uppercase;
	margin:39px 0 16px 0;
}
.contact-info h5.design {
	margin:33px 0 16px 0;
	text-transform:uppercase;
}
/*............... sizing guide css ............*/
.sg {
	width:100%;
	z-index:1001;
	position:absolute;
	top:0;
	left:0;
}
.sg-inner {
	width:980px;
	margin:auto;
	position:relative;
}
.sizing-guide {
	position:absolute;
	width:789px;
	min-height:569px;
	top:129px;
	left:191px;
	background:#fff;
	z-index:1001;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
}
.guide-top {
	padding:21px 0 15px;
	min-height:0;
	border-bottom:1px solid #666;
	margin:0 27px;
}
.guide-top p {
	margin:0;
	font-size:93%
}
.guide-top p em {
	font-weight:bold;
	font-style:oblique;
}
.sizing-guide h2 {
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:123.9%;
	color:#939;
	margin:0 0 14px 30px;
	position:relative;
	text-transform:uppercase;
	min-height:0;
	font-weight:bold;
}
.sizing-guide h2 span {
	color:#000;
	margin-left:141px
}
.sizing-guide h2 a {
	position:absolute;
	right:0;
	top:-5px;
}
.guide1 {
	float:left;
	width:135px;
	min-height:133px;
	background:url(http://www.carmakoma.com/images/sg137x137.gif) no-repeat 0 0;
	margin:0 18px 0 0;
	padding:4px 0 0;
}
.guide1 li {
	padding:8px 0 0 79px;
	text-transform:uppercase;
	font-size:10px;
	line-height:1.1em;
	font-weight:bold;
	min-height:0;
}
.guide1 li span {
	color:#909;
	display:block
}
.guide1 li strong {
	display:block
}
.howto {
	width:580px;
	float:left;
	color:#ccc;
	background:#ccc url(http://www.carmakoma.com/images/sg-top.gif) no-repeat 0 0;
	margin:0 0 20px 0;
}
.howto div {
	width:580px;
	background:url(http://www.carmakoma.com/images/sg-base.gif) no-repeat 0 100%;
	padding:0 0 5px;
	min-height:132px
}
li.bust, li.waist {
	margin:0 0 13px 0;
}
.howto ul {
	padding:11px 10px 0 79px;
	margin:0;
	color:#333;
	font-size:93%;
}
.howto ul li {
	background:url(http://www.carmakoma.com/images/bullet.gif) no-repeat 0 5px;
	padding:0 0 0 8px;
	line-height:1.2em;
	font-weight:bold;
}
.sizing-guide h3 {
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:93%;
	color:#909;
	margin:0 0 5px 0px;
	text-transform:uppercase;
	min-height:0;
	font-weight:bold;
	clear:both;
}
.sizes {
	padding:18px 0 19px;
	min-height:0;
	border-bottom:1px solid #666;
	margin:0 27px;
}
.sizing-guide .sizes h3 {
	margin:0 0 0 5px;
	float:left;
	width:129px;
}
.sg-box {
	float:left;
	width:113px;
	height:113px;
	position:relative;
	margin:0 12px 0 0;
	position:relative;
	display:inline;
	background:url(http://www.carmakoma.com/images/sg113x113.gif) no-repeat 0 0;
	color:#909;
}
.sg-box p {
	margin:0 0 17px 0;
	font-size:93%;
	padding:6px 0 0 6px;
	font-weight:bold
}
.sg-box ul {
	padding:0 0 0 54px;
	margin:0;
}
.sg-box ul li {
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:77%;
}
/*.. sizing chart ..*/
.s-chart {
	margin:0 0 0 27px;
	color:#333;
	font-size:93%;
	width:735px;
	table-layout:fixed;
	border-collapse:collapse;
	font-weight:bold;
	text-align:center;
}
.s-chart th, .s-chart td {
	font-weight:bold;
	padding:9px 0 9px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.s-chart td {
	padding:11px 0 11px 0;
}
.s-chart .toprow th {
	color:#909;
	font-size:14px
}
.s-chart .toprow th.column1 {
	font-size:12px
}
.s-chart .cols {
	width:88px
}
.s-chart.firstcol {
	width:211px
}
.secondcol, .fourthcol {
	background:#f4f4f4
}
.s-chart th {
	background:#fff;
	text-transform:uppercase
}
.s-chart .column1 {
	text-align:left;
	width:211px
}
/* overlay for testing */
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#overlay[id] {
	position:fixed;
}
/* ............. changes for presse.html page ................. */
.bg4 #main {
	background:url(http://www.carmakoma.com/images/columns-pink.jpg) repeat-y 0 0
}
.bg4 #base {
	background:url(http://www.carmakoma.com/images/base-blank.jpg) no-repeat 0 0
}
.bg4 #main-inner {
	background:none
}
#presse .panel {
	background:url(http://www.carmakoma.com/images/press-top.gif) no-repeat 0 0
}
.presse {
	width:720px;
	padding:27px 15px 1px 52px;
	margin:0 0 0 1px;
	background:url(http://www.carmakoma.com/images/press-top.jpg) no-repeat 0 0;
	font-size:93%;
}
.scrollbox {
	width:720px;
	/*height:517px!important;*/
	/*overflow:auto;*/
	padding:0 0 15px 0;
}
.scrollbox h2 {
	margin:0 0 29px 0;
	color:#fff;
	font-weight:normal;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}
.scrollbox p {
	line-height:1.3em;
	margin:0 0 17px 0
}
/*.press-left{
	float:left;
	width:320px;
}
.press-right{
	float:right;
	width:312px;
	margin:0 50px 0 0;
	display:inline;
}
*/
/* 3 images at the bottom */
/* use nested divs to supply shadow so that image sizes can change and shadow will automatically change to fit.*/
/*The shadow isn't transparent so must be on a white background */
.shadowbox {
	float:left;
	background:url(http://www.carmakoma.com/images/shadow.jpg) no-repeat 100% 100%;
	margin:0 21px 10px 0;
}
.shadowbox p {
	float:left;
	background:url(http://www.carmakoma.com/images/shadow-right.jpg) no-repeat 100% 0;
	margin:0;
}
.shadowbox a {
	float:left;
	background:url(http://www.carmakoma.com/images/shadow-left.jpg) no-repeat 0 100%;
	margin:0;
	padding:0 8px 9px 0;
}
.shadowbox a span {
	float:left;
	border:1px solid #ccc;
	padding:3px;
}
.shadowbox a img {
	border:1px solid #666
}
.pictures {
	width:100%;
	margin:40px 0 0 0;
}
/* drag last picture up ot make them align on the base - we can't do this automatically. */
.dragup {
	margin-top:-71px;
	position:relative;
	z-index:999;
}
.pictures h3 {
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0 0 0 3px;
	color:#666;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal
}
p.logo4 {
	text-align:center;
	margin:25px 0 0 0;
}
p.logo4 img {
	display:inline;
}
* html .steps fieldset {
	height:1%
}
/* ...... Css for step 1 form page .............*/
.formleft div:after, .formright div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.formleft div, .formright div {
	display:inline-block;
}
/* mac hide \*/
* html .formleft div, * html .formright div {
	height: 1%;
}
.formleft div, .formright div {
	display: block;
}
/*  */

ul.steps {
	width:569px;
	margin:7px 0 21px 109px;
	font-size:77%;
	font-family:tahoma;
}
ul.steps li, ul.steps li a {
	float:left;
	width:113px;
	color:#fff;
	height:29px;
	line-height:29px;
	text-align:center;
	text-transform:uppercase;
}
ul.steps li {
	background:url(http://www.carmakoma.com/images/step-button.jpg) no-repeat 0 0;
	margin:0 1px 0 0;
}
ul.steps li.last {
	margin:0
}
ul.steps li.current, ul.steps li.current a {
	color:#daa4f1
}
form#step1 {
	width:556px;
	margin:0 0 0 122px;
	clear:both;
}
form#step1 p, form#step1 label {
	font-size:85%
}
form#step1 p {
	margin:0 0 20px 0
}
form#step1 legend {
	font-size:123.9%;
	font-weight:bold;
	padding:0 0 3px 0;
}
.common-input {
	width:154px;
	padding:2px 5px 1px;
	background:#fff url(http://www.carmakoma.com/images/input-top.gif) repeat-x 100% 0;
	border:1px solid #cdcdcd;
	border-top:1px solid #8e8e8e;
	border-bottom:1px solid #e3e3e3;
	margin:0 0 9px 0;
	font-size:10px;
}
.formleft {
	float:left;
	width:300px;
}
.formright {
	float:left;
	width:220px;
	margin:0 0 0 23px;
	padding:35px 0 0;
}
.formleft label, .formright label {
	width:130px;
	float:left;
	clear:both;
	padding:0 0 0 1px;
	position:relative;
	top:3px;
}
.formright label {
	width:50px
}
.steps fieldset {
	border-bottom:1px solid #dfdfdf;
	margin:0 12px 15px 0;
	padding:0 0 13px 0;
	min-height:0;
}
.formleft div {
	clear:both
}
form#step1 select {
	font-size:11px
}
select.privat, select.country {
	width:122px;
	border:1px solid #cdcdcd;
	border-top:1px solid #8e8e8e;
	border-bottom:1px solid #e3e3e3;
	background:#f0f0f0;
}
select.country {
	width:160px
}
select#land2 {
	margin:0 0 10px 0
}
.forms label span {/* asterisk*/
	padding:0 5px;
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:2px
}
select.privat {
	margin:0 0 18px 0
}
.formright textarea.common-input {
	width:145px;
	overflow:auto;
	margin:0;
	height:39px;
	background:none;
	border:1px solid #a7a7a7;
}
.secondrow {
	padding-top:0
}
input.lastinp {
	margin-bottom:0
}
input.naeste-trin {
	float:right;
	color:#daa4f1;
	width:113px;
	height:29px;
	line-height:29px;
	padding:0 0 0 10px;
	text-align:left;
	text-transform:uppercase;
	background:url(../images/naeste-trin.jpg) no-repeat 0 0;
	font-size:10px;
	border:none;
}
fieldset.flast {
	border:none;
	margin:0;
	padding:0
}
.steps .panel {
	padding:27px 0 17px!important
}
.naeste label, .naeste input {
	vertical-align:middle
}
/* ................... generic button examples ...........  */
.generic-button {
	margin:5px
}
.generic-button li, .generic-button a {
	float:left;
	color:#fff;
	height:29px;
	line-height:29px;
	text-align:center;
	background:url(http://www.carmakoma.com/images/button.jpg) no-repeat 0 0;
	font-weight:bold;
	font-size:12px
}
.generic-button a {
	background:url(http://www.carmakoma.com/images/button.jpg) no-repeat 100% 0
}
.generic-button li {
	padding-left:5px;
	margin:0 2px 0 0;
}
.generic-button li a {
	padding:0 10px 5px 0
}
.generic-button a:hover {
	text-decoration:underline
}
/* move element up when four buttons  are used on news page*/
.fourbuttons {
	margin-top:-50px
}
/* just make up your own class to make the button a set width */
/* the default button with n class added is just content width */
.button1 a {
	width:150px
}
.button2 a {
	width:175px
}
.button3 a {
	width:200px
}
/*  */

/* additions to VIP page 22.09.08  */
.vip {
	margin:15px 16px;
	min-height:0;
	background:url(http://www.carmakoma.com/images/vipbg.jpg) repeat-x 0 0;
}
.vip h2 {
	padding:20px 0 6px 71px;
	background:url(http://www.carmakoma.com/images/squares.gif) no-repeat 0 26px;
	color:#666;
	font-size:18px;
	font-weight:normal;
}
.vip-inner {
	margin-left:90px;
	min-height:0
}
ul.viptop {
	margin:0;
	clear:both;
	width:782px;
}
ul.viplist li {
	float:right;
	width:263px;
	height:182px;
	background:url(http://www.carmakoma.com/images/vip263x182-shadow.png) no-repeat 0 0;
}
ul.viptop li.vipmain {
	float:left;
	width:518px;
	height:358px;
	background:url(http://www.carmakoma.com/images/vip518x358-shadow.png) no-repeat 0 0;
}
ul.viptop li.vipmain a {
	position:relative
}
ul.viptop li.last {
	margin-top:-5px
}
ul.viprow {
	margin:0;
	clear:both;
	width:782px;
}
ul.viprow li {
	float:left;
	margin-right:-6px;
}
ul.viprow li.last {
	float:right;
	margin-right:0;
}
ul.viplist li img {
	margin:5px 0 0 5px
}
ul.viplist li a {
	display:block;
	text-decoration:none;
	position:relative;
	z-index:99;
}
/* text blocks */
.viptext {
	clear:both;
	width:782px;
	color:#333;
	margin:34px 0 50px;
}
.viptext p {
	font-size:93%;
	margin:0 0 1.2em 0;
	line-height:1.3em;
	font-weight:bold;
	color:#333;
}
.viptext p a {
	color:#c6f!important;
}
.vipleft {
	float:left;
	width:375px;
	margin:0 0 0 5px;
	display:inline;
}
.vipright {
	float:right;
	width:360px;
	margin:0 5px 0 0;
	display:inline;
}
.viptext h3 {
	color:#333;
	font-size:18px;
	font-weight:normal;
	padding:0 0 0 5px;
	text-transform:uppercase;
}
.vip p.logo4 {
	margin:69px 0 0 0;
}
.vipmain span {
	position:absolute;
	bottom:13px;
	left:20px;
	width:70px;
	height:18px;
	background:url(http://www.carmakoma.com/images/vip-logo1.png) no-repeat 0 0;
}
#purchase-continue input, input.update-cart {
	float:right;
	color:#daa4f1;
	width:113px;
	height:29px;
	line-height:29px;
	padding:0 0 0 10px;
	text-align:left;
	text-transform:uppercase;
	background:url(http://www.carmakoma.com/images/naeste-trin.jpg) no-repeat 0 0;
	font-size:10px;
	border:none;
}
#purchase-back {
	float: left;
}
fieldset.flast {
	border:none;
	margin:0;
	padding:0
}
.steps .panel {
	padding:27px 0 17px!important
}
#purchase-buttons label, #purchase-buttons input {
	vertical-align:middle
}
#cart-table-order {
	width: 540px;
}
#products-no-results, .basket-empty {
	margin:20px;
	min-height:0
}
* html #products-no-results, * html .basket-empty {
	height:1%
}
#cart-table-order caption, #order-address-details caption {
	background:#cd66ff url(http://www.carmakoma.com/images/round-base-789.gif) no-repeat 0 100%;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: white;
}
#order-address-details {
	width: 540px;
	margin-bottom: 1em;
}
table th a:link, table th a:active, table th a:visited, table th a:hover {
	color: #cd66ff;
}
#order-address-details td, #order-address-details th {
	vertical-align:middle;
	font-size:93%;
	line-height:1.2em;
	padding: 0.4em 1em 0.4em 1em;
}
#order-address-details th {
	color:#000;
	font-weight:bold;
	background:#eee;
}
fieldset#terms-of-trade {
	margin: 6px;
}
ul.error-message {
	margin: 1em 122px;
	padding: 1em;
}
ul.error-message li {
	list-style-type: square;
	margin: 0.5em 1em;
	color: red;
}
#products-table {
	margin-top: 20px;
	margin-bottom: 50px;
}
.no-valid-order, #payment-forward, #payment-error, .basket-receipt {
	margin:20px 120px;
	min-height:0
}
* html .no-valid-order, * html #payment-forward, * .basket-receipt {
	height:1%
}
.no-valid-order ul.whereto li, #products-no-results ul.whereto li, .basket-empty ul.whereto li, .basket-receipt ul.whereto li, .contact ul.whereto li {
	margin: 10px 0;
}
#payment-forward div#errormessage {
	color: red;
	margin: 10px 0px 10px;
}
.cms-gallery {
	width:100%;
	margin: 20px 0 0 0;
}
.cms-gallery-item {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
img#gallery_4605 { /* Spring 2009 Press image correction */
	margin-right: 36px;
}
p.press-enlarge-text {
	color: #666666;
}
.cms-gallery-item img {
	border: 1px solid #ddd;
	padding: 4px 4px;
}
h4 {
	font-size: 1em;
	margin-bottom: 0.3em;
	margin-top: 1em;
}
ul.steps {
	width:570px;
}
#nav ul li.last-nav {
	border-right:1px solid #8c8c8c
}
input.buy {
	margin-top: 1.5em;
}
ul.shop li a em b {
	width:39px;
	height:8px;
	overflow:hidden;
	display:block;
	margin:5px auto 0;
	background:url(http://www.carmakoma.com/images/small-dots.png) no-repeat 0 0;
}
p.basedots {
	position:absolute;
	right:-10px;
	bottom:-15px;
	background:url(http://www.carmakoma.com/images/logo7.png) no-repeat 0 0;
	margin:0;
	width:125px;
	height:50px;
	font-size:9px;
}
p.basedots span {
	position:absolute;
	left:-55px;
	top:0px;
	background:url(http://www.carmakoma.com/) no-repeat 0 0;
	width:154px;
	height:26px;
}
#html h3, #html h4 {
	margin: 1em 0;
}
.contact-info {
	width: 80%;
}
ul.sidenav h4 {
	margin-bottom: 0.5em;
}
ul.sidenav ul {
	margin-top: -0.5em;
}
.formleft {
	width: 400px;
}
.formleft textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 207px;
	font-size: 1em;
}
.sidenav h4 a:link, .sidenav h4 a:visited, .sidenav h4 a:active, .sidenav h4 a:hover {
	color: #333;
}
#handelsbetingelser .contact-info h2, #handelsbetingelser .contact-info h3, #handelsbetingelser .contact-info h4 {
	text-transform: none !important;
}
#handelsbetingelser .contact-info h2 {
	font-size:16px;
	color:#333;
}
#handelsbetingelser .contact-info h3 {
	font-size: 14px;
	color:#333;
}
#handelsbetingelser .contact-info h4 {
	font-size: 12px;
	color:#333;
	font-style:italic;
	font-weight:normal;
}
#handelsbetingelser .contact-info {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal !important;
	text-transform:normal;
}
#handelsbetingelser .panel {
	background:url(http://www.carmakoma.com/images/terms-top.gif) no-repeat 0 0
}
#handelsbetingelser .contact {
	background:url(http://www.carmakoma.com/images/terms-top.jpg) no-repeat 0 0;
}
#handelsbetingelser #main-inner {
	background:none
}
#handelsbetingelser #base {
	background:url(http://www.carmakoma.com/images/base-blank.jpg) no-repeat 0 0
}
#handelsbetingelser h3.termslogo8 {
	position:relative;
	margin-left:0;
	margin-top:-8px;
	z-index:99
}
#handelsbetingelser .contact {
	width:727px;
	padding:45px 0 30px 60px;
}
#handelsbetingelser .contact-info p {
	line-height:1.2
}
p.termsweiss {
	text-align:center;
	margin:40px 0 0;
}
p.termsweiss img {
	display:inline;
}
.contact-info {
	width: 680px;
}
#nav li.cart b {
	background:url(http://www.carmakoma.com/images/cart.gif) no-repeat 0 0;
	float:left;
	width:20px;
	height:14px;
	margin:11px 0 0 10px;
}
ul.shop {
	text-transform: uppercase;
}
.post {
	color:#639;
}
.post h2 {
	color:#639;
}
#lb1 {
	border: none;
}
#lb1 .photoViewer img {
	border: none;
}
.borderless {
	border: none;
}
/* changes for currency drop down. - to be added to main.css 12.06.09 */
ul#currency, ul#currency ul {
	padding: 0;
	list-style: none;
	float:right;
	position:relative;
	z-index:99;
	font-size:13px;
	width:140px;
}
ul#currency {
	margin:-16px 3px 0 0;
	text-align:right;
	font-size:11px;
}
ul#currency li {
	position: relative;
	float: left;
	width:140px;
	padding:0 0 3px;
}
#currency li ul li {
	padding:0
}
#currency li ul {
	position: absolute;
	left: 0;
	top: 13px;
	margin-left:-999em;
	width:140px;
	background:url(http://www.carmakoma.com/images/product/currency-top.png) no-repeat 0 0;
	padding:5px 0 0 0;
	text-align:left;
}
* html #currency li ul {
	background:url(http://www.carmakoma.com/images/product/currency-top8.png) no-repeat 0 0;
}
ul#currency li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size:10px;
}
ul#currency ul li a {
	background:url(http://www.carmakoma.com/images/product/currency-mid.png) repeat-y 0 50%;
	height:18px;
	line-height:18px;
}
* html ul#currency ul li a {
	background:url(http://www.carmakoma.com/images/product/currency-mid8.png) repeat-y 0 50%;
}
ul#currency li a span {
	padding: 0 4px 0 22px;
	display:block;
	color:#666;
	height:18px;
	line-height:18px;
	overflow:hidden;
	margin:0 4px 0 0;
}
ul#currency li.last {
	padding-bottom:7px;
	background:url(http://www.carmakoma.com/images/product/currency-base.png) no-repeat 0 100%;
}
* html ul#currency li.last {
	background:url(http://www.carmakoma.com/images/product/currency-base8.png) no-repeat 0 100%;
}
#currency li:hover li:hover a span, #currency li.sfHover li.sfHover a span, #currency li li.current a span {
	background:#5a84d0 url(http://www.carmakoma.com/images/product/tick.gif) no-repeat 6px 50%;
	color:#fff;
}
ul#currency li:hover ul, ul#currency li.sfHover ul {
	margin-left:20px;
}
/** Support for the "iehover-fix.js" **/
#currency iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
}

span#frontpage-countdown-overlay {
    position: absolute;
    width: 304px;
    height: 198px;
    background-color: #000;
    -moz-opacity: 0.6;
    opacity:.60; 
    filter: alpha(opacity=60);    
}

span#frontpage-countdown {
    position: absolute;
    width: 264px;
    text-align: center;
    margin: 15px 20px;
    font-size: 250%;
    border: 0px;
    color: white;  
}

span#frontpage-countdown em {
    display: block;
    font-size: 200%;
    margin: 5px;
}