/* GENERAL STYLE RULES
########################################################## */
* {
	margin : 0;
	font-size : 11px;
	font-family : arial; }

body {
	background : url(../images/Strips-grad.jpg) repeat-x; }

#container {
	width : 900px;
	margin : 0 auto;
	border : 1px solid #e5e5e5;
	border-top : none;
	background-color : #fff; }

.clear { clear : both; }

h1 {
	height : 121px;
	width : 900px;
	background : url(../images/title.jpg) no-repeat; }

h1 span { display : none; }

h2 {
	color : #005ea7;
	font-size : 14px;
	margin-top : 3px;
	font-size : 17px; }

ul { padding-left : 0; }

.n { display : none; }

a {
	color : #273cd0; }

a img {
	border : none; }

.content p a {
	text-decoration: none;
	color: #005ea7;
	padding-right: 12px;
	background : url(../images/link-arrow.jpg) right 1px no-repeat; }

.content p a:hover {
	text-decoration : underline; }

ul.list {
	padding-left : 20px; }

ul.list li {
	margin : 3px 0; }

.content_column2 {
	float : left;
	width : 50%; }

.blue-back {
	background-color : #005ea7; }

.mar-top {
	margin-top : 10px; }
	
.action-btn {	
	position : absolute;
	bottom : -15px;
	right : 35px;
	border : none;
	color : #fff;
	font-size : 13px;
	font-weight : bold;
	display : block;	
	width : 83px;
	cursor : pointer;
	vertical-align : top;
	height : 25px;
	padding-bottom : 3px;
	background : url(../images/btn-blue.jpg) no-repeat; }

.notice {
	margin : 10px 0;
	margin-right : 30px;
	padding : 5px 10px;
	background-color : #e1cfe7;
	border : 1px solid #6357bd }



/* NAVIGATION STYLES
########################################################## */
#navbar {
	z-index : 50;
	width : 145px;
	float : left;
	margin : 20px 0; }

#navbar ul {
	clear : both;
	margin-right : -1px; }

#navbar li {
	position : relative;
	z-index : 10;
	border : 1px solid #e1cfe7;
	display : block;
	margin-left : -1px;
	margin-bottom : -1px;
	list-style-type : none;
	vertical-align : middle; }

#navbar a {
	text-decoration : none;
	padding : 7px 5px;
	padding-left : 10px;
	background-color : #fff;
	display : block; }
	
#navbar a span {
	margin : 0;
	padding-top : 3px;
	display : block;
	height : 16px;
	padding-left : 23px;
	color : #273cd0; }
	
	/* Icon backgrounds */
	#navbar .home-tab span { background : url(../images/icons/navigation/home.gif) left center no-repeat; }
	#navbar .designer-collection-tab span { background : url(../images/icons/navigation/designer-collection.gif) left center no-repeat; }
	#navbar .favourites-tab span { background : url(../images/icons/navigation/favourites.gif) left center no-repeat; }
	#navbar .catalogue-tab span { background : url(../images/icons/navigation/invitation-catalogue.gif) left center no-repeat; }
	#navbar .request-tab span { background : url(../images/icons/navigation/request-sample.gif) left center no-repeat; }
	#navbar .contact-tab span { background : url(../images/icons/navigation/contact.gif) left center no-repeat; }
	#navbar .about-tab span { background : url(../images/icons/navigation/about.gif) left center no-repeat; }
	#navbar .help-tab span { background : url(../images/icons/navigation/help.gif) left center no-repeat; }

#navbar a:hover {
	cursor : pointer;
	color : #6f4d7a;
	background : url(../images/li-menu.jpg) repeat-x; }

#navbar a:active, #navbar a:focus {
	color : #fff;
	background : none;
	background-color : #b87bc9; }

#navbar li.right {
	float : right; }

#navbar .bdr-none {
	margin : 10px 0;
	border : none; }
	
#navbar span {
	color : #005ea7;
	display : block; }
	
#navbar .bdr-none {
	text-align : center; }
	
#navbar span {
	margin : 0 6px; }
/* ####################################################### */



.content, #invitation {
	z-index : 25;
	width : 79%;
	float : right;
	margin-right : 5px;
	margin-bottom : 5px;
	padding : 15px; }



/* TABLE STYLES
########################################################## */
table {
	margin-top : 10px;
	border-collapse : collapse;
	background-color : #e1cfe7;
	width : 100%; }

.grad {
	height : 26px;
	color : #005ea7;
	text-align : right;
	background : url(../images/table-grad.jpg) bottom repeat-x; }

th {
	background-color : #7a87e4;
	color : #fff;
	white-space : nowrap;
	text-align : left; }

td, th {
	height : 20px;
	padding-left : 5px;
	padding-right : 5px;
	border : 1px solid #fff; }

td select {
	width : 97px;
	margin-left : 13px; }

td input, td textarea {
	border : 1px solid #adb5ea;
	background : #fff;
	width : 180px; }

input.button {
	color : #fff;
	border : none;
	margin : 0 auto;
	width : 101px;
	height : 28px;
	display : block;
	background : url(../images/form-button.jpg); }

input.button:hover {
	background : url(../images/form-button-ro.jpg);
	cursor : pointer; }

input.button:active, td input.button:focus {
	background : url(../images/form-button-dn.jpg); }

td input {
	height : 15px; }

td span {
	vertical-align : middle; }
/* ####################################################### */



/* ICON STYLES + LABELS
########################################################## */
.remove {
	float : left;
	height : 20px;
	width : 20px;
	position : relative;
	z-index : 1;
	display : block;
	background : url(../images/icons/remove.jpg) no-repeat; }

.view {
	float : left;
	height : 20px;
	width : 20px;
	z-index : 1;
	position : relative;
	display : block;
	background : url(../images/icons/view.jpg) no-repeat; }
/* ####################################################### */




#sidecolumnleft {
	float : left;
	width : 15%;
	padding-left : 8px;
	margin-top : 8px;
	margin-right : 1%; }

