/*



MOZ_cmn_70.css   
author: Nick Stone 
http://www.nick-stone.com
updated 7/3/07 
updated 7/17/07 
updated 2/22/08 
updated & renamed 9/16/08
updated 9/27/08
updated 10/08/08
updated 10/13/08
updated 10/16/08
updated 10/17/08
updated 10/22/08
updated 10/23/08
updated 10/24/08
updated 10/30/08
updated 11/1/08
updated 12/4/08
updated 12/7/08
updated 12/8/08
updated 12/9/08
updated 12/11/08
updated 12/12/08
updated 12/17/08
updated 12/18/08 add Xmas decorations
updated 12/31/08 remove Xmas decorations
updated 1/4/09   center within specs column the new buttons added to specs_customize_70_xhtml.php ( buttons visible while customizing ).
updated 1/5/09 adjust margins and background colors on #all-totes, #all-clutches
updated 1/6/09 adjust for adding two pages to menu: break btm nav into two <ul>s
updated: 090111 text-transform #specs-li to capitalize a php variable that's entered in lower-case
updated 2/4/09 changes to primary-nav to workaround ie6 stretching the nav bar, added extra width to both bottom nav lines for ie6 to workaround line drop 
updated 11/06/09 modified CSS to coincide with repairs to Contact Pg Form
*/



/* 
================================================
 					GENERAL RULES 
=================================================
*/



*{
	padding: 0;
	margin: 0;
	border: none;
	}

body{
	font-size: 80%;
	}
	
#wrap {
	position: absolute;
	left: 50%; 
	width: 960px;
	padding: 0 0 12em;
	margin-left: -480px; 
	}	
	
	
	
/* 	font-size-adjust: .53; */
h1,
h2 {
	font-family: "Trebuchet MS", verdana, sans-serif;
	text-transform: lowercase;
	color: #E5D998;
	background-color: #fff;
	font-weight: normal;
	font-size: 2em;
	line-height: 3;
	}
	
	
h2 {
	position: absolute;
	font-size: 1.8em;
	line-height: 2.6;
	}
	
h3{	
	margin: 10px 0 ; 
	font-family: "Trebuchet MS", verdana, sans-serif;
	text-transform: capitalize;
	text-align: center;
	font-weight: bold;
	color: #555;
	padding: .5em 0;
	font-size: 1.3em;
	line-height:2;
	}

h3 span {
	color:  #000;
	line-height: 2; 
	}

/* 	font-size-adjust:.45; */
h4 { 
	border-style: none;
	font-family: "Times New Roman", "MS Serif", serif;
	text-transform: capitalize;
	text-align: left;
	font-weight: bolder;
	margin: 15px;
	padding: 0;
	color: #555;
	font-size: 1.2em;
	line-height: 1.6;
	}	
	

/* 	font-size-adjust:.52; */
p,
p a {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 1em;
	line-height: 1.6;
	}

ul {
	list-style-type: none;
	}	
	
a:link, 
a:visited { 
	text-decoration: none;
	color: #003301;
	border-style: none;
	font-weight: normal;
	}
 		

p a:hover {
	text-decoration: underline;
	color: #8d0000;
	}

a:focus {  
	border: none;
	}

a:active {
	text-decoration: none;
	color: #8d0000;
	}
	
.clearleft {
	clear: left;
	}

select, 
option {
	padding: 4px;
	color: #000;
	background: transparent; 
	border: outset 1px #003300;
	width: 300px 
	}

select:focus,
option:focus {
	font-weight: bold;
	} 


form#enlarge{
	width: 300px;
	text-align: center;
	border: 0px solid #00f;
	padding-left: 0 ;
	margin-left: 500px; 
	}

/* ----------------------------------------- */
/* ----- 	MAIN				-------- */
/* ----------------------------------------- */

#main { 
	position: relative;
	font-family: "Palatino Linotype", "Times New Roman", "MS Serif", serif;
	float:left; /* contain child floats */
	width: 960px;
	margin:30px 0 20px;
	padding:0;
