/*

	LollipopLondon.co.uk 2007
	Code: Toby Brancher (xhtml & css) and Mick Wiffin (asp)
	Design: Paul Crabbie and Barny Collis
	Management: Barny Collis and Pete Yaicoumi
	Agency: Creative Fibre
	
	** PENDING 

	 _ Final sorting
	 _ Implementation Updates
	 _ Resolve mixed em and px values... 
	
*/

* {margin: 0px; padding: 0px; border: none 0px #fff;}
html, body {
	height:				100%;
	color:				#fafafa;
	background:			#cfcdc8 url(../img/site/bg-5000.png) repeat-x;
	font: 				11px arial;
	color:				#cccccc;}

a, a:visited {color: #fff;}
a:hover {color: #db0265;}
.white {color: #fff;}
.pink {color: #db0265;}
.left {float: left;} 
.right {float: right; text-align: right;}
.clear {float: none; clear: both;}
.tmp_img {margin: 0px 0px 0px 2px;}

h1 {} /* Image Based */
h2 {margin: 0px 0px 0px 9px;} /* Image Based */
h3 {
	font:				bold 1.2em arial;
	color: 				#db0265;}
h4 {
	font:				bold 14px arial;
	color: 				#db0265;}
h5 {
	font:				1em arial;}
h6 {
	font:				bold 15px arial;
	color:				#ccc;}
	
#categories h2 {
	font:				bold 16px Arial;
	width:				552px;
	height:				21px;
	background:			url(../img/site/headings/h2_bg.gif) no-repeat;
	color:				#fff;
	padding:			2px 0px 0px 10px;
	text-transform:		uppercase;
	cursor:				default;}


/* 
	Page setup 
*/

#bg_size {height: 100%;}
	
#position {
	margin:				10px auto;
	text-align:			center;
	display:			table;
	height:				97.8%;}

#page {
	width: 				849px;
	margin:				0px auto 0px auto;
	padding:			11px 11px 0px 11px;
	background:			#1d1c2d;
	text-align:			left;
	display:			table;
	_display:			block;
	height:				100%;
	*height:			auto;
	*min-height:		100%;}

/* 	Header */

#header {
	width:				849px;
	height:				157px;
	background:			url(../img/site/bg_header.gif) no-repeat;}

#logo {margin: 28px 0px 0px 45px;}
#shopping_bag {margin: 66px 0px 0px 103px;}

#pink_bg {
	/* display:			block;*/
	width:				289px;
	height:				50px;
	/*background:			url(../img/site/shopping_bag/bg.gif) no-repeat;*/
}
	
#pink_bg p{font: 12px arial; margin: 5px 5px 0px 8px;}
#pink_bg .right p{margin: 5px 5px 0px 16px;}

/* Primary Navigation */

#primary_nav {
	width:				847px;
	height:				26px;
	background:			url(../img/site/primary_nav/bg.gif) repeat-x;
	border: 			solid 1px #302c44;}
#primary_nav ul {
	list-style:			none;
	margin:				0px 0px 0px 0px;}
#primary_nav ul li {
	float:				left;}
#primary_nav ul li a{}


/* 
	Content
*/

#content { /* (encapsulating content id, look below for content classes) */
	width:				837px;
	margin: 			5px 0px 0px 0px;
	padding:			11px 0px 50px 10px;
	background:			#0f0e17;
	border: 			solid 1px #302c44;}
.content_seperator {	/* Used on category pages */
	clear:				both;
	float:				none;
	width:				560px;
	height:				11px;
	margin:				0px 0px 10px 10px;
	background:			url(../img/site/content_seperator.gif) no-repeat; background-position: bottom;}
.end_of_page_seperator {
	clear:				both;
	float:				none;
	width:				528px;
	height:				14px;
	margin:				10px 0px 0px 2px;
	background:			url(../img/site/end_of_page_seperator.gif) no-repeat;}

/* Home */

#introduction {
	width:				568px;
	height:				234px;
	padding:			20px 0px 0px 20px;
	margin:				12px 0px 0px 7px;
	background:			url(../img/site/boxes/home.gif) no-repeat;}
#introduction img {font-size: 1px; line-height: 1px; margin: 0px;}
#introduction .seperator {
	width:				533px;
	height:				1px;
	margin:				8px 0px 10px 0px;
	background:			url(../img/site/boxes/home_dotted_seperator.gif) no-repeat;}
#introduction p {
	width:				310px;
	margin:				4px 0px 13px 30px;
	font-size:			11px;}
