/* ================================
    CSS STYLES FOR Cascade Commerce
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    
{
    font-family:Georgia, Verdana;
    font-size: 10pt;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
    color: Gray;
    font-family: Georgia;
    font-size: 10pt;
}

.NormalBlack
{
    font-family: Georgia;
    font-size: 10pt;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     
{
    color: #505050;
    font-family: Georgia;
    font-size: 10pt;
    /*background-image: url(arrow.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: left ;
	*/
}

A.CommandButtonWhite
{
    color: white;
    font-family: Georgia;
    font-size: 10pt;
    /*background-image: url(arrow.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: left ;
	*/
}
   
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link 
{
    color: #505050;
    text-decoration: none;
    font-size: 10pt;
}

A.CommandButton:visited  
{
    color: #505050;
    text-decoration: none;
    font-size: 10pt;
}

A.CommandButton:active   
{
    color: #505050;
    text-decoration: none;
    font-size: 10pt;
}

A.CommandButton:hover    
{
    color: #505050;
    text-decoration: none;
    font-size: 10pt;
}

/* Command buttons with arrows */
.Arrow
{
   background-image: url(arrow.jpg);
   background-repeat: no-repeat;
   padding-left: 15px;
   background-position: left ;
}
   

    
/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer 
{
	background-color: black; 
	height:16px;
	z-index: 0;
	width: 100%;
}

.MainMenu_MenuBar 
{
	cursor: pointer; 
	cursor: hand;	
}

.MainMenu_MenuItem 
{
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	text-decoration: none;
	font-family: Georgia;
	font-size: 8pt;
	font-weight: bolder;
}

.MainMenu_MenuIcon 
{
	background-color: Black; 
	border-left: Black 1px solid; 
	border-bottom: Black 1px solid; 
	border-top: Black 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
	color: #ffff00; 
	display: none;
	visibility: hidden;
}

.MainMenu_SubMenu 
{
	background-color: Black;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}

.MainMenu_MenuBreak 
{
	height: 1px;
}

.MainMenu_MenuItemSel 
{
	border-left: Black 0px solid; 
	border-bottom: Black 1px solid; 
	border-top: Black 1px solid; 
	border-right: Black 0px solid;
	background-color: Transparent; 
	cursor: pointer; 
	cursor: hand; 
	color: #ffff00; 
	font-family: Georgia, Verdana, Tahoma, Arial, Helvetica; 
	font-size: 10pt; 
	font-style: normal;
}

.MainMenu_MenuArrow 
{
	border-right: Black 1px solid; 
	border-bottom: Black 1px solid; 
	border-top: Black 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	color: #ffff00; 
	display: none;
	visibility: hidden;
}

.MainMenu_RootMenuArrow 
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	color: #ffff00; 
	display: none;
	visibility: hidden;
}

.categories
{
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	
	background-image: url(./Images/SideMenuStrip.jpg);
	background-repeat: repeat-x;
	color: white;
	
	margin-left: 15px;
	margin-right: 10px;
	
	padding-left: 15px;
	padding-right: 10px;
	
	border-right: solid 2px #353535;
}

.skinCategoryList
{
	position: relative;
	font-family: Georgia;
	font-weight: bold;
	display: block;
}

.mainTable
{
	margin-top: 40px;
	background-color: #000;
}

.section
{
	border-bottom: solid 1px #353535;
	border-top: solid 1px #353535;
}

.catNav
{
	color: #939236;
	font-family: Georgia;
	font-weight: bolder;
	font-size: 8pt;
	margin-top: 10px;
	margin-bottom: 15px;
}

.catNav a
{
	text-decoration: none;
	font-family: Georgia;
	font-weight: bold;
	font-size: 8pt;
	cursor: hand;
	color: #939236;
}

.skinCategoryList .catNav span
{
	color: #939236;
	font-family: Georgia;
	font-weight: bold;
}

