 /* CSS Document */

body {
	background: url(images/cloud_background.jpg) repeat-x #C7E8FA;
	margin: 15px 0px 0px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:10px;
}
/*hide header Text*/
h1#htxt
{
	display:none;
	font-size:8px;
}
p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:12px;
}


a [target="_blank"]{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:10px;
}

input[type="text"], textarea{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #E8F3FF;
	border: solid 1px #A6E0FF;
	margin:0px 0px 0px 0px;
}

input{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #E8F3FF;
	border: solid 1px #A6E0FF;
	margin:0px 0px 0px 0px;
}

.dataentry {
	margin-left:15px;
}

.dataentry th{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-right:10px;
	text-align:right;
}

.dataentry td{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-right:10px;
	margin:5px 0px 15px 0px;
}

.dataentry label{
}

.red {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#FF0000;
}

h1 {
	font: normal 36px "Comic Sans MS";
	color:#000066;
	margin:0px 0px 0px 22px;
}

h2 {
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:10px;
	margin:0px 0px 10px 0px;
}

h3 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding-left:10px;
	margin:15px 0px 5px 0px;
}

h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000066;
	padding-right:10px;
	margin:5px 0px 15px 0px;
}

h5 {
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#000066;
	line-height:127%;
	padding-left:10px;
	padding-top:5px;
	margin:5px 0px 0px 0px;
}

h6 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding-left:10px;
	margin:15px 0px 5px 0px;
}

h7 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding-left:10px;
	margin:15px 0px 5px 0px;
}
/* Header */

#header {
	background: url(images/header.png) no-repeat;
	margin:0px auto;
	width: 1024px;
	height: 129px;
	position:relative;
}
#pageHead
{
font-size:22px;	
}
#flash-piece {
	float:right;
	margin: 15px 20px 0px 0px;
}

#contact-us a {
	background:#FFFFFF;
	float:right;
	margin: 15px 25px 0px 0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #333333;
	clear:both;
	text-decoration:none;
}

#contact-us a:hover {
	color: #FF0000;
}

/* Nav */
a #menu1-0
{
	border:none;
}
.item1
{
	border:0px;
}
a.item2
{
	text-decoration:none;
}
#dropmenudiv{
position:absolute;
width:250px;
border:1px solid white;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 3px 18px;
text-decoration: none;
/*background: white url(images/indentbg.gif) center center repeat-x;*/
background-color: #26ac26;
color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
/*background-color: #0197ff;*/
background: #0033FF;
color: #FFCC00;
}

.indentmenu{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
margin:0 auto;
}

.indentmenu ul{
margin: 0px 0px 0px 5px;
padding-left: 0px;
float:left;
width: 99%; 
/*width of menu*/
/*border: 1px solid #564c66; dark purple border
border-width: 1px 0;*/
background: #26ac26;
height:2.5em;
vertical-align:middle;
padding-top:5px;
}

.indentmenu ul li{
display: inline;

}

.indentmenu ul li a{
float: left;
color:  white; /*text color*/
padding: 5px 22px;
text-decoration: none;
/*border-right: 1px solid #564c66; dark purple divider between menu items*/
}


.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #FFCC00 !important; /*text color of selected and active item*/
padding: 5px 22px;
background: #0033FF;
}

/* Main Content */

#main-wrap {
	background:url(images/main_background.gif) repeat-y;
	width: 1024px;
	margin: 0 auto;
	
}

#left-module {
	float:left;
}

#ctr-module {
	margin: 0 auto;
}

#right-module {
	float:right;
}

.breadcrumb-text {
	font:  normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left: 22px;
	padding-top: 5px;
	line-height:22px;
	text-decoration:none;
}

.breadcrumb-text a{
	font:  bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-right:3px;
	margin-left:3px;
	line-height:22px;
	text-decoration:none;
}

.breadcrumb-text a:hover{
	font:  bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-right:3px;
	line-height:22px;
	text-decoration:underline;
}

.pinkTable {
	background:url(images/pink-table.gif) left no-repeat;
	width:704px; 
	height:484px; 
	margin:0px 0px 0px 22px;
}

.pinkTable2 {
	background:url(images/pink-table2.gif) left no-repeat;
	width:704px; 
	height:529px; 
	margin:0px 0px 0px 22px;
}

.pinkHeader{
	font:bold 21px "Comic Sans MS";
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
	padding-top:5px;
	padding-left:10px;
}

.pinkTable th{
	font-weight: bold;
}

.blueTable {
	background:url(images/blue-table.gif) left no-repeat;
	width:600px; 
	height:321px; 
	margin-left:10px;
}