#boutique_link {
	display:			block;
	width:				318px;
	height:				20px;
	margin:				28px 0px 0px 38px;
	padding:			6px 0px 0px 8px;
	background:			#d2065f;}
	
/* London Boutique */

#boutique, #the_shoes {		/* Content layout for boutique and shoe pages (based around the heading)*/
	width:				584px;
	margin:				3px 0px 0px 5px;
	background:			#27272f;}
	
#boutique .content{
	padding:			20px 0px 10px 20px;
	margin:				0px 0px 0px 7px;}
.column_txt {
	width:				230px;
	margin:				0px 20px 0px 0px;
	float:				left;}
.column_txt p {
	margin:				0px 0px 10px 0px;}
	
/* The Shoes */

#the_shoes .content {
	padding:			3px 0px 10px 2px;}
#the_shoes .content .item {
	float:				left;
	height:				100px;
	position:			relative;
	display:			block;
	border:				solid 1px #eaeaea;
	margin:				10px 0px 0px 10px;}
#the_shoes .content .item:hover {
	color:				#fff;}
#the_shoes .content .item .overlay {
	overflow: 			hidden; 
	position: absolute; top: 0; left: 0;
	width:				104px;
	height:				104px;
	background:			url(../img/site/overlays/pink_ticket_small.gif) no-repeat;
	cursor:				pointer;}
#the_shoes .content .item .coming_soon {
	overflow: 			hidden; 
	position: absolute; top: 0; left: 0;
	width:				104px;
	height:				104px;
	background:			url(../img/site/overlays/coming_soon_small.gif) no-repeat;
	cursor:				pointer;}
	
/* Product Page */

div#product {
	width:				562px;
	height:				410px;
	padding:			13px 11px;
	margin:				3px 0 0 5px;
	background:			#27272f url(../img/site/product_bg.gif) no-repeat;}
div#product div#product_images {
	overflow:			hidden;
	float:				left;
	width:				305px;
	height:				382px;
	margin:				0px 24px 0 0;
	border:				1px solid #d5d5dd;}
div#product div#product_images div#large {
	position: 			relative;
	height:				279px;
	overflow:			hidden;}
div#product div#product_images .overlay {
	overflow: 			hidden; 
	position: absolute; top: 0; left: 0;
	width:				305px;
	height:				279px;
	background:			url(../img/site/overlays/pink_ticket_large.gif) no-repeat;
	cursor:				pointer;}
div#product div#product_images .coming_soon {
	overflow: 			hidden; 
	position: absolute; top: 0; left: 0;
	width:				305px;
	height:				279px;
	background:			url(../img/site/overlays/coming_soon_large.gif) no-repeat;
	cursor:				pointer;}
div#product div#product_images a {
	float:				left;
	display:			block;
	width:				101px;
	height:				102px;
	border:				1px solid #c1c1c1;
	border-width:		1px 1px 0 0;}
div#product div#product_images a.last {border-width: 1px 0 0 0;}

div#product div#product_info {
	float: 				left;
	width:				205px;}
div#product div#product_info h6 {
	margin:				0 0 20px;}
div#product div#product_info table {
	border-collapse:	collapse;
	margin:				4px 0 24px;}
div#product div#product_info table th {
	width:				60px;
	color:				#db0265;}

div#product div#product_info p#description {height: 140px;}
div#product div#product_info form {height: 34px;}
div#product div#product_info #size {
	float:				left;
	margin: 			0 10px 0 0;}	
div#product div#product_info .submit {
	float:				left;}
div#product div#product_info a {
	font-weight:		bold;
	color:				#db0265;}
div#product div#product_info a:hover {
	text-decoration:	none;}
div#product p#hint {
	margin:				10px 0 0 20px;
	color:				#6d6d6d;}

/* Standard pages (Gossip / Help / FAQ's / Press) */

.standard_layout {
	width:				584px;
	margin:				2px 0px 0px 2px;}
.standard_layout .heading{
	height:				50px;
	overflow:			hidden;}
