/*
Cascading Style Sheet Version 2.0
Created for website Inkost (printercartridges4schools.co.uk) by Pete Crewdson
All coding copyright 2007 WNW Design Limited and it's subsidiaries
skeleton.css version 1.0

This document includes all main screen elements of the website including all division,
paragraph and custom styled elements which are presented in the layout of the website.
*/

* {
text-decoration : none;
}



/* main page body */

body {
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : -12px 0 0 0;
}

	img {
	border : none;
	}
	
	.green {
	color : #00C11B;
	}



#lines {
background : url('../graphics/layout/right.gif') 100% 0 repeat-y;
}



/* page wrapper */

#wrapper {
background : url('../graphics/layout/left.gif') repeat-y;
margin : 0 20px;
}



/* header */

#header {
background : #fff url('../graphics/layout/logo.gif') no-repeat;
font-size : 1.1em;
font-weight : bold;
height : 1%;
}

	html>body #header {
	height : auto;
	overflow : auto;
	}

	
	
	/* login form */

	form#login {
	border-left : 1px solid #A9116B;
	float : right;
	margin : 18px 0 0 0;
	padding : 18px 0 10px;
	width : 204px;
	}
	
		form#login p#account-holders {
		color : #EC008C;
		font-size : 1.3em;
		margin : 0;
		padding : 0 10px 9px;
		text-transform : uppercase;
		}
	
		form#login label {
		margin : 0 5px 0 20px;
		}
	
		form#login input, form#quicksearch input {
		border : 1px solid #D1D3D4;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1em;
		font-weight : normal;
		}
		
			form#login input#username, form#quicksearch input#qs {
			width : 104px;
			}
		
			form#login input#password {
			margin-left : 1px;
			width : 56px;
			}
		
			form#login input#loginsubmit, form#quicksearch input#searchsubmit {
			border : none;
			position : relative;
			top : 5px;
			}
			
		
	
	/* call us + search */
	
	#search {
	text-transform : uppercase;
	padding : 33px 218px 0 275px;
	text-align : right;
	}
	
		#search p {
		margin : 0;
		padding : 8px 0;
		}
		
			#search p span {
			color : #EC008C;
			font-size : 1.6em;
			margin : 0 0 0 3px;
			}



/* navigtion */

ul#navigation {
background : url('../graphics/layout/nav.jpg') 50% 50%;
color : #fff;
font-size : 1.1em;
font-weight : bold;
list-style : none;
margin : 0;
padding : 0;
}

	ul#navigation li {
	background : #EC008C;
	border-bottom : 1px solid #A9116B;
	display : block;
	text-transform : uppercase;
	}
	
		ul#navigation #floatleft {
		width : 220px;
		}
	
		ul#navigation #floatright {
		float : right;
		width : 206px;
		}

		ul#navigation li.left {
		border-right : 1px solid #fff;
		}

			ul#navigation li.left a {
			border-right : 1px solid #A9116B;
			}

		ul#navigation li.right {
		border-left : 1px solid #fff;
		}
	
			ul#navigation li.right a, ul#navigation li.right span#cartdetails {
			border-left : 1px solid #A9116B;
			}
		
		ul#navigation a, ul#navigation span#cartdetails {
		background : url('../graphics/common/pink.gif') 20px 50% no-repeat;
		color : #fff;
		display : block;
		padding : 7px 10px 8px 50px;
		*padding : 6px 10px 7px 50px;
		}
		
			ul#navigation span#cartdetails span {
			color : #F4F400;
			}
		
			ul#navigation a:hover {
			color : #000;
			}
			
		ul#navigation li#topleft {
		background : #EC008C url('../graphics/layout/topleft.jpg') no-repeat;
		}
			
		ul#navigation li#topright {
		background : #EC008C url('../graphics/layout/topright.jpg') 100% 0 no-repeat;
		}
			
		ul#navigation li#bottomleft {
		background : #EC008C url('../graphics/layout/bottomleft.jpg') 0 100% no-repeat;
		border-bottom : none;
		}
			
		ul#navigation li#bottomright {
		background : #EC008C url('../graphics/layout/bottomright.jpg') 100% 100% no-repeat;
		border-bottom : none;
		}



/* top bar */

