/* 
	Document:				print-layot.css
	Creation date:			19 November 2007
	Created by:				Gemma Leigh
	This version:			*** Commented for development ***
	Deployment version:		Sitename/css/print-layout.css
	Notes:					Stylesheet for pages laid out for print
	- ONLY TO BE USED ON PRODUCT / LOOK TO BUY / STORE LOCATOR
	- ALL OTHER PAGES USE print.css
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	
	- Typography
	- Headings
	- Header / Footer
	
	- Product page layout
	- Look to buy page layout
	- Store locator page layout
	
*/
/* use reset.css*/
/* =Global reset styles
--------------------------------------------------------------------- */
			
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1; /* sets baseline line height for the document */
}
ol, ul, li {
	list-style: none;
}
/* Additional reset styles 
--------------------------------------------------------------------- */
/* Reset Global reset to values we would expect for some elements */
strong		{ font-weight: bold;} 
/* Remove Mozilla's dashed borders */
a 	{outline:none;}
a:active {outline:none;}
input[type=submit] {outline-width:0;}
/* Remove border around fieldset even on Opera 7 */
fieldset {
  border: solid 0 transparent;
}
/* Remove blue border around linked images */
a img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/
html, body	{ margin: 0; padding: 0; }
body		{ font-family: Georgia, Arial, Helvetica, sans-serif;} 

#wrapper{ 
	width: auto; 
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: visible;
	font-size: 16px !important;
	line-height: 20px;
	color: #333;
}

/* Clear floats to prevent Mozilla bugs*/
#wrapper:after,
#header:after,
#main-content:after,
#main-content ul.more-views:after,
#main-content ul.swatches:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper:after,
#header:after,
#main-content:after,
#main-content ul.more-views:after,
#main-content ul.swatches:after{ display: inline-block;}

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3, h4{ font-weight: normal !important; color: #333; }

h2 { font-size: 16px; line-height: 18px; text-transform: uppercase; padding-bottom: 27px; margin-top: -3px;}
h3 { font-size: 16px; line-height: 18px; text-transform: uppercase; padding-top: 26px;}
h4 { font-size: 14px; line-height: 16px; padding: 3px 0 23px 0;}
p  { color: #333;}


h3.swatches	  { font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 26px 0 3px 0;  width: 100%;}
h3.more-views { font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 26px 0 27px 0; width: 100%;}


/* =Basic Layout
-----------------------------------------------------------------------------*/
body								{ text-align: center; font-size: 16px !important;}
#wrapper							{ text-align: left; width: 960px; padding: 20px 20px 0 20px; margin: 0px auto; }

.dotted-line img 					{ /*visibility: visible; display: block; */}
/* =Header
-----------------------------------------------------------------------------*/
#header 							{ width: 960px; float: left; margin: 0;}
#header .dotted-line				{ margin: 4px 0 25px 0;}

#logo								{ padding-bottom: 2px; display: block; width: 166px; height: 48px;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer-wrapper						{ width: 960px; float: left; clear: both; margin: 0; padding: 8px 0 0px 0; text-align: left;}
#footer-wrapper	.dotted-line		{ border-top: 1px solid white; border-bottom: 1px solid white; height: 1px; padding: 2px 0 0px 0; margin-bottom: 19px; }
#footer 							{ width: 960px; float: left; margin: 0; padding-top: 21px; }

#footer p.copyright					{ float: left; width: 30%; text-align:left; font-size: 15px!important;}
#footer p.address					{ float: right; width: 70%; text-align: right;  font-size: 15px!important;}

/* =Dividers
-----------------------------------------------------------------------------*/
.divider	{ width: 100%; clear: both; float: none; border-top: 1px solid #999; height: 1px;}
/* =Product layout
-----------------------------------------------------------------------------*/
#main-content						{ width: 960px; float: left;}
#main-content .product-image 		{ width: 600px; float: left; padding-bottom: 290px;}
#main-content .product-details		{ width: 340px; float: right; margin-left: 20px; display: inline;}

.content-wrapper,
.insert-url 						{ width: 960px; float: left; clear: both;}
.insert-url	p						{ padding-bottom: 0px; font-size: 16px; line-height: 20px;}

#main-content p.price				{ font-size: 20px; color: #999 !important;}
#main-content p.description			{ font-size: 14px; padding: 23px 0 26px 0;}

#main-content ul.more-views			{ width: 340px;}
#main-content ul.more-views	li		{ float: left;}
#main-content ul.more-views	li.first{ padding-right: 20px; float: left;}

#main-content ul.swatches			{ width: 340px; text-transform: uppercase; font-size: 12px; margin-bottom: 24px;}
#main-content ul.swatches	li		{ width: 340px; float: left; padding: 24px 0 0 0;}
#main-content ul.swatches	li img	{ width: 116px; height: 33px; padding: 0 0 0px 0;}

/* =Look to buy layout 
-----------------------------------------------------------------------------*/
.look-to-buy #main-content p.intro				{ font-size: 14px; padding: 25px 0 0px 0; color: #666;}
.look-to-buy #main-content .product-image 		{ width: 480px; float: left; padding-bottom: 20px;}
.look-to-buy #main-content .product-details		{ width: 460px; float: right; margin-left: 20px; display: inline;}

.look-to-buy #main-content ul.more-views,
.look-to-buy #main-content ul.swatches,
.look-to-buy #main-content ul.swatches	li		{ width: 460px; }

.look-to-buy #main-content .item p.divider		{ /*border-bottom: 1px solid #999 !important;*/ border-top: 0; width: 20px; padding-top: 26px; clear: none; float: none; }
.look-to-buy #main-content p.price 				{ color:#999!important;}

.look-to-buy #main-content .look-left,
.look-to-buy #main-content .look-right			{ width: 200px; float: left; display: block; margin-left: 20px; margin-bottom: 30px;}
.look-to-buy #main-content .look-left			{ width: 240px; margin-left: 0px;}

/* =Look to buy layout 
-----------------------------------------------------------------------------*/
.store-locator #main-content .insert-url 					{ padding-top: 300px;}

.store-locator #main-content .store-details					{ padding-top: 26px; padding-bottom: 30px; font-size: 14px;}
.store-locator #main-content .store-address					{ width: 240px; float: left; padding-right: 40px;}
.store-locator #main-content .store-address .store-tel		{ padding-top: 20px;}
.store-locator #main-content .store-hours					{ width: 360px; float: left;}
.store-locator #main-content .store-details ul li span.day	{ display: block; min-width: 75px !important; width: auto; float: left;}