/* General HTML elements */
body {
    font: 62.5% Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background: #c1defe;
	color: #002497;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
dl,
dl dt,
dl dd,
ul,
ul li,
ol, 
ol li,
blockquote {
    margin: 0;
    padding: 0;
	list-style-type: none;
}
img {
    border: none;
}
a {
    outline: none;
}
a:link,
a:visited {
    text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
fieldset {
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
}
fieldset legend {
    display: none;
}
input,
select,
textarea {
    font: 100% Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
/* for modern browser */
input[type="image"],
input[type="submit"] {
    outline: none;
}
/* input[checkbox] & input[radio] */
input {
    vertical-align: baseline;
    margin: -1px -2px;
}
/* Firefox */
html>/**/body input {
    vertical-align: text-bottom;
    margin: 0px;
}

object,
embed {
    outline: none;
}
.Wrapper {
    overflow: visible;
    height: 1%;
}
html>body .Wrapper {
    overflow: hidden;
    height: auto;
}
.ClearItem {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/*----------------------------------------------Break--------------------------------------------------*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*----------------------------------------------Break--------------------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{ }
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;font-size:1.2em;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*----------------------------------------------Break--------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 760px;
    padding: 0px 50px;
	margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  760px;
    height: 244px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 190px;
    height: 230px;
	text-align: center;
	position: relative;
	z-index: 18;
}
.jcarousel-skin-tango .jcarousel-item img {
	display: block;
	margin: 0px auto 8px auto;
}
.jcarousel-skin-tango .jcarousel-item span {
	display: block;
	font-size: 1.4em;
	padding: 0 0 4px 0;
}
.jcarousel-skin-tango .jcarousel-item .Title {
	color: #0000ff;
}
.jcarousel-skin-tango .jcarousel-item .Size {
	color: #fe7800;
}
.jcarousel-skin-tango .jcarousel-item a:link,
.jcarousel-skin-tango .jcarousel-item a:visited {
}
.jcarousel-skin-tango .jcarousel-item a:hover {
	font-weight: bolder;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 0px;
    width: 29px;
    height: 47px;
    cursor: pointer;
    background: url(../images/all-image.png) no-repeat right -190px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: right -190px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: right -190px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: right -237px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 0px;
    width: 29px;
    height: 47px;
    cursor: pointer;
    background: url(../images/all-image.png) no-repeat 0 -190px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px -190px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px -190px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -237px;
}

/*----------------------------------------------Break--------------------------------------------------*/

#header {
	border-top: 4px solid #ff48d2;
	background: #eef8ff url(../images/all-bg.png) center top repeat-x;
	padding: 0 0 66px 0;
}
#header h1 a:link,
#header h1 a:visited {
	background: url(../images/all-image.png) no-repeat left -100px;
	width: 113px;
	height: 0;
	padding: 86px 0 0 0;
	margin: 72px auto 0 auto;
	display: block;
	overflow: hidden;
}
#babyMark {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
#main {
	background: #FFF url(../images/bg-main.jpg) left top repeat-x;
}
#footer {
	background: url(../images/all-bg.png) left -230px no-repeat;
	padding: 24px 10px;
}
#footer .SubFooter {
	width: 860px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}
#footer .Link a:link,
#footer .Link a:visited {
	background: url(../images/all-image.png) no-repeat;
	width: 323px;
	height: 0px;
	padding: 70px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	display: block;
}
#footer ul {
	float: left;
}
#footer ul li {
	float: left;
	font-size: 1.4em;
	line-height: 20px;
	margin: 0 10px 0 0;
}
#footer ul li a:link,
#footer ul li a:visited {
	background: url(../images/all-image.png) left -300px no-repeat;
	color: #002497;
	padding: 15px 0 10px 34px;
	display: block;
}
#footer ul li a:hover {
	color: #000000;
}
#footer .Info {
	float: right;
	font-size: 1.4em;
	padding: 5px 0 0 0;
}
#footer .Info .Break {
	padding-bottom: 10px;
}

/* product list */
ul.simpleList {
	width: 950px;
	overflow: hidden;
	_zoom: 1;
	_overflow: visible;
	margin: 0 auto;
}
ul.simpleList li {
    width: 190px;
    height: 250px;
	text-align: center;
	position: relative;
	z-index: 18;
	float: left;
}
ul.simpleList li img {
	display: block;
	margin: 0px auto 8px auto;
}
ul.simpleList li span {
	display: block;
	font-size: 1.4em;
	padding: 0 0 4px 0;
}
ul.simpleList li .Title {
	color: #0000ff;
}
ul.simpleList li .Size {
	color: #fe7800;
}
ul.simpleList li a:link,
ul.simpleList li a:visited {
}
ul.simpleList li a:hover {
	font-weight: bolder;
}
.FormStyle1 {
	width: 400px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}
label.lbStyle1 {
	font-size: 1.4em;
	display: block;
	padding: 5px;
}
.InputStyle1 {
	border: 1px solid #0CF;
	padding: 10px;
	font-size:1.4em;
	line-height: 18px;
	color: #039;
	width: 380px;
}
.TextareaStyle1 {
	border: 1px solid #0CF;
	font-size:1.4em;
	line-height: 18px;
	color: #039;
	width: 400px;
	height: 120px;
	overflow: auto;
}
.ButtonStyle1 {
	font-size: 1.4em;
	margin: 10px 0 0 0;
	padding: 10px;
}
.TxtR {
	text-align: right;
}
.TxtC {
	text-align: center
}
.Error {
	color: #F00;
	font-size: 1.4em;
	padding: 10px;
	font-weight: bolder;
}
.AboutUs {
	padding: 20px;
}

/*----------------------------------------------Break--------------------------------------------------*/

/* Safari 2, 3 only
html[xmlns*=""]:root #idName {
	color: #FFF;
}
*/

/* Safari 4 + Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	html{
		/*
		need this so that Safari3 can 
		use window.getMatchedCSSRules to collect CSSStyleRule later
		*/
		list-style-image:none; 
	}
	
}