/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

.ie {display:none;}
.not-ie {display:inline}

body {
	background-color:#000;
	color:#fef1ea;
	font-size:87.5%;
	line-height:1.5;
	text-align:left;
	font-family: 'Lato', sans-serif;
	padding-top:0; margin-top:0;
	width:100%;
	max-width:958px;
}

.body {
	margin: 0 auto;
	width:100%;
}

#maincontent {
	background-image:url('../i/header.png');
	background-repeat:no-repeat;
    width:100%;	
	
}

.hr {margin:0; padding-bottom:15px; height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#999; background-color:#fef1ea;}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*.logo {
	float:left;
	margin-right:0;
	padding:12px;
	padding-right:0;

}*/

/*header*/
header {
    /*padding: 15px 20px;*/
	margin-bottom:20px;
}
        /*shorter clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
        header:before,
        header:after {
            content:"";
            display:table;
        }
        header:after {
            clear:both;
        }
        /* For IE 6/7 (trigger hasLayout) */
        header {
            zoom:1;
        }

h1.logo a {
    color: #d8d8d8;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    float: left;
    letter-spacing: 0.2em;
}

h1.logo img {
    margin-top:-5px;
	margin-left:-10px;
	width:112px; 
	height:69px;
	margin-right:0
	
}

a.to_nav {
    float: right;
    color: #fff;
    background: #3351bf;
    text-decoration: none;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    height: 28px;
    letter-spacing: 0.1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	padding-top:7px;
	margin-top:-5px;
	margin-right:-10px;
}
a.to_nav:hover,
a.to_nav:focus {
    color: #3351bf;
    background: #e51567;
}


/*.logo a {
	width:112px; height:69px; z-index:99
}*/


/*body {
margin: 0 auto;
	width:70%;
	position:relative
   }
*/

/*h1 {
}

layout
.wrapper {
}*/


/**/

/*navigation*/

#primary_nav ul {
    list-style: none;
    padding: 0;
	margin-top:-10px;
	width:100%;
	margin-left:-15px;
}
#primary_nav li a {
    display: block;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838;
	background-color:#3351bf;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
}
#primary_nav li:last-child a {
    border-bottom: none;
}
#primary_nav li a:hover,
#primary_nav li a:focus {
    color: #fff;
    background: #e51567;
}

#primary_nav li a.active {
	color: #fff;
    background-color:#f24c8d;
	text-shadow: none;}
	
/*footer*/
footer p {
	color:#3351bf; padding-left:10px; font-size:11px; padding-bottom:25px; padding-top:0;
}



.top-tare {margin-bottom:0; margin-bottom:0; padding-bottom:0 !important}
.top-tare img {width:100%;
height:auto}

.intro {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto}

.intro img {width:100%;
height:auto}

.intro-text img.hero {
	width:100%;
	height:auto;
	margin-top:1px;	
}

