﻿/*--------------------------------------------------------------------------

Babyroyale - Basic Style Sheet

Version:	1.0
Author:		Daniel Peplow / http://www.springnet.co.uk
Website:	http://www.babyroyale.co.uk    

*** Last Modify Date: 13/10/2009 ( Daniel Peplow ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- site-container
		- header
		- content-container	
			- p-navigation
			- p-content
		- footer
	=Shared Styles
	=header
	=navigation
	=p-content
	=s-content
	=sitemap
	=footer
	=error404
	=javascript
	=holding page

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/


* { margin: 0; padding: 0; } 

html { height: 100%; }
body  
{
	line-height: 1.4; 
	background: #1c171f; 
	position: relative;
	color: #fff;
	padding: 55px 0 30px 0;
}

.clearme { clear: both; }
.hideme,
body.shop div.item div.images a.hideme { display: none; visibility: hidden; text-indent: -9999em; line-height: 0; height: 0; padding: 0 !important; margin: 0; }
.replaceme { text-indent: -9999em; }
.up-we-go { margin-top: -295px; min-height: 450px; }

.left { float: left; }
.right { float: right; }

acronym { speak: normal; border-bottom: 1px dotted; }
acronym:hover { cursor: help; }

abbr { speak: spell-out; }
abbr:hover { cursor: help; border-bottom: 1px dotted; }

input.formFieldText, select.formFieldDropDown { }





/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-family: Arial, Sans-Serif; }

p { font-family: Arial, Sans-Serif;}
p a { font-size: 1em !important; }

address { font-style: normal; }

strong { font-weight: bold; }
em { font-style: italic; }

blockquote { }
cite { }

abbr, acronym { border-bottom: 1px dotted; }
abbr:hover, acronym:hover { border-bottom: 0; }


/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { width: 612px; min-height: 330px; position: relative; }

body.home .freeform { width: 510px; }
body.shop .freeform { width: 510px; }

.freeform p, p.breadcrumbs { color: #fff; font-size: 0.75em; padding: 0 0 15px 0; line-height: 1.8; clear: both; float: left; display: block; width: 100%; }

.freeform address { color: #fff; font-size: 0.75em; padding: 0 0 30px 12px; line-height: 1.8; width: 160px; float: left; clear: none; }
.freeform address a { margin: 0 0 3px 0; }


.freeform a { text-decoration: underline; }
.freeform a:hover {  }

.freeform ul { list-style: none; padding: 0 0 10px 0; float: left; clear: both; width: 460px; }
.freeform ul.friends { padding: 10px 0; }
.freeform ul li { float: left; clear: both; width: 460px; font-size: 0.75em; padding: 0 0 6px 22px; background: url(/resources/img/bullet.gif) 6px 6px no-repeat; }
.freeform ul li ul { padding: 12px 0 0 0px; }
.freeform ul li ul li { font-size: 1em; padding: 0 0 6px 16px; background: url(/resources/img/bullet.gif) 0 6px no-repeat; }
.freeform ul li ul li a { font-size: 1em; }

.freeform ul li ul li ul { padding: 12px 0 0 0; margin: 0 0 -10px 0; }


.freeform ul li p { font-size: 1em; }

.freeform dl { padding: 0 0 10px 0; font-size: 0.75em; float: left; clear: both; width: 460px; }
.freeform dl .alt { color: #fefefe; }
.freeform dt  
{
    float: left; 
    clear: both; 
    width: 438px; 
    font-weight: bold;
    padding: 0 0 7px 22px; 
    font-size: 1.07em; 
    background: url(/resources/img/bullet.gif) 6px 6px no-repeat;
}
.freeform dd { padding: 0 0 30px 22px; clear: both; float: left; width: 438px; }
.freeform dd ul { font-size: 1em; padding: 10px 0 0 0; float: left; clear: both; width: 438px; }
.freeform dd ul li { font-size: 1em; background: none; float: left; clear: both; width: 438px; padding: 0 0 4px 0; }

.freeform ul li a { font-size: 1em; }

.freeform ul li h4 { padding: 0 0 3px 0; }
.freeform ul li h4 a  
{
	font-family: Arial, sans-serif; 
	letter-spacing: normal;
	font-weight: normal; 
	text-transform: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
body.product-details .freeform ul li h4  
{
    padding: 2px 0 3px 0; 
    font-family: Arial, Sans-Serif; 
    letter-spacing: normal; 
    text-transform: none; 
    font-size: 12px; 
    color: #fff;
}
body.product-details .freeform ul li h4 a { font-size: 12px; }

.freeform ol { } /* needs slightly bigger left margin than ul */
.freeform ol li { }
.freeform ol li a { }