/*	NORMAL SETTINGS ABOVE, 2008 TEMP XMAS SETTINGS BELOW
	margin:0 0 20px;
	padding:30px 0 0;
	background: url(../images_080910/christmas_balls_365x83.gif) repeat-x 0 -22px;
	*/	
	} 
	

	
/* hide redundant 1rst letter when <p> begins with an <a> tag */
/* 1rst letter is coded before and within <a> tag, enabling format */

/* display none:  hide redundant letter */
#wrap #synops a span.redundant_first_letter ,
#wrap #main a span.redundant_first_letter { 
	display: none; 
	}
	
#main p {
	margin-bottom: 1em;
	color: #000003;
	background-color: #fffffe;
	}	
#main p a:link,
#main p a:visited {
	text-decoration: underline;
}			
/* 
---------------------------------------------------
				#NAV-COLUMN
---------------------------------------------------
*/		
#nav-column{
		width: 220px ;
		float:left;
		position: relative;
		}
		
.colors #nav-column {
	display:none;
	}		


#nav-column ul{
/*		width: 185px; */
	margin-top: 30px; 
	margin-left: 0; 
	position: relative;
	float:left; /*  float containment for ie8 */
	}
	
#nav-column li{	
/*		width: 185px; */
	font-size: 1.3em;
	margin-bottom: 8px !important;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative; /* enable ab-po anchors for ie6 stretch fix */
	}
	
/* don't delete "ul" in nxt 3 rules,
it differentiates anchors that get bullets from top img anchor */	
#nav-column ul a:link {	
/*	position: absolute;   fix ie6 stretched nav */
/*	top:0;   fix ie6 stretched nav */
/*	left:0;   fix ie6 stretched nav */
/*	width:160px;  */
/*	height: 100%; */
	display:block !important;  /* not for ie6: stretches ul */
	padding-left: 25px !important;
	background: url(../images_080910/bullet_gray_17x.gif) no-repeat 0 50%;
	}
	
#nav-column ul a:visited {	
	display:block !important;
	padding-left: 25px;
	background: url(../images_080910/bullet_gray_17x.gif) no-repeat 0 50%;
	}	
	
#nav-column ul a:hover {	
	display:block;
	padding-left: 25px;
	background: url(../images_080910/bullet_fan_01.jpg) no-repeat 0 50%;
	}	
	
#nav-column .clutches-custom-handbags a:hover {		
	background: url(../images_080910/bullet_fan_02.jpg) no-repeat 0 50%;
	}	
	
#nav-column .bridal-custom-handbags-formal a:hover {		
	background: url(../images_080910/bullet_fan_03.jpg) no-repeat 0 50%;
	}		
	
#nav-column .totes-custom-handbags a:hover {		
	background: url(../images_080910/bullet_fan_04.jpg) no-repeat 0 50%;
	}
	
#nav-column .fabrics-solid a:hover{		
	background: url(../images_080910/bullet_fan_05.jpg) no-repeat 0 50%;
	}	
	
#nav-column .fabrics-pattern a:hover{		
	background: url(../images_080910/bullet_fan_06.jpg) no-repeat 0 50%;
	}			
	
#nav-column .more-fabrics a:hover{		
	background: url(../images_080910/bullet_fan_07.jpg) no-repeat 0 50%;
	}					
	
#nav-column .about a:hover{		
	background: url(../images_080910/bullet_fan_08.jpg) no-repeat 0 50%;
	}		
	
#nav-column .shipping a:hover {		
	background: url(../images_080910/bullet_fan_09.jpg) no-repeat 0 50%;
	}		
	
#nav-column .return a:hover {		
	background: url(../images_080910/bullet_fan_10.jpg) no-repeat 0 50%;
	}		
	
#nav-column .privacy a:hover {		
	background: url(../images_080910/bullet_fan_09.jpg) no-repeat 0 50%;
	}	
	
#nav-column .links a:hover {		
	background: url(../images_080910/bullet_fan_08.jpg) no-repeat 0 50%;
	}	
	
#nav-column .contact a:hover{		
	background: url(../images_080910/bullet_fan_07.jpg) no-repeat 0 50%;
	}	
	
#nav-column .sitemap a:hover {		
	background: url(../images_080910/bullet_fan_06.jpg) no-repeat 0 50%;
	}									

