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

/*  Red Rover Design Styles
	Updated: Wed 05.23.09 @ 6:14 p.m.
	Author:     Gina Kamentsky
	----------------------------------------------------*/
	
	/* COLORS
	Dark Brown:      #483018
	Dark Brown 50%:  #e8bd98
	Tan:             #edce8b
	Orange:          #d17a30
	Dark Orange:     #c97832                
	Green:           #bacda0
	Red:             #c04830
	Grey:            #efefef
	*/
	
	
	
	/*
	----------------------------------------------------
	----------------------------------------------------
	----------------------------------------------------
	TABLE OF CONTENTS
	----------------------------------------------------
	----------------------------------------------------
	----------------------------------------------------
	
	01 ZERO ELEMENTS
	
	02 GLOBAL STYLES
	
	03 OUTER WRAPPER
	
	04 HEADER
	
	05 CONTENT WRAPPER
	
	06 SIDEBAR
	
	07 Container
	
	08 Home Page
	
	09 Ecom breadcrumb
	
	09 Ecom breadcrumb 
	
	10 Ecom Product Pages
	
	11 Ecom Product Detail Page
	
	12  Cart, Checkout Pages
	
	13 Faq
	
	14 Contact
	
	15 Gift Certificate
	
	16 Store Locator
	
	17 FOOTER
	
	
	
	
	
	/* 01 - ZERO ELEMENTS
	----------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border:0;
	font-size: 100%;
	}
	
	
	/*div{
	
	outline:1px solid red;
	
	
	}*/

	/* 02 - GLOBAL STYLES
	----------------------------------------------------*/

	body  {
	font-family: Lucida Grande, Lucida Grande Unicode, Verdana, sans-serif;
	font-size: 1em;
	color:#483018;
	line-height: 130%;
	background-image:url(imagesNew/bodyBg.jpg);
	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 */
	
		}
		
	h1 {
	color: #483018;
	
	font-size: 1.5em;
	font-weight: normal;
	line-height: 200%;
	}
	
	h2 {
	color: #483018;

	font-size: 1.3em;
	font-weight: normal;
	line-height: 140%;
	}
	
	h3 {
	color: #483018;

	font-size: 1.2em;
	font-weight: normal;
	line-height: 140%;
	}
	
	a,  a:link {
	
	color:#483018;
	
	
	}
	
	a:visited {
	
	color:#483018;

	}
	
	a:hover {
	
	color: #c04830;
	
	}
	
	a:focus {
	
	color:#483018;

	}
	
	a:active {
	
	color:#483018;

	}
	




	/* 03 - OUTER WRAPPERS
	----------------------------------------------------*/

	
	
	#outerWrapper{

	margin: 60px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	width: 960px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#d17a30;
	border:10px solid #d17a30;
	
	}
	
	
	
	/* 04 - HEADER
	----------------------------------------------------*/
	
	#header {
	
	background-image:url(imagesNew/headerBg.jpg);
	height:140px;
	margin:40px 0 10px 0;
	background-repeat:no-repeat;
	
	}
	
	
	#header h1{


    text-indent:-9999px;/*hides title text*/
	background-image:url(imagesNew/tag.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:177px;
	width:406px;
	top:10px;
	left:100px;
	position:absolute;
	
     }

	
	
	
	
	#topNav{
	
	float:right;
    margin-top:-30px;
	margin-right:30px;
	
	
	}
	
	#topNav ul{
	
	list-style:none;
	margin:0;/*gets rid of all list margins*/
	
	}
	
	#topNav li{
	
	display:inline;
	font-size:1.2em;
	padding:0 10px 0 10px;
	border-right:2px #ffffff solid;
	
	}
	
	
		
	#topNav .noBorder {
	
	border-right:none;
	
	}

	
    #topNav li a{
	
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	
	}
	
	#topNav li a:hover{
	
	
	color:#e8bd98;
	
	
	}
	
	/* 05 - CONTENT WRAPPER
	----------------------------------------------------*/
	
	#contentWrapper { 


	background-image:url(imagesNew/containerBg02.jpg);
	background-repeat:repeat-y;
	
	
	
	} 
	
	
	/* 06 - SIDEBAR
	----------------------------------------------------*/
	
	#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 310px; 
	
	}
	
    #seal{
	
	margin-left:20px;
	
	}
	
	
	#mainMenuTop{
	
	background-image:url(imagesNew/menuTop.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:17px;
	
	}
	
	
	#mainMenu{
	
	background-color:#c5d7b1;
	margin:30px 20px 0 30px;

		
	}
	
	
	#mainMenuBottom{
	
	background-image:url(imagesNew/menuBottom.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:17px;
	
	}
	
	#mainMenu ul{
	list-style:none;
	line-height:135%;
	margin:0 0 0 10px;
	padding:0 0 40px 0;/*don't forget this is inherited*/
	
	
	
	
	}
	
	#mainMenu ul li{
	font-size:14pt;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:50px;
	
	
	}
	
	
	#mainMenu ul li ul{
	
	margin-top:25px;
