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

/* palette
brown: #644825
light blue: #B6E4FA
dark blue: #6ACFF6
red logo: #ED1C24
orange: #FAA21B
pale green: #8DC63F
*/

* {
margin:0px;
padding:0px;
}

body {
color: #644825;
}

#wrapper {
position:relative;
width:970px;
margin:0 auto;
}

#header {
background:url(../_img/header.gif) no-repeat;	
height:133px;
}

#headerUI {
width:275px;
position:absolute;
right: 10px;
top: 43px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#headerUI a{
color: #644825;	
padding-left:6px;
}

#headerUI a:hover{
color: #ED1C24;	
}

#madeWithLove {
position:absolute;
right:0px;
top:-6px;
}

#searchUI{
position:absolute;
left:0px;
top:30px;
width:230px;
}

#searchTextBox {
height: 16px;
width: 166px;
border: 1px solid #644825;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #644825;
float: left;
padding-top:4px;
}

#searchButton
{
  display: block;
  width: 49px;
  height: 22px;
  background: url(../_img/searchButton.png) no-repeat 0 0;
float: left;
margin-left:5px;
}

#searchButton:hover
{ 
  background-position: -55px 0px;
}

#searchButton span
{
  display: none;
}

#cartUI{
position:absolute;
left:0px;
top:60px;
width:230px;
}

.orangeBtn {
border: 2px solid #F60;
background:#F60;
color:#FFF;
padding:4px;
font-size:13px;
text-decoration:none;
}

.orangeBtn:hover {
background:#FFF;
color:#F60;	
}

#cartButton
{
  display: block;
  width: 223px;
  height: 22px;
  background: url(../_img/cartButton.png) no-repeat 0 0;
float: right;
text-decoration:none;
}

#cartButton:hover
{ 
  background-position: -230px 0px;
}

#cartButtonText
{
font-size:12px;
margin-top:5px;
margin-left:30px;
}

#loginWrapper {
width:484px;
height:94px;
background:url(../_img/loginBG.png) no-repeat;
position:absolute;
top:20px;
left:50%;
margin-left:-240px;
z-index:50;
font-family:"Arial Black", Gadget, sans-serif;
font-size:12px;
padding:10px;
}

#top_nav {
background-color:#6ACFF6;
height: 20px;
padding: 8px 0px;
width: 970px;
}

#top_nav ul{
display: inline;
float: left;
list-style: none;

text-align: center;
width: 970px;
}

#top_nav li{
color: white;
display: inline;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 100%;
margin: 0px;
padding: 0px;
}

#top_nav a{
color: white;
margin: 0px;
padding: 0px 6px;
text-decoration: none;
}

#top_nav a:hover{
color: #644825;
}

#profileLink {
text-align:right;	
width:300px;
position:absolute;
top:37px;
right:130px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.productNav {
font-size:18px;
padding:15px;
font-weight:bold;
}

#footer {
width:970px;
height:210px;
float:left;
margin-top:7px;
background:url(../_img/footer.gif) bottom no-repeat;
}

#footer hr{
border:3px solid #fff;
width:90%;
margin-bottom:4px;

}

#footerLeft {
width:683px;
height:111px;
float:left;
position:relative;
background-color:#B6E4FA;
padding: 5px;
}

#footerRight {
width:261px;
height:111px;
float:right;
background-color:#B6E4FA;
padding: 5px;
}

#footer strong, a{
	color:#644825;
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*begin sideNav*/

#sideNavLeft {
width:270px;
margin-top:7px;	
float:left;
position:relative;
background-color:#D1EEFC;
}

#sideNavLeft hr{
border:3px solid #fff;
width:100%;
margin-bottom:4px;
}

#sideNavLeft h3{
font-size:20px;
color:#68CEF6;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
}

#sideNavLeft a{
padding-left:10px;
text-decoration:none;
font-size:15px;
}

#sideNavLeft a:hover{
	color: #ED1C24;	
}