.skinCategoryList .catNav0
{
	position: relative;
	font-family: Georgia;
	font-weight: bold;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	padding-left: 0px;
	background-image: url(bottomBorder.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.skinCategoryList .catNav0 a 
{
	position: absolute;
	
	font-family: Georgia;
	font-weight: bolder;
	font-size: 8pt;
	cursor: hand;
	background-color: Transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	color: White;
	
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.skinCategoryList .catNav0 a:hover
{
	text-decoration: none;
}

.skinCategoryList .catNav0 span
{
	position: absolute;
	color: White;
	
	padding-top: 4px;
	padding-bottom: 4px;
}

.skinCategoryList .catNav0BorderBottom
{
}

.skinCategoryList .catNav1
{
	position: relative;
	font-family: Georgia;
	font-weight: bold;
	
	background-image: url(bottomBorder.jpg);
	background-repeat: repeat-x;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.skinCategoryList .catNav1 a
{
	position: relative;
	color: Gray;
	font-weight: bolder;
}

.skinCategoryList .catNav1 a:hover
{
	position: relative;
	text-decoration: none;
}

.skinCategoryList .catNav1 span
{
	position: relative;
	font-size: 8pt;
	color: Gray;
	top: 5px;
}

.skinCategoryList .catNav1BorderBottom
{
	
}

/** Item details **/


.ItemDetail
{
}

.brandLogo
{
	position: relative;
	clear: both;
	display: block;
	padding-bottom: 20px;
}

.topLine
{
	position: relative;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 4px;
	max-height: 4px;
	height: 4px;
	background-image: url(topLine.jpg);
	background-repeat: repeat-x;
	visibility: visible;
	display: block;
	top: 4px;
	
	/*
	height: 2px;
	min-height: 2px;
	max-height: 2px;
	margin-bottom: 2px;
    */
}

.brandName
{
	position: relative;
	color: #979737;
	font-family: Georgia;
	font-size: 14pt;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	overflow: visible;
	display: block;
}

.ItemDetail .commandButton
{
	color: #505050;
	font-size: 8pt;
	font-family: Georgia;
	text-decoration: none;
}

.ItemDetail a.commandButton
{
	color: #505050;
	font-size: 8pt;
	font-family: Georgia;
	text-decoration: none;
}

.ItemDetail a.commandButton:hover
{
	color: #505050;
	font-size: 8pt;
	font-family: Georgia;
	text-decoration: none;
}

.ItemDetail a.commandButton:Visited
{
	color: #505050;
	font-size: 8pt;
	font-family: Georgia;
	text-decoration: none;
}

.productBrand
{
    color: #979737;
    font-size: 10pt;
    font-family: Georgia;
    display: block;
}

.shortDesc
{
	color: #505050;
	font-family: Georgia;
	font-size: 10pt;
	position: relative;
}


.productName
{
	color: #000000;
	font-family: Georgia;
	font-size: 10pt;
	display: block;
	font-weight: bold;
}


.productPrice
{
	position: relative;
	color: #979737;
	font-size: 10pt;
}

.original
{
	text-decoration: line-through;
}

.discounted span.productPrice
{
	color: Red;
}

.ItemDetail .longDesc
{
	font-style: italic;
	color: #505050;
	font-family: Georgia;
	font-size: 10pt;
}

.ItemDetail .OurView
{
	display: block;
	padding-top: 5px;
}

.itemDetail .mainImageContainer
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.itemDetail .designerLinks
{
	color: Black;
	font-size: 8pt;
	font-family: Georgia;
}

.itemDetail .catNav0BorderBottom
{
	visibility: hidden;
}

.itemDetail .subHead
{
	font-size: 8pt;
	font-family: Georgia;
}

.itemDetail .catNav0
{
	position: relative;
	/*
	background-image: url(arrow.jpg);
	background-repeat: no-repeat;
	*/
	
	padding-top: 0px;
	padding-bottom: 0px;
}

.itemDetail .catNav0 a
{
	top: 0;
	color: #505050;
	height: 15px;
	/*background-image: url(arrow.jpg);
	background-repeat: no-repeat;
*/
}

.itemDetail .catNav0 span
{
	position: relative;
	left: 15px;
	overflow: hidden;
}

.itemDetail .recommendedItemContainer
{
	padding-top: 20px;
	padding-left: 5px;
}

.ItemDetail .recommendedItem
{
	height: 78px;
	min-height: 78px;
	max-height: 78px;
	
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	
	border: solid 1px #808080;
}

.ItemDetail .recommendedItemPortrait
{	
	height: 107px;
	min-height: 107px;
	max-height: 107px;
	
	width: 71px;
	min-width: 71px;
	max-width: 71px;
	
	border: solid 1px #808080;
}

.ItemDetail .recommendedItemLandscape
{
	height: 73px;
	min-height: 73px;
	max-height: 73px;
	
	width: 110px;
	min-width: 110px;
	max-width: 110px;
	
	border: solid 1px #808080;
}

.ItemDetail .AdditionalItemLandscape
{
	height: 78px;
	min-height: 78px;
	max-height: 78px;
	
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	
	border: solid 1px #808080;
}

.ItemDetail .AdditionalImagePortrait
{
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	
	border: solid 1px #808080;
}

.ItemDetail .AdditionalImageLandscape
{
	height: 66px;
	min-height: 66px;
	max-height: 66px;
	
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	
	border: solid 1px #808080;
}


.itemDetail .recommendations
{
	padding-top: 5px;
}

.yourWishList
{	
	display: inline;
	position: relative;
	top: -10px;
	margin-right: 10px;
}

.yourShopping
{
	display: inline;
	position: relative;
	top: -11px;
	margin-right: 10px;
}

.colourPicker
{
	position: relative;
	border: solid 1px black;
}

.colourPicker .colourItem
{
	position: absolute;
	height: 20px;
	width: 20px;
	background-color: Transparent;
}

.yourShopping a.commandButton
{
	color: #fff;
	text-decoration: none;
	font-family: Georgia;
	font-weight: bolder;
}

.wishList
{
	color: #fff;
	text-decoration: none;
	font-family: Georgia;
	font-size: 8pt;
	font-weight: bolder;
}

.CommandButton NoImage
{
    background-image: none;
}

.emailUs
{
    color: #909090;
    text-decoration: 'underline';
    cursor: pointer;
    cursor: hand;
    background-image: 'none';
}

a.productSpec:visited
{
    display: block;
    color: #505050;
    background-image: url(arrow.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
}

.productSpec
{
    display: block;
    color: #505050;
    font-size: 8pt;
    background-image: url(arrow.jpg);
    background-repeat: no-repeat;
    background-position: left center;   
    padding-left: 15px;
}

.productSpecValue
{
    display: block;
    color: #505050;
    font-size: 8pt;
    /*background-image: url(arrow.jpg);
    background-repeat: no-repeat;*/
    padding-left: 25px;
}

.selectedSpec
{ 
    display: block;
    color: #505050;
    font-size: 8pt;
    /*background-image: url(arrow.jpg);
    background-repeat: no-repeat;*/
    padding-left: 25px;
}

.catNav0prefix
{
    
}

.catNav0
{
    color: #505050;
    background-image: url(arrow.jpg);
    background-repeat: no-repeat;
    background-position:left center;
    padding-left: 15px;
}

.catNav0 span
{
    color: #505050;
    font-size: 10pt;
    
}

.title1 {
	font-family: Georgia; 
	font-size: 21pt; 
	color: rgb(151, 151, 55);
} 

.title2 {
	font-family: Georgia; 
	font-size: 18pt; 
	color: rgb(151, 151, 55);
} 

.title3 {
	font-family: Georgia; 
	font-size: 13pt; 
	color: rgb(151, 151, 55);
} 

.heading1 {
	font-family: Georgia; 
	font-size: 10pt; 
	color: rgb(151, 151, 55);
	font-weight: bold
}

.heading2 {
	font-family: Georgia; 
	font-size: 10pt; 
	color: #505050;
}
        
.bodyText1
{
	font-family: Georgia; 
	font-size: 10pt; 
	color: rgb(128, 128, 128);
} 

.bodyText2
{
	font-family: Georgia; 
	font-size: 10pt; 
	color: #000000;
} 


.DesignerLogos
{
	background-image: url(designers.jpg);
	height: 38px;
	width: 739px;
}


.mainImagePortrait
{
    	height: 130px;
	min-height: 130px;
	max-height: 130px;
	
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	
	border: solid 1px #808080;   
}

.mainImageLandscape
{
	height: 67px;
	min-height: 67px;
	max-height: 67px;
	
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	
	border: solid 1px #808080;
}

.itemDetail .mainImageLandscape
{
	position: relative;
	display: block;
		
	height: 183px;
	min-height: 183px;
	max-height: 183px;
	
	width: 275px;
	min-width: 275px;
	max-width: 275px;
	
	border: solid 1px #808080;
}

.itemDetail .mainImagePortrait
{
	position: relative;
	display: block;
	
	height: 267px;
	min-height: 267px;
	max-height: 267px;
	
	width: 178px;
	min-width: 178px;
	max-width: 178px;
	
	border: solid 1px #808080;
}

.vatNotice
{
	font-size: 10;
}


.ListItemPortrait
{
	height: 180px;
	max-height: 180px;
	min-height: 180px;
	border: solid 1px #808080;
}

.ListItemLandscape
{
	height: 80px;
	max-height: 80px;
	min-height: 80px;
	border: solid 1px #808080;
}