/*	margin-bottom:20px;/*adds space over and under category blocks*/*/

	
	
	}
	
	#mainMenu ul li ul li{
	
	margin-left:-35px;/*positions categories to left*/
	padding:0;

	
	
	}
	
	
	#mainMenu ul li ul li a{
	
	font-size:13pt;
	color:#483018;
	text-decoration:none;

	
	}
	
	
	#mainMenu ul li ul li a:hover{
	
	color:#c04830;

	
	}
	
	
	#mainMenu .paw{
	
	
	background: url(imagesNew/icon.jpg) no-repeat;
	margin-top:20px;

	
	
	}
	
	
	#mainMenu .line{
	
	background-image:url(imagesNew/line.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:238px;/*within the span use padding to set width and line height to set height*/
	
	}
	
		
		
	#mailingList{
	
	
	margin:20px 0  10px 15px;
	

	}
	
	
	#email{
	
	width:200px;
	
	}
	
	
	#mailingList h3{
	
	color:#ffffff;
	margin-left:20px;
	font-size:1.1em;
	font-weight:normal;
	
	
	}
	
	
	
	#mailingList #send{
	
	margin-top:10px;
	border-left:2px solid #477327;
	border-top:1px solid #477327;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	color:#477327;
	
	}
	
	
	
	
	#mailingList img{
	
	
	margin:10px 10px 10px 15px;
	
	}
	
	

	/* 07 - container
	----------------------------------------------------*/
	

		
	#mainContent {
	
	
	padding:30px 30px 20px 30px;
	margin:0 0px 0 313px;
	
	} 
	
	
	
	#mainContent a,  a:link {
	
	text-decoration:none;
	color:#c04830;
	
	}
	
		
	#mainContent h1{
	
	color: #c04830;
	
	
	} 
	
	 
	
	.clearfloat 
	
	{ 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
	
	
	
	
	
	
	/* 08 - home page
	----------------------------------------------------*/
	
	#mainContent #homePortfolio{
	
	border-top:3px solid  #c04830;
	padding-top:20px;
	margin-top:40px;
	margin-bottom:40px;

	}
	
	
	#mainContent .homeImageL h4{
	
	font-size:.9em;
	color:#ffffff;
	text-align: center;
	background-color: #c04830;
	padding:4px 6px 4px 6px;
	margin-top:15px;
	text-decoration:none;
	
	
	}
	
	
	
	#mainContent .homeImageL {
	
	margin:20px;
	float:left;
	
	
	}
	
	#mainContent .homeImageL img{
	
	
	border:3px solid  #d17a30;
    margin-left:5px;
	
	
	}
	
		
	#mainContent .homeImageL p{
	
	margin-right:150px;
	
	}
	



	/* 09 -  ecom breadcrumb
	----------------------------------------------------*/


	#mainContent .prodnavigation {
	
	font-size:1.5em;
	font-weight:normal;
	color: #c04830;
	
	}/*targets the breadcrumb page heading*/
	
	
	#mainContent .prodnavigation a{
	
	color:#ffffff;
	text-decoration:none;
	}/*targets the page heading link*/
	


	/* 10 - ecom product pages
	----------------------------------------------------*/



	#mainContent div.prodname{
	
	font-size:1em;
	color:#ffffff;
	text-align: center;
	background-color: #c04830;
	padding:2px 0 2px 0;
	margin-bottom:6px;
	
	}/*targets product name*/
	
	
	#mainContent div.prodname a{
	
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	
	
	}
	
	#mainContent div.prodname a:hover{
	
	color:#edceba;
	
	}
	
	#mainContent div.proddescription{
	
	font-size:.9em;
	color:#483018;
	text-align: center;
	
	
	}/*text short description*/
	
	
	#mainContent span.price {
	
	
	padding-top: 4px;
	font-weight:bold;
	text-align: center;
	
	}
	
	#mainContent .prodprice{
	

	padding-top: 4px;
	font-weight:bold;
	text-align: center;
	
	}
	
	
	
	
	img.prodimage{
	
	margin:20px 0 10px 0;
	border:3px solid  #d17a30;
	
	}/*styles thumbnail and large product image*/



	/* 11 - ecom product detail page
	----------------------------------------------------*/



	div.detailname{
	
	font-size:1.5em;
	font-weight:normal;
	color: #c04830;
	margin-bottom:30px;
	
	}/*styles product name */
	
	div.detaildescription{
	
	
	margin:30px 30px 10px 30px;
	
	}/*styles long description*/
	
	
	
	
	div.detailoptions{
	
	margin-top:10px;
	
	
	
	}
	
	
	.detailprice{
	
	color:#ffffff;
	background-color:#d17a30;
	padding:4px;
	width:50%;
	
	}
	
	hr.prodseparator{
	
	border:none;
	
	}/*this gets rid of that annoying product seperator but keeps some padding*/
	
	
	
	.buybutton{
	
	border:4px solid white;
	font-size:1.1em;
	color:#483018;
	margin-right:20px;

    }	
	
	span.extraimage{
	
	color:#c04830;
	
	}/*styles number of images number between previous and next*/	




	/* 12 -  cart, checkout pages
	----------------------------------------------------*/
	
	
	#checkoutContainer{
	
	background-color:#bacda0;
	border-top:10px solid  #edce8b;
	border-bottom:10px solid  #edce8b;
	padding:20px 20px 80px 20px;
	
	
	}
	
	#checkoutContainer h1{
	
	color:#c04830;
	
	}
	
	
	#thanksContainerOuter{
	
	border-top:10px solid  #edce8b;
	border-bottom:10px solid  #edce8b;
	
		
	}
	
	
	#thanksContainer{
	
	background-color:#efefef;
	border-top:#bacda0 solid 80px;
	border-right:#bacda0 solid 20px;
	border-left:#bacda0 solid 20px;
	border-bottom:#bacda0 solid 40px;
	padding:30px;
	
	
	}
	
	


	/* 13 - faq
	----------------------------------------------------*/
	
	
	#faq {
	
	
	padding:30px 30px 20px 40px;
	margin:0 0px 0 313px;
	
	} 
	
	
	#faq h1{
	
	color: #c04830;
	margin-top:10px;

	
	}
	
	
	#faq h3{
	
	font-size:1.2em;
	
	
	}
	
	
	.faqItem{
	
	margin-left:20px;
	padding:30px 0 40px 0;
	border-bottom:1px solid #c04830;
	
	
	}
	
	#faq .diagram{
	
	float:right;
	margin-right:70px;
	border:3px solid  #d17a30;
	
	}
	
	
	#faq .label{
	
	margin:30px 0px 0px 10px;
	
	}

	
	#faq li{
	
	padding:0px;
	margin-left:-20px;
	
	}
	
	
	
	/* 14 -  contact
	----------------------------------------------------*/
	
	#contactContainer{
		
	background-color:#bacda0;
	border-top:10px solid  #edce8b;
	border-bottom:10px solid  #edce8b;
	padding:20px 40px 80px 40px;
		
	
	}
	
	#contactContainer h1{
	
	color:#c04830;
	background-image:url(imagesNew/iconContact.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	
	}

	
	
	#contactContainer fieldset{
	
	display: block;
	width: 500px;
	margin: 0 0 3em 0;
	padding:20px;
	background-color: #c5d7b1;
	border:1px solid #d17a30;
	
	}
	
	#contactContainer fieldset.submit{
	
	border: none;
	background-color: transparent;
	text-align: center;
	
	}
	
	
	#contactContainer input{
	
	display: block;
	width:300px;
	
	}
	
	#contactContainer label{
	
	display: block;
	margin-bottom:5px;
	font-weight: bold;
	
	}
	
	#contactContainer select{
	
	display: block;
	
	}



	/* 15 - gift certificate
	----------------------------------------------------*/

	#mainContent #giftCertificate{
	

    margin:20px 0 10px 0;
	border:3px solid  #d17a30;
	padding:40px 20px 40px 20px;
	background-color:#efefef;
	
	
	}/*styles div holding gift certificate form*/
	
	
	
	.giftLabel{
	
	font-size:.8em;
	margin-right:5px;
	
	}/*styles label text on gift certificate*/
	
	
	
	/* 16 -  store locator
	----------------------------------------------------*/
	
	
	
	#mainContent #storeList{
	
	padding:30px;
	
	}
	
	#mainContent #storeList h3{
	
	color:#c04830;
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:15px;
	
	}
	
	
	/* 17 - FOOTER
	----------------------------------------------------*/
	
	
	
	#footer{
	background-color:#d17a30;
	padding:20px 20px 20px 20px;
	margin-bottom:30px;
	
	
	}
	
	#footer p{
	font-size:.9em;
	text-align:center;
	
	
	}/*copyright and designer link*/
	
	#footerNav{
	
	
	padding:10px 20px 10px 0px;
	text-align:center;/*centers the nav text*/
	background-color:#483018;
	
	
	}
	
	#footerNav ul{
	
	list-style:none;
	margin:0;/*gets rid of all list margins*/
	
	}
	
	#footerNav li{
	
	display:inline;
	font-size:.9em;
	padding:0 10px 0 10px;
	border-right:2px #ffffff solid;
	
	}
	
	
		
	#footerNav .noBorder {
	
	border-right:none;
	
	}

	
    #footerNav li a{
	
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	
	}
	
	#footerNav li a:hover{
	
	text-decoration:underline;
	

	
	}