.standard_layout .content {
	margin:				0px 0px 10px 3px;
	padding:			3px 20px 10px 28px;
	background:			#27272f;}

/* Gossip */

.gossip_item {
	width:		536px;}
.gossip_item h3 {
	width:				450px;
	height:				26px;
	margin:				19px 0px 0px 0px;
	float:				left;}
.gossip_item h5 {
	width:				70px;
	height:				30px;
	padding:			6px 8px 0px 0px;
	margin:				16px 0px 0px 0px;
	float:				right;
	text-align:			right;}
.gossip_item p, .item p{
	font-size: 			11px;
	padding:			0px 10px 11px 0px;}
.gossip_item p.first {
	clear:				both;
	float:				none;
	padding:			15px 10px 11px 0px;
	background:			url(../img/site/gossip_seperator.gif) no-repeat;
	font-weight:		bold;}
.gossip_item div, .standard_layout .item div {		/* to top button */
	margin:				15px 0px 6px 0px;}

/* Help */

.standard_layout .item h4 {
	font-size:			13px;
	color:				#db0265;
	width:				540px;
	height:				34px;
	margin:				21px 0px 0px 0px;
	background:			url(../img/site/gossip_seperator.gif) no-repeat 0em 1.75em;}

/* Press */

.standard_layout .press_item {margin: 18px 0px 0px 0px;}
.standard_layout .press_item div.left {
	width:				390px;
	margin:				0px 0px 0px 22px;}
.standard_layout .press_item div.left h3 {
	font:				bold 1.2em arial;}
.standard_layout .press_item div.left h5 {
	font:				normal 1.2em arial;
	margin:				0px 0px 0px 0px;}
.standard_layout .press_item div.left p {
	margin:				10px 0px 0px 0px;}
.standard_layout .press_item .press_seperator {
	clear:				both;
	float:				none;
	width:				387px;
	height:				12px;
	margin:				0px 0px 10px 141px;
	background:			url(../img/site/press_seperator.gif) no-repeat; background-position: bottom;}
	
/*Contact */

#contact #flash_element {
	margin:				0px 0px 0px 3px;
	padding:			0px 8px 0px 8px;
	background:			#27272f;}
#contact .content {
	margin:				0px 0px 10px 3px;
	padding:			0px 13px 10px 28px;
	background:			#27272f;}
#contact .content h4 {
	width:				540px;
	height:				34px;
	margin:				0px 0px 4px 3px;
	background:			url(../img/site/gossip_seperator.gif) no-repeat 0em 1.75em;}
#contact .content p {
	margin:				0px 20px 11px 3px;}
#contact .content a {
	color:				#db0265;
	text-decoration:	underline;}
#contact .content a:hover {
	color:				#db0265;
	text-decoration:	none;}
#contact .end_of_page_seperator {
	margin:				11px 0px 0px 0px;}

/* 
	Input forms (signup etc..) 
*/

form input.txt {
	width:				158px;
	height:				16px;
	padding:			2px 0px 0px 4px;
	margin:				0px 0px 0px 5px;
	border:				solid 1px #43454d;
	background:			#2d2f38;
	font-size:			9px;
	color:				#5c5d62;}
input.txt_required {
	width:				158px;
	height:				16px;
	padding:			2px 0px 0px 4px;
	margin:				0px 0px 0px 5px;
	border:				solid 1px #43454d;
	background:			#2d2f38;
	font-size:			9px;
	color:				#5c5d62;}
	
div#email_signup input.submit, div#mailing_list input.submit  {
	width:				47px;
	height:				20px;
	margin:				0px 0px 0px 4px;
	text-align:			left;
	font-size:			0.9em;
	font-weight:		bold;
	color: 				#fff;
	background:			#db0265 url(../img/site/boxes/mailinglist_send.gif) no-repeat;
	cursor:				pointer;}
#email_signup {
	display:			block;
	width:				574px;
	height:				34px;
	margin:				16px 0px 0px 9px;
	background:			#292932;}
#email_signup img {
	margin:				11px 0px 0px 10px;}
#email_signup form {
	margin: 			6px 0px 0px 10px;}
#email_signup input.txt {
	margin: 0px 0px 0px 5px;}
#email_signup input.submit{margin: 0px 0px 0px 4px;}

#mailing_list input.txt {
	width:				194px;
	height:				15px;
	padding:			1px 0px 0px 4px;
	margin:				0px 0px 7px 1px;
	background:			#22212a;
	border:				solid 1px #34343c;}
#mailing_list input.submit{margin: 2px 0px 0px 0px; float: left;}
#mailing_list .right {margin: 4px 0px 0px 0px;}
#mailing_list a {		
	font:				0.8em Arial;
	color:				#fff;
	text-decoration:	underline;
	margin:				2px 17px 0px 5px;}
	
/* Needs to be updated when id for admin area is added! */

textarea {
	width:				158px;
	padding:			2px 0px 0px 4px;
	margin:				0px 0px 0px 4px;
	font:				10px arial;
	border:				solid 1px #43454d;
	background:			#2d2f38;
	color:				#5c5d62;}
input.submit_admin { 
	font-weight:		bold;
	color: 				#fff;
	background:			#db0265;
	padding:			1px 2px;
	margin:				10px 0 0 0;
	cursor:				pointer;}

/* 
	Cart
*/

img#cart_header {
	margin:				20px 0 0;}
