/* Edited with EditCSS */
/**** LINK-tag style sheet css.php?s=a-mooo ****/

/*  - - - Mia says: Toujours, toujours!!! - - - - - - - - - - - */

* {margin:0;padding:0}
ul {margin-left:16px;}
p, h1, h2, h3, h4, h5, h6, ul {margin-bottom:.5em}

h1, h2, h3, h4, h5, h6 {color: #3C657B;}

a img, img {border:none;display:block;}
img {behavior: url("pngbehavior.htc");}


h1 {text-align:center;}


/*---:[ global elements ]:---*/
a {color: #0060ff; text-decoration: underline; outline: none;}
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #df0000; text-decoration: underline; }
a img { border: none ; }

.left {float:left; }
.right {float:right;}
.clear {clear:both;}

img.floatLeftClear {float: left;clear: left;}
img.floatRightClear {float: right;clear: right;}


.b1, .b2, .b3, .b4 {float:left; 
padding:6px;}
.pad {padding: 5px;}
.padleft {padding-left: 15px; }

div.c {padding:10px; margin: 10px; min-height:10px;}
div.d {padding:10px; min-height:30px;border:1px solid #eaeaea;}
div.tank {margin-top: 10px;padding:3px 25px; min-height:70px;}

select {font-size: 1em;font-weight:bold;}
select {width: 100px;}
select {color:#3C657B; background-color:#fff;}
select:focus{color:#5e6c7d;} 



#za {whatis;}
#zf {navigation;}
#zu {sites-us;}
#zs {ad-shirt;}
#zc {ad-scan;}

h1, h2, h3, h4, h5, h6 {}
h1, h2, h3 {font-family: Georgia, Times, serif;}
h1 {font-size: 1.45em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}


/*-------------- Background Selectors --------------*/
/* http://www.colorcombos.com */
body {background:#F5F4F0;}
body {background-image: url(/images/body_bg.gif)}

body { background: #464646 url(/images/body_bg.gif) top left repeat-x;}

#wrapper {background:#fff;}
#wrapper {background-image: url(/images/pageback.png)}
#wrapperInside:hover {background:#efefef;}
#updates, #content-dn {background-image: url(/images/bg.gif)}

#franny, #franny-gear {background:#f2f7f9;}

#zooey, #zooey-gear{background:#fff;}
div.z, div.ad {background:#f2f7f9;}

#anya, #joui, #kat {background:#F3F3F3;}
#logo {background:#FF2000;}

#header, #footer {background:#f2f7f9;}
#topNav {background:#fff; color:#000080;}
.zh{background:#f2f7f9;}

.ad:hover {background:#abc;}
.ad:hover {color:#a2b5cd;}

#header {filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.90; opacity:0.90;}

#footer{filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;} 

.class {
background-image: url(/images/bg.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;}

/*-------------- Background & Borders Overrides--------------*/

hr {color:#efefef;}
#header, /* #footer,*/ 
/* #content-up, */
#updates, #f-store, #z-store,
#franny, #franny-gear,
#home, div.z, div.ad, div.f 
{background:#fff; border: 1px solid #efefef;}


.gear:hover {color:#a2b5cd;}
.zh:hover {color:#b20000;}

#smooth {color:#b20000;}
#nav1 {border:1px solid #efefef;}
#nav2 {border:1px solid #efefef;}
#nav1, #nav2 {padding:5px;margin:8px;}

/*-------------- Layout Selectors --------------*/

div.article {padding-bottom:5px;}

body {font-size:.7em;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;}


/* .copyright {letter-spacing:.1em;} */
.ads {font-style: italic;}

p.copyright {margin: 0 auto; text-align: center}
p.logo {margin: 0 auto; text-align: center}
p.center {margin: 0 auto; text-align: center} 
p.right{margin: 0 auto; text-align: right}
p.left{margin: 0 auto; text-align:left}


/*-------------- Lists & Links --------------*/

a:link, a:visited, a:hover, a:active {padding:2px 0px;}
.z a:link, .z a:visited, .z a:hover, .z a:active  {padding:2px 0px;}

a:link, a:visited, a:active {border-bottom: 1px solid #1B3F8B;}
.z li a:link, .z li a:visited, .z li a:active {border:none;}

a:link, a:visited, a:hover, a:active {text-decoration:none; }

a:hover {border-bottom: none; background-color: #dcdde5;}

a:link, a:visited, a:active {color:#0f1644;}
a:hover {color:#1B3F8B;}

p, li, #stars {color: #0f1644;}
p, #stars {font-size: 1em; line-height: 1.6em; padding:5px 10px;}

li {font-size: 1em; line-height: 1.8em;}

p, li {text-align: left;}
blockquote {font-size: 0.95em; line-height: 1em;
margin: 0 25px; 
border-left: 1px solid #efefef;}

#za p {padding:4px;line-height:120%} 

ul li{
	list-style-type:square;
         text-decoration:none;} 

#z a, #z ul li a 
{ display: block; border:0;
		text-decoration: none; width: 100%;
                   background:#fff;}

#zf a, #zs a, #zc a
{border:0; text-decoration: none;}
#zf a, #zs a {padding:2px;}
#zc a {padding:0;}
#zs a {display: block;}

.scrollArea     {
		/* border: solid 2px #F5F4F0; */
		background: #123;
		position: relative;
		width: 230px; height: 200px;
		overflow: auto;}


/*-------------- Positioning --------------*/

#wrapper {
	width:820px;
	padding:0; margin:0 auto;
	text-align:left;}

#wrapperInside {
	overflow: auto;
         text-align: left;
	padding:10px; margin:10px 5px;}

#header {
	width:94% !important;
	width /**/:100%; height: 180px;
         padding:2% 2.4% 5% 2.4%; margin:0 auto; text-align:center;}

#header {border:5px solid #fff;}

#footer {
	clear:both;
	width:94% !important;
	width /**/:100%; height: 40px;
         padding:2.5% ; margin:0 auto;}

/* lock footer into place, clears clear:both */
/* position: fixed; bottom: 0; left: 0; z-index: 50; */


#topNav{padding:5px; margin:0 auto;}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

DIV.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }

#logo {
	width:30% !important;
	width /**/:36%;
	padding:3%; margin:0 3%;
	float:left;
         
	height:30px;
	display:inline;}

#content-up, #content-dn  {
	width:98% !important;
	width /**/:100%;
	padding:1%; margin-bottom:1em;         
         float:left;}

#franny, #franny-gear {
         padding:15px; margin:0 2px 5px 2px; float:left;
	display:inline;}

#franny {min-height:600px;
  height:auto !important;
  height:600px;}

/* franny 420 zooey 325*/
/* franny 460 zooey 285*/

#franny {width:480px;}
#franny-gear {width:480px;}
#zooey {width:265px;}
#zooey-gear {width:265px;}

#franny, #franny-gear {border:5px solid #FFF;}
#zooey, #zooey-gear {margin-left: 10px;}

#zooey, #zooey-gear {  
         padding-top: 5px;margin:0 auto;
	float:left;}

div.z, div.f {width:90%;min-height: 30px;
         padding:2.5%; margin:0 auto 5px auto;}

#mockup-1, #mockup-2, #closeup-1, #closeup-2 {padding:2.5%}
#mockup-1 {border:1px solid #abc;}
#mockup-2 {border:1px solid #ff5500;}
#closeup-1 {border:1px solid #b20;}
#closeup-2 {border:1px solid #fc0;}
#pricing {border:1px solid #000080}

#anya, #joui, #kat {
         width:210px; padding:12px; margin:2px;
         float:left;}

.right {
 position:absolute; top:20px; right:25px; width:100px;}

.dot {width: 95%; height: 1px;
	font-size: 1px; line-height: 1px;
	background: url(/images/dotted.gif) repeat-x;
	text-align:center; margin: 0 auto; padding: 0;}

/* ----- gear DIVs for custom fields ---- */
#mockup-1, #mockup-2, #closeup-1, #closeup-2 {padding:2.5%}
#mockup-1 {border:1px solid #abc;}
#mockup-2 {border:1px solid #ff5500;}
#closeup-1 {border:1px solid #b20;}
#closeup-2 {border:1px solid #fc0;}
#pricing {border:1px solid #000080}



/* ----- pricing ---- */

#cart {position:relative; top:0px;left:0px;}
.red {color:#b20;}
.price {float:right;}

.addtocart p {float:right; padding:2px 0px; border:0;}
.price {font-size:14px; font-weight:bold;
color:#376177;}

.addtocart a:link, .addtocart a:visited, .addtocart a:hover, .addtocart a:active {text-decoration:none; padding:2px 0px; border:0;color:#FF6600;}

.addtocart a:hover {background:#778800;}
.addtocart a:hover {color:#FFF; padding:2px 0px; }
/* ----- END of pricing  */


/*-------------- Sizing Table --------------*/
#sizing {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}



th {
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;

	
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {text-align:center;}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;}

td.size {background: #F5FAFA;
	color: #797268; font-weight:bold;}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}


th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}


th.chartspec {background: #efefef;color: #5D7102;}
th.chartspec {color:#3C657B;}


/* for tabs */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}