#bar {
background : #00AEEF;
font-size : 1.1em;
font-weight : bold;
height : 1%;
margin : 2px 0 0;
text-transform : uppercase;
}

	html>body #bar {
	height : auto;
	overflow : auto;
	}

	#bar p {
	color : #fff;
	margin : 0;
	padding : 5px 230px;
	}
	
		#bar a {
		color : #000;
		}
		
			#bar a:hover {
			color : #F4F400;
			}
	
	#bar p#bar-left {
	background : url('../graphics/layout/topleftblue.jpg') no-repeat;
	border-right : 1px solid #fff;
	float : left;
	padding : 0;
	width : 219px;
	}
	
		#bar p#bar-left span {
		background : url('../graphics/common/blue.gif') 20px 50% no-repeat;
		display : block;
		padding : 5px 0 5px 50px;
		}
	
	#bar p#bar-right {
	background : url('../graphics/layout/toprightblue.jpg') 100% 0 no-repeat;
	border-left : 1px solid #fff;
	color : #00AEEF;
	float : right;
	padding : 0;
	width : 205px;
	}
	
		#bar p#bar-right span {
		background : url('../graphics/common/blue.gif') 20px 50% no-repeat;
		display : block;
		padding : 5px 0 5px 50px;
		}
	
		#bar p#bar-right span#resizing {
		background : none;
		display : inline;
		margin : 0 0 0 15px;
		padding : 0;
		}
	
		#bar p#bar-right a {
		color : #F4F400;
		}
	
			#bar p#bar-right a.fontsize {
			border : 1px solid #F4F400;
			padding : 1px 2px;
			}
		
			#bar p#bar-right a:hover {
			color : #000;
			}



/* main content area */

#main {
font-size : 1.1em;
height : 1%;
}

	html>body #main {
	height : auto;
	overflow : auto;
	}

	#main p.header {
	color : #EC008C;
	font-size : 1.3em;
	font-weight : bold;
	text-transform : upercase;
	}



/* left content */

#left {
float : left;
width : 218px;
border-left : 1px solid #D1D3D4;
border-right : 1px solid #D1D3D4;
}

	#left ul, #right ul#usermenu {
	border-top : 1px solid #D1D3D4;
	list-style : none;
	margin : 0 10px;
	padding : 0;
	}
	
		#left li, #right ul#usermenu li {
		border-bottom : 1px solid #D1D3D4;
		height : 1%;
		}

			html>body #left li {
			height : auto;
			overflow : auto;
			}
	
		#left a, #right ul#usermenu a {
		color : #000000;
		font-weight : bold;
		}
		
			#left a:hover {
			color : #EC008C;
			font-weight : bold;
			}
		
		#left img {
		float : left;
		margin : 1px 10px 0 0;
		}
		
		#left span {
		float : left;
		padding : 5px 0 0;
		}



/* right content */

#right {
float : right;
width : 204px;
border-left : 1px solid #D1D3D4;
border-right : 1px solid #D1D3D4;
}

	p.title {
	background : url('../graphics/common/white-m.gif') 21px 50% no-repeat;
	color : #EC008C;
	font-size : 1.3em;
	font-weight : bold;
	margin : 0;
	padding : 7px 0 7px 40px;
	}



/* content */

#content {
margin : 0 215px 0 230px;
}

	#content p {
	font-size : 1.1em;
	}

	#content h1, #content h2 {
	background : url('../graphics/common/white-m.gif') 21px 50% no-repeat;
	border-bottom : 1px solid #D1D3D4;
	color : #EC008C;
	font-size : 1.3em;
	font-weight : bold;
	margin : 0;
	padding : 7px 0 7px 40px;
	text-transform : uppercase;
	}
	
		#content h2 {
		border-top : 1px solid #D1D3D4;
		margin : 20px 0 0;
		}
		
		#content h3 {
		background : url('../graphics/common/white.gif') 21px 50% no-repeat;
		border-top : 1px solid #D1D3D4;
		border-bottom : 1px solid #D1D3D4;
		margin : 20px 0 0;
		color: #00AEEF;
		font-size : 1.3em;
		font-weight : bold;
		padding : 7px 0 7px 40px;
		text-transform : uppercase;
		}
	
	#content a {
	color : #00AEEF;
	}
	
	#pageContent p, #content .pageContent {
	color : #000000;
	line-height : 1.1em;
	font-family : Arial, Helvetica, Verdana, Tahoma;
	font-size : 1.1em;
	font-weight : normal;
	}