#nav-column li a:hover {		
	text-decoration:underline;
	}
#nav-column img {
	border: 25px solid #000; /* 25+170+25= 210 */
	}

.PayPalSeal {
	float:left; /* containment */
	width: 100px;
	height: 100px;
	margin-top: 60px;
	margin-left: 20px;
	}	
	
#wrap .PayPalSeal img{
	width: 100px;
	height: 100px;
	border:none; /* override nav-column default border for images */
	margin: 0;
	}	
	
	
.PayPalSeal a {
	border: none; 
	background-color: transparent;
	}	


/* 
---------------------------------------------------
				#PRIMARY-COLUMN
---------------------------------------------------
*/	
#primary-column {
		width: 724px;/* 220 + 724 = 944 [default gutter=14=(958-944)] */
		float: right; /* contain child floats */
		}	
		
.ndx #spotlight {
		width: 460px;
		height: 600px;
		overflow:hidden;
		background: #aaa url(../images_080910/spotlight_460x600.jpg) no-repeat 0 0;
		position: relative; /* enable abs-pos img placement */
		float:left;
			}
.ndx #spotlight img {
	position: absolute;
	left:61px;
	top: 95px;
	}
	
.ndx #spotlight h3 {	
	position: absolute;
	left:0;
	top: 450px;
	text-align: center;
	width: 99.99%;
		color: #fff;
	background: transparent;
	}		

.soleproduct #spotlight ,
.customize #spotlight {
		width: 460px;
		overflow:hidden;
		position: relative; /* enable abs-pos img placement */
		float:left;
			}
			
.soleproduct #imgbox img ,
.customize #imgbox img {
	position: absolute;
	left:100px;
	top: 100px;
	}
	
	
	
	
/* ----------------------------- 	
			 ALL-TOTES PAGE
		& ALL-CLUTCHES PAGE
		& EXTRA-FABRICS PAGE
 ----------------------------- */
 

 
.handbags #primary-column,
.fabrics #primary-column{
	width: 624px; /* override 724 setting above */
	margin-right: 60px;
	}

/* enables spacing without pad for floated ul & li */	
.handbags .background-container ,
.fabrics .background-container {
	float:left; /* hold floated elements */
	background:#e4e0d4;
	color:#000;
	width: 622px; /* match primary-col width above plus border*/
	border: 1px solid #000;
	} 

	/* margin (not pad) for these ULs inside .background-container */
.handbags #all-totes ,
.handbags #all-clutches,
.handbags #all-bridal-handbags,
.fabrics #browse-extra-fab-groups{
	float: left; /* be contained */
	background: #000;
	margin: 42px;  /* (42+5) * 2 = 94   622-94=528 */
	border:5px solid #777;
	}	
	
.fabrics 	#browse-extra-fab-groups li{
	width: 120px; /* 120 * 3 = 360  528-360=168*/
	}
	
.handbags #all-totes li ,
.handbags #all-clutches li,
.handbags #all-bridal-handbags li,
.fabrics #browse-extra-fab-groups li{
	float:left;
	margin: 28px; /* 28 * 6 spaces = 168 */
	background: #bbb; /* background for labels */
	}
	
/* 	Adjust spacing for bottom row */
.handbags #all-totes li.spread ,
.handbags #all-clutches li.spread,
.handbags #all-bridal-handbags li.spread,
.fabrics #browse-extra-fab-groups li.spread{
	margin-left: 84px; /* 84 * 2 spaces = 168 */
	}
	
.handbags #all-totes li img,
.handbags #all-clutches li img ,
.handbags #all-bridal-handbags li img,
.fabrics #browse-extra-fab-groups img{
	width: 120px;
	height: 120px;
	}

.handbags #all-totes label ,
.handbags #all-clutches label,
.handbags #all-bridal-handbags label,
.fabrics #browse-extra-fab-groups label{
	display:block;
	text-align:right;
	height: 4em;
	margin: 10px 6px 0; /* side margins act like pad for label text */
}	


.handbags #all-totes span ,
.handbags #all-clutches span,
.handbags #all-bridal-handbags span{
	display:block;
	text-align:right;
}

