/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title : Tulip Clothing
Author : Richard Owens; Copasite Studios
eMail : rowens@thegoodkin.com; copasite@gmail.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

/*COPASITE ADDITIONS*/

@font-face
{
font-family: 'lobster';
src: url('font/lobster_14.otf'),
	 url('font/lobster_14.ttf'),
     url('font/lobster_14.eot'); /* IE9 */
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #7d7d78 url("img/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.formElement	{
	position:relative;
	float:left;
	padding:20px;
	margin-left:-40px;
}

.line {
	background:url(images/line.jpg) center top no-repeat; 
	height:7px; 
	width:100%;
}

/*login header*/
.loginLinks {
	border: 1px #999 solid;
	border-radius: 15px;
	background: #ddd;
	padding: 5px 10px;
}

#loginLink1	{
}

#loginLink2	{
	margin-top: 24px;
}

#loginLinksDiv {
	padding-bottom:5px; 
	text-align:right;
}


/*end login header*/

/*login page*/
#loginBody	{
	float:left;
	width:100%;
}

#loginHeader	{
	border:none; 
	color:#fffefe; /*988*/
	word-spacing:normal;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	padding-top:10px;
}

#loginAbout	{
	background-color:#dad5d4;
	width:710px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position:relative;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
	margin-bottom:15px;
}

#loginFormHolder	{
	background-color:#dad5d4;
	width:710px;
	margin:0 auto;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float:left;
	position:relative;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
}

#loginFootWrap	{
	position:relative;
	float:left;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
	padding-top:20px;
}

.loginAboutP	{
	font-size:18px;
	color:#fffefe;
	padding:20px;
	text-align:center;
}

.loginInput	{
	margin:15px;
	float:left;
}

.loginInputHeader	{
	width:100%;
	font-size:24px;
	padding:15px;
	float:left;
	color:#fffefe
}
/*end login page*/

/*gallery*/
#collectionSearch	{
	text-align:center;
}



#collectionSelection	{
	height:40px;
	width:600px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:auto;
	background:#7d7d78;
	padding-top:8px;
	margin-bottom:20px;
}
/*END gallery*/

h1	{
	text-align:center;
}

#sales {
	float:left;
}

.salesName	{
	font-size:14px;
	font-weight:bolder;
}

.salesArea	{
	color:white;
}

.salesRepDiv	{
	/*margin-top:15px;
	margin-bottom:15px;
	margin-left:10px;*/
	width:270px;
	margin:5px;
	padding:10px;
	height:100px;
	float:left;
	background-color:#b8aea7;
	text-align:center;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.clearanceBottom a{
	color:white;
}

.salesRepDiv:first-child	{
	width:870px;
	text-align:center;
}

.salesRepDiv:nth-child(even)	{
	background-color:#baaaaa;
}

#login	{
	position:absolute;
	right:50px;
	top:20px;
}

#loginValue	{
	height:10px;
	min-height:15px;
	line-height:15px;
	font-size:12px;
	width:150px;
	background-color:#7d7d78;
	color:#fff;
}

.loginValue	{
	height:10px;
	min-height:15px;
	line-height:15px;
	font-size:12px;
	width:150px;
	background-color:#fff;
	color:#555;
	border-radius: 8px;
}

#loginSubmit	{
	min-height:15px;
	line-height:15px;
	background-color:#ddd;
	margin-left:25px;
	padding:5px 10px;
	border-radius: 15px;
	cursor: pointer;
}

#loginSubmit:hover	{
	color: #5a5a5a;
}

/* Clearance */

#clearanceContain	{
	width:100%;
	margin-bottom:75px;
}

#clearanceHeader	{
	height:40px;
	width:600px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:auto;
	padding-top:8px;
	border: dotted #4b513d 6px; /*EED8A0*/
	margin-bottom:20px;
	
	color:#4b513d;
	font-size:24px;
	text-align:center;
}

.clearanceContinue	{
	height:25px;
	width:250px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:auto;
	background:#b8aea7;
	padding:10px;
	margin-bottom:20px;

	color:white;
	font-weight:bolder;
	font-size:18px;
	text-align:center;
}

.clearanceHead2	{
	text-align:center;
	font-size:22px;
}

.clearanceBody	{
	font-size:18px;
	text-align:left;
	margin:20px 20% 20px 20%;
}

