body{
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#333;
	padding:0;
	background:#FFF; 
	color:#454545;
}
h1,h2,h3,h4,h5,h6,form,p,ul li{
	margin:0;
	padding:0;
}
ul{	margin:0;
	padding:0;
}
a{color:#333;	text-decoration:none;	border:0;	outline:none;}
img{	border:0;}
a:hover{	text-decoration:underline;}
.fl {float:left;}
.fr {float:right;}

.ts {text-shadow: 1px 1px #454545;}
#taf {position:absolute; top: 40px; left:603px; display:none}

#logo {position:relative;text-align:center; padding:4px 0;border-bottom:1px dotted #CECECE;}

#footer {text-align:center; border-top:1px dotted #CECECE; padding-top:20px; line-height:1.66;}
#content {padding:10px 0; min-height:240px;  text-align:center;}
.mid {width:96%; max-width:960px; margin:0 auto;}

h1 {font-size:32px; font-weight:400;}
h2 {font-size:24px; font-weight:400;}
h2 span {display:block; font-size:11px; color:#666; margin-bottom:6px;}
h3 {font-size:24px; font-weight:400;margin:20px 0;}
p.desc {font-size:12px; text-align:center; width:96%; max-width:440px;margin:0 auto;margin-bottom:10px; line-height:1.4}
#gallery {position:relative; text-align:center; width:440px; margin:0 auto;}
#gallery .pic {text-align:center;}
#gallery p {font-size:16px;}
#gallery .pic  img {height:440px; width:auto;  margin:0 auto;}
#gallery .prev {position:absolute; top:200px; left:10px; z-index:99;}
#gallery .next {position:absolute;top:200px; right:10px;z-index:99;}



.tlc {color: #A20D73; height:30px; padding-right:4px;}
.red {color: #A20D73;}
.cartsep {border-bottom:1px dashed #CBCBCB;}
.cartrow {padding-top: 14px; padding-bottom:14px;}


.msg {border: 2px solid #E8E8E8;
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#435061;
color:#FFF; text-align: center;
}

.msgok {border: 2px solid #E8E8E8;
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#F2FFF2;
color:#454545; text-align: center;
}

.msgnotok {border: 2px solid #E8E8E8;
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#C00;
color:#FFF; text-align: center;
}

*:focus {outline: none;}

select[disabled] {
	background-color: #ddd;
}

#photothumbsmob {display:none;}
.pdimgmob {display:none;}

.pcolor {border:1px solid #CCC; color:#666; padding:3px; margin-bottom:6px;display:block;}
.ddship {border:1px solid #CCC; color:#666; padding:3px; margin-bottom:6px;}
.buyarea {margin:20px 0;}
.buybutton  { border:1px solid #BC2035; background:#BC2035; padding:4px; color:#FFF; font-size:13px; cursor:pointer; }
a.checkout { border:1px solid #BC2035; background:#BC2035; padding:4px; color:#FFF; font-size:13px; cursor:pointer; }
#buyform label.error {padding:6px 8px; background:#A20D73;color:#FFF; display:block; margin-bottom:4px; width:144px; font-size:13px;}
.cartrow span { }

.msgbox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background:#CCC;
	color:#FFF;
	text-align: center;
}
.msgboxok {
	text-align:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background:#CCC;
	color:#333;
	text-align: center;
}
#carttop {background:#BC2035;color:#FFF; text-transform:uppercase; position:absolute;top:94px;right:0px; height:36px; line-height:36px; z-index:999; width:251px; text-align:center; font-size:13px; font-weight:600}
#carttop a {background:url(../images/cart.png) no-repeat right 40%; padding:0px 32px 0px 0px; color:#FFF; display:inline-block; }
#carttopmob {display:none;}



form.mainform * {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}
form.mainform {max-width:300px; width:96%;}

/*form contact */
form.mainform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {
	width: 35%;
  float: left;
  padding-right: 10px;
  text-align:right;
  padding-top:4px;
}
form.mainform > div > div,
form.mainform > div > fieldset > div {
  width: 100%;
  float: none;
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #B2B2B2;
  padding:4px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
}

form.mainform input[type=submit] {cursor:pointer; background:#BC2035; color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;}
form.mainform input[type=submit]:hover { background:#A80004;transition: background 0.85s ease; -webkit-appearance: none;}

.tar {text-align:right;}
form.mainform label.error {background:#666;padding:2px; color:#F2F2F2; font-size:11px; float:left; width:100%;}

form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:3px;
	width:100%;


}

form.mainform select::-ms-expand {
    display: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}

@media (max-width: 600px) {
  form.mainform  > div {
    margin: 0 0 15px 0; 
  }
  form.mainform  > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form.mainform  > div > div,
  form.mainform  > div > fieldset > div {
    width: 100%;
    float: none;
  }
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form.mainform form > div > label,
	legend {
  	text-align: left;
  }
}


@media (max-width: 600px) {
p.desc {font-size:12px; text-align:center; width:96%; max-width:300px;margin:0 auto;margin-bottom:10px; line-height:1.4}
#gallery {position:relative; text-align:center; width:100%; margin:0 auto;}
#gallery p {font-size:15px;}
#gallery .pic  img {height:400px; width:auto;  margin:0 auto;}
#gallery .prev img {width:16px; height:auto;}
#gallery .next img {width:16px; height:auto;}
#gallery .prev {position:absolute; top:404px; left:4px; z-index:99;}
#gallery .next {position:absolute;top:404px; right:4px;z-index:99;}	
}