/*-----------------------------------------------------------------------------
Midnight Sun Alpacas Business Catalyst

Floated 2 Column Fixed Width 860px (Main Content Right)

version:   1.0
date: January 27, 2008
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
	margin-top: 0;
	margin-bottom: 0;
	background: #f3f3f3 url(../images/body_bg.gif) center repeat-y;
}

/* ----- Start Common Styles ----- */

h1 {
  	font-size: 2.6em;
  	font-weight: normal;
	color: #9f645e;
	color: #785050;
  	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}

h2 {
  	font-size: 2.0em;
  	font-weight: normal;
	color: #9f645e;	
	color: #785050;	
  	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
  	font-size: 1.3em;
  	font-weight: normal;
	color: #503434;	
	color: #9f645e;	
	color: #785050;	
}

h4 { /* Used for heading titles in footer */
  	font-size: 1.6em;
  	font-weight: normal;
	color: #fff;
  	font-family: Georgia, "Times New Roman", Times, serif;		
}

h5 {
  	font-size: 1.0em;
  	font-weight: bold;
	color: #ac0c16; /* use for shop links at bottom of featured items */	
	color: #9f645e;
	color: #785050;
  	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	padding-bottom: 3px;
}

h6 {
  	font-size: 1.0em;
  	font-weight: bold;
	color: #9f645e;
		color: #785050;	
  	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;		
}


a {
	color: #563735;
	text-decoration: none;
}

a {
	text-decoration: underline;
}

.imagespace {
	margin-top: 7px;
	margin-bottom: 15px;
}

.bordernone {
	border: none;
}

.borderimage {
border: 1px solid rgb(242,242,242);
}

.sizingchart {
margin:0;
margin-bottom: 10px;
padding:0;
font-size: 12px;
}

p .smalltext {
font-size: 9px;
}

.clearboth {
clear: both;
}

.checkoutheading {
	color: #785050;
font-weight: normal;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
}

.emphasisred {
color: #8c2a24;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

/* ----- End Common Styles ----- */

#wrapper {
	background-color: #fff;
}

/* ----- Start Branding Section ----- */

#branding {
	position: relative;
 	height: 100px;
}

#branding ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#branding li {
	float:left;
	display: inline;
}

#branding ul li a {
	display: block;
	padding: 0 .7em;
	line-height: 1em;
	border-right: 1px solid #613e3a;
	font-family: Arial, Helvetica, sans-serif;
}

#branding ul li a:hover {
	text-decoration: none;
}

#branding .bordernone a {
	border: none;
}

.logoposition {
	position: absolute;
	top: 15px;
	left: 30px;
}

.cartposition {
	position: absolute;
	top: 55px;
	left: 555px;
}

/* .brandingnavposition {
	position: absolute;
	top: 67px;
	left: 550px;
} */

.canadashippingonlyposition {
	position: absolute;
	top: 33px;
	left: 710px;
}

.retail {
	position: absolute;
	top: 10px;
	left: 530px;
	font-size: 90%;
}

.locations {
	position: absolute;
	left: 430px;
	top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

/* ----- End Branding Section ----- */

/* ----- Start Main Navigation Section ----- */

#mainNavigation {
	position:relative;
	z-index:100;
	
}

#mainNavigation ul { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 861px;
	float: left;
	list-style-type: none;
	background-color: #613e3a;
	float:none;
	height:2.1em;
}

#mainNavigation ul li {
	float:left;
	display: static;
	width:auto;
}

#mainNavigation ul ul li a.sub {
	color:#000;
}

#mainNavigation ul ul li a.sub:hover {
	color:#fff;
}

#mainNavigation a.top {
	display: block;
	padding:0;
	line-height: 2.1em;
	width: 143px;
	height:2.1em;
	text-align: center;
	text-decoration: none;
	background: url(../images/nav_divider.gif) repeat-y right top;
	color: #fff;
	/* font-family: Arial, Helvetica, sans-serif; */
}

#mainNavigation a.top:hover {
	color: #cccccc;
}

#mainNavigation .bordernone a.top {
	background-image: none;
}

#mainNavigation ul ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:absolute; 
	left:-9999px;
}

#mainNavigation table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	left:0; 
	top:0;
}

#mainNavigation li:hover {
	position:relative; 
	z-index:200;
}
#mainNavigation a.top:hover {
	border:0; position:relative; z-index:200;
}
#mainNavigation li:hover > a {
	color: #cccccc;
}

#mainNavigation .bordernone a.top {
	border: none;
}

#mainNavigation ul *:hover ul {
	left:0; 
	top:2.1em; 
	width:141px; 
	/* border-top:1px solid rgb(50,50,50); */
	border-top:1px solid rgb(124,124,124);	 
	margin-top:-1px;
}

#mainNavigation ul li.bordernone:hover ul {
	width:146px;
}

#mainNavigation ul li.bordernone a:hover ul {
	width:146px;
}