.clearanceBottom	{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	margin:20px 20% 20px 20%;
}

.strikethrough	{
	text-decoration:line-through;
}

.salePrice	{
	font-size:16px;
	font-family:'lobster', 'ariel', 'sans-serif';
	margin-left:4px;
}

.salePrice	{
	font-size:30px;
	font-family:'lobster', 'ariel', 'sans-serif';
	margin-left:4px;
	color:#99cc33;
}

.salePrice_large	{
	font-size:20px;
	font-family:'lobster', 'ariel', 'sans-serif';
	margin-left:4px;
}
/* END Clearance */

/* About */
 
 .aboutMain {
	 position:relative; 
	 background:url(images/about.jpg) center top no-repeat; 
	 padding-top:400px;
 }
 
 .aboutIMG {
	 padding-top:50px; 
	 height:300px;
 }
 
 #aboutText {
	 position:absolute; 
	 width:400px; 
	 background:white; 
	 text-align:justify; 
	 padding:0px 30px; 
	 padding-top:10px; 
	 left: 50%; 
	 margin-left:-230px; 
	 top:100px; 
	 font-size:16px;
 }
 
 #aboutIMG_bg_r {
	 position:absolute; 
	 background:white; 
	 top:0px; 
	 right:0px; 
	 max-width:250px; 
	 height:400px;
 }
 
 #aboutIMG_bg_l {
 	position:absolute; 
	background:white; 
	top:0px; 
	left:0px; 
	max-width:250px; 
	height:400px;
 }
 
/* END about */

/*END COPASITE ADDITIONS*/

body {
	font-family: 'PT Sans', 'Myriad Pro', 'Myriad Web Pro', sans-serif;
	padding:0;
	margin:0;
	font-size: 12px;
	color: #000;
}

* {
	list-style-image   :none;
	list-style-position:outside;
	list-style-type    :none;
	margin             :0;
	padding            :0;
	outline-style      :none;
	outline-width      :0;
}
img,fieldset {
	border             :none;
}
ul,ol,li {
	list-style         :none;
}
input, textarea, select {
	font-family        :inherit;
	font-size          :inherit;
	font-weight        :inherit;
}
a {
	text-decoration    :none;
	color:#7d7d7d;
}
a:visited {
	text-decoration    :none;
}
a:hover {
	text-decoration    :none;
	color:#5a5a5a;
}

#topwrap{
	top:0;
	width:100%;
	background-color:#f8f7f6;
	height:160px;
	overflow:hidden;
}
#logo{
	margin:0 auto;
	padding-top:30px;
	height:90px;
	width:240px;
}
#nav{
	margin: 0 auto;
	margin-top: -31px;
	padding-top: 21px;
	max-width: 900px;
	width: 100%;
	height: 38px;
	background-image: url('images/nav.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-weight: 700;
	font-size: 17px;
	word-spacing: 90px;
}

@media all and (max-width: 900px){
	.aboutIMG {
		width: 200px;
	}
	
	.salesRepDiv:first-child {
		width:270px;
	}
	
	.salesMain {
		width:600px !important;
	}
}

@media all and (max-width: 800px){
	#nav{
		word-spacing: 20px;
	}
	
	#aboutIMG_bg_l {
		display: none;
	}
	
	#aboutIMG_bg_r {
		display: none;
	}
	
	.aboutMain {
		padding-top:200px;
	}
}

@media all and (max-width: 600px){
	.salesMain {
		width:300px !important;
	}
}

@media all and (max-width: 500px){
	#nav{
		font-size:14px;
		word-spacing: 14px;
	}
	
	#aboutText {
		width:250px;
		margin-left:-155px;
	}
	
	.aboutMain {
		padding-top:250px;
	}
	
	#form {
		width:300px !important;
	}
	
	.contactInput {
		width:auto !important;
		margin-left:0px !important;
	}
	
	.latest_img {
		height:50px;
	}
	
	#tulipIMG {
		height:98px;
	}
	
	#tradereps {
		width:296px !important;
	}
}

@media all and (max-width: 400px){
	#nav{
		font-size:12px;
		word-spacing: 10px;
	}
}

#nav a {
	color:white;
	margin-top:5px;
}
#nav a:hover {
	color:#7d7d78;
}
#main {
	margin:0 auto;
	width:100%;
	max-width:900px;
}
#footer {
	width:250px;
	margin:0 auto;
	letter-spacing:1px;
	text-align:center;
}

