/************************
 * default.screen.css
 * Style sheet for Safran
 * 
 *************************/
	
	/* Main page styles */

	body 
	{
		padding:0px;
		background-color:#FFFFFF;
		font-family: arial, sans-serif;
  		font-size:12px; 
		text-align:center;
		background-image: url(../safranbgtile.png);
		background-position:center;
		background-repeat:repeat-y;
	}
	
	#container
	{

		width:952px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		position:relative;
		
		margin-top:20px;
	}
	
	/* RIGHT SIDE (MAIN PAGE CONTENT CONTAINER) */
	#rightside
	{
		position:absolute;
		top:0px;
		left:255px;
		width:676px;/*minus 20px for right side margin*/
		
		
	}
	
	/* LEFT SIDE (NAV, PROMO, BASKET etc) */
	#leftside
	{
		position:absolute;
		top:0px;
		left:21px;
		margin-bottom:20px;
		
		width:214px;
		color:#999999;
	}	
	.clear {clear:both;}
	.spacer {height:100px; width:20px;}
	
	a { color:#BD4C17; }
	a:hover { color:#EC732C; }
	
	#safranlogo
	{
		width:214px;
		height:86px;
		background-image: url(../safraninklogo.png);
	}
	#safranlogo span
	{
		display:none;
	}
	#safranlogo img {height:85px;display:inline; padding:0; margin:0;}
	#safranlogoheader
	{
		display:none;
	}
	

	
	/* NAV BAR STYLES */
	#nav
	{
		width:214px;
		
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li
	{
		margin:0;
		padding:0;
		float:left;
		text-align:center;
		
		height:38px;
	}
	#nav a {display:block;  }
	#nav span {display:none;}
	a#navhome {  height:38px;width:76px;  background-image:url(../navhome.png);}
	a#navhome:hover {  background-image:url(../navhomex.png);}
	a#navabout {height:38px; width:76px; background-image:url(../navabout.png);}
	a#navabout:hover { background-image:url(../navaboutx.png);}
	a#navfaq { height:38px; width:62px; background-image:url(../navfaq.png);}
	a#navfaq:hover { background-image:url(../navfaqx.png);}
	
	/* SAFRAN POLICIES STYLES */
	#safranpolicies
	{
		width:214px;
		
		
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#safranpolicies li
	{
		width:214px;padding:0; margin:0; display:inline;
	}
	#safranpolicies a {display:block;  }
	#safranpolicies span {display:none;}
	
	a#policysecure {height:37px; background-image:url(../policysecure.png); }
	a#policysecure:hover { background-image:url(../policysecurex.png); }
	
	a#policypostage {height:37px; background-image:url(../policypostage.png); }
	a#policypostage:hover {background-image:url(../policypostagex.png); }
	
	a#policyprice {height:37px; background-image:url(../policyprice.png); }
	a#policyprice:hover {background-image:url(../policypricex.png); }
	
	a#policyrecycle {height:38px; background-image:url(../policyrecycle.png); }
	a#policyrecycle:hover {background-image:url(../policyrecyclex.png); }
	
	
	h1 {padding:0; margin:0;}
	
	.sideblock
	{
		clear:both;
		float:left;
		width:214px;
		margin:0px 0px 20px 0px;
		background-image: url(../blocktile.png);
		background-position:top center;
		background-repeat:repeat-y;
	}
	.sideblockcontent
	{
		
	}
	
	/* BASKET STYLE */
	a#basketheader
	{
		height:38px;
		width:214px;
		background-image: url(../basketheader.png);
		display:block;
	}
	a#basketheader span
	{
		display:none;
	}
	a#basketheader:hover
	{
		background-image: url(../basketheaderx.png);
	}

	#basketmini
	{
		width:204px; /* minus side margins */
		margin:0px 5px 0px 5px;
		font-size:1em;
		color:#595959;
		font-size:1em;
	}
	#basketmini td
	{
		vertical-align:top;
	}
	#basketmini td.qty
	{
		vertical-align:top;
		width:2.6em;
	}
	#basketmini a
	{
		margin: 1px 5px 1px 0px;
		width:95%;
		cursor:pointer;
		display:block;
		color:#595959;
		font-size:1em;
	}
	#basketmini a:hover
	{
		color:#404040;
	}
	#basketmini td.basketminitotal,
	#basketmini td.basketminitotalempty
	{
		border-top:1px solid #F4B189;
		text-align:right;
		padding-right:5px;
		font-size:1.2em;
	}
	#basketmini td.basketminitotal a
	{
		color:#EC732C;
	}
	#basketmini td.basketminitotalempty a
	{
		color:#F4B189;
	}
	#basketmini input.itemquantitytext
	{
		width:30px;
	}

	

	.blockbottom
	{
		background-image: url(../blockbottom.png);
		background-position:bottom center;
		background-repeat:no-repeat;
		height:5px;
		width:214px;
		
	}
	
	.blocktop
	{
		background-image: url(../blocktop.png);
		background-position:top center;
		background-repeat:no-repeat;
		height:5px;
		width:214px;
		float:left;
		overflow:hidden;
	}
	
	/* MAIN CATEGORY LIST STYLING */
	#topcategoriesimages
	{
		text-align:center;
	}
	

	#topcategories ul a:hover
	{
		color:#404040;
	}

	#topcategories ul a
	{
		margin: 1px 5px 1px 0px;
		width:95%;
		cursor:pointer;
		display:block;
		color:#595959;
		font-size:14px;
	}
	#topcategories ul .currentcat
	{
		font-weight:bold;
	}

	
	/* Payment/Card logo styles*/
	#paymentlogos
	{
		background-image: url(../paymentlogos.png);
		height:36px;
		overflow:hidden;
	}
	#paymentlogos div
	{
		margin-top:400px;
		
	}
	/* PROMO STYLE */
	a#promolink
	{
		background-image: url(../specialoffer.png);
		height:175px;
		width:214px;
		display:block;
		position:relative;
	}
	a#promolink:hover
	{
		background-image: url(../specialofferx.png);
		
	}
	#promolink span.promotext
	{
		height:138px;
		overflow:hidden;
		position:absolute;
		bottom:0px;
		left:0px;
		width:214px;
		text-align:left;
		cursor:pointer;
			}
		.centertextwrapper
		{
			width:214px;
			padding:0px;
			height:100%;
			overflow:hidden;
			#position:relative;
			display:table;
		}
		
		.centertextcontainer 
		{
			#position: absolute;
			_top: 50%;
			margin-top:69px; /*IE 7 hack, half of the containing elements height*/
			_margin-top:0px;
			display: table-cell; vertical-align: middle;
		}
		
		.centertextvalign
		{
			text-align:center;
			#position: relative; 
			#top: -50%;
			width:214px;
		}
	

	
	/* Links block style */
	#linksheader
	{
		height:38px;
		width:214px;
		background-image: url(../linksheader.png);
		display:block;
	}
	#linksheader span
	{
		display:none;
	}

	#linkslist
	{
		padding:0 1px 0 1px; margin:0;
		list-style:none;display:inline;
		float:left;
	}
	#linkslist li
	{
		padding:3px 0px 3px 0px;
		margin:0;
		display:inline;
		width:212px;
		
		float:left;
		font-size:14px;
		
	}
	#linkslist a
	{
		margin: 0px 5px 0px 8px;
		width:95%;
		display:block;
		color:#999999;
		font-size:12px;
	}
	#linkslist a:hover
	{
		color:#404040;
	}
	


	
	/* PAGE CONTENT STYLE */
	#pagecontainer
	{
		width:676px;/*minus 20px for right side margin*/
		background-color:#FFFFFF; /*Will display while background images load*/
		background-image: url(../pagecontainertile.png);
		background-repeat:repeat-y;
		background-position:top center;
	}
	#pagecontainertop
	{
		height:10px;
		width:100%;
	
		background-image: url(../pagecontainertop.png);
		background-position:top center;
		background-repeat:no-repeat;
		
	}
	#pagecontainerbottom
	{
		height:10px;
		width:100%;

		background-image: url(../pagecontainerbottom.png);
		background-position:bottom center;
		background-repeat:no-repeat;
		
	}
	#page
	{
		padding:20px 0px 10px 0px;
		position:relative;
		
	}
	#pagecontent
	{
		margin:0px 30px 0px 30px;
		color:#404040;;
	}
	#pageheader
	{
		
		margin:0px 0px 0px 0px;
	}
	.cookietrail
	{
		padding:0px 0px 20px 0px;
	}
	.cookietrail img
	{
		padding:2px 5px 2px 5px;
	}
	
	h2 { color:#ec732c; font-size:26px; font-weight:600; line-height:34px; margin:0 0 10px 0px; padding:0; }
	h2.slogan { float:left;width:320px;  margin:0 0 20px 0px; }
	h3 { font-size:18px; color:#ec732c; font-weight:300; margin:0 0 20px 0px; padding:0;}
	h4 { font-size:16px; color:#bd4c17; margin:0 0 5px 0px; padding:0;}
	
	.search { width:350px; margin:0; padding:0; clear:left; position:relative; }
	.search .searchform { float:left; }
	.search .searchform fieldset {border:none; margin:0px; padding:0px;}
	
	.search input.content,
	.search input.name
	{
		position:absolute;
		top:0px; left:135px;
		width:150px;
		height:23px;
		border:1px solid #F4B189;
		padding:0px;
		font-size:16px;
	}
	.search input.submit
	{
		position:absolute;
		top:0px; left:295px;
		padding-left:5px; padding-right:5px;
		border:1px solid #f4b189;
		background-color:#fdebde;
		height:25px;
	}
	.search h4.sectionheader
	{
		width:135px;
		padding:4px 4px 4px 0px;
	}
	.pageheaderlogo img {  position:absolute; right:20px; top:15px; }
	form {padding:0; margin:0;}
	
	input.textinput {width:200px;}
	input.submitinput {}
	.pagemain {clear:both; padding:10px 0 0 0;}
	
	.brandselect
	{
		border-bottom:1px solid #F4B189;
		float:left;
		width:610px;
	}
	.brandselect a
	{
		display:block;
	}
	.brandselectnoborder
	{
		width:610px;
	}
	.brandselectlogo {float:left; margin-left:20px;}
	.brandselecttext {float:left; margin-left:20px; padding:15px 0px 10px 0px; color:#8c8c8c;}
	.brandselecttext a {color:#8c8c8c;}
	.brandselecttext h4 {color:#3f3f3f; font-size:20px; font-weight:300;}
	.brandselecttext h4 a{color:#3f3f3f; }
	
	.modelbar 
	{
		position:relative;
		width:615px;
		margin-bottom:30px;
		margin-top:30px;
		
	}
	.modelbarend
	{
		position:absolute;
		top:0px;
		display:block;
		height:38px;
		width:3px;
		background-image: url(../modelbarend.png);
		background-position:top left;
		background-repeat:no-repeat;
	}
	span.modelbarlink
	{ 
		display:block;
		height:38px;
		background-image: url(../modelbartile.png);
		background-position:top;
		background-repeat:repeat-x;
	}
	span.modelbarlinkx
	{ 
		background-image: url(../modelbartilex.png);
	}
	span.modelbarlink span
	{
		margin-top:9px;
	}
	span.modelbarlink span.modeltextleft
	{
		float:left; margin-left:20px; color:#404040;
		width:150px; 
		font-size:14px;
		margin-top:11px;
	}
	span.modelbarlink span.modeltextmiddle
	{
		float:left; margin-left:20px; color:#404040;
		font-size:14px;
		font-weight:bold;
		margin-top:11px;
		
	}
	span.modelbarlink span.modeltextsplit
	{
		height:38px;
		width:2px;
		background-image: url(../modelbarsplit.png);
		background-position:top left;
		background-repeat:no-repeat;
		position:absolute;
		top:-9px; left:170px; /* should be 20 pixels more than modeltextleft width */
	}
	span.modelbarlink span.modeltextright
	{
		float:right; margin-right:59px; color:#f2995c;
		font-size:16px;
	}
	
	/*
	a.modelbarlink
	{ 
		display:block;
		height:38px;
		background-image: url(../modelbartile.png);
		background-position:top;
		background-repeat:repeat-x;
	}
	a.modelbarlink:hover
	{ 
		background-image: url(../modelbartilex.png);
	}
	a.modelbarlinkx
	{ 
		background-image: url(../modelbartilex.png);
	}
	a.modelbarlink span
	{
		margin-top:9px; cursor:pointer;
	}
	a.modelbarlink span.modeltextleft
	{
		float:left; margin-left:20px; color:#404040;
		width:150px; 
		font-size:14px;
		margin-top:11px;
	}
	a.modelbarlink span.modeltextmiddle
	{
		float:left; margin-left:20px; color:#404040;
		font-size:14px;
		font-weight:bold;
		margin-top:11px;
		
	}
	a.modelbarlink span.modeltextsplit
	{
		height:38px;
		width:2px;
		background-image: url(../modelbarsplit.png);
		background-position:top left;
		background-repeat:no-repeat;
		position:absolute;
		top:-9px; left:170px; /* should be 20 pixels more than modeltextleft width */
	}
	/*
	a.modelbarlink span.modeltextright
	{
		float:right; margin-right:59px; color:#f2995c;
		font-size:16px;
	}
	*/
	
	.modelbarbuttonright
	{
		position:absolute;
		top:-9px;
		right:-1px; /*IE adds an extra pixel on the right of the button*/
		height:38px;
		width:39px;
		display:block;
		background-image: url(../modelbuttonright.png);
		background-position:top right;
		background-repeat:no-repeat;
	}

	.modelbarbuttondown
	{
		position:absolute;
		top:-9px;
		right:-1px; /*IE adds an extra pixel on the right of the button*/
		height:38px;
		width:39px;
		display:block;
		background-image: url(../modelbuttondown.png);
		background-position:top right;
		background-repeat:no-repeat;
	}
	ul.modellist
	{
		position:relative;
		list-style:none;
		float:left;
		margin:-10px 0px 0px 20px;
		padding:0px 0px 0px 20px;
	
		display:block;
		
	}
	ul.modellist li
	{
		float:left;
		width:180px;
	
		font-size:14px;
		margin:0;
		padding:5px 5px 5px 0px;

	}	
	ul.modellist li a
	{
		color:#404040;
	}
	ul.modellist li a:hover
	{
		text-decoration:underline;
	}
	ul.modellist li img
	{
		margin-right:10px;
	}
	
	/* Cartridge table */
	.cartridgestock 
	{
		width:615px;
		text-align:left;
		color:#404040;
		font-size:1.1em;
	}
	.cartridgestock th
	{
		color:#f7bd91;
	}
	.cartridgestock .textcenter
	{
		text-align:center;
	}
	.cartridgestock .cartridgesubmit
	{
		border:1px solid #f4b189;
		background-color:#fdebde;
		height:25px;
	}
	.cartridgestock .buttoncell
	{
		background-color:#FDEBDE;
		border:1px solid #F4B189;
		height:25px;
	}
	#searchresults .cartridgestock .buttoncell
	{
		height:auto;
		width:15%;
	}
	.cartridgestock .buttoncell input
	{
		background-color:transparent;
		border:none;
		cursor:pointer;
	}
	.cartridgestock .bulletcell { width:3%; }
	.cartridgestock .typecell { width:14%; }
	/*
	.cartridgestock .namecell { width:30%; }
	.cartridgestock .pricecell { width:15%; }
	.cartridgestock .qtycell { width:10%; }
	.cartridgestock .buttoncell { width:10%; }
	*/
	.cartridgestock .qtycell input { width:2em; }
	
	
	/* PRODUCT PAGE STYLES */
	span.prodpageimage
	{
		clear:right;
		float:right;
	}
	span.prodpagebasketlink
	{
		float:right;
		margin-bottom:20px;
	}
	span.prodpagebasketlink a
	{
		
		display:block;
		background-color:#FDEBDE;
		border:1px solid #F4B189;
		padding:6px;
	}
	
	
	/* BASKET PAGE STYLES */
	#baskettable
	{
		width:600px;text-align:center;
		font-size:12px;
	}
	#baskettable th
	{
		background-color:#FDEBDE;
		border:1px solid #F4B189;
		padding:3px;
	}
	#baskettable td
	{
		padding:3px;
	}

	#baskettable input.itemquantitytext
	{
		width:30px;
		border:1px solid #F4B189;
		padding:0px;
		font-size:16px;
		margin:0px 3px 0px 3px;
	}

	#baskettable input.itemquantitysubmit
	{
		padding-left:5px; padding-right:5px;
		border:1px solid #f4b189;
		background-color:#fdebde;
		height:25px;
		font-size:12px;
		
	}
	
	#baskettable .quantity
	{
		
	}
	#baskettable .prodname
	{
		width:40%;
		text-align:left;
	}
	#baskettable th.prodname
	{
		text-align:center;
	}
	#baskettable .removelink
	{
		
	}
	#baskettable .totalslabel
	{
		text-align:right;
		
	}
	#baskettable .subtotal
	{
		
	}
	#baskettable .checkoutlink input
	{
		border:none;
		background-color:transparent;
		font-weight:bold;
	}
	
	#baskettable .discount_mini
	{
		font-size:9px;
		color:#999999;
	}
	
	/* PAGE BOTTOM STYLE*/
	.pagebottom 
	{
		color:#808080;
		font-size:14px;
		line-height:20px;
		border-top:1px solid #f2ddd3;
		padding-top:20px;
	}
	.pagebottom span.bigorange
	{
		color:#ec732c;
		font-size:16px;
	}

	
	.pagebottom p
	{
		padding:0; margin:0px 0px 10px 0px;
	}
	
	/*********************************************************
	 * CHECKOUT
	 ********************************************************/
div.checkoutform {width:500px; padding-top:10px;}
div.book_m {float:left; width:223px; vertical-align:text-bottom;}
div.book_m input {border: solid 1px #F4B189; height:16px; width:170px; font-size:12px; margin:0 0 0 0; padding: 0 0 0 0;}
textarea.reg {width: 170px; height: 50px; vertical-align:text-top; border: solid 1px #6F7072; font-size:8px; margin:0 0 0 0; padding: 0 0 0 0;}
div.book_button { float:left; clear:left; width:500px; padding: 0 0 0 0; margin:30px 0 30px 0px; }

div.book_l {float:left; clear:left; width:140px; color:#BD4C17; padding: 0 0 0 0;}
span.error { color:#db1f15; }
div.submit
{
	float:left;
	clear:left;
	padding:25px 0px 15px 0px;
}
div.checkoutfield { float:left; clear:left; padding:5px 0px 5px 0px; width:500px;}
input.button {border:solid 0; width:34px; height:13px; font-size:9px; color:#ffffff;}


	/* FOOTER STYLE */
	#footer
	{
		float:right;
		color:#FFFFFF;
		margin-right:0px;
		margin-top:10px;
	}
	#footer a
	{
		font-weight:bold;
		color:#FFFFFF;
	}
	#footer a:hover
	{
		text-decoration:underline;
	}
	
	.floatr10
	{
		width:20px;
		margin-top:10px;
		float:right;
		height:60px;
		display:block;
	}
	
	
	/* Generic styles */
	a {text-decoration:none;}
	a img {border:none;}