/*end side nav*/

/* begin sideRight */

#sideRight {
width:693px;
height:100%;
margin-top:7px;	
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#sideRight p{
line-height:1.5;
margin-bottom:15px;
}

#breadCrumbNav {
background-color: #6ACFF6;
width:683px;
height:20px;
padding:5px;
color:#FFF;
}

#breadCrumbNav a{
font-size:15px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;	
}

.product {
vertical-align:top;	
}

.product img{
	border: 1px solid #CCC;	
}

.product a{
	text-decoration:none;
}

.productThumbWrapper {
float:left;	
margin:2px;
}

label.error {
color: red;
padding-left:5px;
font-size:16px;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
}

/*pagination*/

div.pagination {
padding: 3px;
margin: 3px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;
text-decoration: none; /* no underline */
color: #000099;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #000099;
color: #000;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #6ACFF6;
font-weight: bold;
background-color: #B6E4FA;
color: #FFF;
}
div.pagination span.disabled {
/*padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #6ACFF6;
background-color: #B6E4FA;
color: #FFF;*/
}

#pagerWrapper {
clear:both;	
width:458px;
height:137px;
background:url(../_img/pagerBoneBG.jpg) no-repeat;
padding-top:55px;
margin-left:110px;
margin-top:25px;
text-align:center;
}

.productOption {
font-size:11px;
font-weight:bold;
margin-left:10px;
}

.thumb {
cursor:pointer;	
}

.colorBox {
width:10px;
height: 10px;
margin:2px;
/*float:right;*/
display:inline;
}

.thumbBorder {
border: 1px solid #999;	
}

.smallText {
	font-size:11px;
}

.descriptionText {
line-height:1.5em;	
}

#add2cartButton
{
  display: block;
  width: 74px;
  height: 22px;
  background: url(../_img/add2cartButton.png) no-repeat 0 0;
 padding-top: 5px;
 padding-left:14px;
float: left;
text-decoration:none;	
}

#add2cartButton:hover
{ 
  background-position: -88px 0px;
 color: #ED1C24;
}

#add2cartButton span
{
 padding-left:10px;
 
}

#add2cartButton a {
text-decoration:none;	
}

.blueButton {
padding:5px;
width:45%;
background-color:#6ACFF6;
text-align:center;
}

.blueButton a{
color:#FFF;
text-decoration:none;
}

.blueButton a:hover{
color:#ED1C24;
text-decoration:underline;
}

#mailingList{
position:absolute;
background-color: #6ACFF6;
width:383px;
height:72px;
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
color:#fff;
padding:5px;
}

#mailingListTextBox, #mailingListTextBoxFooter {
height: 16px;
width: 196px;
border: 1px solid #644825;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #644825;
float: left;
margin-top:5px;
padding-top:4px;
}

#mailingListButton, #mailingListButtonFooter
{
  display: block;
  width: 99px;
  height: 22px;
  background: url(../_img/joinRuffRuff.png) no-repeat 0 0;
  margin-left:5px;
  margin-top:5px;
float: left;
}

#mailingListButton:hover, #mailingListButtonFooter:hover
{ 
  background-position: -99px 0px;
}

#mailingListButton span, #mailingListButtonFooter span
{
  display: none;
}

#wholesaleBanner {
position:absolute;
width:326px;
height:76px;
left:200px;
top:20px;
background:url(../_img/wholesaleBanner.png) no-repeat;
z-index:100;
}

/*popUp begin*/
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px; 
font-family:Arial, Helvetica, sans-serif;
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  

/*popUp end*/

#tweet ul {
list-style-type:none;	
}
#tweet li {
margin:10px 0px;	
}

#errorMsg {
width:673px;
background-color: pink;
padding:10px;
font-size:16px;
color:#FFF;
display:none;
}

#blueRibbon {
position:absolute;
top:13px;
left:50%;
margin-left:30px;
}