.handbags #all-totes-text ,
.handbags #all-clutches-text,
.handbags #all-bridal-handbags-text,
.fabrics .text{	
	clear:left;
}

.fabrics #primary-column h3 {
	margin: 2em 0 0;
	}
/* ----------------------------- 	
			SOLEFAB PAGES
 ----------------------------- */
 
.fabrics.solefab #primary-column{
	width: 624px; /* override 724 setting above */
	margin-right: 0; /* override 60px margin above */
	} 

 .fabrics.solefab .banners {
 float:right;
 width: 60px;
 text-align:right; /* align banner images on right edge */
 }
 
.fabrics.solefab .banners.empty { 
min-height: 10px; /* hold space for pages with no banner images */
}

.fabrics.solefab .banners img {
  margin:80px 0 200px 20px; /* spacing between images */
 } 

.fabrics.solefab .background-container ul{
	margin: 47px;  
	}	
	
.fabrics.solefab .background-container li{
	width: 120px;
	height: 180px; /* stop ie7 float drop */
	float:left;
	margin: 28px;
	}
	
.fabrics.solefab .background-container li img{
	width: 120px;
	height: 120px;
	}

.fabrics.solefab .background-container li label{
	display:block;
	text-align:right;
	/*	width: 120px; */
	height: 4em;
	margin: 10px 0 0;
}	
 
 
/* ----------------------------- 
		.CUSTOMIZE
		rules for steps & colors
----------------------------- */
/* Div holds fabric groups in customize_it_steps.php */
.customize #choices {
	float: left;	
	margin: 0 0 10px;
	background:#e4e0d4;
	color:#000;
	width: 660px;
	width: 658px; /* 112*4 + 42*5 see input(img) widths and margins below */
	border:1px solid #000; 
	}	
	
/* Div holds individual colors in customize_it_colors.php */	
.customize #colors {
	float: left;	
	margin: 0 0 10px;
	background:#e4e0d4;
	color:#fff;
	border:1px solid #000;
/*	width: 99.99%;   */
	}	
	
.customize  h3{
	text-align:left;  /* options= center or text-indent */
	margin: 20px 10px 0;
	font-size: 2em;
	}	
	
.customize #customize-it-img { 
	width:254px;
	height: 254px;
	margin: 0;
	}	
	
.customize #choices form {	
	float: left;	
	position:relative; /* enable abs-pos for labels */
	width: 112px; /* same as fab-group-images  112*4= 448  */
	margin:22px 0; /* acts like pad on colored ul */
	margin-left:42px; /* 5*42= 210 + [448] =  658*/
	}
	
.customize #choices form input{	
		width: 112px; /* same as fab-group-images */
		height: 112px; /* same as fab-group-images */	
		}

/* .customize #choices form , */
.customize #colors form {
	float: left;	
	margin:22px 20px; /* acts like pad on colored ul */
	position:relative; /* enable abs-pos for labels */
	}
	
.customize #colors form {	
	width: 150px;
	height: 150px;

	}
	
/* This is the button to return to prior page WITHOUT selecting a color */	
/* Rule prevents button from floating up next to color choices when list is short */
.customize form.back-button div.input-container{	
	float:none;
	clear:left; 
	}
	
.customize #choices input ,
.customize #colors input {
	margin:0;
	padding-bottom: 2em; /* space for labels */
	}	
	
	
.customize #choices label {
	position:absolute;
	width: 112px;
	height: 2em;
	vertical-align:top;
	left: 0; /* set equal to input left margin */
	bottom: 0; 
/*		border-bottom: 1px solid black; */
}
	
/* .customize #choices label , */
.customize #colors label	{
	position:absolute;
	width: 120px;
	height: 2em;
	vertical-align:top;
	left: 0; /* set equal to input left margin */
	bottom: 0; 
/*		border-bottom: 1px solid black; */
	}	

/* ==========================================	
 customize-it-steps AFTER all options complete 
 ==========================================	*/	
	
.customize #options-selected {
	float:left;
/*	border: 1px solid #aaa; */
	width: 660px;
	}	
	
.customize #options-selected	div.sketch {
	width: 254px; /* same as sketch img */
	float:left;
	margin: 0 200px;
