/* 
=========================
Skin styles for Charms UK
=========================
*/   

body {
	width: 100%;
	height: 100%;	
	background-color: #FFF;
	background-repeat: repeat-x;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* DNN Styles */

a,
a:link,
a:visited,
a:hover,
a:active {
	font-size: 11px;
}

.SubHead,
.Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.Head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.StandardButton {
    	background: #A0BDDD none; 
    	color: #FFFFFF;
    	border-color: #013E81;
    	font-family:Verdana, sans-serif; 
    	font-size: 11px;
    	font-weight: normal;
}

img {
	border: 0;
}

.ContentPane ul li {
	list-style-type: disc;
}

.ContentPane a,
.ContentPane a:link,
.ContentPane a:visited,
.ContentPane a:hover,
.ContentPane a:active {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.ContentPane a:hover {
	color: #A0BDDD;
}

/* Page skin styles */

#Gap {
	margin: 10px 0 0 0;
}

.MiniCart {
	margin: 0;
	padding: 0;
	width: 637px;
	height: 40px;
	border-bottom: 1px solid #FFF;
	background-color: #A0BDDD;
}

.Logo {
	width: 145px;
	height: 40px;
 	margin: 0;
	padding: 0 18px 0 0;
	border-bottom: 1px solid #FFF;
	background-color: #A0BDDD;
}

.TopMenuWrapper {
	height: 40px;
	margin: 0;
	padding: 0 0px 0 0;
	border: 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #A0BDDD;
	background-color: #013E81;
	color: #FFF;
}

/* Top Menu */

.TopMenu_MenuContainer {
	margin: 0;
	padding: 0;
	background-color: #013E81;
}

.TopMenu_MenuBar {
	height: 16px;
	margin: 0;
	padding: 0;
	cursor: pointer; 
	cursor: hand;	
}

.TopMenu_MenuIcon {
	margin: 0;
	padding: 0;
	border: #013E81 1px solid;
	cursor: pointer; 
	cursor: hand; 
	background-color: #013E81; 
	width: 16px; 
	height: 16px;
}

.TopMenu_MenuBreak,
.TopMenu_MenuArrow {
	margin: 0;
	padding: 0;	
	border: #013E81 1px solid;
	height: 1px;
	background-color: #013E81;
}

.TopMenu_MenuItem,
.TopMenu_MenuItemSel,
.TopMenu_SubMenuItemSel {
	margin: 0;
	padding: 0;	
	cursor: pointer;
	cursor: hand;
	color: #FFF;	
	font-weight: bold;
	text-transform: uppercase;
}

.TopMenu_MenuItem td,
.TopMenu_MenuItemSel {		
   font-size: 11px;
}

.TopMenu_MenuItemSel,
.TopMenu_SubMenuItemSel {		
	color: #000;
}

.TopMenu_SubMenu {
	cursor: pointer; 
	cursor: hand; 		
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #013E81; 
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='White', Direction=135, Strength=3);
}

.TopMenu_Separator {
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFF;
	background-color: #013E81;
	font-size: 10px;
	font-weight: bold;
}

/* Bottom Menu */