.freeform img {  }

/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }



/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6  
{
	text-transform: uppercase; 
	font-weight: normal; 
	letter-spacing: 3px; 
	line-height: 1;
	font-family: Times New Roman, Georgia, Sans-Serif;
	float: left;
	clear: both;
	width: 610px;
}

h1 { font-size: 1.31em; padding: 0 0 22px 0; }
h2 { font-size: 1em; color: #ececec; padding: 5px 0 16px 0; }

.freeform h3 { font-size: 1em; color: #DFDFDF; padding: 17px 0 15px 0; }

.freeform h3 a { font-size: 1em; color: #FFF; text-decoration: none; }
.freeform h3 a:hover { color: #d2d2d2; }

.freeform h4 { font-size: 0.93em; color: #BFBFBF; padding: 17px 0 15px 0; }

/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { font-size: 1em; text-decoration: none; color: #fff; outline: none; }
a:hover { text-decoration: none; outline: none; color: #DFDFDF; }

a:link { }

a:visited { }

a img { border: none; }

a acronym { border: 0 !important; }

a:hover, a:active, a:focus { }

a.logo  
{
	width: 247px; 
	height: 150px;
	display: block;
	text-indent: -9999em;
	background: url(/resources/img/full_babyroyale_logo3.png) 0 0 no-repeat;
	position: relative;
}
a.logo:hover { cursor: pointer; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/




/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
label { cursor: pointer; }

input, select, textarea { font-family: inherit; font-size: 1em; }
input.formFieldText { padding: 3px 2px; }

div.site-message { padding: 7px 10px; width: 440px; margin: 0 0 12px 0; float: left; clear: both; font-family: Arial, Sans-Serif; }
div.site-message h3  
{
	width: 440px; 
	padding: 2px 0 9px 0; 
	float: left; 
	clear: both; 
	font-family: Arial, Sans-Serif; 
	font-weight: bold; 
	letter-spacing: normal;
	text-transform: none;
	font-size: 0.93em;
}
div.site-message p { padding: 0; width: 440px; font-size: 0.82em; font-weight: normal; }
div.site-message p strong { font-weight: normal }
div.site-message ul { width: 440px; list-style: inside; margin: 0 0 0 8px; padding: 7px 0 0 0; }
div.site-message ul li { width: 400px; padding: 0 0 7px 0; background: none; }

div.error { border: 1px solid #4F1432; background: #4F142D; }

div.confirmation { border: 1px solid #78AF7A; background: #A7DFB4; min-height: 25px; }
div.confirmation p { color: #415F42; }

div.information { border: 1px solid #E2C822; background: #FFF9D7; min-height: 25px; }
div.information p { line-height: 1.4; padding: 0 0 7px 0; }
div.information p strong { font-weight: bold; }

div.information h3,
div.information p { color: #333333; }


/* Newsletter */

body.newsletter fieldset { width: 315px; float: left; clear: both; padding: 25px 0 0 45px; font-size: 0.75em; text-align: center; }
body.newsletter fieldset ol { width: 315px; float: left; clear: both; }
body.newsletter fieldset ol li { float: left; clear: none; list-style: none; }
body.newsletter fieldset ol li input.formFieldText { margin: 0 0 0 9px; }
body.newsletter fieldset ol li input.submit { margin: 0 0 0 6px; }

/* Contact Us */

fieldset.contact-us { width: 460px; float: left; clear: both; padding: 0 0 30px 0; font-size: 0.75em; }
fieldset.contact-us p { font-size: 1em; font-weight: bold; }

fieldset.contact-us ol { width: 460px; float: left; clear: both; }

fieldset.contact-us ol li { width: 460px; float: left; clear: both; list-style: none; padding: 0 0 12px 0; }
fieldset.contact-us ol li label { display: block; width: 460px; height: 22px; float: left; clear: both; list-style: none; }

fieldset.contact-us ol li input.formFieldText, 
fieldset.contact-us ol li select { width: 230px; float: left; clear: both; list-style: none; }

fieldset.contact-us ol li select { width: 236px; padding: 3px 2px; }
fieldset.contact-us ol li textarea { width: 400px; height: 150px; padding: 3px 2px; }

fieldset.contact-us ol li.spam { width: 120px; float: left; }
fieldset.contact-us ol li.spam label  
{
	width: 120px;
	float: left;
	height: 23px;
	background: url(/resources/img/spam/1.png) 0 0 no-repeat; 
	text-indent: -9999em; 
	padding: 3px 0 12px 0;
}
fieldset.contact-us ol li.spam input { width: 114px; }



/* =LayoutStructure
--------------------------------------------------------------------------*/


div.site-container { width: 972px; padding: 0 50px; margin: 0 auto; background: url(/resources/img/background.png) 120px 0 no-repeat }

body.single-page div.site-container { min-height: 800px; background: url(/resources/img/alt_background.png) 120px 0 no-repeat; }

div.header { width: 812px; position: relative; }

div.content-container { width: 972px; float: left; clear: both; padding: 0 0 86px 0; position: relative; }
body.shop div.content-container { padding: 0 0 136px 0; }
div.p-content { /* margin-top: -295px; */ width: 632px; float: right; clear: both; position: relative; }

div.footer { width: 972px; clear: both; position: relative; }

div.analytics { } 



/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/





/* =Header
--------------------------------------------------------------------------*/

div.header { float: left; clear: both; width: 952px; }

div.banner { margin: 54px 0 50px 0; width: 510px; height: 307px; border: 1px solid #8F8F8F; float: left; clear: none; overflow: hidden; /* display: none; */ }
div.banner a img {  } 

ul.p-navigation { float: left; clear: both; width: 248px; padding: 55px 92px 7px 0; }

ul.p-navigation li  
{
	float: left; 
	display: inline; 
	width: 248px;
	font-family: Times New Roman, Georgia, Arial, Sans-Serif;
	font-size: 0.81px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	font-weight: bold;
	list-style: none;
}

ul.p-navigation li a  
{
	display: block; 
	float: right; 
	font-size: 1em;
	text-indent: -9999em; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	height: 10px;
}

ul.p-navigation li a:hover, 
body.home ul.p-navigation li.welcome a, 
body.about ul.p-navigation li.about a, 
body.legal ul.p-navigation li.legal a, 
body.news ul.p-navigation li.season a, 
body.contact ul.p-navigation li.contact a, 
body.shop ul.p-navigation li.shop a,
body.help ul.p-navigation li.help a { background-position: 0 -10px !important; }

ul.p-navigation li.welcome a { background-image: url(/resources/img/nav/welcome.png); width: 78px; }
ul.p-navigation li.about a { background-image: url(/resources/img/nav/about.png); width: 78px; }
ul.p-navigation li.season a { background-image: url(/resources/img/nav/spring-summer-2010.png); width: 166px; }
ul.p-navigation li.shop a { background-image: url(/resources/img/nav/shop.png); width: 104px; }
ul.p-navigation li.help a { background-image: url(/resources/img/nav/help.png); width: 38px; }
ul.p-navigation li.legal a { background-image: url(/resources/img/nav/legal.png); width: 123px; }
ul.p-navigation li.contact a { background-image: url(/resources/img/nav/contact.png); width: 73px; }
ul.p-navigation li.coming-soon a { background-image: url(/resources/img/nav/coming-soon.png); width: 110px; }

ul.p-navigation li.about, ul.p-navigation li.season, ul.p-navigation li.legal { padding: 0 0 45px 0; }



/* =P-Content
--------------------------------------------------------------------------*/



/* =home
--------------------------------------------------------------------------*/




/* =about
--------------------------------------------------------------------------*/




/* =shop
--------------------------------------------------------------------------*/

/* Generic Product Listing */

body.shop ol.product-list { width: 510px; float: left; clear: both; } 
body.shop ol.product-list li { width: 510px; float: left; clear: both; list-style: none; padding: 0 0 25px 0; } 


body.shop div.item { float: left; clear: both; width: 612px; padding: 30px 0 0 0; }
body.shop div.item a { font-size: 12px; }
body.shop div.item a.more-information { text-decoration: none; }
body.shop div.item h3  
{
	float: left; 
	clear: both; 
	display: block;
	width: 612px;
	color: #eaeaea;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	padding: 0 0 20px 0; 
	text-transform: none; 
	letter-spacing: normal;
}
body.shop div.item h3 a { font-size: 16px; color: #dfdfdf; text-decoration: underline; } 
body.buy div.item h3 a { text-decoration: none; } 
body.shop div.item h3 a:hover { text-decoration: none; } 

body.shop div.item ul { width: 289px; margin: -4px 0 0 0; float: left; clear: none; }
body.shop div.item ul li { width: 260px; padding: 0 0 3px 20px; }

body.shop div.item div.product-summary ul { margin: 0; padding: 16px 0 0 0; float: none; }

body.shop ol.product-list div.item ul { width: 259px; }
body.shop ol.product-list div.item ul li { width: 239px; }

body.shop div.item ul li.delivery  
{
	background: none; 
	list-style: none;
	padding: 15px 0 0 0; 
	font-size: 14px;
}
body.shop div.item ul li.postal { padding: 3px 0 0 0; list-style: none; background: none; }  

body.shop div.item ul li.delivery a { margin: 0 6px 0 0; } 

body.shop div.item ul li.price  
{
	background: none; 
	list-style: none; 
	padding: 10px 0 0 0; 
	font-size: 17px;
}
body.shop div.item ul li.price a { font-size: 17px; text-decoration: none; } 
body.shop div.item ul li.price span { font-size: 12px; }

body.shop div.item p { float: none; clear: none; width: 510px; padding: 2px 0 20px 0; }
body.buy div.item p { float: none; clear: none; width: auto; padding: 2px 0 5px 0; }
body.shop div.item p a { text-decoration: none; }

body.shop div.item p.item-code { padding: 0 0 12px 0; }


body.shop div.item a.product-image
{
	border: 2px solid #fff; 
	display: block; 
	width: 171px; 
	height: 257px; 
	float: left; 
	clear: both;
	margin: 5px 17px 5px 0;
	position: relative;
	line-height: 0;
}

body.shop div.item a.product-image:hover { border: 2px solid #BFBFBF; }

body.shop div.item a.product-image span  
{
	width: 306px; 
	height: 460px; 
	display: block; 
	border: 4px solid #fff;
	position: absolute; 
	left: 85px; 
	bottom: 60px;
	z-index: 9999;
	overflow: hidden;
	line-height: 0;
	visibility: hidden;
}
body.shop div.item a.product-image:hover span { visibility: visible; color: #000; }


/* Detail page */


body.shop div.item div.product-summary { margin: -4px 0 0 0; float: right; clear: none; width: 300px; }
body.shop div.item div.product-summary h4  
{
	margin: 0;
	padding: 2px 0 7px 0; 
	float: left; 
	clear: both; 
	width: 325px;
	text-transform: none; 
	letter-spacing: normal; 
	font-family: Arial, Sans-Serif;
	font-size: 13px; 
	font-weight: normal;
	color: #fff;
}
body.shop div.item div.product-summary p { padding: 0; margin: 0; }
body.shop div.item div.product-summary p.read-more { clear: left; display: block; width: 100%; padding: 10px 0 0 0; }
body.shop div.item div.product-summary p.read-more a { text-decoration: underline; }
body.shop div.item div.product-summary p.read-more a:hover { text-decoration: none; }
body.shop div.item div.product-summary a.price  
{
    font-size: 17px; 
    margin: 12px 0 0 0;
    float: left; 
    clear: both; 
    width: 100px; 
    font-weight: bold; 
    text-decoration: none;
}
body.shop div.item div.product-summary a.add-to-basket { } 
body.shop div.item div.product-summary li.delivery { padding: 8px 0 0 0; } 

body.shop div.item div.images { float: left; clear: none; width: 282px; padding: 0 25px 0 0; }

body.shop div.item div.images a { display: block; float: left; clear: both; margin: 0; position: relative; height: 240px; width: 282px; }

body.shop div.item div.images a.zoom  
{
    width: 82px; 
    height: 16px; 
    padding: 4px 0 0 20px; 
    margin: 0 3px 0 0; 
    display: block; 
    float: left; 
    font-size: 0.69em;
    background: url(/resources/img/zoom.png) bottom left no-repeat;
}
body.shop div.item div.images a.zoom span  
{
	display: none; 
	position: absolute; 
	left: 0px; 
	top: -527px; 
	z-index: 9999; 
	width: 644px;
	height: 523px;
	border: 2px solid #fff;
}

body.shop div.item div.images a.zoom:hover span { display: block; }

body.shop div.item div.images a.more-images { clear: none; background: url(/resources/img/gallery.png) 0 7px no-repeat; }





body.shop div.item p.actions { float: left; clear: both; width: 460px; padding: 0 0 4px 0; }
body.shop div.item p.actions a { margin: 0 8px 0 0; font-weight: bold; }

p.share { font-size: 11px; text-align: right; }
p.share a { margin: 0 6px 0 0; }


div.alternative { float: left; clear: both; width: 610px; padding: 22px 0 0 0; }
div.alternative h4 { font-family: Arial, Sans-Serif; letter-spacing: normal; font-weight: bold; text-transform: none; }

div.alternative a { float: left; clear: none; margin: 0 15px 0 0; text-decoration: none; }

div.alternative a strong { display: block; clear: both; font-weight: normal; text-decoration: underline; text-align: center; }
div.alternative a:hover strong { text-decoration: none; }

/* Products

body.shop div.items { width: 460px; padding: 10px 0; margin: -15px 0 0 0; float: left; clear: both; }
body.shop div.items h4 { padding: 17px 0 20px 0; }

body.shop div.items ul { width: 460px; float: left; clear: both; padding: 0; }
body.shop div.items ul li { width: 460px; float: left; clear: both; }

body.shop div.items ul li.product  
{
	list-style: none; 
	width: 460px; 
	font-size: 0.75em; 
	float: left; 
	clear: both;
	padding: 0 0 30px 0;
	position: relative;
	display: block;
}

body.shop div.items ul li div h4  
{
	list-style: none; 
	width: 300px; 
	font-size: 1em; 
	padding: 0 0 8px 0; 
	text-transform: none; 
	letter-spacing: normal; 
	font-family: Arial, Sans-Serif;
}
body.shop div.items ul li div h4 a { font-weight: bold; text-decoration: none; }
 */

/* Product Main (Images) 

body.shop div.items ul li.product a.images { width: 60px; height: 60px; display: block; position: relative; float: left; border: 1px solid #fff; }
body.shop div.items ul li.product a.images:hover { background: green; width: 60px; height: 60px; }

body.shop div.items ul li.product a.images span { display: none; visibility: hidden; }

body.shop div.items ul li.blue a.images span { background: url(/resources/img/products/bamboo-blanket/blue/thumb_details.jpg) 0 0 no-repeat; }
body.shop div.items ul li.pink a.images span { background: url(/resources/img/products/bamboo-blanket/pink/thumb_details.jpg) 0 0 no-repeat; }
body.shop div.items ul li.white a.images span { background: url(/resources/img/products/bamboo-blanket/white/thumb_details.jpg) 0 0 no-repeat; }

body.shop div.items ul li.blue a:hover.images span { background: url(/resources/img/products/bamboo-blanket/blue/thumb_details.jpg) 0 0 no-repeat; }
body.shop div.items ul li.pink a:hover.images span { background: url(/resources/img/products/bamboo-blanket/pink/thumb_details.jpg) 0 0 no-repeat; }
body.shop div.items ul li.white a:hover.images span { background: url(/resources/img/products/bamboo-blanket/white/thumb_details.jpg) 0 0 no-repeat; }

body.shop div.items ul li.product a.images:hover span  
{
	display: block;
	border: 2px solid #fff;
	visibility: visible;
	width: 460px;
	height: 265px;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 1000;
}
*/

/* Product Main (Details) 

body.shop div.items ul li div.product-summary { width: 335px; padding: 0 0 0 12px; float: left; clear: none; }

body.shop div.items ul li div.product-summary ul { width: 335px; padding: 0 0 1px 0; }
body.shop div.items ul li div.product-summary ul li { font-size: 1em; width: 335px; padding: 0 0 1px 0; background: none; }
body.shop div.items ul li div.product-summary ul li.price { padding: 5px 0 12px 0; }

body.shop div.items ul li div.product-summary div.actions { width: 100px; float: right; clear: none; }

body.shop div.items ul li div.product-summary a.more-information,
body.shop div.items ul li div.product-summary a.add-to-basket { text-decoration: none; }

body.shop div.items ul li div.product-summary a.more-information:hover,
body.shop div.items ul li div.product-summary a.add-to-basket:hover { text-decoration: none; }

body.shop div.items ul li div.product-summary a.view-basket  
{
	float: left;
	clear: none; 
	width: 95px; 
	background: #242126; 
	padding: 3px 0; 
	text-align: center;
	text-decoration: none;
}  
body.shop div.items ul li div.product-summary a.more-information  
{
	padding: 3px 0 3px 7px; 
	display: block; 
	width: 100px; 
	float: left; 
	clear: none; 
	text-align: center;
}

body.shop div.items ul li div.product-summary a.add-to-basket
{
	padding: 3px 0;
	background: #242126;
	display: block;
	float: left;
	clear: both;
	width: 100px;
	margin: 0 7px 0 0;
	text-align: center;
}
body.shop div.items ul li div.product-summary a.add-to-basket:hover,
body.shop div.items ul li div.product-summary a.view-basket:hover { background: #0E0B0F; }

body.shop div.items ul li div.product-summary a.add-to-basket strong { font-weight: normal; }
*/
/* Product Details Page */

body.product-detail .freeform ul { margin: 0; }
body.product-detail .freeform ul li { margin: 0 0 -5px 0; }

body.product-detail .freeform ul.product-care li { margin: 0; }

body.product-detail .freeform ul li h4 { /*padding: 0 0 5px 0;*/ font-size: 1.09em; padding: 0 0 6px 0; margin: 0; }
body.product-detail .freeform ul li.boy h4 { color: #CFE9FF; }
body.product-detail .freeform ul li.girl h4 { color: #FFCFF9 }
body.product-detail .freeform ul li.neutral h4 { color: #DFFFE0; }

body.product-detail .freeform ul li p { font-size: 1em; }


/* =autumn/winter
--------------------------------------------------------------------------*/




/* =legal
--------------------------------------------------------------------------*/




/* =help
--------------------------------------------------------------------------*/




/* =contact
--------------------------------------------------------------------------*/




/* =accessibility
--------------------------------------------------------------------------*/




/* =sitemap
--------------------------------------------------------------------------*/


body.site-map .p-content .freeform ul li { padding: 0 0 17px 0; }
body.site-map .p-content .freeform ul li a { color: #fff; font-size: 1em; }


body.site-map .p-content .freeform ul li ul { padding: 17px 0 0 25px; }

body.site-map .p-content .freeform ul li ul li { }
body.site-map .p-content .freeform ul li ul li.last { padding: 0; }

body.site-map .p-content .freeform ul li ul li a { color: #ececec; }


/* =footer
--------------------------------------------------------------------------*/



div.footer ul { width: 972px; text-align: right; padding: 40px 0 26px 0; }
div.footer ul li  
{
	font-size: 1em; 
	font-family: Times New Roman, Arial, Sans-Serif; 
	list-style: none; 
	display: inline; 
	padding: 0 0 0 15px; 
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	font-weight: bold;
}
div.footer ul li a { font-size: 0.69em; }

div.footer a.springnet  
{
	font-family: Times New Roman, Arial, Sans-Serif;
	font-weight: bold; 
	text-transform: uppercase; 
	float: right; 
	font-size: 0.62em; 
	padding: 0;
	letter-spacing: 1.8px;
	color: #b1b1b1;
	display: inline;
	width: auto;
}
div.footer a.springnet:hover { color: #fff; }  



/* =error 404 
--------------------------------------------------------------------------*/






/* =Javascript 
--------------------------------------------------------------------------*/





/* =Order Confirmation and Newsletter
--------------------------------------------------------------------------*/

body.order-confirmation,  body.newsletter { }
body.order-confirmation .header, body.newsletter .header { width: 952px; }
body.order-confirmation a.logo, body.newsletter a.logo { margin: 0 auto; }
body.order-confirmation .header div, body.newsletter .header div { width: 360px; padding: 40px 0 0 0; margin: 0 auto; text-align: center; }

body.newsletter .header div.site-message { width: 370px; padding: 12px 5px 5px 5px; margin: 0 auto; font-size: 0.75em; }
body.newsletter .header div.site-message p { padding: 0; margin: 0; width: auto; font-size: 1em; }
body.newsletter .header div.site-message ul { padding: 4px 0; margin: 0; width: auto; }
body.newsletter .header div.site-message ul li { padding: 0; margin: 0; width: auto; }

body.order-confirmation .header div h1, body.newsletter .header div h1 { width: 360px; margin: 5px 0 0 0; padding: 0 0 10px 0; text-align: center; font-size: 0.88em; }
body.order-confirmation .header div p, body.newsletter .header div p { font-size: 0.75em; padding: 0 0 15px 0; }
body.order-confirmation .header div a { text-decoration: underline; font-size: 0.75em; }
body.order-confirmation .header div a:hover { text-decoration: none; }




/* =Holding Page
--------------------------------------------------------------------------*/

body.holding a.logo { margin: 0 auto; }
body.holding ul.p-navigation { width: 480px; }
body.holding ul.p-navigation li { width: 465px; }