/*	border: 1px solid #fffeee; */
	}	
	
.customize #options-selected	div.sketch h3{	
	text-align:center;  /* center the bag name above the bag sketch */
	}
	
/* sketch displayed in primary-column */	
.customize.done #options-selected .sketch img { 
	width:254px;
	height: 254px;
	margin: 0;
	}		
	
.customize #options-selected div.clutch-choice{
	float:left;
	width: 150px;   /* same as fab images */
	margin: 0 90px;
	
	}
	
.customize #options-selected div.tote-choice{
	float:left;
	width: 150px;  /* same as fab images */
	margin: 0 35px;
	}
	
.customize #options-selected	div h4 {
	margin: 0;
	}
	
.customize #options-selected li{
	color: #090;
	background: #fff;
	font-weight: bold;
	margin-bottom: .5em;
 	}	
	
.customize #options-selected li span {
	color: #000;
	font-weight: bold; 
	display:block;
	}
		
 	

	
/* KILL NAV COLUMN ON CUSTOMIZE-IT */		

/* expand primary-column to cover whole page */
.customize #primary-column {
	width: 956px;
	}
/* kill nav-column */
.customize #nav-column {
	width: 0;
	display:none;
	}	
/*	
.customize #nav-column img {	
		display:none;
		}		
		
*/		
/* ==========================================	
 						TAGLINE 
 ==========================================	*/	
 
#tagline {
	position:absolute; /* enable abs pos for img */
	bottom: 0;
	left: 25px; 
	
	}
	
/* note on pad: ems & abs pos works in MOZ but not ie7, 
so I'm using exact px  */
#tagline h2 {
	position:static; /* override cmn */
	color: #888;  /* override cmn */
	background-color: #fff; /* REPEATED for my reference only (declared in cmn) */
	font-size: 1.2em;
	line-height:1.2;
	}

#tagline h2 a {
	color: #888;  
	background-color: #fff;
	}
	
#tagline p {
	color: #455;
	background-color:#fff;
	font-size:1.1em;
	}	

/* ==========================================	
			Bottom Nav		
 ==========================================	*/		
#btmnav {
	clear:both; /* fix position */
	border-top: 1px solid #777;
	width: 100%;
	padding:0; /* override default 10px pad */
	position:relative; /* enable #PayPalSeal position */
	}
	
#btmnav ul {
	width: 63em !important; /* width required to center, MUST ADJUST as menu items change */
	width: 65em; /* prevent line drop on ie6 */
	margin: 0 auto;
	padding: 0;
	height: 3.2em;	/* CAUTION:	<li>s are floated so container needs height to show border */
	border-bottom: 1px solid #ddd;
	}
	
#btmnav ul.admin-links {	
	width: 32em !important; /* width required to center, MUST ADJUST as menu items change */
	width: 34em; /* prevent line drop on ie6 */
	margin-bottom: 3em;
	}
	
#btmnav li {
	float:left;
	margin:12px 20px 8px; /* top & btm margins center text vertically */
	font-size: 1.2em;
	height: 1.2em; /*  1.2em plus 20px margin*/
/* DEBUGGING
	border-top: 1px solid #ffefef;
	border-bottom: 1px solid #ffefef;
*/	
	}	
	
#btmnav a:hover {	
	text-decoration:underline;
	}

#developed-by {
	margin: 30px 25px 20px 0; /* match right margin with p.copyright-left-margin */
	float:left;
	width: 350px;
	background-color: #fff;
	color: #a31;
	text-transform: none;
	text-align: center;
	}
	
#seo-by {
	margin: 30px 15px 0 15px ;
	float:right;
	width: 250px; /* forces (SEO) to second line */
	text-transform: none;
	text-align: center;
	}
	
#developed-by:link ,
#developed-by:visited ,
#seo-by:link,
#seo-by:visited{	
	color: #500;
	background: #fff;
	}
	
#developed-by:hover,
#seo-by:hover {
	background-color: #fff;
	color: #a31;
	}


	

p.copyright { 
	clear:left;
	font-weight: normal;
  text-transform: capitalize;	
	text-align: left; 
	margin-left: 25px;
	font-size: .9em;
	line-height: 1.4em;
	padding-bottom: 1em;
	}	
	
