body  { background-color: #fff }
h1              { color: #2a4d75; font-size: 13pt; font-family: Verdana; line-height: 12pt }
h2        { color: #94342D; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: italic; line-height: 12pt }
h3         { color: #000; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: underline }
h4           { color: #150D45; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none }
h5         { color: #000; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: underline }
p          { color: #000000; font-size: 12px; font-family: helvetica, arial, sans-serif; line-height: 14px }
li          { color: #000000; font-size: 12px; font-family: Verdana; line-height: 14px }
a:link             { color: #2a4d75; font-size: 12px; font-family: helvetica, arial, sans-serif; font-weight: bold; line-height: 14px }
a:active                { color: #2a4d75; font-size: 12px; font-family: helvetica, arial, sans-serif; font-weight: bold; line-height: 14px }
a:visited                 { color: #82130a; font-size: 12px; font-family: helvetica, arial, sans-serif; font-weight: bold; line-height: 14px }
.leftMenu2                 { color: #7282A0; font-size: 8.5pt; font-family: helvetica, arial, sans-serif; font-weight: normal; line-height: 11pt; text-decoration: none }
.leftMenu                  { color: #7282a0; font-size: 12.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.leftMenuActive                { color: #7282a0; font-size: 12.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.leftMenu a	                { color: #7282a0; font-size: 12.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.leftMenu a:visited	                { color: #7282a0; font-size: 12.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.leftMenu a:hover	                { color: #7282a0; font-size: 12.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: underline }
.top2            { color: #82130A; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none }
.top1              { color: #2a4d75; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none }
.top1Active              { color: #2a4d75; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none }
.top1 a	              { color: #2a4d75; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none }
.top1 a:visited	              { color: #2a4d75; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none }
.top1 a:hover	              { color: #2a4d75; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: underline }
.cat            { color: #2A4D75; font-size: 8.5pt; font-family: Verdana; font-weight: bold; }
.catActive          { color: #2A4D75; font-size: 8.5pt; font-family: Verdana; font-weight: bold; }
.cat a	          { color: #2A4D75; font-size: 8.5pt; font-weight: bold;}
.cat a:visited	          { color: #2A4D75; font-size: 8.5pt; font-weight: bold;}
.cat a:hover	          { color: #2A4D75; font-size: 8.5pt; font-weight: bold;}
.top                  { color: #FBF9E0; font-size: 11.25px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; text-decoration: none }
.topActive                { color: #FBF9E0; font-size: 11.25px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; text-decoration: none }
.top a	                { color: #FBF9E0; font-size: 11.25px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; text-decoration: none }
.top a:visited	                { color: #FBF9E0; font-size: 11.25px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; text-decoration: none }
.top a:hover	                { color: #FBF9E0; font-size: 11.25px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; text-decoration: underline }
.footer1                   { color: #fffcd6; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer1Active                 { color: #fffcd6; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer1 a	                 { color: #fffcd6; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer1 a:visited	                 { color: #fffcd6; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer1 a:hover	                 { color: #fffcd6; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: underline }
.footer2                   { color: #bcbcbd; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer2Active                 { color: #bcbcbd; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer2 a	                 { color: #bcbcbd; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer2 a:visited	                 { color: #bcbcbd; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: none }
.footer2 a:hover	                 { color: #bcbcbd; font-size: 10.5px; font-family: Arial; font-weight: bold; line-height: 13pt; text-decoration: underline }
/*global header nav with background change on hover function*/
#gheader-nav {
	padding:0 0 0 20px;
	margin:0;
	width:449px;
	height:45px;
	background-color:#7382A1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.25px;
	font-weight:bold;
	color:#fffcd7;
	}
#gheader-nav li {
	float:left;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.25px;
	font-weight:bold;
	color:#fffcd7;
	padding:0;
	margin:0;
	}
#gheader-nav li a {
	display:block;
	padding:15px 7px;
	margin:0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.25px;
	font-weight:bold;
	color:#fffcd7;
	}
#gheader-nav li a:hover {
	background-color:#999999;
	padding:15px 7px;
	margin:0;
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.25px;
	font-weight:bold;
	color:#fffcd7;
	}
/*designers list*/
#hide-women {
	color:#333333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#hide-men {
	color:#333333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#designers {
	color:#333333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#designers-list {
	width:700px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#designers-list a {
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
#accnt-bask a {
	text-align:right;
	font-size:11.25px;
	padding:0;
	margin:0;
	}
.cat-links { font-family:helvetica, arial, sans-serif; font-size:12px; font-weight:normal; }
.cat-links a { font-family:helvetica, arial, sans-serif; font-size:12px; font-weight:normal; color:#7282A0; text-decoration:none; }
.cat-links a:hover { font-family:helvetica, arial, sans-serif; text-decoration:underline; font-weight:normal; }
.cat-links a:visited { font-family:helvetica, arial, sans-serif; text-decoration:none; font-weight:normal; }
.breadcrumb { padding:5px 0; margin:0; }
.breadcrumb a { font-family:helvetica, arial, sans-serif; text-decoration:none; color:#7282a0; }
.breadcrumb a:hover { text-decoration:underline; }
.product-gray { padding:5px; margin:0; background-color:#f9f9f9; border:1px solid #d9d9d9; color:#000000; }
/*prod-display-new*/
.prod-disp { padding:0; margin:0; }
.prod-display { padding:0; margin:0; }
.prod-img { padding:0; margin:0; width:310px; float:left; }
.prod-image { padding:5px; margin:0; width:302px; height:452px; clear:both; }
.prod-image img { border:1px solid #d9d9d9; }
.thumbs { padding:0 5px 5px 5px; margin:0; width:310px; height:150px; clear:both; }
.thumbs h2 { padding:0 0 5px 0; margin:0; color:#7382A1; font-size:14px; }
.thumb { padding:0 5px 5px 0; margin:0; float:left; width:67px; height:100px; }
.thumb img { border:1px solid #d9d9d9; }
.prod-description { padding:0; margin:0 15px; float:left; width:400px; }
.prod-description form { padding:0; margin:0; }
.name-price h1 { padding:0; margin:0; font-size:14px; font-family:helvetica, arial, sans-serif; }
.designers { padding:0; margin:0; font-size:13px; font-family:helvetica, arial, sans-serif; font-style:italic; font-weight:bold; }
.name-price { padding:10px; margin:5px 0 8px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:60px; font-size:13px; font-family:helvetica, arial, sans-serif; }
.prod-desc { padding:0; margin:0; }
.panes { padding:0; margin:0; }
div.panes div {	display:none; padding:10px;	border:1px solid #d9d9d9; background:#f9f9f9; border-top:0;	height:210px; margin:0 0 8px 0; font-size:12px; font-family:helvetica, arial, sans-serif; }
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #d9d9d9;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 126px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

.prod-add { padding:10px; margin:10px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:70px; clear:both; font-family:helvetica, arial, sans-serif; }
.prod-attrib { padding:10px; margin:10px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:70px; clear:both; font-family:helvetica, arial, sans-serif; font-size:13px; }
.prod-quant { padding:0; margin:0; width:140px; float:left; font-family:helvetica, arial, sans-serif; font-size:13px; }
.prod-bag { padding:0; margin:0; width:230px; float:left; font-family:helvetica, arial, sans-serif; font-size:13px; }
h1.suggest { font-size:14px; color:#7382A1; font-style:italic; }
.add-this { padding:0; margin:0; text-align:right; }