form#cart {
	padding:			0px 13px 0px 3px;}
form#cart h3 {
	margin:				4px 0 0;}
form#cart table {
	width:				821px;
	border-collapse:	collapse;
	margin:				12px 0px 0px 0px;}
form#cart table tr th#product_name {
	width:				90px;}
form#cart table tr th#product_description {
	width:				350px;}
form#cart table tr th {
	height:				28px;
	color:				#fff;
	background:			#db0265;
	padding:			0px 0px 0px 10px;
	border:				solid 1px #0F0E17;
	border-width:		0 0 0 0;}
form#cart table tr th#product_name {
	width:				200px;}
form#cart table tr th#remove_link {
	width:				120px;}
form#cart table tr td {
	height:				30px;
	color:				#000;
	background:			#fff;
	border:				solid 1px #0F0E17;
	border-width:		1px 0;
	padding:			3px 10px;}
form#cart table tr td.th {
	width:				75px;
	color:				#5c5d62;}
form#cart table input.num {
	width: 				38px;
	height:				15px;
	padding:			1px 0px 2px 2px;
	border:				1px solid #7f9db9;
	background:			#fff/*url(../img/site/cart/input_bg.gif) no-repeat*/;}
form#cart table input.txt_required, form#cart table input.txt {
	background:			#fff;
	border:				1px solid #7f9db9;}
form#cart table input.txt#issue_no {
	width:				30px; margin: 0 5px;}
 form#cart table textarea {
 	background:			#fff;
	border:				1px solid #7f9db9;

	font:				11px Arial;}
form#cart table tr.top {vertical-align: top;} 
form#cart table tr.top td {padding: 8px;}
form#cart table select {
	width:				164px;
	background:			#fff;
	border:				1px solid #7f9db9;
	margin:				0px 0px 0px 5px;}
form#cart table select.small, form#cart table select.small option {
	width:				55px;}
form#cart table option {
	width:				160px;
	padding:			0px 0px 0px 4px;}
form#cart table a {
	color:				#000;
	text-decoration: 	underline;}
form#cart table a:hover {
	text-decoration:	none;}
form#cart img.seperator {
	margin:				20px 0 9px;}
	
form#cart div#summary {
	width:				250px;
	margin:				12px 20px 20px 0px;}
form#cart div#summary p {
	width:				116px;
	font-weight:		bold;
	margin:				4px 11px 0px 4px;
	text-align:			left;}
	
div#contents .item {
	float:				left;
	height:				102px;
	overflow:			hidden;
	border:				solid 1px #eaeaea;
	margin:				10px 0px 0px 10px;}
div#contents .item.first {margin: 10px 0px 0px 0px;}
div#contents .item img {border: solid 1px #f5f5f5;}

#continue_shopping, #cancel, #checkout {
	margin:				10px 10px 0px 0px;}
	
form#cart #postage {margin: 10px}


/* 
	left column 
*/

#left_column {
	overflow:			hidden;
	width:				239px;}
#left_column .box_content {
	width:				214px;
	padding:			10px 0px 10px 17px;
	background:			#27272f;}
#left_column .box_footer {
	display:			block;
	overflow:			hidden;
	width:				231px;
	height:				10px;
	background:			url(../img/site/boxes/left_column/box_footer.gif) no-repeat;}

/* Search box */

#left_column #search_box {
	display:			block;
	width:				231px;
	min-height:			91px;
	margin:				3px 0px 10px 2px;
	padding:			60px 0px 5px 0px;
	background:			#27272f url(../img/site/boxes/left_column/search_heading.gif) no-repeat;
	color:				#cccccc;}
#left_column #search_box form {
	margin: 			0px 0px 0px 20px;}
#left_column #search_box select {
	width:				189px;
	border:				solid 1px #333;
	margin:				3px 0px 3px 0px;}
#left_column #search_box select option:hover {
	color:				#FF0000;}	
#left_column #search_box ul {
	margin:				10px 0px 0px 0px;
	list-style:			none;}
#left_column #search_box ul li {
	height:				24px;
	padding:			5px 0px 0px 20px;
	background:			url(../img/site/secondary_nav/bg.gif) no-repeat;}
#left_column #search_box ul li a {
	color:				#fff;
	padding:			0px 0px 0px 20px;
	background:			url(../img/site/secondary_nav/arrow.gif) no-repeat; background-position: 1px 5px;}
#left_column #search_box ul li a:hover {
	color:				#db0265;
	background:			url(../img/site/secondary_nav/arrow.gif) no-repeat; background-position: 1px 5px;
	text-decoration:	none;}