/* 
================================================
			IMGBOX
=================================================
*/

/* -------------------------------------- 
						
 --------------------------------------- */
 
 
/* ------------------------------------------- */

		
#imgbox {	
	height: 480px;
	width: 420px;
	margin: 0;
	border: none;
	position: relative;
	}
		
#imgbox img {
	height: 240px;
	width: 240px;
	position:absolute;
	top: 60px;
	left: 160px;
	}
	
#imgbox a {
	position:relative;
	float:left;
	}	
	
#imgbox a.enlarge-01 {
	margin-left: 30px; /* push all enlarge-buttons left */
	}	 

#imgbox a:link,
#imgbox a:visited {	
	height: 20px;
	width: 100px;
	font-size: 14px;
	padding:  .4em .4em .4em 8px;
	border: 1px solid #ddd;
	display: block;
	text-transform: capitalize;
		color:#000; /* XMAS alteration */
	background:#fff; /* XMAS alteration */
	}

#imgbox a:hover {
	border-left: 4px solid darkred;
	padding-left: 5px;
	color: #8d0000;
	background-color:#ddd;
	display: block;
	}

#imgbox a:link span,
#imgbox a:visited span{
	display:none;
	position: relative;
	height: 400px;
	width: 400px;
	top: 10px;
	}

#imgbox a:hover span{
	display:block;
	}

#imgbox  a:link span img,
#imgbox  a:visited span img,
#imgbox  a:hover span img {
	height:400px;
	width: 400px;
	position: absolute;
	top: 20px;
	left: 0;
	border: 1px solid green;
	}
#imgbox a.enlarge-01:hover span {
	margin-left: -10px;  /* aligns img-1 under 1rst enlarge-button */
	}

#imgbox a.enlarge-02:hover span {
	margin-left: -125px; /* aligns img-2 under 1rst enlarge-button */
	}

#imgbox a.enlarge-03:hover span {
	margin-left: -241px; /* aligns img-3 under 1rst enlarge-button */
	}



/* -------------------------------------- */
/* 			specs 			*/
/* --------------------------------------- */
			 

#specs {
	margin: 0 0 10px;
	width:260px;
	float:right;
	text-align: left;
	font-style: normal;
	}

#specs p{
 	}	
#specs li{
	color: #800;
	background: #fff;
	font-weight: bold;
	text-transform:capitalize; /* added 090111: $bag-style is entered in lower case for php variable consistency */
 	}	
#specs li img{	
	margin:20px 50px;
}
	
#specs li span {
	color: #000;
	font-weight: bold; 
	display:block;
	}
			
	/* TODO --> which page contains class="buttons" ?*/
#specs .buttons li {
	margin-top: 5px;
	}			
	
.soleproduct #specs h4 {
	margin: 0;  
	border-bottom: 1px solid #ddd; 
 	}	

.soleproduct #specs li {	
	padding: .5em 0;
	border-bottom: 1px solid #ddd; 
	}
	
.customize #specs #sketch-box {	
		border: 2px solid #aaa;
			margin-top: 0;  /* override margin on all divs in #specs below */
		}
		
/* sketch & colors are shown in left column, not needed here */		
.customize.done #sketch-box,
.customize.done #specs img {
	display:none;   
	}		
	
.customize.done #specs #buttons {
	border-bottom: none; /*	override #specs-div bottom border below */
	}	
	
.customize #specs div {
	border-bottom: 1px solid #bbb;
	margin-top: 5px;
	padding-bottom: 5px;
	}
.customize #specs div ul ,
.customize #specs div#buttons ,
.customize #specs div#buttons div{
	border-bottom: none;
	}	

.customize #specs h3 {	
	text-align:center;
}	
.customize #specs h4 {	
	margin: 0 0 0 3px;  /* match L-margin with li L-margin, match T-margin with choices-images */
	padding: .5em 0;
	}
	
.customize #specs ul {
/*	border: 1px solid #bbb; Kill ul border, replace with div border above */
	}	
	
