@media print { 

/* define media for stylesheet - eg print/screen/mobile */
/* PRINT CSS
   1. Strip all or most images.
   2. Remove background colors.
   3. Minimize and adjust text colors - use colors that will be easy to read on paper.
   4. Remove unecessary or irrelevant elements (such as links).
   5. Add necessary information such as the webpage’s URL or contact information
   
*/

body, html { background: #ffffff; padding: 0 5%; font: 12pt/18pt arial, verdana, helvetica, sans-serif;}

/* change to grey to save ink */
hr { border: 0; background: #CCCCCC !important; color: #CCCCCC !important; height: 0.5mm; margin: 12pt 0 12pt;	}	


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS & FLASH

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img { display: none !important; }
object { display: none !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS - POINT SIZE USED FOR PRINT VERSION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
h1, h2 {font-family: arial, verdana, helvetica, sans-serif;	}

h1 {/* main heading */font-size: 18pt !important; margin-bottom: 18pt;}

h2 {/* cross-head */font-size: 14pt !important; margin-top: 27pt; margin-bottom: 9pt;}
		
h3 { /* cross-head */font-size: 12pt !important; margin-top: 27pt; margin-bottom: 9pt;}

h4 { /* cross-head */font-size: 12pt !important; margin-top: 27pt; margin-bottom: 9pt;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFAULT LINKS STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a, a:link, a:visited { color: #FF0000;	text-decoration: underline; font-weight: bold; padding: 3px;}

a:link:after, a:visited:after {
	  	/* enables content to put put after the element - eg add the url  - messy on Firefox
        content: " (w: " attr(href) ") "; 
	  	font-size: 80%;*/
	  	color: #FF0000; background: #ffffff;	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HIDE AREAS NOT NEEDED FOR PRINT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#choc-bg-left { display: none !important; }
div#choc-bg-right { display: none !important; }

div#header { display: none !important; }
div#header div#flash-text-holder { display: none !important; }
div#header div#shopping-bag-search { display: none !important; }

div#top-navigation { display: none !important; }
div#top-navigation-shadow-top { display: none !important; }
div#top-navigation-shadow-bottom { display: none !important; }

div#main-content-area div#left-panel div#flash-feature-holder  { display: none !important; }
div#main-content-area div#left-panel div#best-sellers  { display: none !important; }
div#main-content-area div#left-panel div#best-sellers div#swirl-left { display: none !important; }
div#main-content-area div#left-panel div#best-sellers div#swirl-right { display: none !important; }
div#main-content-area div#right-panel { display: none !important; }

div#footer div#phuture  { float: left !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHANGE FONT SIZES TO POINT & REMOVE BG IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
div#main-content-holder { background-image: none !important; background-color: Transparent !important; border: 0 !important;}
div#main-content-text { font-size: 12pt !important; width: 95% !important; }
div#main-content-text p { font-size: 12pt !important;  }

div#main-content-area div#left-panel  { width: 95% !important; }
div#main-content-area div#left-panel p {font-size: 12pt !important; }

div#footer { margin: 10pt 0 0 0 !important; font-size: 11pt !important; }

/* CMS   */
table.GridView { font-size: 12pt !important; }
table.GridView th { font-size: 11pt !important; border: 0 !important; }
table.GridView td { font-size: 11pt !important; border: 0 !important; }

div#cms-content div#user-status { font-size: 11pt !important; }


}