/*colors
light grey: #F2F2F2;
dark grey: #665F5C;
brown: #7E6156;
green: #90B10D;
blue: #009CD1;
orange: #EE8112;
*/

/*** Page Structure ***/

/* body */
body {
	padding: 0;
	margin: 0;
}

.ui_page {
	margin: 0px auto;
	padding: 0;
}

    .ui_header_wrapper{ background: #F2F2F2;   min-width: 980px;   }
        .ui_header{ width: 980px;margin: 0px auto;  }



/* common */
.ui_clear { clear: both; }

.ui_top{
	float: right;
	font-size: 12px;
	padding: 10px 0;
}
    .ui_top a{color:#665F5C;}

.CurrencySwitcher{	background: transparent url(/images/KippoKids_icon_globe.jpg) no-repeat center;}
    .CurrencySwitcher select{
	    border: 0;
	    font-size: 10px;
    }

.ui_maincontent_wrapper{
	background: #fff;
	margin: 40px 0 80px 0;
}


.ui_maincontent{
	width: 980px;
	margin: 0px auto;
}

.ui_left{float: left; width: 250px;}
.ui_right{float: left; width: 730px;}

.ui_top_bar{
	background: #F2F2F2;
}


.UI_DepartmentPaging {float: right; padding: 7px 0; width: 170px;}
.UI_DepartmentPaging,
.UI_DepartmentPaging_btm{text-align: right;}
.UI_DepartmentPagingElements,
.UI_DepartmentPagingElements_btm{padding: 0 3px;color: #665F5C; font-size: 11px;}
.BreadCrumb .Links a,
.UI_DepartmentPaging .PostText,
.UI_DepartmentPagingElements a,
.UI_DepartmentPagingElements_btm a{color: #665F5C; padding: 0 3px;}

.UI_DepartmentPagingElements_btm, 
.UI_DepartmentPagingElements_btm a{color: #665F5C;}

.ui_bottom_bar{
	height: 20px;
	background: #F2F2F2;
}

.NavigationTitle {
	display: block;
	width: 215px;
	background-color: #F2F2F2;
	padding:6px 0 6px 15px;
}

/* home page content */
.ui_isHome .ui_left{display: none;}
.ui_isHome .ui_right{width: 980px;}

.ui_isHome .ui_maincontent_wrapper{
	margin: 40px 0 0px 0;
}
.ui_sitead { float: left; width: 491px; }
.ui_homecontent { float: left; width: 460px; padding: 10px 0 10px 0; }
.ui_brands{}
    .ui_brands img{display: inline;}
    .ui_brands select{
	    font-size: 11px;
	    margin: 7px 0 0 0px;
	    padding: 0 0 0 5px;
	    background-color: transparent;
	    width: 140px;
	    border: 1px solid #665F5C;
    }

.ui_recent .Heading  {
	color: #90B10D; 
	text-transform: uppercase; 
	font-size: 16px; 
	font-weight: bold; 
	background: transparent url(/images/KippoKids_arrow_down.jpg) no-repeat top right;
	padding: 0 0 10px 0;
}

    .ui_recent .ProductDescription{display: none;}
    .ui_recent .RecentlyViewed_Item{padding: 0 0 10px 0;}
    .ui_recent .ProductPrice a {background: transparent url(/images/KippoKids_arrow_left.jpg) no-repeat top right; padding: 2px 30px 6px 0;}

.ui_search{background: url(/images/KippoKids_search.jpg) no-repeat center left; padding: 5px 0 0 70px; margin: 0 0 10px 0;}
   #Suggestive_Search{width: 150px; position: relative;}
    #Search_Spec_Field{display: inline-block; width: 110px;}
        #Search_Spec_Field input {
	        font-size: 11px;
	        margin: 0px;
	        padding: 0 0 0 5px;
	        background-color: transparent;
	        width: 105px;
	        border: 1px solid #665F5C;
        }
    #Search_Button{display: inline-block; width: 35px; height: 20px; position: absolute; top: 3px; right: 0;}
        .ui_search a {
	        background: transparent url(/images/KippoKids_go.jpg) no-repeat top right;
	        border: 0;
	        width: 30px;
	        height: 25px;
	        display: block;
	       
	        font-size: 3px; color: #fff;
        }

.NavigationTitle {
	font-size:22px;
	font-weight:bold;
	text-transform:lowercase;
}

/* footer */
.ui_footer_wrapper {
	background-color: #F2F2F2; 
	height: 84px; 
}
.ui_footer{
	color: #665F5C;
	width: 980px;
	margin: 0px auto;
	font-size:11px;
}

.ui_footer a, 
.ui_footer td {
	color: #665F5C;
	font-size:10px;
	vertical-align: middle;
}

/* print / email links */
.print_email {}
.print {}
.print a:link, 
.print a:active, 
.print a:visited { text-decoration: none; }
.print a:hover { text-decoration: none; }
.TellAFriendLink {}
 a.TellAFriendLink:link, 
 a.TellAFriendLink:active, 
 a.TellAFriendLink:visited { color: #009CD1;text-decoration: none;}
 a.TellAFriendLink:hover { color: #009CD1;text-decoration: none; }


/* copyright / tagline links */
.copyright_tagline { width: 780px; margin: 10px auto; }
.copyright {}
.copyright a:link, 
.copyright a:active, 
.copyright a:visited {}
.copyright a:hover {}
.tagline {}
.tagline a:link, 
.tagline a:active, 
.tagline a:visited {}
.tagline a:hover {}

/*products*/

.DepartmentImage {
	width: 230px; 
	/*height: 160px; */
}

td.SubDepartment_Item {height: 200px;}

.SubDepartment_Item, .Product_Item, .CrossSale_Item, .CrossSale_Wrapper {width: 230px;}
td.SubDepartment_Item, td.Product_Item, td.CrossSale_Item {vertical-align: top;}
.SubDepartment_ItemSeparator, .Product_ItemSeparator, .CrossSale_ItemSeparator{width: 20px;}

.featuredProduct {padding: 20px 0 0 0;}
.featuredProduct img.png{
	display: block;
	position: relative; 
		z-index: 100;
		top:0;
		left: 0;	
}

.ui_isHome .ProductImage, .saleProduct {
	position: absolute; 
		z-index: 10; 
		top: 340px;
	display: inline; 
	margin: 0; 
	border: 0;
}

.ui_isHome .ProductName, 
.ui_isHome .ProductPrice, 
.ui_isHome .ProductDescription {display: none;}


.ProductImageTable td {
	width: 230px; 
	/*height: 153px; */
	margin: 0 0 10px 0; 
	border: 2px solid #F1F1F1;
	vertical-align: middle;
	text-align: center; 
}
	
/*

.Product .ProductImage {
	display: block; 
	text-align: center; 
	width: 230px; 
	height: 153px; 
	margin: 0 0 10px 0; 
	border: 2px solid #F1F1F1;
}

.ui_products_left .ProductImage {height:236px; 	width: 355px; border: 2px solid #F1F1F1; text-align: center; }

.RibbonImage7 {height: 44px; width: 66px;}

*/
.DepartmentName{padding: 8px 0 0 0;}
.DepartmentName{height: 35px; width: 230px; display: block;}
.ProductName{float: left;}
.DepartmentImage {display: block; border: 1px solid #F1F1F1; width: 230px; height: 153px; text-align: center;}
.DepartmentName, .DepartmentName a, .DepartmentName a:link, .DepartmentName a:active,.DepartmentName a:hover,.DepartmentName a:visited,
.ProductName, .ProductName a, .ProductName a:link, .ProductName a:active,.ProductName a:hover,.ProductName a:visited,
.ProductPrice, .ProductPrice a, .ProductPrice a:link, .ProductPrice a:active, .ProductPrice a:hover, .ProductPrice a:visited
{color: #90B10D; font-size: 14px; font-weight: bold; float:left;}
.UI_ProductName .ProductName {color: #90B10D; font-size: 16px; font-weight: bold; width: 150px;}
.UI_ProductName .ProductImage img {border: 1px solid #F1F1F1;}
.UI_SpacerBorder {border-top: 1px solid #F1F1F1; padding: 10px 0;}
.UI_Quantity .ProductQuantity {padding: 0;}

.Product_Wrapper{position: relative;}
.ProductSalePrice{}
.ProductPrice, .ProductPrice a{float:right;}
.TABLETEST  .ProductDescription,
.ProductDescription{clear: both; display: block; padding: 10px 0; }

.ProductLongDescription{clear: both; display: block; padding: 10px 0 20px 0; }
.ProductDescription a, .ProductDescription a:link, .ProductDescription a:active, .ProductDescription a:hover, .ProductDescription a:visited {display: block; color: #655E5B; text-decoration: none; /*padding: 0 0 45px 0; background: transparent url(/images/KippoKids_more.jpg) no-repeat bottom right;*/ 	}

.ProductSalePrice {display: block; height: 60px;}
.ProductSalePrice .ListPrice{text-decoration: line-through; float: right; display:block;}
.Product_Wrapper .SalePrice {position: absolute; top: 175px; right: 0;}
.SalePrice {clear: both; background: transparent url(/images/KippoKids_onsale.png) no-repeat bottom right; width: 112px; display: block; padding: 0 0 35px 0; text-align: right; color: #F5A000; float: right; }

.ui_products_left{float: left; width: 355px;}
.ui_products_right{float: right; width: 345px; background: #f2f2f2;}
.ui_products_right_inside{padding: 20px;}

.ui_products_left a, .ui_products_left a:link, .ui_products_left a:active, .ui_products_left a:hover, .ui_products_left a:visited
{font-weight: bold; color:  #00B5E4;}

.Swatches_Wrapper .Swatch{float: left; width: 30px; height: 30px; margin: 0 10px; overflow: hidden;}

.ui_brand {
	text-transform: uppercase; 
	color: #7E6156; 
	font-weight: bold; 
	font-size: 11px; 
	padding: 4px 0 8px 25px; 
	margin: 0 0 10px 0;
	border-bottom: 2px solid #999;
	background: transparent url(/images/KippoKids_arrow_left.gif) no-repeat top left;
}

.OutOfStock {
	font-size: medium;
	font-weight: bold;
}

.ProductQuantity{float: left; padding: 7px 15px 7px 0;}
.ProductQuantity .Label { width: 75px; padding: 4px 0;}
.TABLETEST .ProductQuantity .Label { width: 75px; padding: 2px 0;}
.ProductQuantity .Required { display: none; }
.ProductQuantity .Field {}
.AddToCartButton {
	background: transparent url(/images/KippoKids_cart_icon.jpg) no-repeat left center; 
	text-transform: lowercase; 
	padding: 5px 0 5px 30px;
	float: left;
}
.AddToCartButton a{	color:#7E6156; 	font-size: 16px;  }
.TABLETEST .AddToCartButton {
	float: right;

}

/* department */

.ui_departments{ padding: 30px 0;}



.StandardDepartment {}
.StandardDepartment .DepartmentImage { text-align: right; }
.StandardDepartment .PageTitle { padding-right: 10px; }
.StandardDepartment .PageIntro { padding-right: 10px; }
.StandardDepartment .Products { clear: both; }
.StandardDepartment .DepartmentPagingTop { display: none; }
	.StandardDepartment .ProductCount {}
	.StandardDepartment .ProductFilter {}
	.StandardDepartment .PreviousNext {}
	.StandardDepartment a.PreviousText {}
	.StandardDepartment a.PreviousText:hover {}
	.StandardDepartment a.NoPreviousText {}
	.StandardDepartment a.NoPreviousText:hover {}
	.StandardDepartment a.EN-USPreviousImage {} /* language specific */
	.StandardDepartment a.EN-USPreviousImage:hover {}
	.StandardDepartment a.EN-USPreviousImage img {}
	.StandardDepartment a.EN-USNoPreviousImage {}
	.StandardDepartment a.EN-USNoPreviousImage:hover {}
	.StandardDepartment a.EN-USNoPreviousImage img {}
	.StandardDepartment a.NextText {}
	.StandardDepartment a.NextText:hover {}
	.StandardDepartment a.NoNextText {}
	.StandardDepartment a.NoNextText:hover {}
	.StandardDepartment a.EN-USNextImage {} /* language specific */
	.StandardDepartment a.EN-USNextImage:hover {}
	.StandardDepartment a.EN-USNextImage img {}
	.StandardDepartment a.EN-USNoNextImage {}
	.StandardDepartment a.EN-USNoNextImage:hover {}
	.StandardDepartment a.EN-USNoNextImage img {}

.StandardDepartment .ProductList {}
	.StandardDepartment .Product { width: 160px; text-align: left; padding-bottom: 10px; }
	.StandardDepartment .ProductSale {}
	.StandardDepartment .Image { float: left; }
	.StandardDepartment .Name { padding-top: 5px; }
	.StandardDepartment .Price { font-weight: bold; color: #28AEE4; padding-top: 5px; }
	.StandardDepartment .Currency { display: none; }
	.StandardDepartment .ProductSale .Price { font-style: italic; text-decoration: line-through; }
	.StandardDepartment .SalePrice { font-weight: bold; color: #8B4462; }
	.StandardDepartment .SalePrice .Currency { display: none; }
	.StandardDepartment .Stock {}
	.StandardDepartment .Attributes { display: none; }
	.StandardDepartment .AttributeRow {}
	.StandardDepartment .Quantity {}
	.StandardDepartment .Attribute1 {} /* 1 to 4 available */
	.StandardDepartment .AttributeLabel {}
	.StandardDepartment .Required {}
	.StandardDepartment .AttributeField {}

.StandardDepartment .Buttons { clear: both; }
.StandardDepartment .AddToCartImage {}
.StandardDepartment .AddToCartImage a { display: block; float: right; width: 100px; height: 18px; background: transparent url(/images/pk_add_to_cart_now.gif) no-repeat top left; }
.StandardDepartment .AddToCartImage a:hover {}
.StandardDepartment .AddToCartImage img { width: 100px; height: 18px; }
.StandardDepartment .AddToCartButton { display: none; }
.StandardDepartment .AddToCartButton input {}
.StandardDepartment .AddToCartText { display: none; }
.StandardDepartment .AddToCartText a {}
.StandardDepartment .AddToCartText a:hover {}
.StandardDepartment .MoreInfoImage {}
.StandardDepartment .MoreInfoImage a { display: block; float: left; width: 50px; height: 18px; background: transparent url(/images/pk_details.gif) no-repeat top left; }
.StandardDepartment .MoreInfoImage a:hover {}
.StandardDepartment .MoreInfoImage img { width: 50px; height: 18px; }
.StandardDepartment .MoreInfoButton { display: none; }
.StandardDepartment .MoreInfoButton input {}
.StandardDepartment .MoreInfoText { display: none; }
.StandardDepartment .MoreInfoText a {}
.StandardDepartment .MoreInfoText a:hover {}

.StandardDepartment .DepartmentPagingBottom { display: none; }
	.StandardDepartment .DepartmentPage {}
	/*.StandardDepartment .DepartmentPagingBottom .PreviousNext {}
	.StandardDepartment .DepartmentPagingBottom .PreviousText {}
	.StandardDepartment .DepartmentPagingBottom .NoPreviousText {}
	.StandardDepartment .DepartmentPagingBottom .EN-USPreviousImage {}
	.StandardDepartment .DepartmentPagingBottom .PreviousImage {}
	.StandardDepartment .DepartmentPagingBottom .NoPreviousImage {}
	.StandardDepartment .DepartmentPagingBottom .NextText {}
	.StandardDepartment .DepartmentPagingBottom .NoNextText {}
	.StandardDepartment .DepartmentPagingBottom .EN-USNextImage {}
	.StandardDepartment .DepartmentPagingBottom .NextImage {}
	.StandardDepartment .DepartmentPagingBottom .NoNextImage {}*/

/* product */
.StandardProduct { padding-right: 10px; }

.StandardProduct .Paging { text-align: right; }
.StandardProduct .Paging a.previous:active, .StandardProduct .Paging a.previous:visited, .StandardProduct .Paging a.previous:link, .StandardProduct .Paging a.previous:hover {
	background: transparent url(/images/pk_previous_bullet.gif) no-repeat top left;
	font-size: 10px;
	padding-left: 10px;
}
.StandardProduct .Paging a.disabledprevious:active, .StandardProduct .Paging a.disabledprevious:visited, .StandardProduct .Paging a.disabledprevious:link, .StandardProduct .Paging a.disabledprevious:hover {
	background: transparent url(/images/pk_previous_bullet_disabled.gif) no-repeat top left;
	color: #ccc;
}
.StandardProduct .Paging a.next:active, .StandardProduct .Paging a.next:visited, .StandardProduct .Paging a.next:link, .StandardProduct .Paging a.next:hover {
	background: transparent url(/images/pk_next_bullet.gif) no-repeat top right;
	font-size: 10px;
	padding-right: 10px;
}
.StandardProduct .Paging a.disablednext:active, .StandardProduct .Paging a.disablednext:visited, .StandardProduct .Paging a.disablednext:link, .StandardProduct .Paging a.disablednext:hover {
	background: transparent url(/images/pk_next_bullet_disabled.gif) no-repeat top right;
	color: #ccc;
}
/*.StandardProduct div.ProductImage { float: left; width: 230px; }
.StandardProduct div.ProductImage .Enlarge {
	text-align: center;
}*/
.StandardProduct .PageTitle { float: right; width: 345px; margin-bottom: 0; }
.StandardProduct .ProductPrice { float: right; width: 345px; font-weight: bold; color: #28AEE4; padding-bottom: 10px; }
.StandardProduct .ProductPrice .Currency { display: none; }
.StandardProductSale .ProductPrice { text-decoration: line-through; padding-bottom: 0px; }
.StandardProduct .SalePrice { float: right; width: 345px; font-weight: bold; color: #8B4462; padding-bottom: 10px; }
.StandardProduct .SalePrice .Currency { display: none; }
.StandardProduct .ProductDescription { float: right; width: 345px; }
.StandardProduct .Attributes { float: right; width: 345px; }
.StandardProduct .AttributeRow {}
.StandardProduct .Quantity {}
.StandardProduct .Attribute1 {}
.ProductAttributesTable .Label { width: 75px; padding: 4px 0;}
.ProductAttributesTable .Required { display: none; }
.ProductAttributesTable .Field {}

.StandardProduct .Buttons { float: right; width: 345px; padding-top: 15px; }
.StandardProduct .EN-USAddToCartImage {} /* language specific */
.StandardProduct .EN-USAddToCartImage a {}
.StandardProduct .EN-USAddToCartImage a:hover {}
.StandardProduct .EN-USAddToCartImage img {}
.StandardProduct .AddToCartImage {}
.StandardProduct .AddToCartImage a { display: block; width: 100px; height: 18px; background: transparent url(/images/pk_add_to_cart_now.gif) no-repeat top left; }
.StandardProduct .AddToCartImage a:hover {}
.StandardProduct .AddToCartImage img { width: 100px; height: 18px; }
.StandardProduct .AddToCartButton { display: none; }
.StandardProduct .AddToCartButton input {}
.StandardProduct .AddToCartText { display: none; }
.StandardProduct .AddToCartText a {}
.StandardProduct .AddToCartText a:hover {}

/*********************************************/
/*************** Zoom Control ****************/
/*********************************************/

/*

#UI_ProductImage_Wrapper {
	width: 355px;
	height: 236px;
	position: relative;
	z-index: 20;
}

#UI_ProductImage {
	width: 355px;
	height: 236px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: default;
	z-index: 30;
}

#UI_LargeProductImage_Wrapper {
	width: 355px;
	height: 236px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 25;
}

#UI_LargeProductImage {
	width: 355px;
	height: 236px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: default;
	z-index: 10;
	overflow: hidden;
	background: #eee url(/RadControls/Ajax/Skins/Default/loading6.gif) no-repeat center center;
}

#ZoomRegionBackUp {
	width: 355px;
	height: 236px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 14;
}
#ZoomRegion {
	width: 1800px;
	height: 1197px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15;
	background-color: #ddd;
}

#UI_ZoomBox {
	width: 70px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index: 35;
}

*/

.UI_ProductImage img {
	border-color: #7EB0CD;
}

/*********************************************/
/********** Additional Image Control *********/
/*********************************************/

/*
#UI_ImageRibbon_Wrapper {
	width: 309px;
	overflow: hidden;
	position: relative;
}

#UI_ImageRibbon {
	position: relative;
	top: 0;
	left: 0;
}

#UI_ImageRibbon td {
}

a:link.UI_NoLink, 
a:visited.UI_NoLink, 
a:hover.UI_NoLink, 
a:link.UI_NoLink {
	cursor: default;
}

#UI_ImageRibbon td .UI_RibbonImage {
	display: block;
	float: left;
	padding-right: 5px;
}

#UI_ImageRibbon td a:link, 
#UI_ImageRibbon td a:visited, 
#UI_ImageRibbon td a:hover, 
#UI_ImageRibbon td a:active {
}

#UI_ImageRibbon td img {
	border-color: #FFF;
}

*/

/* New Additional Images */

.DeactivateClickToZoomMsg {
	color: #ccc;
}

a:link.DeactivateViewLargerLink, 
a:visited.DeactivateViewLargerLink, 
a:hover.DeactivateViewLargerLink, 
a:active.DeactivateViewLargerLink {
	text-decoration: none;
	color: #ccc;
	cursor: default;
}