.customize #specs li {
	padding: .5em 0;
	margin-left: 3px;    /* match L-margin with h4 L-margin */
	}	

.customize #specs li.complete {	
	color: #090;
	background: #fff url(../images_080910/check_green_29x40.gif) no-repeat 100% 50%;
	}	
	

	
/* -------------------------------------- */
/* 			BUTTONS			*/
/* --------------------------------------- */
			 	
#buttons { /* align under specs */
	margin-top:20px;
	float:right;
	width: 260px;
	}
	
/* CUSTOMIZE IT STEPS BUTTONS in specs column */	
.customize #buttons 	{
	text-align:center; /* center buttons in specs column */
	}
	
.soleproduct #buttons {
	width: 420px;
	margin-right: 40px; /* for centering -- width +margin=360 */
	text-align:center;
	}	
	
.soleproduct #buttons form {
	margin-bottom: 10px;
	}	
	

/* -------------------------- */	
/* paypalbuttons scripted buttons */		
/* -------------------------- */	
	
#paypalbuttons {
	position: absolute;
	top: 660px;
	left: 10px;
	width: 100px;
	z-index: 5;
	text-align: left;
	}





	
	
/* -------------------------- */	
/* paypalbuttons no-script buttons */		
/* -------------------------- */	


	#add,
	#cartdivision {
		position: absolute;
		text-align: left;
		vertical-align: bottom;
		border: 0px solid black;
		top: -630px;
		left: 35%;		/* req'd */		
		}


	   	 	
	 #cartdivision form input,
	 #add form input{
		width: 120px;
		height: 50px; 
		}

	 #cartdivision p.txtoverlay,
	 #add p.txtoverlay  {
		color: darkgreen;
		position: relative;
		top: -37px;
		}
/* -------------------------- -----	*/	
/* paypalbuttons li 		 	*/
/* shape, size, color of buttons 	*/		
/* --------------------------	------*/

	
			
#paypalbuttons ul  a:link,
#paypalbuttons ul  a:visited {	/* simulate btns */
	font-size: 1.2em;
	line-height: 1.1;
	width: 120px;
	margin-bottom: 2em;
	padding: .5em 2px;
	text-align: center;
	text-transform: capitalize;
	display: block;
	}
	 

			/*  btns with two lines*/
#paypalbuttons li#scriptaddbuttonAs a:link,
#paypalbuttons li#scriptaddbuttonAs a:visited{
	height: 4.5em;
	}

	/*  btns with three lines: (add to cart as customized below)*/
#paypalbuttons li#scriptaddbuttonCus a:link,
#paypalbuttons li#scriptaddbuttonCus a:visited {
	height: 6.5em;
	}

		

#paypalbuttons li#viewcart a:link,
#paypalbuttons li#viewcart a:visited {	
	height: 1em; /* one liners only */
	padding: .6em 2px 1.5em; /* one liners only */
	}

/* -------------------------- */	
/* paypalbuttons hover 		*/		
/* -------------------------- */	


#imgbox ul a:hover ,
#paypalbuttons ul a:hover {
	text-decoration: none;
	color: #fff;
	border-left: 4px solid #900;
	}
	
	
	
/* ========================= */	
/* -------------------------
 .admin			
---------------------------- */	



.admin #primary-column {
	width: 624px; /* override 724 setting above */
	margin-right: 50px;
	}

/* each h2.page-title gets background img */
.admin #primary-column h2.page-title {
	width: 450px;
	height: 120px;
	margin:0 110px 115px 80px;
	font-size: 2.2em; /* for no-img UAs */
	text-align:center; /* for no-img UAs */
	overflow:hidden; 
	position:relative; /*override abs-pos h2 rule to enable margins */	
	}
	
.admin #primary-column h2.page-title span{	
	position:absolute; /* enable z-index */
	display:block;
	width: 450px;
	height: 120px;
	z-index:10; /*over h2 text */
	top: 0; /* for ie7 */
	left: 0; /* for ie7 */
	}
	
.admin #primary-column h2.page-title strong{	
	position:absolute; /* enable z-index */
	display:block;
	width: 450px;
	height: 50px;
	height: 120px;
	z-index:1; /*under h2 background img */
	color:#000;
	background:#fff;	
	top: 0; /* for ie7 */
	left: 0; /* for ie7 */
	}

