@charset "utf-8";
/* CSS Document */

<!--
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url('/wholesale/images/bg2.gif');
	background-position:center;
	background-repeat:repeat-y;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#top-menu {
	width: 920px;
	height: 20px;
	float: left;
	display: inline;
	background:#333;
	margin:0 15px;
	padding:5px 0 1px;
}
#top-menu ul li {
	float: left;
	display: inline;
	background-position: top;
	font-size:13px;
	text-align:left;
	margin:0 20px;
}

#top-menu a:link, #top-menu a:hover, #top-menu a:visited, #top-menu a:active  {
	color:white;
	text-decoration:none;
}
#top-menu a:hover {
	text-decoration:underline;
}
#footsyhome {
	width:948px;
	min-height:140px;
	background-image:url(/wholesale/images/bottomzup.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding:35px 20px;
	clear:both;
	margin:0 0 -20px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
ul, li {
	font-size: 11px;
	color: #666;
	text-decoration:none;
	list-style-type: none;
	padding:0;
	margin:0; 
}
#override {
	width:100%;
	min-height:10px;
	text-align:center;
	color:#FFF;
	background-color:#0066FF;
	padding:8px;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}

h2 {
	font-size: 38px;
	color: #333333;
}
h1 {
	font-size: 20px;
	color: #333333;
}
h3 {
	margin-top:0px;
	font-size: 12px;
	color: #333333;
}

#megadiv
{
	min-height:400px;
	width:560px;
	position: relative;
	margin: 0 auto;
}

img
{
	border: none;	
}

.Rmain
{
	margin:0 auto; 
	width:415px; 
	height:200px;
	padding:0px;
	margin-bottom:20px;
	margin-left:150px;
} 

.Lmain
{
	margin:0 auto; 
	width:141px; 
	height:200px;
	float:left;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:20px;
}

#topnav {
	width:400px;
	height:15px;
	background-color:#FFF;
	padding:8px;
	margin-bottom:12px;
	margin-top:0px;
	text-align:left;
	vertical-align:middle;
}
#topcon {
	width: 620px;
	margin: 0 auto; 
	text-align: left; 
}
#intro {
	width: 380px;
	height:150px;
	margin: 0 auto; 
	text-align: left; 
	position:relative;	top:80px;left:250px;
	background-image:url(/wholesale/images/transparent_sq.png);background-repeat:repeat;
	padding:12px;
}

.thrColFix #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
} 
.thrColFix #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 138px; 
	padding-left:12px;
	
	 /* padding keeps the content of the div away from the edges */
	margin-top:10px;
}
.thrColFix #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* margin-top:270px;  */
	padding: 8px;
/* padding keeps the content of the div away from the edges */
margin:0;
}
#sidebar2 ul li {
	list-style-image:url(http://www.rapanuiclothing.com/merchant/images/tick.jpg);
	font-size:16px;
}
.thrColFix #mainContent { 
	margin: 0 165px; 
	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	min-height:600px;
	width:560px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.cats ul li {
	color:#333;
}
.cats li {
	margin:3px 0;
}
.cats a:link, .cats a:hover, .cats a:visited, .cats a:active {
	color:#333;
	text-decoration:none;
	font-size:12px;
}
.cats a:hover {
	text-decoration:underline;
}
#trio {
	width:560px;
	height:250px;
}
#uno {
	width:162px;
	height:250px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
	padding:8px;
}
.navlink {
   	color: #333;
   	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}

.navlink:link {
   	color: #333;
   	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}

.navlink:visited {
   	color: #333;
   	text-decoration: none;
}

/*allways stays 333333*/
.navlink:hover {
   	color: #fff;
   	text-decoration:underline;
	background-color:#0066FF;
}

.navlink:active {
   	color: #333;
   	text-decoration: none;
}
#productwrap {
	width:560px;
	background-color:#FFF;
	float:left;
	padding:5px;
}
#productmain {
	width:560px;
	min-height:950px;
}
#leftprod {
	width:200px;
	min-height:600px;
	float:left;
	margin-left:5px;
}
#rightprod {
	width:340px;
	height:250px;
	float:right;
	position:relative;
}
p.title {
	font-size:14px;
	font-weight:bold;
}
#productwrap {
	text-align: left;
	width: 590px;
	padding-bottom:0px;
	background-color:#FFF;
	margin-left:-20px;
	margin-top:0px;
	position:relative;
}

#productwrap h2 {
	font-size: 12px;
	color: #666666;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#productwrap h1 {
	font-size: 18px;
	color: #333333;
	line-height:16px;
	padding-left:5px;
}

div.itemwrap {
	text-align:center;
	width: 150px;
	height: 212px;
	float:left;
	background-color:#FFFFFF;
}

div.itemwrap a:link {
	text-decoration: none;
	color: #666666;
}

div.itemwrap a:visited {
	text-decoration: none;
	color: #666666;
}

div.itemwrap a:active {
	text-decoration: none;
	color: #666666;
}

div.itemwrap a:hover {
	text-decoration: underline;
	color: #666666;
}

#itemimg {
	text-align:left;
	width: 250px;
	height:310px;
	min-height: 180px;
	float:left;
	position:relative;
}

#prodpagcatlcol {
	text-align:left;
	width: 600px;
	background-color:#FFF;
	min-height: 500px;
	float:left;
	margin-left:-5px;
	margin-bottom:8px;
}

#prodpaglcol {
	text-align:left;
	background-color:#FFF;
	width: 250px;
	min-height: 600px;
	float:left;
	margin-left:8px;
	margin-bottom:8px;
}

#prodpagrcol {
	text-align:left;
	width: 250px;
	min-height: 600px;
	float:right;
	margin-left:8px;
	margin-bottom:8px;
	margin-right:-8px;
}

/*contact form*/
#mask {
background-color:#000;
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9000;
}

#contact {
background-color:#fff;
display:none;
left:50%;
margin-left:-300px;
position:absolute;
top:90px;
width:600px;
z-index:9999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:20px;
}

#close {
background:url(images/close.png) no-repeat right;
cursor:pointer;
font-family:arial, sans-serif;
font-size:20px;
font-weight:700;
line-height:24px;
text-decoration:underline;
text-align:right;
padding:5px 30px 5px 5px;
}

#contact_header {
background:url(images/envelope.png) no-repeat left;
font-family:arial, sans-serif;
font-size:30px;
font-weight:700;
line-height:50px;
padding:5px 5px 10px 60px;
}

/* form components */
input,textarea {
border:1px solid silver;
background-color:#fff;
color:#404040;
font-size:10px;
font-family:Verdana, Arial, sans-serif;
text-transform:uppercase;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:10px;
}

input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
background-color:#E0E0E0;
border:1px solid #000;
}

input[type=text],textarea {
width:300px;
}

#submit {
border:none;
width:87px;
height:41px;
background-image:url(images/submit.png);
}

#submit:hover {
cursor:pointer;
}

/* alert messages */
.success,.error {
color:#000;
display:none;
font-size:15px;
font-weight:700;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 10px 5px 10px;
margin-bottom: 10px;
}

.success {
background-color:#9F6;
border:1px solid #0F0;
}

.error {
background-color:#F66;
border:1px solid red;
}

-->