/* @override http://www.acewigs.com/shop/css/awNewStyles.css */

/* recent style changes - lazd */
.upperRightLinks {
	line-height:18px;
	padding-bottom:4px;
	padding-right:12px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position:relative; width:735px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; }

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:190px; font-size:12px; font-weight: bold; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {font-size: 11px; height: 16px; line-height:16px; border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {font-size: 11px; line-height:16px; height: 16px; border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#7484ad;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dbdbff; color:#000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../images/spacer.gif); width:190px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:14px;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dbdbff; color:#000;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dbdbff; color:#000;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(../images/spacer.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(../images/spacer.gif) no-repeat right center;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../images/spacer.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


body {padding:0;color:#0D3F72;scrollbar-face-color:#869CE5;scrollbar-shadow-color:#000;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#71728F;scrollbar-darkshadow-color:#FFF;scrollbar-track-color:#C8C8C8;scrollbar-arrow-color:#FFF;background:#FFF;font:12px Arial,Helvetica,sans-serif;margin:0}
.headerbackleft {color:#339;background:#FFF;font-size:12px; font-family: Arial,Helvetica,sans-serif}
.headerbackcenter {color:#339;background:#FFF url(/shop/images/header_pink_gradient.jpg) repeat-x top left;font-size:12px; font-family: Arial,Helvetica,sans-serif}
.headerbackright {color:#339;background:#FFF url(/shop/images/header_pink_gradient.jpg) repeat-x top left;font-size:12px; font-family: Arial,Helvetica,sans-serif}
.divscroll {border:#DDD 1px solid;scrollbar-face-color:WHITE;scrollbar-highlight-color:WHITE;scrollbar-3dlight-color:SILVER;scrollbar-shadow-color:WHITE;scrollbar-darkshadow-color:SILVER;scrollbar-track-color:WHITE;scrollbar-arrow-color:#000}
.headerDk {background:#71728F url(/shop/images/shadows/headerandfooter.gif)}
.footerDk {background:#71728F url(/shop/images/shadows/headerandfooter.gif)}
.purpleBack {}
.leftHeader {color:DARKBLUE;text-decoration:underline;padding-left:4px;font:bold 1.2em Arial,Helvetica,sans-serif}
.leftmenu {color:DARKBLUE;text-decoration:underline;font:bold 12px Arial,Helvetica,sans-serif}
.leftmenuheader {color:DARKBLUE;text-decoration:underline;background:url(/shop/images/header_left_menu_start.jpg) no-repeat top left;font:bold 12px Arial,Helvetica,sans-serif}
.leftHeaderItem {color:DARKBLUE;padding-left:14px;background:url(/shop/images/left_menu_bgcolor.jpg);font:bold 13px Arial,Helvetica,sans-serif}
.shoppingcartlinks {color:DARKBLUE;padding-left:3px;width:135px;font:bold 12px Arial,Helvetica,sans-serif;white-space: nowrap;}
.shoppingcartlinks a:hover {color:DARKBLUE;text-decoration:none;white-space: nowrap;}
.shoppingcartlinks a:visited {color:DARKBLUE;text-decoration:none;white-space: nowrap;}
.shoppingcartlinks a:link {color:DARKBLUE;text-decoration:none;white-space: nowrap;}
.purpleBackLeft {padding:4px;font:11px Arial,Helvetica,sans-serif}
.leftNavDD {color:#000;border:2px solid #99F;background:#F6F6F6 url(../imgs_layout/white_sq.gif);font:12px Arial,Helvetica,sans-serif}
.CatItemListing {background:#F4F1F8}
A:link {color:#009;text-decoration:none}
A:visited {color:#009;text-decoration:none}
A:hover {color:#f06;text-decoration:none}
.leftHeaderItem a:hover {color:#fff;text-decoration:none}
.leftHeader a:hover {color:#fff;text-decoration:none}
#wiglinks a:hover {color:#fff;text-decoration:none}
.costumelinks a:hover {color:#fff;text-decoration:none}
.header {font-size:12px;color:#036;font-weight:bold}
h1 {font-size:1.50em;line-height:1.50em;font-weight:normal;padding-bottom:10}
.frontpagebrands {font-size:14px;line-height:14px;font-weight:bold;padding:0}
#mainTag {padding-top:25}
.bolded {font-size:12px;color:#0D3F72;font-weight:bold}
.textarea {color:navy;text-decoration:none;background:#eee9f3;font:normal 10pt Arial}
.text {color:navy;font-weight:normal;font-size:10pt;text-decoration:none;background:#eee9f3}
INPUT.text {color:navy;font-weight:normal;font-size:10pt;text-decoration:none;background:#FFF}
SELECT {color:navy;background:#FFF;font:normal 9pt Arial}
.DataBody {background:#F6F6F6;padding:0}
.DataBodyIndex {margin-top:0;background:#F6F6F6;padding:5px;position:relative;}
.purpleBackFooter {color:#339;background: url(/shop/images/footer_background.jpg) repeat-x top left;font:12px Arial,Helvetica,sans-serif;padding:2px 5px 5px}
.bottomblocktable {background:url(/shop/images/bottom_gradient.jpg) no-repeat top left;padding:0 3px 3px}
table #blocks tr td {width:33%;padding:0 2px}
#blocks tr td h2 {font-size:110%;text-decoration:none;margin:0;padding-left:4}
#blocks a {color:#C00}
#blocks p {margin:0;padding-left:8}
.bottomblock {background:url(/shop/images/bottom_gradient.jpg) no-repeat top left;padding:0 3px 3px}
.purpleBackFooter a:link {color:#869CE5}
.purpleBackFooter a:visited {color:#869CE5}
.DataBodyMenu {margin-top:0;color:#339;height:26px;background:url(/shop/images/shadows/headerandfooter.gif) repeat-x top right;font:12px Arial,Helvetica,sans-serif;padding:0}
P,TD {font-size:12px}
.ddMenuM {border:1px solid #71728F;padding:1px 1px 0 2px;font:10px Arial,Helvetica,sans-serif}
.ddMenuM2 {border-top:1px none;border-right:1px solid #71728F;border-bottom:1px solid #71728F;border-left:1px solid #71728F;padding:1px 1px 0 2px;font:10px Arial,Helvetica,sans-serif}
.indexHeader {color:#036;font:bold 12px Arial,Helvetica,sans-serif}
.goButton {border:1px solid #FFF;text-align:center;word-spacing:2px;margin:0;padding:0;color:white;background:#869CE5;font:10px Verdana,Arial,Helvetica,sans-serif}
.leftSearchBack {font-family:Arial,Helvetica,sans-serif;padding-left:0;padding-top:0;padding-right:0;background:#869CE5}
.leftHeaderSearch {color:#009;padding-left:4px;padding-top:1px;padding-right:2px;background:#869CE5 url(/shop/images/left_menu_vertical_back.jpg) repeat-y top left;font:bold 12px Arial,Helvetica,sans-serif}
.leftHeaderChoice {color:#009;padding-left:4px;padding-top:1px;padding-right:2px;background:#869CE5 url(/shop/images/left_menu_vertical_back.jpg) repeat-y top right;font:12px Arial,Helvetica,sans-serif}
.leftHeaderTitle {color:#009;padding-left:4px;padding-top:1px;padding-right:2px;background:url(/shop/images/left_menu_vertical_back.jpg) repeat-y top left;font:bold 1.0em Arial,Helvetica,sans-serif}
.leftHeaderButton {color:#009;background:#869CE5 url(/shop/images/left_menu_vertical_back.jpg) repeat-y top left;font:bold 12px Arial,Helvetica,sans-serif;padding:1px 2px 0 4px}
.leftLine {background:#5a5a5a}
.advSearchLink {color:#00f;padding-left:3px;padding-top:3px;padding-right:0;background:#869CE5 url(/shop/images/left_menu_vertical_back.jpg) repeat-y top left;font:bold 12px Arial,Helvetica,sans-serif}
.advSearchOne {font-size:14px;font-weight:bold;color:#036;background:#FCC}
.advSearchOneB {color:#000;background:#FCC}
.advSearchTwo {font-weight:bold;color:#036;font-size:14px;background:#FFC}
.advSearchBack {color:#000;border:2px solid #669;background:#FFF url(../imgs_layout/white_sq.gif);font:12px Arial,Helvetica,sans-serif}
.RedBold {font-weight:normal;color:#F00;text-decoration:none}
.sizeHelp {border:2px solid #669;padding:8px;background:#ffc}
.checkout {font-weight:bold;color:red;text-decoration:underline}
#orderDetails {height:75px;background:url(../imgs_layout/header.gif)}
table#wiglinks tr td {vertical-align:top;font:bold 13px Arial,Helvetica,sans-serif}
.costumelinks {background:url(/shop/images_site/rubieshomecostumes.jpg);background-position:bottom left;background-repeat:no-repeat;}
#photoswap {height:330px;width:425px;background-position:bottom left;background-repeat:no-repeat}

#costDropDown td,#aDropDown td,#hDropDown td,#mDropDown td,#polDropDown td,#specDropDown td,#catDropDown td,#sCatDropDown td,#sizesDropDown td,#lengthsDropDown td,#catSubTrigger td,#shoesDropDown td {font-size:12px}
#footerDark a {padding-left:3px;padding-right:3px;font:normal bold 11px arial,verdana,sans-serif}
#footerDark a:link,#footerDark a:visited {text-decoration:none;color:white}
#footerDark a:hover {text-decoration:none;color:#fcf}
#costlist a:link,#costlist a:visited {text-decoration:none;color:#f09}
#costlist a:hover {text-decoration:none;color:navy}
#exoticlist a:link,#exoticlist a:visited {text-decoration:none;color:DARKGREEN}
#exoticlist a:hover {text-decoration:none;color:DARKRED}

/* index girl fades */
.one {background:url(/shop/images_site/main_girl_fade.jpg) no-repeat bottom left}
.two {background:url(/shop/images_site/main_girl_fade2.jpg) no-repeat bottom left}
.three {background:url(/shop/images_site/main_girl_fade3.jpg) no-repeat bottom left}
.four {background:url(/shop/images_site/main_girl_fade4.jpg) no-repeat bottom left}

/* color system stuff */

.colorIndex {
	border: 1px solid #aaa;
	width: 540px;
	padding: 2px;
	margin: 2px;
	float: left;
	background-color: #fff;
}
.colorIndex img {
	float: left;
	padding: 2px;
	cursor: pointer;
}
.colorPreviewContainer {
	float: left;
	border: 1px solid #aaa;
	width: 100px;
	height: 100px;
	margin-right: 0px;
	padding: 3px;
	margin: 2px;
	cursor: pointer;
}

/* @group Fixes By Justin */

.more-products-box {
	position: absolute;
	top: 80px;
	right: 10px;
	z-index: 1;
}

body > table {
	position: relative;
	z-index: 2;
}

.product-left-inner {
	width: 75%;
}

td.DataBodyIndex > form > p {
	width: 74%;
}

/* @end */