#footwrap	{
	position:	relative;
	float:	left;
	width:	100%;
	clear:	both;
}

#contacts {
	width:300px;
	margin:0 auto;
	letter-spacing:1px;
	margin-top:-1px;
	text-align:center;
	font-size:14px;
}
#foots{
	
	width:900px;
	margin:0 auto;
	margin-top:-56px;
}

#footContain	{
	float:	left;
	width:	100%;
	position:	relative;
}
#hover{
	width:300px;
	float:left;
	margin-top:-82px;
	margin-left:38px;
	font-size:13px;
}
#form{
	width:450px;
	padding-top:10px;
	margin:0 auto;
	font-size:16px;
	
}
form {
  padding: 0;
  margin: 0 0 20px;
}
table {
  margin: 0 auto;
}
tr, td, input, textarea {
  margin: 0;
  padding: 0;
}
td {
  padding: 0 0 5px;
}
tr td:first-child {
  padding-right: 10px;
  padding-top: 11px;
  text-align: right;
  vertical-align: top;
}
.error[generated=true] {
  color: #dc0000;
  font-size: 13px;
  padding: 5px 0 2px 5px;
}
tr.error td {
  padding: 0;
}
input, textarea {
  background: #FFF;
  border: 1px solid #999;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
  padding: 5px 10px;
  width: 300px;
  border-radius: 8px;
}
input:focus, textarea:focus {
  border-color: #b0c3d0;
  outline: none;
}
textarea {
  height: 140px;
  resize: vertical;
}
input[type=submit] {
  background: #ddd;
  color: #7d7d7d;
  font: inherit;
  padding: 7px 20px;
  left: 50%;
  margin-right: -50%;
  width: auto;
  cursor: pointer;
}
 
#response {
  margin-bottom: 20px;
  text-align: center;
}
#response .success {
  color: #08a300;
}
#response .failure {
  color: #dc0000;
}

#tradereps {
	width:450px;
	margin:0 auto;
	margin-top:25px;
}
#shows {
	padding: 0px 30px;
	margin:0 auto;
	margin-bottom:20px;
}

/*
	Slideshow
*/

#slides {
	margin:0 auto;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:820px;
	overflow:hidden;
	display:none;
	border:2px solid #000;
	margin-left:36px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:820px;
	height:520px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:relative;
	top:-300px;
	left:14px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:860px;
	top:-343px;
}

/*
	Pagination
*/

.pagination {
	position:relative;
	margin:0 auto;
	top:-80px;
	width:820px;
}
.pagination li {
	float:right;
	margin:0 auto;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('img/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}


/*COPASITE ADDITIONS*/

.slideCard	{
	width:820px;
	height:520px;
	margin:	auto;
}

.pic1	{
	width:	45%;
	float:	left;
	margin-left:	5%;
}

.pic1 img	{
	height:	450px;
}


.pic2	{
	width:	45%;
	float:	right;
	margin-left:	5%;
}

.pic2 img	{
	height:	360px;
}


.picContain	{
}

.greenBorder	{
	border:	3px solid #b8aea7;
	border-radius:	3px;
	box-sizing: border-box;
}

#headText	{
	float:	left;
	width:	100%;
	height:	50px;
}

.priceInfoMini	{
	float:	right;
	margin-top:	9px;
	font-size:	15px;
	color:	#222;
}

.itemNameMini	{
	float:	left;
	color:	#000;
	font-size:	18px;
	width:	100%;
}

.styleNumMini	{
	float:	left;
	color:	#000;
	font-size:	15px;
	margin-top:	9px;
}

.priceInfo	{
	float:	right;
	margin-top:	9px;
	margin-right:	75px;
	font-size:	25px;
	color:	#222;
	padding-right:	10%;
	position:absolute;
	margin-left:450px;
}

.itemName	{
	margin-left:	70px;
	float:	left;
	color:	#000;
	font-size:	22px;
	margin-top:	10px;
}

.styleNum	{
	margin-right:	100px;
	float:	right;
	color:	#000;
	font-size:	22px;
	margin-top:	10px;

}

.styleDescription	{
	float:	right;
	font-style:	italic;
	padding-right:	100px;
	width:	270px;
	text-align:	justify;
}

.availableColors	{
	font-size:	20px;
	text-align:	center;
	margin-left:	50%;
	width:	40%;
}

.picColor	{
	margin-bottom:	-30px;
	padding-top:	4px;
	font-size:	20px;
	padding-left:	10px;
	position:	relative;
	margin-left:	20px;
	color:	#000;
}

#galleryContain	{
	padding:	20px;
	padding-bottom:	200px;
}