.intro-text p {padding:13px 15px 15px 15px; margin:0; text-align:center; font-size:160%; font-weight:200; line-height:25px; background-color:#fef1ea;}

.welcome {background-color:#3351bf; margin-top:0; padding:5px; margin-top:-7px;}
.welcome img {margin-top:0; float:left; margin-top:-55px;}
.welcome p { margin:0; padding:0; padding-top:10px; padding-left:330px; font-weight:200; font-size:110%; padding-right:15px;}

.footer {
	float:left;
	width:100%;
}

.bot-tare {margin:0; padding:0}
.bot-tare img {
	width:100%;
	height:auto;
}

.bot-div {margin:0; padding:0; display: none;}
.bot-div img {
	width:100%;
	height:auto;
}

.terms {background-color:#FFFFFF; margin-top:-6px; border:1px solid #fff; margin-bottom:0}
.footer p {color:#3351bf; padding-left:10px; font-size:11px; padding-bottom:25px; padding-top:0;}

.signoff {float:right; font-size:11px; padding-right:10px; margin-top:5px;}

.written-terms  {margin-bottom:5px}
.intro-text .written-terms p {font-size:100%; line-height:1.3; text-align:left; padding-bottom:0; margin-bottom:0; font-weight:500}
.intro-text p.title {font-size:150%; line-height:1.3; text-align:left; padding-bottom:35px; margin-bottom:0; font-weight:500; text-align:center; padding-top:25px;}

.form {margin-top:10px;  margin-left:-5px;}
.form p {font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}
.name {border:1px solid #333; width:92.8%; margin-top:-4px; margin-left:5px; height:35px;}
.message {border:1px solid #333; width:96%; margin-top:-4px; margin-left:5px;}



.submit-button {
	display: block;
    padding: 20px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
	background-color:#e51567;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
    width:100%;
	float:left;
	margin:10px auto}
	
	
.left-nav {width:22%; height:auto; margin:0; padding:0; float:left; margin-right:18px;}
.left-nav img {width:100%; height:auto; padding:0; margin:0}
.left-nav ul {background-color:#ac8657; width:100%; height:auto; margin-top:-5px; padding-top:0; list-style-type:none; float:left}
.left-nav li {padding-left:2px;}

.left-nav li a {display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    /*height: 2em;*/
    background-color:#3351bf;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
	font-size:120%;}
	
.left-nav li a:hover {display: block;
    color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
	
.left-nav-small {display:none; width:22%; height:auto; margin:0; padding:0; float:left; margin-right:18px;}
.left-nav-small {width:100%; height:auto; padding:0; margin:0}

.left-nav-small img.nav-bot {width:100%; height:auto; padding:0; margin:0;}
.left-nav-small img.nav-bot-nor {display:none}
.left-nav-small img.nav-bot-600 {display:none}

.left-nav-small img.nav-top {width:100%; height:auto; padding:0; margin:0;}
.left-nav-small img.nav-top-nor {display:none}

.left-nav-small ul {background-color:#ac8657; width:100%; height:auto; margin-top:-5px; padding-top:0; list-style-type:none; float:left}
.left-nav-small li {padding-left:2px;}

.left-nav-small li a {display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    /*height: 2em;*/
    background-color:#3351bf;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
	font-size:120%;}
	
.left-nav-small li a:hover {display: block;
    color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	

.right-shop {width:76%; height:auto; float:left; margin:0; paddings:0}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-image: url('../i/main-top-text.png'); margin-top:-5px; background-size: cover; float:left; width:100%;}
.shop-text-text {color:#333333; text-align:right; float:left; width:73%; padding-top:15px; padding-bottom:0;}
.shop-text-text h2 {font-size:125%}
.shop-text-text p {font-size:100%}
.shop-text-text p.dis {font-size:80%; color:#999999}


.rrp {text-align:left; float:left; color:#333333; width:15%; padding-left:15px; padding-top:15px;}
.rrp h3 {font-size:125%; color:#FF0000; text-decoration:line-through; padding-left:15px; width:100%;}
.rrp h3.now {display:none;}

body.home a#nav-home,
body.necklace a#necklace,
body.earrings a#earrings,
body.bangles a#bangles,
body.blog a#blog,
body.about a#about,
body.links a#links,
body.contact a#contact,
body.matching a#matching,
body.brooches a#brooches,
body.badges a#badges,
body.other a#other {
	color: #fff;
    background-color:#f24c8d;
	text-shadow: none;
} 

.about-text img.celia {float:left; margin:15px; margin-left:10px; margin-top:5px; width:25%; border:1px solid #ccc;}
.links-text img.link-img {float:left; margin:15px; margin-left:10px; margin-top:5px; width:25%; border:1px solid #ccc;}

/*Smartphone*/
@media only screen 
and (min-width : 10px)
and (max-width : 479px) {


body {
	margin: 0 auto;
	width:96%;
	position:relative
}

.logo {width:100%}
.logo img {padding-top:0; margin-top:-5px; margin-bottom:30px; margin-left:0px;}

header {
    padding: 15px 20px;
	margin-bottom:0px;
}


.intro-text p {font-size:130%; font-weight:200; line-height:20px;}

.col2-right { display:block; clear:both; margin-top:340px;}


.welcome img {
	width:40%;
	height:auto;
	float:left;
	margin-right:15px;
	margin-top:10px;
}
	
.welcome p {margin:0; padding:0; padding-top:10px; padding-left:10px; padding-right:10px; font-weight:200; font-size:95%;}
.signoff { float:left}

.bot-div {margin:0; padding:0; display:block}



nav li {
		display: block;
		float: left;
		width: 93.2%;
		margin-bottom:2px;
		margin-right:10px;
		}
	
nav a {
	text-align:center;
	
	width: 100%;
}

nav {
		border-bottom: 0;
		height: auto;
}

nav ul {
		display: none;
		height: auto;
		
		width: 100%;
  		display: block;
  		height: auto;
}

#primary_nav ul {margin-left:0;}
#primary_nav li#navi a {background-color: #e1e1e1;  color:#3351bf; text-shadow: none;}
#primary_nav li#navi a:hover {background-color: #e1e1e1;  color:#3351bf; text-shadow: none;}
#primary_nav li#navi-top a {background-color: #1d39a2;}
#primary_nav li#navi-top a:hover {background-color: #e51567;}

.text p {font-size:95%; font-weight:400; padding:5px 10px; text-align:left}
.textbody {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto; border-bottom-radius:4px; background-color:#fef1ea;}

p.info {display:none;}

.form {padding:0; margin:0; margin-top:5px;}
.form td { padding:5px; padding-top:0;}
.form td.type {padding:0; margin:0;}
.form td.type p {padding:10px; margin:0;}
.form td.type2 {padding:0; margin:0;}
.form td.type2 p {padding:10px; margin:0;}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px;}
.message {height:65px; padding:5px; margin:0;}
.form td.space {width:1%}


.form p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}
#captcha-area {margin-top:15px;}

.links-text {width:100%;}
.links-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.links-text p {font-size:95%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;}

.about-text {width:100%;}
.about-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.3;  background-color:#fef1ea;}
.about-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}



.left-nav {display:none}
	
	
.left-nav-small {display:block; width:100%; height:auto; margin-right:0; margin-top:10px; clear:both;}
.left-nav-small img {width:100%;}

.left-nav-small img.nav-bot-nor {width:100%; height:auto; padding:0; margin:0;}

.left-nav-small img.nav-top {width:100%; height:auto; padding:0; margin:0;}
.left-nav-small img.nav-top-nor {display:none}


.left-nav-small ul {width:100%; height:auto; margin-top:-5px; margin-bottom:-1px;}
.left-nav-small li {padding-left:2px; width:49.3%; float:left}
.left-nav-small li.large {display:none}
.left-nav-small li.small a {padding-bottom:12px;}

.left-nav-small li a {
	font-size:100%;
	min-width:48%;
}

.left-nav-small li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
.left-nav-small li:first-child a {
    width:186%; background-color:#e1e1e1; color:#3351bf; text-shadow: none; text-align:center}
.left-nav-small li:first-child a:hover {
    width:186%; background-color:#e1e1e1; color:#3351bf; text-shadow: none; text-align:center}
.left-nav-small li:last-child a {
    width:186%; text-align:center}
	
.left-nav-small li.normal a {padding-left:2px; width:84.5%; float:left; text-align:left; padding-left:10px;}

.right-shop {width:100%; height:auto;}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-color:#fff9f6; background-image:none; margin-top:-7px; float:left; width:100%;}
.shop-text-text {text-align:left; width:95%; padding-left:10px;}



.rrp {text-align:left; float:left; color:#333333; width:95%; padding-left:15px; padding-top:15px;}
.rrp h3 {font-size:110%; color:#FF0000; text-decoration:line-through; padding-left:15px; float:left; width:40%; margin-left:-5px;}
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:0; text-decoration:none; margin-top:-3px }
.rrp .button {display:block; clear:both; width:98%; margin-left:44px; padding-top:15px; width:167px; height:36px; margin-bottom:15px;}
.paybutton {margin-left:14px; padding-left:0}

.signoff {padding-bottom:15px;}
.footer p a {font-size:11px;}


.intro-text p.title {font-size:130%; font-weight:200; line-height:20px; padding:0; margin:0; padding-top:10px; padding-bottom:10px;}
.about-text img.celia {float:left; margin:15px; margin-left:10px; margin-top:5px; width:38%; border:1px solid #ccc;}
.links-text img.link-img {float:left; margin:15px; margin-left:10px; margin-top:5px; width:38%; border:1px solid #ccc;}
	
}

/**/

/*Smartphone*/
@media only screen 
and (min-width : 360px) {

header {
	margin-bottom:15px;
	padding: 15px 20px;
}


.form {padding:0; margin:0; margin-top:5px; width:100%;}
.form td.space {width:1%}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px; width:93%;}
.message {height:65px; padding:5px; margin:0;  width:96.5%;}

#captcha-area {margin-left:7px; margin-top:15px;}

.col2-right { display:block; clear:both; margin-top:300px;}


.left-nav {display:none}
	
	
.left-nav-small {display:block; width:100%; height:auto; margin-right:0; margin-top:10px; clear:both}
.left-nav-small img {width:100%;}
.left-nav-small img.nav-bot-nor {display:none}
.left-nav-small ul {width:100%; height:auto; margin-top:-5px;}
.left-nav-small li {padding-left:2px; width:49.3%; float:left}

.left-nav-small li a {
	font-size:100%;
	min-width:48%;
}

.left-nav-small li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
.left-nav-small li:first-child a {
    width:187.5%;
	color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none;
	text-align:center
}
.left-nav-small li:first-child a:hover {
    width:187.5%;
	color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none;
	text-align:center
}
.left-nav-small li:last-child a {
    width:187.5%; text-align:center}
	
.left-nav-small li.normal a {padding-left:2px; width:86.4%; float:left; text-align:left; padding-left:10px;}

.right-shop {width:100%; height:auto;}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-color:#fff9f6; background-image:none; margin-top:-7px; float:left; width:100%; margin-right:0; }
.shop-text-text {text-align:left; width:95%; padding-left:10px;  margin-right:0}
.shop-text-text p.dis {padding-right:15px;}



.rrp {text-align:left; float:left; color:#333333; width:95%; padding-left:15px; padding-top:15px; }
.rrp h3 {font-size:110%; color:#FF0000; text-decoration:line-through; padding-left:15px; float:left; width:40%; margin-left:-5px; }
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:0; text-decoration:none; margin-top:-3px; float:left }
.rrp .button {padding-top:0; float:left; margin-top:5px; margin-bottom:15px; margin-left:65px; width:167px; height:36px;}
.paybutton {margin-left:14px; padding-left:0; }


}

/**/

/*Smartphone*/
@media only screen 
and (min-width : 480px)
and (max-width : 600px) {


body {
	margin: 0 auto;
	width:96%;
	position:relative
}

.logo {width:100%}
.logo img {padding-top:0; margin-top:-5px; margin-bottom:30px; margin-left:-10px;}

header {
    padding: 15px 20px;
	margin-bottom:30px;
}

.intro-text p {font-size:130%; font-weight:200; line-height:20px;}







.welcome img {
	width:40%;
	height:auto;
	float:left;
	margin-right:15px;
	margin-top:10px;
}
	
.welcome p {margin:0; padding:0; padding-top:10px; padding-left:10px; padding-right:10px; font-weight:200; font-size:95%;}
.signoff { float:left}

.bot-div {margin:0; padding:0; display:block}



nav li {
		display: block;
		float: left;
		width: 95.5%;
		margin-bottom:2px;
		margin-right:10px;
		}
	
nav a {
	text-align:center;
	
	width: 100%;
}

nav {
		border-bottom: 0;
		height: auto;
}

nav ul {
		display: none;
		height: auto;
		
		width: 100%;
  		display: block;
  		height: auto;
}



.text p {font-size:95%; font-weight:400; padding:5px 10px; text-align:left}

.form {padding:0; margin:0; margin-top:5px; width:100%;}
.form td.space {width:1%}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px; width:95%;}
.message {height:65px; padding:5px; margin:0;  width:97.8%;}


#captcha-area {margin-left:7px; margin-top:15px; padding-left:13%}

.intro-text p {font-size:130%; font-weight:200; line-height:20px;}

.col2-right { display:block; clear:both; margin-top:240px;}


.welcome img {
	width:40%;
	height:auto;
	float:left;
	margin-right:15px;
	margin-top:10px;
}
	
.welcome p {margin:0; padding:0; padding-top:10px; padding-left:10px; padding-right:10px; font-weight:200; font-size:95%;}
.signoff { float:left}

.bot-div {margin:0; padding:0; display:block}



nav li {
		display: block;
		float: left;
		width: 95.6%;
		margin-bottom:2px;
		margin-right:10px;
		}
	
nav a {
	text-align:center;
	
	width: 100%;
}

nav {
		border-bottom: 0;
		height: auto;
}

nav ul {
		display: none;
		height: auto;
		
		width: 100%;
  		display: block;
  		height: auto;
}

#primary_nav ul {margin-left:0;}
#primary_nav li#navi a {background-color: #e1e1e1;  color:#3351bf; text-shadow: none;}
#primary_nav li#navi-top a {background-color: #1d39a2;}
#primary_nav li#navi-top a:hover {background-color: #e51567;}

.text p {font-size:95%; font-weight:400; padding:5px 10px; text-align:left}
.textbody {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto; border-bottom-radius:4px; background-color:#fef1ea;}

p.info {display:none;}

.form {padding:0; margin:0; margin-top:5px;}
.form td { padding:5px; padding-top:0;}
.form td.type {padding:0; margin:0;}
.form td.type p {padding:10px; margin:0;}
.form td.type2 {padding:0; margin:0;}
.form td.type2 p {padding:10px; margin:0;}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px;}
.message {height:65px; padding:5px; margin:0;}
.form td.space {width:1%}


.form p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}
#captcha-area {margin-top:15px;}

.links-text {width:100%;}
.links-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.links-text p {font-size:95%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;}

.about-text {width:100%;}
.about-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.3;  background-color:#fef1ea;}
.about-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}


.left-nav {display:none}
	
	
.left-nav-small {display:block; width:100%; height:auto; margin-right:0; margin-top:25px; clear:both}
.left-nav-small img {width:100%;}
.left-nav-small img.nav-bot-nor {display:none}

.left-nav-small img.nav-top  {width:100%; height:auto; padding:0; margin:0;}
.left-nav-small img.nav-top-nor {display:none}

.left-nav-small li.small {display:none}

.left-nav-small img.nav-bot {display:none} 
.left-nav-small img.nav-bot-nor {display:none}
.left-nav-small img.nav-bot-600 {display:inline; width:100%; height:auto; padding:0; margin:0;}

.left-nav-small ul {width:99.8%; height:auto; margin-top:-5px;}
.left-nav-small li {padding-left:2px; width:49.5%; float:left}

.left-nav-small li a {
	font-size:100%;
	min-width:48%;
}

.left-nav-small li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}

	
.left-nav-small li:first-child a {
    width:191%;  color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none; text-align:center}
.left-nav-small li:first-child a:hover {
    width:191%;  color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none; text-align:center}

.left-nav-small li:last-child a {
    width:191%; text-align:center}
	
.left-nav-small li.normal a {padding-left:2px; width:89.9%; float:left; text-align:left; padding-left:10px;}


.right-shop {width:100%; height:auto;}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-color:#fff9f6; background-image:none; margin-top:-7px; float:left; width:100%;}
.shop-text-text {text-align:left; width:95%; padding-left:10px;}



.rrp {text-align:left; float:left; color:#333333; width:95%; padding-left:15px; padding-top:15px;}
.rrp h3 {font-size:110%; color:#FF0000; text-decoration:line-through; padding-left:0; float:left; width:35%; margin-left:-5px;}
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:0; text-decoration:none; margin-top:-3px; float:left }
.rrp .button {padding-top:0; float:left; margin-top:-28px; margin-left:100px; width:167px; height:36px;}
.paybutton {margin-left:14px; margin-top:-15px; padding-left:0}
	
.intro-text p.title {font-size:130%; font-weight:200; line-height:20px; padding:0; margin:0; padding-top:10px; padding-bottom:10px;}


	
}

/**/


@media only screen 
and (min-width : 600px)
and (max-width : 767px) {


body {
	margin: 0 auto;
	width:96%;
	position:relative
}

header {
    padding: 15px 20px;
	margin-bottom:30px;
}

.logo {width:100%}
.logo img {padding-top:0; margin-top:-5px; margin-bottom:30px; margin-left:-10px; padding-left:0; margin-left:-12px;}


.intro-text p {font-size:150%; font-weight:200; line-height:25px;}

nav li {
		display: block;
		float: left;
		width: 49.3%;
		margin-bottom:2px;
		margin-right:2px;
}
	
nav a {
	text-align:center;
}

nav {
		border-bottom: 0;
}

nav ul {
		display: none;
		height: auto;
}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
		border-radius:4px;
		
}
	nav a#pull:after {
		content:"";
		background: url('../i/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
}

.hero {margin-bottom:-1px;}
.welcome img {
	width:40%;
	height:auto;
	float:left;
	margin-right:15px;
	margin-top:-55px;
}
	
.welcome p {margin:0; padding:0; padding-top:10px; padding-left:10px; padding-right:10px; font-weight:200; font-size:95%;}
.signoff { float:right; margin-top:0}


nav li {
		display: block;
		float: left;
		width: 96.8%;
		margin-bottom:2px;
		margin-right:10px;
		}
	
nav a {
	text-align:center;
	
	width: 100%;
}

nav {
		border-bottom: 0;
		height: auto;
}

nav ul {
		display: none;
		height: auto;
		
		width: 100%;
  		display: block;
  		height: auto;
}

#primary_nav ul {margin-left:0;}
#primary_nav li#navi a {background-color: #e51567; display:none}
#primary_nav li#navi-top a {background-color: #1d39a2;}
#primary_nav li#navi-top a:hover {background-color: #e51567;}

#primary_nav {margin-top:35px;}
.bot-div {margin:0; padding:0; display:block}

.footer p {padding-bottom:5px;}

.form {padding:0; margin:0; margin-top:5px; width:100%;}

.form td { padding:5px; padding-top:0;}
.form td.type {padding:0; margin:0;}
.form td.type p {padding:10px; margin:0;}
.form td.type2 {padding:0; margin:0;}
.form td.type2 p {padding:10px; margin:0;}

.form td.space {width:1%}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px; width:96.5%;}
.message {height:65px; padding:5px; margin:0;  width:98.2%;}


.text p {font-size:110%; font-weight:200; padding:5px 10px; text-align:left; line-height:1.5}
.textbody {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto; border-bottom-radius:4px; background-color:#fef1ea;}

p.info {display:none;}

.form p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}
#captcha-area {margin-top:15px; clear:left; float:left; padding-left:0;}

.submit-button {float:left; width:43%; margin-right:0; margin-left:15px; margin-top:15px;}

.col2-right { display:block; clear:both; margin-top:270px;}

.links-text {width:100%;}
.links-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.links-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}

.about-text {width:100%;}
.about-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.3;  background-color:#fef1ea;}
.about-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}


.left-nav {display:none}
	
	
.left-nav-small {display:block; width:100%; height:auto; margin-right:0; margin-top:5px; clear:both}
.left-nav-small img {width:100%;}
.left-nav-small img.nav-bot-nor {display:none}

.left-nav-small img.nav-top  {width:100%; height:auto; padding:0; margin:0;}
.left-nav-small img.nav-top-nor {display:none}

.left-nav-small li.small {display:none}

.left-nav-small img.nav-bot {display:none} 
.left-nav-small img.nav-bot-nor {display:none}
.left-nav-small img.nav-bot-600 {display:inline; width:100%; height:auto; padding:0; margin:0;}

.left-nav-small ul {width:100%; height:auto; margin-top:-5px;}
.left-nav-small li {padding-left:2px; width:49.5%; float:left}

.left-nav-small li a {
	font-size:100%;
	min-width:49%;
}

.left-nav-small li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
.left-nav-small li:first-child a {
    width:194%;  color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none; text-align:center}
.left-nav-small li:first-child a:hover {
    width:194%;  color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none; text-align:center}
.left-nav-small li:last-child a {
    width:194%; text-align:center}
	
.left-nav-small li.normal a {padding-left:2px; width:92.4%; float:left; text-align:left; padding-left:10px;}

.right-shop {width:100%; height:auto;}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-color:#fff9f6; background-image:none; margin-top:-7px; float:left; width:100%;}
.shop-text-text {text-align:left; width:95%; padding-left:10px;}



.rrp {text-align:left; float:left; color:#333333; width:95%; padding-left:15px; padding-top:15px;}
.rrp h3 {font-size:110%; color:#FF0000; text-decoration:line-through; padding-left:0; float:left; width:35%; margin-left:-5px;}
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:0; margin-right:-60px;  text-decoration:none; margin-top:-3px; float:left }
.rrp .button {padding-top:0; float:left; margin-top:-28px; margin-left:80px; width:167px; height:36px;}
.paybutton {margin-left:14px; margin-top:-15px; padding-left:0}

.intro-text p.title {font-size:150%; font-weight:200; line-height:20px; padding:0; margin:0; padding-top:15px; padding-left:15px; padding-bottom:15px; text-align:left}
	
	
}

@media only screen
and (min-width: 768px)
and (max-width: 1023px) {
    
	body {
	margin: 0 auto;
	width:96%;
	position:relative
}

.logo {width:100%}
.logo img {padding-top:0; margin-top:-5px; margin-bottom:30px; margin-left:-10px; padding-left:0; margin-left:-12px;}


.intro-text p {font-size:180%; font-weight:200; line-height:30px; padding:10px 50px;}

a.to_nav {
        display: none;
    }
    /*.wrapper {
        position: relative;
        width: 768px;
        margin: auto;
		
    }*/
	
	
    #primary_nav {
        position: absolute;
        top: 22px;
        left: 100px;
        background: none;
		width:80%;
		margin-left:55px;
		margin-top:-15px;
		font-size:81%
    }
	
	#primary_nav ul {width:100%;}
	
    #primary_nav li {
        display: inline;
		

    }
    #primary_nav li a {
        float: left;
        border: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
		padding:4px;
		margin-top:-5px;
		padding-top:35px;
		font-size:78%;
    }
	
	#primary_nav li.top {
    display: none;}
	
.footer {margin-top:25px;}
.footer p {padding-bottom:0;}	
.signoff { margin-top:0}

.text p {font-size:110%; font-weight:200; padding:5px 10px; text-align:left; line-height:1.5}
.textbody {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto; border-bottom-radius:4px; background-color:#fef1ea;}

p.info {display:none;}

.hide {display:none;}

.hide-me {display:none;}


#captcha-area {margin-top:15px; margin-left:18px; float:left; margin-left:;}

.submit-button {float:left; width:100%; margin-right:0; margin-top:15px;}


header {
    padding: 15px 20px;
	margin-bottom:30px;
}

.text {font-size:85%;}
.text p { font-size:122%;}

.col2 {float:left; width:50%; margin-right:15px;}
.col2-right {width:48%; display:inline;}

.form {padding:0; margin:0; margin-top:45px; width:48%;}

.form td { padding:5px; padding-top:0;}
.form td.type {padding:0; margin:0;}
.form td.type p {padding:10px; margin:0;}
.form td.type2 {padding:0; margin:0;}
.form td.type2 p {padding:10px; margin:0;}

.form td.space {width:1%}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px; width:93.5%;}
.message {height:65px; padding:5px; margin:0;  width:96.9%;}


.form p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}

.links-text {width:100%;}
.links-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.links-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}

.about-text {width:100%;}
.about-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.3;  background-color:#fef1ea;}
.about-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}


	
.left-nav-small {display:none}



.left-nav {display:inline; width:23%; height:auto; margin:0; padding:0; float:left; margin-right:18px;}
.left-nav img {width:100%; height:auto; padding:0; margin:0}
.left-nav ul {background-color:#ac8657; width:100%; height:auto; margin-top:-5px; padding-top:0; list-style-type:none; float:left}
.left-nav li {padding-left:2px;}

.left-nav li a {display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    /*height: 2em;*/
    background-color:#3351bf;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
	font-size:100%;}
	
.left-nav li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
.left-nav li a:hover {display: block;
    color: #3351bf;
    background-color:#e1e1e1;
	text-shadow: none;}
	
	
.right-shop {width:74.5%; height:auto; float:left; margin:0; paddings:0}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-image: url('../i/main-top-text.png'); margin-top:-6px; background-size: cover; float:left; width:100%;}
.shop-text-text {color:#333333; text-align:left; float:left; width:65%; padding-top:5px; padding-bottom:0;}
.shop-text-text h2 {font-size:125%}
.shop-text-text p {font-size:100%}
.shop-text-text p.dis {font-size:80%; color:#999999; margin-right:0; padding-right:0}


.rrp {text-align:left; float:left; color:#333333; width:30%; padding-left:15px; padding-top:5px; padding-bottom:10px;}
.rrp h3 {font-size:100%; color:#FF0000; text-decoration:line-through; padding-left:40px; width:100%;}
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:25px; text-decoration:none; margin-top:0; float:left }
.rrp .button {padding-top:0; float:left; margin-top:0px; margin-left:0px; width:167px; height:36px; }
.paybutton {margin-left:0; margin-top:0; padding-left:0}

.intro-text p.title {font-size:150%; font-weight:200; line-height:20px; padding:0; margin:0; padding-top:15px; padding-left:15px; padding-bottom:15px; text-align:left}



}

@media only screen
and (min-width: 769px)
and (max-width: 1023px) {

 #primary_nav li a {
        float: left;
        border: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
		padding:4px;
		margin-top:-5px;
		padding-top:35px;
		font-size:88%;
    }

}

@media only screen
and (min-width: 1024px) {
    

body {
	margin: 0 auto;
	width:958px;
	position:relative
}

.logo {width:12%;}
.logo img {padding-top:0; margin-top:-5px; margin-bottom:30px; margin-left:-10px; padding-left:0; margin-left:-12px;}


.intro-text p {font-size:150%; font-weight:200; line-height:30px;}

a.to_nav {
        display: none;
    }
    /*.wrapper {
        position: relative;
        width: 768px;
        margin: auto;
		
    }*/
    #primary_nav {
        position: absolute;
        top: 22px;
        left: 100px;
        background: none;
		width:85%;
		margin-left:55px;
		margin-top:0px;
		font-size:82%;
		font-weight:100 !important;
    }
	
	#primary_nav ul {width:100%;}
	
	#primary_nav li {
        display: inline;
		

    }
    #primary_nav li a {
        float: left;
        border: none;
        padding: 0 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
		padding:8px;
		padding-left:7px;
		padding-right:7px;
		margin-top:-25px;
		padding-top:35px;
		/*width:9.98%;
	*/	
    }
	
	#primary_nav li.top {
    display: none;}
	
#primary_nav li a.active {
	color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
	
.footer p {padding-bottom:0; font-size:11px;}	
.footer p a {font-size:11px;}
.signoff {margin-top:5px}

.hide {display:block;}

.hide-me {display:none;}

#captcha-area {margin-top:15px; margin-left:70px; float:left; margin-left:;}



header {
    padding: 15px 20px;
	margin-bottom:30px;
}

.text {font-size:85%;}
.text p { font-size:180%;}

.col2 {float:left; width:50%; margin-right:15px;}
.col2-right {width:48%; display:inline;}

.form {padding:0; margin:0; margin-top:45px; width:48%;}

.form td { padding:5px; padding-top:0;}
.form td.type {padding:0; margin:0;}
.form td.type p {padding:10px; margin:0;}
.form td.type2 {padding:0; margin:0;}
.form td.type2 p {padding:10px; margin:0;}

.form td.space {width:1%}
.form td.input {padding:0; margin:0;}
.name {height:35px; padding:5px; margin:0; margin-bottom:5px; width:95.0%;}
.message {height:65px; padding:5px; margin:0;  width:97.5%;}


.form p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; font-weight:100; color:#fff; background-color:#1d39a2}

.intro-text p {font-size:145%; font-weight:200; line-height:30px; padding:10px 50px;}

.text p {font-size:140%; font-weight:200; padding:5px 10px; text-align:left; line-height:1.5}
.textbody {float:left;  color:#3351bf; width:100%; margin-top:-6px; padding-bottom:0; height:auto; border-bottom-radius:4px; background-color:#fef1ea;}

.links-text {width:100%; margin-bottom:25px;}
.links-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.links-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}

.about-text {width:100%; margin-bottom:25px;}
.about-text h3 {font-size:115%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px;  background-color:#fef1ea;}
.about-text p {font-size:105%; text-align:left; padding:0; padding-left:10px; padding-right:10px; padding-bottom:10px; line-height:1.4}


.left-nav-small {display:none}



.left-nav {display:inline; width:23%; height:auto; margin:0; padding:0; float:left; margin-right:18px;}
.left-nav img {width:100%; height:auto; padding:0; margin:0}
.left-nav ul {background-color:#ac8657; width:100%; height:auto; margin-top:-6px; padding-top:0; list-style-type:none; float:left}
.left-nav li {padding-left:2px;}

.left-nav li a {display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    /*height: 2em;*/
    background-color:#3351bf;
	border-radius:4px;
	margin-bottom:2px;
	margin-right:2px;
	text-shadow: 1px 1px 0px #283744;
	font-size:100%;
}
	
	
.left-nav li a:hover {display: block;
    color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
.left-nav li a.active {
	 color: #fff;
    background-color:#e51567;
	text-shadow: none;}
	
	
.right-shop {width:75.0%; height:auto; float:left; margin:0; paddings:0}
.right-shop img {width:100%; padding:0; margin:0}

.shop-text {background-image: url('../i/main-top-text.png'); margin-top:-6px; background-size: cover; float:left; width:100%; height:auto;}
.shop-text-text {color:#333333; text-align:left; float:left; width:73.5%; padding-top:5px; padding-bottom:0;}
.shop-text-text h2 {font-size:125%;}
.shop-text-text p {font-size:100%;}
.shop-text-text p.dis {font-size:80%; color:#999999; margin-right:0; padding-right:0}


.rrp {text-align:left; float:left; color:#333333; width:20%; height:auto; padding-left:0; padding-top:5px; padding-bottom:0;}
.rrp h3 {font-size:100%; color:#FF0000; text-decoration:line-through; padding-left:40px; width:100%;}
.rrp h3.now {font-size:125%; display:block; color:#006600; padding-left:25px; text-decoration:none; margin-top:5px; float:left }
.rrp .button {padding-top:0; float:left; margin-top:0px; margin-left:0px; width:167px; height:36px; }
.paybutton {margin-left:0; margin-top:0; padding-left:0}



/*#primary_nav li a.active {
	color: #fff;
    background-color:#e51567;
	text-shadow: none;}



}
*/
.active {
	color: #fff;
    background-color:#f24c8d;
	text-shadow: none;}

.intro-text p.title {font-size:150%; font-weight:200; line-height:20px; padding:0; margin:0; padding-top:15px; padding-left:15px; padding-bottom:15px; text-align:left}

.signoff {margin-top:0px;}


}