#left_column #find_us {
	width:				231px;	
	margin:				10px 0px 0px 0px;
	padding:			41px 0px 0px 2px;
	background:			url(../img/site/boxes/left_column/find_us_heading.gif) no-repeat;}
#left_column #find_us .box_content {
	margin:				0px 0px 0px 1px;
	padding:			0px 7px 0px 10px;}

/* Mailing list */

#left_column #find_more {
	width:				231px;	
	margin:				10px 0px 0px 0px;
	padding:			41px 0px 0px 2px;
	background:			url(../img/site/boxes/left_column/find_more_heading.gif) no-repeat;}
#left_column #find_more .box_content {
	margin:				0px 0px 0px 1px;
	padding:			0px 7px 0px 10px;}

/* Mailing list */

#left_column #mailing_list {
	display:			block;
	width:				217px;
	height:				82px;
	margin:				3px 0px 10px 2px;
	padding:			54px 0px 0px 14px;
	background:			#27272f url(../img/site/boxes/left_column/mailinglist_heading.gif) no-repeat;
	color:				#cccccc;}

/* Gossip window */

#left_column #lollipop_gossip {
	width:				232px;	
	margin:				10px 0px 0px 0px;
	padding:			51px 0px 0px 3px;
	background:			url(../img/site/boxes/left_column/gossip_heading.gif) no-repeat;}
#left_column #scrollable {
	overflow: 			auto;
	height:				180px;
	width: 				200px;
	margin: 			0px 0px 0px 0px;}
#left_column .news_item p{
	font-size:			9px;
	margin:				4px 0px 15px 0px;
	padding:			7px 10px 0px 0px;
	background:			url(../img/site/boxes/news_bg_line.gif) no-repeat;}
	
/* Press clips */

#left_column #press_clips {
	width:				232px;	
	margin:				10px 0px 0px 0px;
	padding:			50px 0px 0px 0px;
	background:			url(../img/site/boxes/left_column/press_heading.gif) no-repeat;}
#left_column #press_clips p {
	font:				0.85em arial;
	padding:			0px 20px 0px 0px;}
#left_column #press_clips p.pink {
	margin:				0px 0px 15px 0px;
	font:				bold 0.85em arial;}

/* Pink Ticket */

#left_column #pink_ticket {
	display:			block;
	width:				240px;
	height:				56px;
	background:			url(../img/site/pink_ticket/bg.gif) no-repeat;
	vertical-align:		top;}
#left_column #pink_ticket #whats_this {margin: 26px 0px 0px 27px;}
#left_column #pink_ticket #ticket {margin: 0px 0px 0px 13px;}

/* Sub nav */

#left_column ul#sub_nav {
	list-style:			none;
	margin:				25px 0px 0px 20px;}
#left_column ul#sub_nav li {
	background:			url(../img/site/bullet.gif) no-repeat 0em 0.3em;
	padding:			0px 20px 3px 13px;
	line-height:		15px;}
#left_column ul#sub_nav li a {
	font-size:			11px;
	color:				#ccc;}
#left_column ul#sub_nav li a:hover {
	color: 				#db0265;
	text-decoration:	none;}
#left_column ul#sub_nav li.selected a{color: #db0265;}

/* 
	Admin
*/

#left_column #admin_welcome {
	width:				232px;	
	margin:				10px 0px 0px 0px;
	padding:			51px 0px 0px 3px;
	background:			url(../img/site/boxes/left_column/welcome_heading.gif) no-repeat;}
	
/* Edit */

table#edit {
	margin:				0 0 0 20px;
	border-collapse:	collapse;}
table#edit td {
	padding:			2px 0;}
table#edit th {
	width:				120px;
	font-weight:		normal;
	text-transform:		capitalize;}
table#edit th#sizes {
	vertical-align:		top;
	padding:			17px 0 0 0;}
table#edit th.price {
	height:				30px;
	width:				112px;}
table#edit select {
	width:				253px;}
table#edit input.txt_required, table#edit textarea{
	width:				247px;
	color:				#fff;
	margin:				0px;}
table#edit input#price, table#edit input#discount_price {
	width:				100px;
	color:				#fff;
	margin:				0px;}
table#edit input.sizes {
	margin:				0 2px;}
table#edit p.pink {
	text-transform:		none;
	margin:				6px 0 0 0;}
	
	
/* 
	Footer 
*/

#footer {
	margin:				0px 0px 0px 6px;}

#footer a {
	color:				#4b4a74;}

#footer p {
	font-size:			10px;
	color:				#4b4a74;}