.galleryItem	{
	width: 200px;
	height: 390px;
	padding: 20px;
	float: left;
	background: #f8f7f6;
	border: 1px solid #B8AEA6;
	margin: 10px;
}

.galleryItem:hover	{
	background:white;
}

.miniPic	{
	width:	200px;
	height:	auto;
}

#galleryContain	{
	float:	left;
}

#clear_div{clear:both;}

#search	{
	margin-left:	20px;
}

#styleCard	{
	height:	600px;
	margin:	auto;
	margin-top:	-350px;
	padding-top:	400px;
}

#searchTop	{
	left:	50px;
	position:	absolute;
	top:	5px;
	width:	350px;
	color:	black;
	text-align:	center;
}

#searchTop input	{
	width:	100px;
	margin-top: 15px;
}

#searchTop div	{
	width:	100px;
	float:	left;
}

#searchTop #searchSubmit	{
	margin-left:	25px;
	width:	50px;
	padding:	7px 2px;
	float:	left;
	margin-top:	15px;
	background-color:	#ddd;
	cursor:	pointer;
	border-radius: 15px;
}

#galleryBtn	{
	position:	relative;
	width:	0px;
	height:	0px;
	margin:	auto;
	top:	80px;
	right:-50px;
	
	
}

#galleryBtn2	{
	position:	relative;
	width:	0px;
	height:	0px;
	margin:	auto;
	top:	80px;
	right:-450px;
	
	
}

#galleryBtnInner	{
  -webkit-border-top-left-radius: 100px;
  -webkit-border-top-right-radius: 100px;


  -moz-border-radius-topleft: 100px;
  -moz-border-radius-topright: 100px;

	position:	relative;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
	width:	70px;
	height:	30px;
	text-align:	center;
	background-color:	#7d7d78; /*#EDCA97*/
	font-size:	15px;
	top:	20px;
	right:	288px;
	padding:	0px 10px;
	padding-top:	10px;
	line-height:	30px;
	color:	white;
	cursor:	pointer;
}

#galleryBtnInner:hover	{
	padding-bottom:	5px;
	top:	15px;
}

#tradeshowList	{
	width:	100%;
	text-align:	center;
	float:	left;
	height:	auto;
	font-size:	20px;
}

#tradeshowItems	{
	width:	100%;
	float:	left;
	padding:	50px 20px;
	padding-bottom:	150px;
	
}

.collectionBubble	{
	width:	280px;
	margin:	0px 8px;
	height:	400px;
	
  overflow:	hidden;
	position:	relative;
	z-index:	20;
  border-bottom:	1px solid #333;
  margin-top:	110px;
   -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

.subDirectoriesBubble	{
	width:	280px;
	margin:	0px 8px;
	height:	400px;
	
  overflow:	hidden;
	position:	relative;
	z-index:	20;
  border-bottom:	1px solid #333;
  margin-top:	110px;
}




.collectionBubble img	{
	opacity:	1;

}

.collectionBubbleTitle	{
	color:	#333;
	z-index:	0;
	text-align:	center;
	width:	290px;
	font-size:	30px;
	float:	left;
	position:	absolute;

}

a:hover .collectionBubbleTitle	{
	color:	#e5b1bb
}


.collectionsPage	a	{
	position:	relative;
	float:	left;
	margin-bottom: 10px;
}


.collectionsPage a:hover img	{
	
}

.collectionBubble:hover	{
	height:	440px;
	margin-top:	60px;
	 z-index:	100;
	  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}

.collectionsPage a:hover .collectionBubble	{
	border-bottom:	10px solid #f7d3da;
}

.collectionsPage a:hover	{

z-index:	100;

}

#maintenance	{
	width:	100%;
	height:	70px;
	line-height:	35px;
	color:	#fff;
	background-color:	#C6343F;
	font-weight:	bold;
	text-align:	center;
}

#maintenance a	{
	font-size:	20px;
}