.greenTable {
	background:url(images/green-table.gif) left no-repeat;
	width:600px; 
	height:321px; 
	margin-left:10px;
}

.purpleTable {
	background:url(images/purple-table.gif) left no-repeat;
	width:600px; 
	height:321px; 
	margin-left:10px;
}

.callout-purple{
	background:url(images/call-out_purple.gif) left no-repeat; 
	width:307px; 
	height:80px; 
	margin:18px 0px 0px 10px;
}

/* Footer */

#footer {
	background: url(images/footer.jpg) no-repeat;
	margin: 0 auto;
	width: 1024px;
	height: 78px;
}

#footer2 {
	background: url(images/footer3.png) no-repeat;
	margin: 0 auto;
	width: 1024px;
	height: 170px;
}

.footer-text {
	font:  normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-left: 30px;
	padding-top: 5px;
	line-height:20px;
	text-decoration:none;
}

.footer-text a{
	font:  bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-right: 10px;
	line-height:140%;
	text-decoration:none;

}
.footer-text a:hover{
	font:  bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-right: 10px;
	line-height:140%;
	text-decoration:underline;
}
.line {
	margin-left:5px;
	margin-right:5px;
}

/*Color Chart Pop Up*/

/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 * Revision: $Id: osx.css 242 2010-03-14 00:55:02Z emartin24 $
 */

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:610px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}


#boxMax
{
	height:768px;
	overflow:scroll;
}

#fixedColor
{
	
	
	position:absolute;
	right:50%;
	top:50%
	
}

#fixedColor img
{
	position:relative;
	left:-505px;
	top:20%;
	/*position:;
	left:400px;*/	
	z-index:100;
}

/*::::::SiteMap Styling:::::::*/
#sitemap
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	left:-10px;
	
}

#sitemap ul li
{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#smInfant
{
	color:#06F;
}
/*sitemap head 1*/
#smHead1
{
	background:url(images/SiteMap_wholesale_infant_clothes_.jpg);
	width:120px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead1 h1
{
	visibility:hidden;
}
/*sitemap head 2*/
#smHead2
{
	background:url(images/SiteMap_wholesale_toddler_clothes_.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead2 h1
{
	display:none;
}
/*sitemap head 3*/
#smHead3
{
	background:url(images/SiteMap_wholesale_junior_clothes_.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead3 h1
{
	display:none;
}
/*sitemap head 4*/
#smHead4
{
	background:url(images/SiteMap_wholesale_youth_clothes_.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead4 h1
{
	display:none;
}
/*sitemap head 5*/
#smHead5
{
	background:url(images/SiteMap_wholesale_adult_clothes_.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead5 h1
{
	display:none;
}
/*sitemap head 6*/
#smHead6
{
	background:url(images/SiteMap_wholesale_Doggie_clothes_.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead6 h1
{
	display:none;
}
/*sitemap head 7*/
#smHead7
{
	background:url(images/SiteMap_wholesale_clothes_Information.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead7 h1
{
	display:none;
}
/*sitemap head 8*/
#smHead8
{
	background:url(images/baby_prints.jpg);
	width:119px;
	height:20px;
	position:relative;
	left:-10px;
}
#smHead8 h1
{
	display:none;
}

/*sitemap head 9*/
#smHead9
{
	background:url(images/eco_bags_site.jpg) no-repeat;
	width:119px;
	height:22px;
	position:relative;
	left:-10px;
}
#smHead9 h1
{
	display:none;
}

/*sitemap head 10*/
#smHead10
{
	background:url(images/rhinestones_site.jpg) no-repeat;
	width:119px;
	height:22px;
	position:relative;
	left:-10px;
}
#smHead10 h1
{
	display:none;
}
.type
{
	font-size:12px;
}

/*sticky at bottom of product pages*/

#sticky
{
	background:url(images/sticky_recommendation.png) top right no-repeat; 
	width:300px; 
	height:300px; 
	margin-right:50px;
	text-align:left;
}
#sCont
{
/*border:2px solid #960;*/
position:relative;
top:115px;
width:240px;
height:140px;
margin-left:30px;
}
#sticky ul
{
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	list-style-image:none;
	list-style-type:none;
	margin:0px 0px 0px 8px;
	padding:0px;
}
#sticky li:before
{
	content:url(images/arrow.png)
}
#sticky ul a
{
	text-decoration:none;
	color:#000;
}
/*sticky faq*/
#sticky-faq
{
	background:url(images/stickie_faq.jpg) top left no-repeat;
	width:350px;
	height:350px;
}
