@charset "UTF-8";
/* CSS Document */


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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, 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-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}

.clear-fix {clear:both;}



body {
	background-color:#FFF;
	margin-top:50px;
}
.cicle {
	font-family: 'CicleFina';
}
.steiner {
	font-family: 'SteinerRegular';
}
a {text-decoration:none; color:#000;}
.other-links a:hover {color:#0083ca;}
.imageText a:hover {color:#0083ca;}

#all {
	width:900px;
	margin:0 auto;
}
#title {
	width:100%;
	margin:35px 0 15px;
}
.mainTitle h1{
	color:#000;
	font-size:34px;
	letter-spacing:1px;
	font-weight:100;
}
.subTitle h2{
	color:#0083ca;
	font-size:16px;
	letter-spacing:4px;
	padding-top:2px;
	font-weight:100;
}
#images {
	width:900px;
	height:240px;
	margin:0;
	padding:0;
}
#spaceLeft {
	width:449px;
	height:240px;
	float:left;
	border-right:1px solid #0083ca;
}
#spaceRight {
	width:449px;
	height:240px;
	float:left;
}
.imageIn {
	width:449px;
	height:200px;
	margin-top:20px;
	background:url(../img/pages/collection/collection-in-edited-1.png) no-repeat;
}
.imageOut {
	width:449px;
	height:200px;
	margin-top:20px;
	background:url(../img/pages/collection/collection-out-edited-1.png) no-repeat;
}
#swatches {
	padding:30px 0px 60px;
	border-bottom:#999 1px solid;
}
.swatch {
	width:102px;
	height:120px;
	float:left;
	margin:0 6px;
}
.swatch-left {
	width:102px;
	height:120px;
	float:left;
	margin:0 6px 0 0;
}
.swatch-right {
	width:102px;
	height:120px;
	float:left;
	margin:0 0 0 6px;
}
.swatchText {
	font-family: 'CicleFina';
	color:#FFF;
	font-size:22px;
	font-weight:100;
	letter-spacing:2px;
	margin-top:90px;
	margin-left:10px;
}
.swatchText2 {
	font-family: 'CicleFina';
	color:#444;
	font-size:22px;
	font-weight:100;
	letter-spacing:2px;
	margin-top:90px;
	margin-left:10px;
}
.swatch-sub {
	width:102px;
	padding-top:10px;
	font-size:12px;
	font-family: 'CicleFina';
	float:left;
	margin:0 6px;
	font-weight: bold;
}
.swatch-sub-left {
	width:102px;
	padding-top:10px;
	font-size:12px;
	font-family: 'CicleFina';
	float:left;
	margin:0 6px 0 0;
	font-weight: bold;
}
.swatch-sub-right {
	width:102px;
	padding-top:10px;
	font-size:12px;
	font-family: 'CicleFina';
	float:left;
	margin:0 0 0 6px;
	font-weight: bold;
}
.spacer {
	line-height: 6px;
}
#info {
	padding:16px 0px 0px;
}
#productInfo {
	float:left;
	width:500px;
	font-family: 'CicleFina';
	padding-top:10px;
}
.moreInfo {
	font-family: 'CicleFina';
	color:#000000;
	font-size:14px;
	float:right;
	width:140px;
	letter-spacing:2px;
	line-height:0px;
	background:#DDDDDD;
	height:20px;
	padding:15px 5px 0px;
	text-align:center;
	display:inline-block;
	margin-left:5px;
}
.moreInfo:hover {background:#CCCCCC;}
.moreInfo a{
	color:#000000;
}
.moreInfo a:hover{
}
#bottom {
	width:100%;
	height:100px;
}
.other-links {
	width:720px;
	float:left;
	margin-top:35px;
}
ul {
	display:inline;
}
li.link {
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-right:#999 1px solid;
}
li.link-left {
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:0px;
	border-right:#999 1px solid;
}
li.link-right {
	font-size:18px;
	display:inline;
	padding-right:0px;
	padding-left:10px;
}

#collaborative-logo {
	width:160px;
	float:right;
	margin-top:25px;
}
#collaborative-logo .steiner h1{
	color:#000000;
	font-size:36px;
	text-align:center;
	font-weight:100;
}
#collaborative-logo .cicle h1{
	color:#0083ca;
	font-size:16px;
	text-align:center;
	font-weight:100;
	letter-spacing:2px;
}