.admin #primary-column h3 ,
.admin #primary-column h4 {
	margin: 2em 0 0;
	}	
	
.admin #primary-column p {
	color: #111;
	background:#fff;
	font-weight: normal;
	}	
	
.admin #primary-column a:link,
.admin #primary-column a:visited {	
	text-decoration:underline;
	}	
	
.admin #primary-column a:hover {	
	text-decoration:none;
	}	
	
.admin #primary-column div {	
	border-bottom:1px dashed #900;
	}	
	
/* -------------------------
 .admin			ABOUT PAGE
---------------------------- */		
.about #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_about_page_450x120.jpg) no-repeat 0 0;
}

/* -------------------------
 .admin			CONTACT PAGE
---------------------------- */	

.contact #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_contact_page_450x120.jpg) no-repeat 20px 0;   /*special placement for this title */
}

.contact #primary-column #customer-svc  {
/*	float:left;  maintain position in floated container */
	margin-left: 240px;
	border: none; /* override default dotted line */
	}


/* extra selectors needed to override .admin-div-border */
#wrap #primary-column #contact-form {
	border: 4px groove #700;
	margin: 3em 0;
	}

#contact-form h4{
	color: #700;
	background: #fff;
	text-align:center;
	}
#contact-form input,
#contact-form textarea,
#contact-form select  {
	margin: 2px 5px;
	border: 1px solid #000;
	display:block;
	width: 95%;
	line-height: 1.5;
	}

 #contact-form  label {
	margin: 12px 5px 0;
	}


#contact-form .radio label {
	margin: 0 5px 5px;
	padding: 0;
	float: left;
	}

#contact-form label.last-radio {
	margin-bottom: 2em; /*separate radio group from next <li> */
	}

	
#contact-form .radio input {
	width: auto;
	display:inline;
	float: left;
	}

#contact-form li {
	margin: 12px;
	clear:both;
	}
#contact-form .control-button input {
	color: #fff;
	background: #900;
	width: auto;
	padding: .5em 1em;
	}

#contact-form .control-button input:hover {
	cursor:pointer;
	color: #cc0;
	background: #333;
	}
#contact-form input:focus{
background:#fdd;
color:#000;
}
	

	
/* -------------------------
 .admin			LINKS PAGE
---------------------------- */	

.links #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_links_page_450x120.gif) no-repeat 0 0;
}	

.links #primary-column li {
	margin: 2em 0;
	font-size: 1.25em;
	}
	
	/* OVERRIDE .admin rule */
.links #primary-column li a:link,
.links #primary-column li a:visited,	
.links #primary-column li a:hover{
	text-decoration:none;
	}		
	
.links #primary-column li a:link strong,
.links #primary-column li a:visited strong {
	text-decoration:underline;
	}
	
.links #primary-column li a:hover strong{
	text-decoration:none;
	}	
	
/* -------------------------
 .admin			PRIVACY PAGE
---------------------------- */			
.privacy #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_privacy_page_450x120.gif) no-repeat 0 0;
}

/* -------------------------
 .admin			RETURN PAGE
---------------------------- */		
.return #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_return_page_02_450x120.gif) no-repeat 0 0;
}

/* -------------------------
 .admin			SHIPPING PAGE
---------------------------- */		
.shipping #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_shipping_page_450x120.gif) no-repeat 0 0;
}

/* -------------------------
 .admin			SITEMAP PAGE
---------------------------- */		
.sitemap #primary-column h2.page-title span {
	background: url(../images_080910/page_titles/title_sitemap_page_450x120.gif) no-repeat 0 0;
}

/* --------------------------------------- */
/*  .noscriptmsg common --- */
/* --------------------------------------- */
	
	
.noscriptmsg {
	padding: 10px 5px 10px;
	text-align: left;
	margin: -70px 0 10px 300px ;
	border: 4px solid #003300;
	}

.noscriptmsg p{
	font: 14px bold;
	color: #003304;
	}



 .noscriptmsg p.enable a{
	text-decoration: underline;
	font-style:  oblique ;
	}