﻿/* -----------------------------------------------------------------------------------------------------------------

	Capricorn Bridalwear - Carlisle
	
	SCREEN - Designers Pages Stylesheet
	
	Web					: http://www.capricorn-wedding.co.uk/
	Filename    		: css/main.css
	Last Updated		: 23. 11. 2009
	Copyright			: (c) 2009 Capricorn Bridalwear
	Author				: Chris Sharp - Furness Internet
	Web					: http://www.furness.net | http://www.csharpdesign.co.uk
	
--------------------------------------------------------------------------------------------------------------------*/

/* Table of Contents -----------------------------------------------------------------------------------------------

	1. Image Frame
	2. Designers Main
	3. Designers Thumbs
	4. Designers Detail
	5. Description Typography & layout
	6. Designers Menu
	
--------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------

	Image frame
	
--------------------------------------------------------------------------------------------------------------------*/

div.designer-container p {
	display: block;
	height: 159px;
	width: 109px;
}


div.designer-container img, div.designer-container-thumb img, div.designer-container-thumb2 img, div.designer-container-large img {
	background: #fff;
	padding: 5px;
	margin-bottom: 1em;	
}


div.designer-container a.image img
{
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

div.designer-container a.image:hover img
{
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 1.0;
}




/*------------------------------------------------------------------------------------------------------------------

	Designers Main
	
--------------------------------------------------------------------------------------------------------------------*/

div.designer-container {	
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 119px;
}

img.horizontal-divider {
	margin-top: 20px;
	margin-bottom: 54px;
}

/*------------------------------------------------------------------------------------------------------------------

	Designers Thumbs
	
--------------------------------------------------------------------------------------------------------------------*/

div.designer-container-thumb {	
	border-bottom: 1px solid #222222;
	float: left;
	margin-right: 20px;
	margin-bottom: 1.4em;
	text-align: left;
	width: 143px;
	height: 350px;
	overflow: hidden;
}

div.designer-container-thumb2 {	
	border-bottom: 1px solid #222222;
	float: left;
	margin-right: 20px;
	margin-bottom: 1.4em;
	text-align: left;
	width: 143px;
	height: 200px;
	overflow: hidden;
}

div.designer-container-thumb p {
	color: #717171;
	font: 11px/1.6em Arial, Helvetica, sans-serif;
	margin-bottom: 1.6em;
}

img.horizontal-divider-top {
	padding-bottom: 14px;
}

/*------------------------------------------------------------------------------------------------------------------

	Designers Detail
	
--------------------------------------------------------------------------------------------------------------------*/

div.designer-container-large {	
	float: left;
	margin-right: 30px;
	margin-bottom: 1.4em;
	width: 294px;
}

div.zoom-container {
	background: #101010 url('../images/zoom_bg.jpg') no-repeat center center;
	border: 1px solid #262626;
	float: left;
	height: 236px;
	margin-right: 30px;
	padding: 178px 30px 0 40px;
	width: 224px;	
}

div.zoom-container2 {
	background: #101010 url('../images/zoom_bg.jpg') no-repeat center center;
	border: 1px solid #262626;
	float: left;
	height: 160px;
	margin-right: 30px;
	padding: 130px 30px 0 40px;
	width: 224px;	
}

.zoom-container span, .zoom-container2 span {
	color: #797979;
	font: italic 12px/1.6em Georgia, "Times New Roman", serif;
}

.zoom-container img, .zoom-container2 img {
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 14px;
}

div.dress-description-container {
	float: left;
	width: 294px;
}

/*------------------------------------------------------------------------------------------------------------------

	Description Typography & layout
	
--------------------------------------------------------------------------------------------------------------------*/

p.product-name {
	color: #999999;
	font: italic 18px/1.6em Georgia, "Times New Roman", serif;
	margin-bottom: 1.1em;
}

p.product-description {
	border-bottom: 1px solid #262626;
	color: #666666;
	font: 85%/1.8em Arial, Helvetica, sans-serif;
	padding-bottom: 1.6em;
	margin-bottom: 1.2em;
}

img.icon {
	float: left;
	margin-right: 18px;
	top: 3px;
}

p.description-links {
	border-bottom: 1px solid #262626;
	font: italic 14px Georgia, "Times New Roman", serif;
	margin-bottom: 1.2em;
	padding-bottom: 1.1em;
}

span.next {
	border-left: 1px solid #262626;
	float: right;
	padding-left: 100px;
}

/*------------------------------------------------------------------------------------------------------------------

	Designers Menu
	
--------------------------------------------------------------------------------------------------------------------*/

ul#designers-menu {
	float: right;
	list-style:none;
	margin: 0;
	padding-right: 22px;
	width: 760px;
}

#designers-menu a {
	color: #9D7653;
	font: normal 11px Georgia, "Times New Roman", serif;
	padding-right: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

#designers-menu a:hover {
	color: #B9A18B;
}

#designers-menu li {
	border-right: 1px solid #3C3C3C;
	display:inline;
	float: right;
	font: normal 14px Georgia, "Times New Roman", serif;
	margin-left: 11px;
	padding: 0;
	text-transform: uppercase;
}

#designers-menu li.border-none {
	border: none;
}
	


