body {
	font-family: Calibri;
	font-size: 14px;
	color: #000;
	margin: 0px;
	padding: 30px 0px;
	background: #FFF;
	
}
#mod_wysiwyg_id_3 * {

}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #444;
}

p, ol, ul, blockquote {
	line-height: 24px;
}
ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
  color: #336699;
	text-decoration: underline;
}

img {
	border: none;
	border: 0px;
}
form {
	margin: 0;
}
.clear-both {
	clear: both;
	font-size: 0px;
}
#container {
	width: 980px;
	margin: 0px auto;
	padding: 0px 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Layout Blocks~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navigation {
float:left;
width:630px;
padding-top:40px;
}
#navigation a {
display:block;
float:left;
margin-right:15px;
color:#333333;
text-decoration:none;
font-size:18px;
font-family: Bradley Hand ITC, Calibri;
font-weight:bold;
}
#navigation a:hover {
color:#336699;
text-decoration:none;
}
#navigation a.lastoption {
float:right;
margin:0px;
}
#logo {
float:right;
width:340px;
text-align:right;
}

#content {
background:#FFF;
margin:15px 0px;
  min-height:300px;
  height:auto !important;
  height:300px;

}
#pageid6 #content {
width:720px;
margin:10px auto;
}
#pageid6 #content h2 {
text-align:center;
}
#footer {
background:#FFF;
font-size:14px;
color:#999999;
padding:10px 0px;
}
#footer a {
color:#999999;
text-decoration:none;
}
#footer a.lastoption {
float:right;
margin:0px;
}
#AddThis {
float:right;
text-align:right;
width:150px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FORMS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contactform {
margin:10px 0px 10px 10px;
}
.field_title {
	text-align: right;
	padding: 5px;
	width: 100px;
}
.field_input {
	text-align: left;
	padding: 5px;
	color: #FFF;
}
form input {
	width: 200px;
	background: none;
	border: 1px solid #CCC;
	color: #000;
}
form textarea {
	width: 200px;
	height: 100px;
	background: none;
	border: 1px solid #CCC;
	color: #000;
}
.field_submit {
	border: 0px;
	color: #000;
	margin: 2px;
	padding: 2px 0px;
	width: 100px;
	float: right;
	cursor: pointer;
	border: 1px solid #CCC;
}
#field_input_captcha input {
	width: 50px;
}
.nixhier {
	display: none;
}
#intropage {
margin:10px auto;
width:792px;
}
 
/*SCROLL*/
#collection {
text-align:center;
color:#999;
font-size:22px;
margin-bottom:20px;
font-weight:normal;
}
.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px;
height: 470px; /*Height should enough to fit largest content's height*/
margin:0px auto 0px auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}
.stepcarousel .paneltd {
text-align:center;
width:150px;
height:159px;
overflow:hidden;
}
.stepcarousel .paneltd a {
height:159px;
overflow:hidden;
display:block;
}

.panel h3 {
font-size:18px;
text-align:center;
padding-bottom:5px;
}

.assortiment-product-head{ /*header of 1st demo*/
display:none;
}
.colortd {
padding:0px 5px;
text-align:center;
vertical-align:top;
}
.colortd img {
width:90px;
}
/*LIST in Collection*/
.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 840px;
height: 470px; /*Height should enough to fit largest content's height*/
margin:20px auto 0px auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 840px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}
.stepcarousel .paneltd {
text-align:center;
width:168px;
height:159px;
overflow:hidden;
}
.stepcarousel .paneltd a {
height:159px;
overflow:hidden;
display:block;
}

.panel h3 {
font-size:18px;
text-align:center;
padding-bottom:5px;
}
/*Laoyot in Collection Detail*/
#sidebar_map {
}
#dressbackgrounddiv {
float:left;
width:430px;
margin:10px 0px 0px 40px;
}
#dressinfo{
float:right;width:330px;padding-top:50px;
text-align:left;
font-size:18px;
margin-right:90px;
}
#slider4 {
margin-left:90px;
}
#productthumbs {
width:900px;
}
#productthumbs td{
text-align:center;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 330px; /*width of featured content slider*/
height: 500px;
}



.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 330px; /*width of featured content slider*/
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper .contentdiv a {
display:block;
height: 410px;
line-height: 45px;
font-size:16px;
padding-right:30px;
color:#336699;
text-decoration:none;
text-align:right;
}
.sliderwrapper .contentdiv a:hover {
color:#000;
text-decoration:none;
}
.pagination a {
cursor:pointer;
}
#paginate-slider4 {
text-align:center;
}
#paginate-slider4 a img {
width:90px;
}