/* products and section */

p#blue {
color : #00AEEF;
}

ul#inner-nav {
background : #00AEEF;
list-style : none;
margin : 0;
padding : 0;
}

	ul#inner-nav li {
	background : url('../graphics/common/blue.gif') 21px 50% no-repeat;
	border-bottom : 2px solid #fff;
	color : #fff;
	font-size : 1.3em;
	font-weight : bold;
	padding : 7px 0 7px 40px;
	}

	ul#inner-nav li#recycled {
	background : #00C11B url('../graphics/common/green.gif') 21px 50% no-repeat;
	}
	
		ul#inner-nav a {
		color : #fff;
		}



/* sections */

ul#sections {
font-size : 1.1em;
list-style : none;
margin : 0;
padding : 0;
}

	ul#sections li {
	border-top : 1px solid #D1D3D4;
	height : 1%;
	padding : 10px;
	}

		html>body ul#sections li {
		height : auto;
		overflow : auto;
		}
	
		ul#sections a {
		color : #00AEEF;
		font-weight : bold;
		}
	
		ul#sections img {
		float : left;
		margin : 0 10px 0 0;
		}
		
		ul#sections span#buyinfo {
		display : block;
		line-height : 1.6em;
		float : right;
		width : 100px;
		}
		
			ul#sections span#buyinfo img {
			margin : 0 0 3px 0;
			}
		
			ul#sections span#buyinfo span {
			color : #00AEEF;
			font-size : 1.3em;
			font-weight : bold;
			}

.product-img {
float : right;
margin : 60px 20px 20px 20px;
}

a.larger-image {
display : none;
}



p#info_message, #goGreen {
border : 1px solid #000;
background : #00AEEF;
color : #fff;
font-weight : bold;
padding : 5px;
margin : 10px 0;
}

	p#info_message a {
	color : #000;
	}
	
	#goGreen {
	border : 1px solid #00C11B;
	background : #7FE08D;
	color : #000;
	}




/* footer */

#footer {
background : #00AEEF url('../graphics/layout/bottomleftblue.jpg') 0 100% no-repeat;
clear : both;
font-size : 1.0em;
font-weight : bold;
height : 1%;
margin : 2px 0 0;
text-transform : uppercase;
}

	html>body #footer  {
	height : auto;
	overflow : auto;
	}

	#footer p {
	background : url('../graphics/layout/bottomrightblue.jpg') 100% 100% no-repeat;
	color : #fff;
	margin : 0;
	padding : 5px 230px;
	}
	
		#footer a {
		color : #000;
		}
		
			#footer a:hover {
			color : #F4F400;
			}



/* best sellers */

ul#bestsellers {
font-size : 1.1em;
list-style : none;
margin : 0;
padding : 0;
}

	ul#bestsellers li {
	border-top : 1px solid #D1D3D4;
	height : 1%;
	padding : 10px;
	}

		html>body ul#bestsellers li {
		height : auto;
		overflow : auto;
		}
	
		ul#bestsellers a {
		color : #00AEEF;
		font-weight : bold;
		}
	
		ul#bestsellers img {
		float : left;
		margin : 0 10px 0 0;
		}
		
		ul#bestsellers span#buyinfo {
		display : block;
		line-height : 1.6em;
		float : right;
		width : 100px;
		}
		
			ul#bestsellers span#buyinfo img {
			margin : 0 0 3px 0;
			}
		
			ul#bestsellers span#buyinfo span {
			color : #00AEEF;
			font-size : 1.3em;
			font-weight : bold;
			}



.product-price span {
color : #00AEEF;
font-size : 1.3em;
font-weight : bold;
}



/* product paging */

#content p.paging {
padding : 14px;
color : #00AEEF;
text-align : right;
}

	#content p.paging a, #content p.paging span {
	border : 1px solid #A7ABAD;
	padding : 2px 6px;
	}
	
		#content p.paging span {
		border : 1px solid #000;
		color : #000;
		}



.problems {
height: 1%;
}

	html>body .problems {
	height: auto;
	overflow: auto;
	}