iframe.selectionFrame {
	display : none;
	z-index : 15;
	position : fixed;
	margin : 0 auto;
	bottom : 25px;
	background-color : #eee;
	border : 1px solid #ccc;
	margin-left : -1px;
	width : 900px;
	height : 100px; }

/*.foot {
width : 940px;
height : 125px;
position : fixed;
bottom : 0;
padding-left : 50px;
padding-right : 10px;
margin-left : -50px;
background : url(../images/frame-border.gif) left -23px no-repeat; }*/

.footer {
	z-index : 600;
	width : 900px;
	position : fixed;
	bottom : 0;
	min-height : 25px;
	height : 25px;
	background : #b87bc9; }

.footer ul {
	margin-top : 5px;
	float : right;
	min-height : 25px;
	padding : 0px 8px; }

.footer a {
	padding : 0 3px;
	padding-top : 5px;
	padding-bottom : 8px;
	color : #fff;
	height : 15px; }

.footer a:hover {
	background-color : #8a5d98; }

.footer a:focus, .footer a:active {
	color : #a2193a;
	background-color : #e1cfe7; }

ul.shortnav {
	float : left; }

.shortnav li {
	margin-left : 5px;
	margin-right : 0; }

.footer li {
	height : 15px;
	list-style-type : none;
	margin-right : 8px;
	display : inline; }

.block {
	height : 20px;
	/*height : 125px;*/ }

iframe.sidelist {
	position : static;
	height : 600px;
	width : 100%; }

/* A-Z */
.bullet-no {
	margin-bottom : 5px;
	list-style-type : none; }

.favourites {
	float : right;
	clear : both;
	position : relative;
	margin-right : 10px;
	margin-bottom : -20px; }

.favourites a {
	display : block;
	float : left;
	padding-top : 5px;
	text-align : center;
	text-decoration : none;
	color : #fff; }

.favourites a.go-to-fav {
	width : 120px;
	height : 30px;
	background : url(../images/go-to-fav.jpg); }

.favourites a.add-to-fav {
	width : 68px;
	height : 30px;
	background : url(../images/add-to-fav.jpg); }

.favourites a.add-to-fav span {
	display : none; }

.favourites a.add-to-fav:hover span {
	display : block;
	z-index : 200;
	position : absolute;
	top : -32px;
	left : 3px;
	padding : 2px 4px;
	color : #273cd0;
	background-color : #fff;
	border : 1px solid #ccc; }

.favourites a:hover {
	text-decoration : underline; }
	

/* Content area styling
########################################################## */
.d-collections ul {
	width : 175px;
	margin-top : 5px;
	margin-right : 2px;
	float : left; }

	.d-collections li {
		margin : 2px 0;
		list-style-type : none; }
	
	.d-collections li a {
		padding : 10px;
		text-decoration : none;
		color : #005ea7;
		border : 1px solid #e5e5e5;
		height : 110px;
		display : block; }
		
	.d-collections li a:hover {
		border : none;
		border-left : 3px solid #ccc;
		background : #eee;
		padding : 11px 11px;
		padding-left : 8px;
		text-decoration : underline; }
	.d-collections li a:active, .d-collections li a:focus {
		color : #fff;
		background-color : #6657bf;
		border-color : #be6aa5; }
		

/* Light button
########################################################## */
#invitation .light-btn {
	width : 95px;
	height : 40px;
	padding-right : 10px;
	margin-right : 2px;
	background : url(../images/btn-light/end-right.jpg) top right no-repeat; }

	#invitation .light-btn a {
		width : 85px;
		padding-left : 10px;
		height : 40px;
		display : block;
		text-decoration : none;
		background : url(../images/btn-light/end-left.jpg) top left no-repeat; }

	#invitation .light-btn a:hover {
		text-decoration : underline; }
		
		#invitation .light-btn a span {
			text-align : center;
			display : block;
			padding-top : 7px; }
			
			
/* Styling for the shadows around invitations
########################################################## */
	.invitation-pic {
		float : left;
		position : relative;
		top : -22px;
		margin-left : -22px;
		text-align : right;
		background : url(../images/invitation-shadow/top-left.jpg) 6px 0 no-repeat; }
	
	.invitation-pic img {
		line-height : 0; }
		
	.shadow-left {
		padding-left : 21px;
		background : url(../images/invitation-shadow/left-bottom.jpg) left bottom no-repeat; }
	
	.shadow-right {
		padding-right : 22px;
		background : url(../images/invitation-shadow/right-bottom.jpg) right bottom no-repeat; }
	
	.shadow-bottom {
		text-align : right;
		background : url(../images/invitation-shadow/bottom-left.jpg) left bottom no-repeat; }
	
	#inv-pic {
		max-height : 350px;
		max-width : 350px;
		border : 1px solid #fff; }
		
	.img-tr {
		padding-right : 3px;
		background-color : #fff; }
/* ---
*/