/*
*
{padding:0em; margin:0em;}
@import url("css/menu.css");
*/
body  {background:#000 url('images/bg1.png') repeat; padding:15px 0px 15px 0px;}
input {font-size:10pt; font-family:"trebuchet ms", "geneva", serif; color:#333;}
body  {font-size:10pt; font-family:"trebuchet ms", "geneva", serif; color:#333;}
p     {line-height:1.5em; margin-bottom:1.0em; text-align:justify;}
ul,li {padding:2px 0 2px 0;}

.Secure {display:none;}

/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
.Head, h6, h5, h4, h3, h2, h1, .NormalRed, .NormalBold, .NormalDisabled, .Normal
{ font-family:"trebuchet ms", "geneva", serif; font-size:100%; font-weight:normal; color:#333; }

.NormalDisabled {color:Silver;}
.NormalBold, .Head, h6, h5, h4, h3, h2, h1 {font-weight:bold;}
.NormalRed {font-weight:bold; color:#ff0000;}
.ControlPanel {padding:10px;}
a:link.UserSkinItem, a:link.LoginSkinItem {color:#fff; text-decoration:none;}
a:hover.UserSkinItem, a:hover.LoginSkinItem {text-decoration:underline;}

/* DotNetNuke Admin Menu */
#adminmenu {position:absolute; top:50px; right:-145px; margin:0; background-color:#fff;}
#adminmenu  li {list-style:none;}
/*** end DNN styles overrides ***/

a:visited {color:#660066; text-decoration:underline;}
a:link {color:#660066; text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {color:#660066; text-decoration:underline;}
h3 span {font-weight:normal;}
h4, h3 {display:inline; font-weight:bold; background-repeat:no-repeat; background-position:right;}
h3 {font-size:1.7em; padding-right:34px;}
h4 {font-size:1.2em; padding-right:28px;}
.contentarea{}
img {border:0px; display:block;}
img.left  {position:relative;  float:left;  margin:0em 1.8em 1.4em 0em;}
img.right {position:relative; float:right;margin:0em 0em 1.8em 1.8em;}
.divider1 {background:#fff; height:0px; margin:0; clear:both;}
.divider2 {position:relative; height:1px; border-bottom:solid 1px #eaeaea; margin:2.0em 0em 2.0em 0em;}
.Normal .details {position:relative; top:-1.5em; font-size:0.8em; color:#787878;}
.Normal ul {margin:10px 0 10px 20px;}
.Normal ul.controls {clear:both; margin:0;}
.Normal ul.controls li {display:inline; font-size:0.8em;}
.Normal ul.controls li a {background-repeat:no-repeat; background-position:left; padding:0em 1.0em 0em 20px;}
.Normal ul.controls li a.printerfriendly {/*background-image:url('images/icon-printerfriendly.gif');*/}
.Normal ul.controls li a.comments {/*background-image:url('images/icon-comments.gif');*/}
.Normal ul.controls li a.more {/*background-image:url('images/icon-more.gif');*/}
.box {position:relative; background-color:#F8D6F8; padding:1.5em;}
.Normal ul.linklist {list-style:none; margin:0;}
.Normal ul.linklist li {line-height:2.0em; list-style:none;}

#upbg      {position:absolute; top:0px; left:0px; width:100%; height:0px; background:#fff url('images/bg1.png'); z-index:1;}
#outer     {z-index:2; position:relative; width:1010px; border:solid 2px #660066; background-color:#FFF; padding:5px; margin:0 auto;}
#outerbare {z-index:2; position:relative; width:1010px; padding:15px; margin:0 auto;}
#outerbare .topcontent {background:#440061;}
#outerbare p {font-family:"trebuchet ms", "geneva", serif; font-size:1.2em; font-weight:normal; color:#ffffff; margin-left:2.0em; margin-right:2.0em; margin-bottom:1.0em; text-align:left;}
#outerbare a:visited {color:#ffffff; text-decoration:underline;}
#outerbare a:link    {color:#ffffff; text-decoration:underline;}
#outerbare a:hover   {text-decoration:none;}
#outerbare a:active  {color:#ffffff; text-decoration:underline;}

/* - Splash screen - */
/*
.splash {background-color:#440061; border:none;}
.splash .top  {position:absolute; top:0px; left:0px; width:1010px; height:82px; background:#440061 url('images/ls_border_top.jpg') no-repeat top left;}
.splash .left {position:absolute; top:82px; left:0px; width:71px; height:549px; background:#440061 url('images/ls_border_left.jpg') no-repeat top left;}
.splash .title   {position:absolute; top:82px; left:71px; width:863px; height:220px; background:#440061 url('images/ls_text.jpg') no-repeat left top;}
.splash .content {position:absolute; top:302px; left:71px; width:863px; height:329px; background-color:#440061;}
.splash .right   {position:absolute; top:82px; left:934px; width:76px; height:549px; background:#440061 url('images/ls_border_right.jpg') no-repeat top left;}
.splash .bottom  {position:absolute; top:631px; left:0px; width:1010px; height:82px; background:#440061 url('images/ls_border_bottom.jpg') no-repeat top left;}
*/

/* - Header - */
#header {position:relative; width:100%; height:109px; background:#ffffff url('images/hdrpic.png') no-repeat top left; margin-bottom:2px;}

.linkBoxContent, #linkBox {position:absolute; top:1.0em; right:1.0em; width:368px; height:2.2em; color:#ffffff; background:#990099; border:solid 1px #660066;}
.linkBoxContent {top:3.8em; height:55px;}
.linkBoxContent p, #linkBox p {margin:0.3em 1.2em 0.3em 1.2em; position:relative; padding:0em 0em 1.05em 0em; text-align:center;}
.linkBoxContent a, .linkBoxContent a:visited, .linkBoxContent a:link, .linkBoxContent a:hover, .linkBoxContent a:active, #linkBox a, #linkBox a:visited, #linkBox a:link, #linkBox a:hover, #linkBox a:active {color:#ffffff; text-decoration:none;}
.linkBoxContent a:hover, #linkBox a:hover {text-decoration:underline;}

/* - Menu - */
#menu {position:relative; background:#990099; height:30px; padding:0em 1.0em 0em 1.0em; margin-bottom:2px;}
#menu ul {top:1px; position:absolute; line-height:0em; padding:1.05em 1.0em 1.05em 0em;}
#menu ul li {position:relative; display:inline;}
#menu ul li a {padding:0.10em 1.0em 0.10em 1.0em; color:#fff; text-decoration:none;}
#menu ul li a:hover {background:#C070C0; text-decoration:underline;}
#menu ul li a.active {background:#C070C0; padding:0em 1.0em 0em 1.0em;}
#menubottom {background:#fff url('images/border1.gif') repeat-x; height:14px; margin-bottom:1.5em;}

/* - Search - */
#menu .search {position:absolute; left:760px; padding:4px;}
#menu .search .NormalTextBox {width:200px;}
#menu .search .MenuSkinItemSearch {background:url('images/search.gif') no-repeat; text-decoration:none;}

/* - Content - */
#content {padding:0em;}
#primarycontainer {float:left; margin-left:0px; width:580px;}
#topcontent {margin:0em; clear:both;}
#bottomcontent {margin:-10px 0em 0em 0em;}
#primarycontent {margin:0em;}
#secondarycontent {margin-top:0em; float:left;width:170px;}
#tertiarycontent {margin-top:0em; float:right; width:260px;}
#footer {position:relative; height:2.0em; clear:both; padding-top:5.0em; background:#fff url('images/border2.gif') repeat-x 0em 2.5em; font-size:0.8em;}
#footer .left {position:absolute; left:2.0em; bottom:0.7em;}
#footer .right {position:absolute; right:2.0em; bottom:0.7em;}
.box .shadow {margin:20px -40px 0 -20px;/*margin:1.5em -1.5em 0em -1.5em; */float:left; background:#fff url('images/shadow.jpg') repeat-x top left; width:100%; height:21px;}
.box .shadow .left  {position:relative; margin:0em; float:left; background:#fff url('images/shadow_left.jpg') no-repeat; width:253px; height:21px;}
.box .shadow .right {position:relative; margin:0em -3.0em 0em 0em; float:right; background:#fff url('images/shadow_right.jpg') no-repeat; width:253px; height:21px;}
.bordered {border:solid 1px #440061;}
.padded {padding-bottom:10px;}
.LSFormTable .CommandButton {color:#440061; text-decoration:none; font-size:10pt; background:url('images/button.gif') no-repeat center transparent; padding:5px 45px 5px 45px;}
.SubHead a, .SubHead a:hover{font-size:11px; font-weight:bold; color:#660066; text-decoration:none;}
.C5SLLC_SubMenu {z-index:1000; display:block;}
.SignInTable {margin-left:10px; font-size:11pt; text-align:left;}
.SignInTable td {padding-bottom:5px;}

/* LS Main Content */
.LSContentContainer {overflow:hidden; display:block;}
.LSContentContainer .Right, .LSContentContainer .RightLink {text-align:right;}
.LSContentContainer .Secure {display:none;}
.LSContentContainer a {text-decoration:none;}
.LSContentContainer ul {text-align:left; margin-left:20px;}
.LSContentContainer li {padding-bottom:5px;}
.LSContentContainer a:hover {text-decoration:underline;}
.LSContentContainer h1 {text-align:center; margin:0 auto; color:#660066; font-size:22px; vertical-align:middle; padding:20px 10px;}
.LSContentContainer h2 {text-align:left; margin:0 auto; color:#660066; font-size:18px; vertical-align:middle; padding:20px 0 0px 0;}
.LSContentContainer h3 {text-align:left; margin:0 auto; color:#660066; font-size:16px; vertical-align:middle; padding:20px 0 0px 0;}
.LSContentContainer p {text-align:left; margin:0 auto; padding:10px 0;}
.LSContentContainer table  {text-align:left; margin:0 auto; margin-left:20px; width:70%; padding:10px 0;}
.LSContentContainer th {text-align:center;}

#Logout.LSContentContainer p, #CustomerSignupConfirmed.LSContentContainer p, #HomePage.LSContentContainer p
{text-align:center; width:90%; margin:0 auto; color:#660066; font-size:16px; padding:10px;}

#AboutUs.LSContentContainer p {text-align:justify;}
#AboutUs.LSContentContainer img {display:none;}
#Logout.LSContentContainer img {float:left; padding-left:50px; margin:0 auto;}
#CustomerSignupConfirmed.LSContentContainer img {float:left; margin:50px 0 0 100px;}
#Logout.LSContentContainer .RightLink {float:right; text-align:right; width:200px; margin:0 auto; margin-top:300px;}
#CustomerSignupConfirmed.LSContentContainer .RightLink {margin-top:150px; text-align:right; width:40%;}
.LSContentContainer .Promotion {position:absolute; float:left; left:185px; top:192px; width:175px; background:white; margin:0 auto; opacity:0.85; filter:alpha(opacity=85);}
.LSContentContainer .Promotion h2 {text-align:center; padding:10px; opacity:1.0; filter:alpha(opacity=100);}
#OurBrands.LSContentContainer h1, #SizingGuide.LSContentContainer h1, #NewsRoom.LSContentContainer h1, #CustomerCare.LSContentContainer h1
{position:absolute; float:left; left:175px; top:182px; width:570px;}

.LSContentContainer h1.TopLeft {position:absolute; left:0; top:0; text-align:left; width:100%;}
.LSContentContainer h1.TopRight {position:absolute; top:0; right:0; text-align:right; width:100%;}
.LSContentContainer h1.BottomLeft {position:absolute; left:0; top:220px; text-align:left; width:100%;}
.LSContentContainer h1.BottomLeft2 {position:absolute; left:0; top:320px; text-align:left; width:100%;}
.LSContentContainer h1.BottomRight {position:absolute; top:220px; right:0; text-align:right; width:100%;}
.LSContentContainer h1.BottomRight2 {position:absolute; top:320px; right:0; text-align:right; width:100%;}
#ContactUs.LSContentContainer h1 {position:absolute; float:left; left:475px; top:182px; width:170px;}
#ShippingOptions.LSContentContainer h1 {position:absolute; float:left; left:475px; top:182px; width:230px;}
#BusinessHours.LSContentContainer h1, #ReturnsExchange.LSContentContainer h1 {position:absolute; float:left; left:175px; top:182px; width:270px;}
#BusinessHours.LSContentContainer h1, #ReturnsExchange.LSContentContainer h1 {position:absolute; float:left; left:165px; top:182px; width:270px;}
#StartShopping.LSContentContainer h1  {position:absolute; left:0px; top:0px; width:270px; padding-top:0;}
#PaymentOptions.LSContentContainer h1 {position:absolute; float:left; left:175px; top:482px; width:200px;}
#SizingGuide.LSContentContainer table {width:50%; margin:10px auto; padding:0px; border-color:#333333;}
#SizingGuide.LSContentContainer th, #SizingGuide.LSContentContainer td {padding:2px 5px;}
#StartShopping.LSContentContainer h2 {text-align:center;}
#Store.LSContentContainer p {text-align:justify;}

/* LSFormPrompt LSFormSubmit content */
.LSFormSubmit, .LSFormPrompt {overflow:hidden; display:block; padding-bottom:10px;}
.LSFormSubmit h1, .LSFormPrompt h1 {text-align:center; margin:0 auto; color:#660066; font-size:18px; vertical-align:middle; padding:10px 0 0px 0;}
.LSFormSubmit p, .LSFormPrompt p {text-align:center; margin:0 auto; padding:10px; font-size:12px;}

/* LS Summary content */
.LSPaneContainer {overflow:visible; display:block; height:800px;}
.LSPaneContainer * {margin:0 auto; text-align:center;}
.LSPaneContainer p {width:80%; font-size:11px;}
.LSPaneContainer hr {width:60%; margin-bottom:10px;}
.LSPaneContainer a {text-decoration:none;}
.LSPaneContainer a:hover {text-decoration:underline;}
.LSPaneContainer h2 {text-align:center; padding:5px 0;}
.LSPaneContainer .Thumbnail {text-align:right; background-color:#ffffff; margin:0 auto; text-align:center; padding:5px; border:black 1px solid;}
.LSPaneContainer .Promotion {background-color:#F0AAF0; text-align:center; padding:10px; margin:0 auto; margin-top:10px; margin-bottom:10px; width:75%; border:2px solid #660066; font-style:oblique; font-size:110%;}
.LSPaneContainer .Promotion h2 {font-weight:normal;}
.LSPaneContainer .Promotion h2 strong {font-size:150%; color:#660066;}


/* Category Menu Template */
/*
.menu_list {margin:0px; padding:0px; width:383px;}
*/
.menu_container {width: 140px; padding: 10px; background-color:#F8D6F8;}
.menu_container_top {width: 140px; padding: 5px 10px; position: relative; background-color:#F0AAF0; color: #660066;}
.menu_body { margin:-2px 2px 5px 2px; padding: 5px 10px 15px; background-color:#f2c9f2;}
.menu_item {padding: 5px 10px; position: relative;}
.menu_head {padding: 5px 10px; position: relative; margin:2px; background-color:#F0AAF0;}
.menu_head_icon, .menu_head_icon:hover {position: absolute; float: right; top: 9px; right: 9px; height: 10px; width: 10px; background-color:#d683d6; cursor: pointer;}
.menu_head_icon:hover {background-color:#d64dd6;}

.menu_item.menu_new {background-color:#ECF7BB; margin:-2px 2px 5px 2px;}
.menu_item.menu_new:hover{background-color:#F1FFB3; margin:-2px 2px 5px 2px;}

.menu_head.menu_new {background-color:#ECF7BB;}
.menu_head.menu_new:hover{background-color:#F1FFB3;}

.menu_body.menu_new,
.menu_body.menu_new:hover{background-color:#f1f7d5;}


/*jquery.li-scroller.css*/
/* liScroll style declarations */
.tickercontainer {position:relative; background:#fff ;top:2px;  left:2px;width:260px; height:50px; margin:0; padding:0; overflow:hidden; border:none;}
.tickercontainer .mask {position:relative; left:5px; top:5px; width:250px; height:40px; overflow:hidden;}
div.newsticker {position:relative; top:60px; margin:0; padding:0;}
div.newsticker table {float:left; margin:0; padding:0; background:#fff;}


/*thickbox.css*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#F0AAF0;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*jcarousel.css*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin .jcarousel-container {
    -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  245px;
    height: 77px;
}

.jcarousel-skin .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin .jcarousel-item {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
}

.jcarousel-skin .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/* LSCarousel */
.LSCarousel {
  position: relative;
  overflow: hidden;
  height: 400px;
  width: 570px;
}

.ProductCarousel .AmountBeforeDiscount {
  text-decoration:line-through;
}
.ProductCarousel .AmountAfterDiscount {
  text-decoration:none;
}
.ProductCarousel .AmountNoDiscount {
  text-decoration:none;
}

/* RHP Carousel */
#RHPCarousel {
position: relative;
overflow: hidden;
height: 220px;
width: 220px;
border: 1px solid #660066;
}

#RHPCarousel .TopLeft {
left:0;
position:absolute;
text-align:center;
bottom:0;
background-color: white;
padding:5px;
width:210px;
font-weight:bold;
opacity: 0.75;
}


/**** AliCommerce Theme.css ****/
.CategoryTrailBar a, .PagerBar a, .CategoryName a, .ProductName a, .CrossSells a {text-decoration:none; z-index:1;}
.CategoryTrailBar a:hover, .PagerBar a:hover, .CategoryName a:hover, .ProductName a:hover, .CrossSells a:hover {text-decoration:underline;}
.CategoryBanner {text-align:left;}
.CategoryListRow tr, .ProductListRow tr, .ProductCrossSells tr {vertical-align:top;}

/* 1. StoreFront Modules */
.LSStoreContainer {position:relative;}
#LittleSparklesCategoryMenuTemplate a { text-decoration:none;}
#LittleSparklesCategoryMenuTemplate a:hover { text-decoration:underline;}

#LittleSparklesProductTemplate .CrossSells, #LittleSparklesGridWithSubsCategoryTemplate .Category,
#LittleSparklesGridListCategoryTemplate .Product, #LittleSparklesGridWithSubsCategoryTemplate .Product
{margin:5px 0 5px 0; width:120px; text-align:center; vertical-align:top; padding:1px 1px 5px 1px;}

/*#LittleSparklesProductTemplate .CrossSells:hover, */#LittleSparklesGridWithSubsCategoryTemplate .Category:hover,
#LittleSparklesGridListCategoryTemplate .Product:hover, #LittleSparklesGridWithSubsCategoryTemplate .Product:hover
{border:1px #C070C0 solid; background-color:#F8D6F8; padding:0px 0px 4px 0px; opacity:0.75; filter:alpha(opacity=75); }

#LittleSparklesGridWithSubsCategoryTemplate .ProductName, #LittleSparklesGridWithSubsCategoryTemplate .ProductPrice {font-size:12px; padding-top:5px;}
#LittleSparklesGridListCategoryTemplate .ProductImage, #LittleSparklesGridWithSubsCategoryTemplate .ProductImage {}

/* 1.2.5 Shared styles for All Category Template */
.ProductListRow {clear:both;}

.ProductBack {display:none;}


.EULA_Bar {clear:both; vertical-align:middle; text-align:center;}

/* 1.3.1 Little Sparkles Product Template */
#LittleSparklesProductTemplate .box {padding:0 10px 20px 10px;}
#LittleSparklesProductTemplate .Product {}
#LittleSparklesProductTemplate .Product h3 {color:#660066; font-size:100%;}
#LittleSparklesProductTemplate .ProductHead { float:left; width:100px; text-align:right; padding:0 5px 2px 0;}
#LittleSparklesProductTemplate .ProductNormal { text-align:left; padding-bottom:2px;}
#LittleSparklesProductTemplate .OrderQuantity { padding:0 0 0 0;}
#LittleSparklesProductTemplate .ProductImage {position:absolute; left:258px; top:10px; width:300px; height:350px; background-color:White; text-align:center;}
#LittleSparklesProductTemplate .ProductShortDesc { width:100%;}
#LittleSparklesProductTemplate .ProductLongDescription{position:relative; top:10px; padding-top:360px;}
#LittleSparklesProductTemplate .ProductCustomFields {font-size:86%;}
#LittleSparklesProductTemplate .ProductCustomFields {position:absolute; left:10px; top:251px; width:230px; height:99px; display: block; overflow:hidden; padding:5px; margin:0 auto;}
#LittleSparklesProductTemplate .ProductCustomFields .ProductHead {width:auto; text-align:right; padding:0 5px 0 0; font-weight:bold;}
#LittleSparklesProductTemplate .ProductCustomFields .ProductNormal {padding:0 0 3px 0; }
#LittleSparklesProductTemplate .ProductData {position:absolute; left:10px; top:60px; width:240px; z-index:1;}
#LittleSparklesProductTemplate .AddToCart {position:relative; float:right; padding:3px; right:41px; top:3px;}
#LittleSparklesProductTemplate .ActionBar {position:absolute; left:10px; top:210px; width:240px; padding:5px 0 5px 0; font-size:10px; display:block;}
#LittleSparklesProductTemplate .ActionBar img{padding:5px;}
#LittleSparklesProductTemplate .ProductSavedPrice,
#LittleSparklesProductTemplate .ProductStorePrice,
#LittleSparklesProductTemplate .ProductRetailPrice { font-size:12px; font-weight:bold; padding:10px 0 0 0;}
#LittleSparklesProductTemplate .GridView { width:40%;}
#LittleSparklesProductTemplate .ProductName {position:absolute; left:10px; top:10px; width:240px; padding-bottom:10px; text-align:center; margin:0 auto;}
#LittleSparklesProductTemplate .ProductName h1 {color:#660066;}
#LittleSparklesProductTemplate .CrossSells a {font-size:90%;}
#LittleSparklesProductTemplate .CrossSells {margin:10px 0px;}

/*jcarousel.css*/
#LittleSparklesProductTemplate .PImage1 {width: 240px; height: 240px; margin: auto;}
#LittleSparklesProductTemplate .PImage2 {width: 296px; height: 108px; margin: auto }
#LittleSparklesProductTemplate .jcarousel-container { position: relative;}
#LittleSparklesProductTemplate .jcarousel-list li,
#LittleSparklesProductTemplate .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 64px;
    height: 64px;
}

#LittleSparklesProductTemplate  .jcarousel-skin .jcarousel-container {
    -moz-border-radius: 0px;
    background: #D4D0C8;
    border: 1px solid #808080;
}

#LittleSparklesProductTemplate .jcarousel-skin .jcarousel-container-horizontal {
    width: 214px;
    padding: 20px 40px;
}

#LittleSparklesProductTemplate .jcarousel-skin .jcarousel-clip-horizontal {
    width:  214px;
    height: 66px;
}

#LittleSparklesProductTemplate .jcarousel-skin .jcarousel-item {
    width: 64px;
    height: 64px;
    border: 1px solid #fff;
	margin-top:-2px;
}

#LittleSparklesProductTemplate .jcarousel-skin .jcarousel-next-horizontal,
#LittleSparklesProductTemplate .jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
}

/* Mini Cart */
#LittleSparklesMiniCartTable {position:relative; background:#fff; top:2px; left:2px; width:260px; height:50px;  margin:0;  padding:0; overflow:hidden; border:none;}
#LittleSparklesMiniCartTable .CartItem { width:100%; height:40px; padding:5px 0px; font-size:9px; color:#333333;}
#LittleSparklesMiniCartTable .CartItem a { font-size:9px; color:#660066; text-decoration:none; z-index:999;}
#LittleSparklesMiniCartTable .CartItem a:hover { text-decoration:underline;}
#LittleSparklesMiniCartTable .CartItem .ProductImage {position:relative; float:left; left:0px; padding:0; width:40px; height:40px; }
#LittleSparklesMiniCartTable .CartItem .ProductInfo {position:relative; float:left; padding-left:5px; height:40px; width:190px; }
#MiniCart #MessageBox {position:relative; background:#fff; top:2px; left:2px; width:363px; height:50px;  margin:0;  padding:0; overflow:hidden; border:none; text-align:center; vertical-align:middle;}
#MiniCart #MessageBox .MessageBoxIcon {display:none;}
#MiniCart .MiniCartButtons {position:absolute; top:2px; left:260px; width:106px; height:50px; vertical-align:middle; background-color:#ffffff; overflow:visible;}
#MiniCart .MiniCartButtons td {vertical-align:middle; padding-right:5px;}
#OrderTotal {padding-top:10px; margin:5px 0 5px 10px auto;}
#OrderTotal td {padding-bottom:2px;}
.CrossSellsBlock { text-align:left;}
.CrossSells { margin:10px 10px 10px 10px; text-align:center; vertical-align:top; }

/* 1.4  Shopping Cart and Standard Checkout*/
#PayPalExpressButton,#ShoppingCartCoupon,#ShoppingCartSummary,#ShoppingCartContent, #ShoppingCartHeader {padding:2px 0 2px 0;}
#PayPalExpressButton,#PayPalExpressButton,#ShoppingCartContent,#ShoppingCartCoupon {clear:both;}
#PayPalExpressCheckout #ShippingAddress {width:35%;}
#PayPalExpressCheckout .Head,#StandardCheckoutStep2 .Head,#StandardCheckoutStep1 .Head {font-size:13px; font-weight:bold; color:Black;}
#PayPalExpressCheckout .Normal,#StandardCheckoutStep2 .Normal,#StandardCheckoutStep1 .Normal {font-size:93%;}
#PayPalExpressCheckout .SubHead,#StandardCheckoutStep2 .SubHead,#StandardCheckoutStep1 .SubHead {font-size:93%;}

#Step {padding:5px 10px; width:820px; background-color:#F0AAF0; font-size:105%; font-weight:bold; color:#4c004d; margin:0 0 10px -10px;}
.StepSideBar {position:absolute; top:215px; left:775px; bottom:60px; padding:5px 10px; width:220px; background-color:#F8D6F8; margin:0; z-index:999; text-align:left; height:550px;}
.StepSideBar h1 {text-align:left; font-size:105%; font-weight:bold; color:#4c004d;}
.StepSideBar p {text-align:left;}
.StepSideBar ul {margin:0px 10px;}

#ShoppingCart {margin:0 0px 0 10px; width:100%;}
#EmailAddress {margin-bottom:10px;}
#EmailAddress .Normal {	width:80%;}
#ShoppingCart .Head {font-size:13px; font-weight:bold; color:Black;}
#PaymentMethods .SubHead {text-align:left;}
#PaymentMethods {width:100%;}
.AddressControl .SubHead {text-align:right;}
#BillingAddress .AddressControl, #ShippingAddress .AddressControl {border-style:none; border-width:0; width:100%; vertical-align:top;}
#StandardCheckoutStep1 #ShippingAddress { float:left; width:50%;}
#StandardCheckoutStep1 #BillingAddress { float:right; width:50%;}
#BottomButtons, #CustomerReceipt #BottomButtons, #OrderConfirmation #BottomButtons, #PayPalExpressCheckout #BottomButtons, #StandardCheckoutStep2 #BottomButtons, #StandardCheckoutStep1 #BottomButtons
{margin-top:10px auto; clear:both; width:100%; text-align:right;}

#CouponCodes, #CustomerReceipt #CouponCodes, #OrderConfirmation #CouponCodes, #PayPalExpressCheckout #CouponCodes, #StandardCheckoutStep2 #CouponCodes, #StandardCheckoutStep1 #CouponCodes
{margin-top:10 auto; margin-bottom:10px; clear:both; width:100%; padding-top: 20px;}

#CustomerReceipt, #OrderConfirmation, #PayPalExpressCheckout,#StandardCheckoutStep2, #StandardCheckoutStep1, #ShoppingCart {margin:0 0px 0 10px; width:100%;}
.AmountBeforeDiscount {text-decoration:line-through;}
#CreditCartControl .SubHead {padding:0 0 0 20px;}
#OrderTotal .Normal {font-weight:bold;}
.OrderTotalHeader {margin-bottom:10px;}

/* 1.5  Your Account Module */
.YourAccountLeft {width:15%; vertical-align:top;}
.YourAccountLeft ul {padding:0; margin:1; line-height:150%}
.YourAccountLeft li {padding:0 0 0 11px; margin:1; border:5px; list-style:none;}
.YourAccountLeft li a {text-decoration:none;}
.YourAccountRight {width:85%;}

/* 2.1  Gridview controls */
.GridView { width:100%;}
.GridViewHeader { background-color:#F0AAF0; text-align:left; font-weight:bold; font-size:11px;}
.GridViewFooter { font-size:11px;}
.GridViewAltRow { font-size:11px; background-color:#F8D6F8;}
.GridViewRow { font-size:11px; padding:5px;}
th { color:#660066;}
.GridView th {padding:5px;}
.GridView td {padding:5px;}

/* 2.2  Category Trail Bar, Pager Bar and Sorter Bar */
.CategoryTrailBar {font-size:10px; font-weight:normal; position:absolute; left:0px; top:-15px;}
.CategoryNav { } /*{position:relative; width:570px;}*/
.PagerBar { position:relative; font-size:11px; float:left; width:100%; background-color:#F0AAF0; overflow:hidden;}
.SorterBar {  padding:0 2px 6px 0; text-align:right; }
.SorterHead { font-weight:bold;}
.ProductSorter { }

/* 2.3  Pager Control */
.PagerLabel { float:left; padding:5px 10px; }
.PagerContainerTable{ float:right; right:20px; padding:5px 10px;}
.PagerInfoCell { color:#999999; font-weight:normal;}
.PagerCurrentPageCell,
.PagerOtherPageCells { padding:0 2px 0 2px;}
.PagerHyperlink {}

/* 2.4  Navigation menus in Store Admin Module and Your Account modules */
.TopMenu { }
.TopMenuClicked { font-size:12px;}

/* 2.6  Popup Windows */
.PopupNormal { font-family:Arial, Verdana, Sans-Serif; font-size:11px; color:#555; }
.PopupSubHead { font-family:Arial, Verdana, Sans-Serif; font-size:11px; font-weight:bold; color:#777; padding:0; }
.PopupHead { font-size:11px; color:#777; background:transparent; font-weight:bold; padding:0;}

/* 3.1  Left Admin Menu */
#StoreAdminMenu ul { padding:0; margin:1; line-height:150%}
#StoreAdminMenu li { padding:0 0 0 11px; margin:1; border:5px; list-style:none;}
#StoreAdminMenu li a { text-decoration:none;}
#ProductEditGeneral .Head {	text-align:left;}
#ProductEditShipping .SubHead {	width:25%;}

.StoreAdminLeftPane{ vertical-align:top; width:140px;}
.StoreAdminRightPane { vertical-align:top;}
.ModuleContainerTable, #ProductEditVariants, #ProductEditShipping, #ProductEditGeneral
{width:100%; vertical-align:top; text-align:left; padding:0;}

/* 3.2  Horizontal Menu */
.HorizontalMenuBar { text-align:left; background-color:White; width:100%; }
.HorizontalMenuBar ul {	margin:0 0 5px 0;}
.HorizontalMenuBar li { list-style:none; text-align:left; vertical-align:middle; display:inline; margin:0 5px 0 0;}

/* 3.3  Product Search */
.ProductSearch .SubHead { text-align:left;}

/* 3.4  Others */
.ShippingSettingTable { width:100%;}
.SaveCancelRow { text-align:left;}
.SimpleProductDisplay { background-color:#ffffcc; width:100%;}