.BottomMenu_MenuContainer {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.BottomMenu_MenuBar {
	height: 16px;
	margin: 0;
	padding: 0;
	cursor: pointer; 
	cursor: hand;	
}

.BottomMenu_MenuIcon {
	margin: 0;
	padding: 0;
	border: #FFF 1px solid;
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFF; 
	width: 16px; 
	height: 16px;
}

.BottomMenu_MenuBreak,
.BottomMenu_MenuArrow {
	margin: 0;
	padding: 0;	
	border: #FFF 1px solid;
	height: 1px;
	background-color: #FFF;
}

.BottomMenu_MenuItem,
.BottomMenu_MenuItemSel,
.BottomMenu_SubMenuItemSel {
	margin: 0;
	padding: 0;	
	cursor: pointer;
	cursor: hand;
	color: #A0BDDD;	
	font-weight: normal;
	text-transform: lowercase;
}

.BottomMenu_MenuItem td,
.BottomMenu_MenuItemSel {		
   font-size: 10px;
}

.BottomMenu_MenuItemSel,
.BottomMenu_SubMenuItemSel {		
	color: #000;
}

.BottomMenu_SubMenu {
	cursor: pointer; 
	cursor: hand; 		
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFF; 
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}

.BottomMenu_Separator {
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #013E81;
	background-color: #FFF;
	font-size: 10px;
	font-weight: normal;
}

/* Footer */

.CopyRight {
	padding-bottom: 6px;
	border-bottom: 5px solid #A0BDDD;
	text-transform: lowercase;
}

.CopyRightText {
	color: #A0BDDD;
	font-size: 9px;
	font-weight: normal;
}

.BottomMenu {
	padding-bottom: 6px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #A0BDDD;
}

.SiteBy,
.PDLogo {
	height: 20px;
	padding: 14px 0 6px 0;
	text-align: left;
	vertical-align: top;
	color: #A0BDDD;
	font-size: 9px;
	font-weight: normal;
}

.PDLogo {
	padding-top: 7px;
}

.Login {
	padding: 0 0 0 5px;
}

.User {
	padding: 0 0 0 10px;
}

a.Login,
a.Login:link,
a.Login:visited,
a.Login:hover,
a.Login:active,
a.User,
a.User:link,
a.User:visited,
a.User:hover,
a.User:active {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.Login:hover,
a.User:hover {
	color: #000;
}

/* CataLooK styles */

.CategoryMenu {
	background-color: #A0BDDD;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	height: 40px;
	vertical-align: middle;
	padding-left: 5px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.DashboardThumbnail,
.Thumbnail,
.ProductDetailsPicture {
	border-width: 10px;
	border-style: solid;
	border-color: #FF66CC;	
	border-top-color: #FFFFFF;
	border-left: none;
}

.Thumbnail,
.DashboardThumbnail {
	height: 75px;
	width: 75px;
}

/* Product name hyperlink on product summary page */
.ProductNameThumb a,
.ProductNameThumb a:link,
.ProductNameThumb a:visited,
.ProductNameThumb a:hover,
.ProductNameThumb a:active {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.ProductNameThumb a:hover {
	color: #999;
}

.ProductPriceThumb .CATProductListItem {
	font-size: 10px;
	color: #999;
}

.EditProductThumb {
	font-size: 10px;
}

.Pager {
	padding: 20px 0 0 0;
}

.Pager .CATSubHead {
	font-size: 11px;
}

.Pager .CATNormalRed {
	color: #A0BDDD;
}

.Pager a.CATCommandButton,
.Pager a.CATCommandButton:link,
.Pager a.CATCommandButton:visited,
.Pager a.CATCommandButton:hover,
.Pager a.CATCommandButton:active {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.Pager a.CATCommandButton:hover {
	color: #999;	
}

/* Product Details Page */
.ProductDetailsBack {
	/*height: 30px;*/
	/*padding: 0 0 2px 0;*/
	background-color: #FFF;
}

.ProductDetailsBack a,
.ProductDetailsBack a:link,
.ProductDetailsBack a:visited,
.ProductDetailsBack a:hover,
.ProductDetailsBack a:active {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.ProductDetailsBack a:hover {
	color: #A0BDDD;
}

.ProductDetailsProductName {
	padding: 0 0 10px 0;
	border-bottom: #A0BDDD 5px solid;
	background-color: #FFF;
}

.ProductDetailsProductNameLabel {	
	font-size: 11px;
	font-weight: bold;
}

.ProductDetailsItemCodeLabel,
.ProductDetailsItemCode,
.ProductDetailsPriceLabel,
.ProductDetailsPrice,
.ProductDetailsQuantityLabel {
	padding: 10px 0 5px 0;
	font-size: 11px;
	font-weight: normal;
	border-bottom: #A0BDDD 1px solid;
}

.ProductDetailsDescription {
	font-size: 11px;
	padding: 0 0 0 10px;
}

.DashboardQuantity,
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.HeaderLeftPane .CATContainerBorder {
	background-color: #FFFFFF;
}

.MiniCartTotalProductsLabelCell {
	width: 70px;	
	background-color: #FFF;
}

.MiniCartTotalProductsLabel {
	padding-left: 8px;
	font-size: 9px;
	font-weight: bold;	
}

.MiniCartTotalProducts {
	padding-right: 8px;
	font-size: 9px;
	font-weight: normal;	
}

.MiniCartViewCart {
	background-color: #A0BDDD;
}