#mainNavigation ul *:hover ul li {
	width:141px;
}

#mainNavigation ul *:hover ul li a {
	display:block; 
	height:2.1em; 
	line-height:2.1em; 
	padding:0; 
	text-align:left; 
	text-indent:10px; 
	width:140px; 
	background:rgb(242,242,242);
	background: #ffffff;
	/* border:1px solid rgb(50,50,50); */
	border:1px solid rgb(124,124,124); 	 
	border-width:0 1px 1px 1px; 
	color:#000; 
	text-decoration:none;
}

#mainNavigation ul li:hover ul li a {
	color:#000 !important;
}

#mainNavigation ul *:hover ul li a:hover {
	background: rgb(124,124,124); 
	color:#fff !important;
}

#mainNavigation ul li.bordernone:hover ul li a {
	width:144px;
}

#mainNavigation ul li.bordernone a:hover ul li a {
	width:144px;
}

/* ----- End Main Navigation Section ----- */

/* ----- Start Primary Content Section ----- */

#primaryContent {
position: relative;
  	/* background-color: green; */
}

#primaryContent a {
text-decoration: underline;
}

#primaryContent a:hover {
text-decoration: none;
}

#primaryContent p {
  	font-size: 110%;
}

#primaryContent ol {
padding-left: 10px;
}

/* #primaryContent p.breadcrumb {
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 5px;
left: 0px;
} */

#primaryContent p img {float:left;margin:.3em 1.5em 0 0;padding:0;} /*  Added April 12, 2009 to overwrite Blue Print code */

#monoSlideshow { 
margin-bottom: 20px;
}

/* ----- Start CSS Pop Ups for Sizing Charts ----- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 140px; /*position where enlarged image should offset horizontally */

}

/* ----- End CSS Pop Ups for Sizing Charts ----- */

/* ----- Start CSS Pop Ups for Colour Swatches ----- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.swatchnail{
position: relative;
z-index: 0;
}

.swatchnail:hover{
background-color: transparent;
z-index: 50;
}

.swatchnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.swatchnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.swatchnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */
}

/* ----- End CSS Pop Ups for Colour Swatches ----- */

/* ----- Start Featured Items ----- */

#featureditemscontainer {
margin-top: 0;
padding-top: 0;
}

.featureditem1 {
/* background-color: green; */
width: 175px;
float: left;
margin-right: 12px;
}

.featureditem2 {
/* background-color: pink; */
float: left;
width: 175px;
margin-right: 12px;
}

.featureditem3 {
/* background-color: yellow; */
float: left;
width: 175px;
}

/* ----- End Featured Items ----- */

/* ----- End Primary Content Section ----- */

/* ----- Start Secondary Content Section ----- */

#secondaryContent {
  	/* background-color: #dacab0; */
}

#secondaryContent p {
	padding-right: 10px;
}

#secondaryContent ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 105%; 
	padding-left: 10px;
}

#secondaryContent li {
	border-bottom: 1px solid #ccc;
}

#secondaryContent li a {
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
}

#secondaryContent li a:hover {
	background-color: rgb(124,124,124);
	color: #fff;
}

.category {
color: #fff;
background-color: #613e3a;
font-size: 1.3em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
padding-left: 4px;
}

.testimonials {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

/* ----- End Secondary Content Section ----- */

/* ----- Start Footer Section ----- */

#footer {
	position: relative;
	height: 170px;
	font-family: Arial, Helvetica, sans-serif;
  	background-color: #613e3a;
	/* background: #613e3a url(../images/footer_bg.gif) repeat-x;  */
  	background-color: #613e3a;
	color: #cccccc;
}

#footer h4 {
	margin-bottom: 0;
	padding-left: 30px; 
	font-weight: normal;
}

#footer p {
	margin: 0;
	padding: 10px 0 10px 30px;
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 30px;
	list-style-type:none;
}

#footer li {
	
}

#footer li a {
	color: #cccccc;
	text-decoration: none;
}

#footer li a:hover {
	color: #fff;
	text-decoration: underline;
}

.fineprint {
position: absolute;
top: 25px;
left: 50px;
}

.customerservice {
position: absolute;
top: 25px;
left: 355px;
}

.retaillocations {
position: absolute;
top: 25px;
left: 595px;
}


/* ----- End Footer Section ----- */

/* Layout Core Technique
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 590px;
  	float: right; 
}

#secondaryContent { 
  	width: 240px; 
  	float: left; 
} 

#footer { 
  	clear: both;
} 

#oneColLayout #primaryContent {
width: 800px;
padding-left: 30px;
padding-right: 30px;
}

/* Layout Padding 
================================== */

#primaryContent {
  	padding-top: 20px;
}

#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent p, #primaryContent ul {
	padding-right: 20px; 
}

#secondaryContent {
  	padding-top: 25px;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p, #secondaryContent img {
	padding-left: 30px; 
}

#footer {
  	padding-top: 5px;
  	padding-bottom: 5px;
}