/* CSS Document */

* { margin:0; padding:0; font-size:100%;}
html{margin-top:-5px;}
body{background:#000000; text-align:center; width:100%;}
#pageContent { width:100%; height:100%; overflow:hidden;margin:auto;}
.bot-tail{ background:url(../images/bot-tail.gif) bottom repeat-x;}
.top-bg{ background:url(../images/body-bg.jpg) top center no-repeat;}

img {vertical-align:top;}
a img area { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.5625em; line-height:1.556em; color:#6a6868;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
h3{ text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px;}
strong{ color:#fff;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:240px; color:#c0c0c0;}
.space1{ margin-left:52px;}
.padding1{ padding-top:57px; color:#c0c0c0;}
.padding2{ padding-top:22px;}
.padding3{ padding-top:50px;}
.padding4{ padding-top:14px;}

/* ============================= header ====================== */
#header{ width:100%; overflow:hidden;}
#header .logo{ padding:31px 0 0 29px;}
#header .menu{ float:right; padding:41px 15px 0 0;}
#header .menu li{ float:left; padding-left:4px;}
#header .menu a{ display:inline-block; background:url(../images/menu-item-left-bg.gif) left top no-repeat; color:#878787; text-decoration:none; text-transform:uppercase; cursor:pointer;}
#header .menu a span{ display:inline-block; background:url(../images/menu-item-right-bg.gif) right top no-repeat; padding:0 4px;}
#header .menu a span span{ background:#1f1e1e; padding:4px 5px 4px 5px;}

#header .menu a:hover, #header .menu .active{ background:url(../images/menu-item-left-bg-act.gif) left top no-repeat; color:#ffffff; }
#header .menu a:hover span, #header .menu .active span{ background:url(../images/menu-item-right-bg-act.gif) right top no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:#000000;}

/* ============================= content ====================== */
#content{ background:url(../images/content-bot-tail.gif) bottom no-repeat #000000; padding:7px 7px 0px 7px;}
.content{ background:#191919; padding:4px;}
.column-2{ margin-left:67px; padding-top:66px; color:#c0c0c0;}
.indent{ padding:66px 66px 53px 58px; color:#c0c0c0;}
.link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a;}
.link:hover{ color:#ffffff;}
.link1{ display:inline-block; margin-top:20px; text-decoration:none; text-transform:uppercase; color:#f4f4f4;}
.link1:hover{ color:#6a6868;}

/* ============================= pages ====================== */
#home #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}
#collection #content{ background:url(../images/collection-frame-bg.png) no-repeat 0 0; position:relative;}
#store #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}

#contactus #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative; }
#contactus .content{ background:#191919; padding:0px; margin: 10px 0 0 -2px}
#contactus h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#contactus .padding1{ padding-top:17px; color:#ffffff;}
#contactus .padding3{ padding-top:25px;}
#contactus .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#contactus .link:hover{ color:#ffffff;}
#contactus .column-2{ margin-left:47px; padding-top:46px; color:#c0c0c0;font-size:12px;}
#contactus .column-1{ margin-left:0px; margin-top:0px; color:#c0c0c0;font-size:12px;}

#aboutus #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}
#aboutus .content{ background-image:url(../images/image3.jpg); padding:0px; margin: 10px 0 0 -2px}
#aboutus h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#aboutus .padding1{ padding-top:27px; color:#ffffff;}
#aboutus .padding3{ padding-top:25px;}
#aboutus .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#aboutus .link:hover{ color:#ffffff;}
#aboutus .column-2{ margin-left:47px; padding-top:26px; color:#c0c0c0;font-size:12px;}
#aboutus .column-2 hr{color:#ffffff;background-color:#ffffff;height:1px;border:0px;}
#aboutus .column-2 p{clear:both;width:100%;font-size:13px;font-weight:bold;color:#ffffff;line-height:110%;text-align: justify; text-justify: newspaper;}

#privacy #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}
#privacy .content{ background:#191919; padding:0px; margin: 10px 0 0 -2px; height:495px;}
#privacy h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#privacy .padding1{ padding-top:27px; color:#ffffff;}
#privacy .padding3{ padding-top:25px;}
#privacy .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#privacy .link:hover{ color:#ffffff;}
#privacy .column-2{ margin-left:67px; padding-top:46px; color:#c0c0c0;font-size:12px;}
#privacy .indent{ padding:26px 66px 53px 58px; color:#c0c0c0;}

#stores #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}
#stores .content{ background-image:url(../images/locatorBackground1.jpg); padding:0px; margin: -30px 0 0 -2px; height:495px;}
#stores h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#stores .padding1{ padding-top:27px; color:#ffffff;}
#stores .padding3{ padding-top:25px;}
#stores .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#stores .link:hover{ color:#ffffff;}
#stores .column-2{ margin-left:67px; padding-top:46px; color:#c0c0c0;font-size:12px;}
#stores .indent{ padding:26px 66px 53px 58px; color:#c0c0c0;}

#events  #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative;}
#events  .content{ padding:0px; margin: 10px 0 0 -2px; height:557px;}
#events  h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#events  .padding1{ padding-top:27px; color:#ffffff;}
#events  .padding3{ padding-top:25px;}
#events  .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#events  .link:hover{ color:#ffffff;}
#events  .column-2{ margin-left:67px; padding-top:46px; color:#c0c0c0;font-size:12px;}
#events  .indent{ padding:26px 66px 53px 58px; color:#c0c0c0;}

#login #content{ background:url(../images/page1-frame-bg.jpg) no-repeat 0 0; position:relative; }
#login .content{ background:#191919; padding:0px; margin: 10px 0 0 -2px}
#login h3 { text-transform:uppercase; color:#ffffff; font-weight:normal; padding-bottom:17px; font-size:14px;}
#login .padding1{ padding-top:27px; color:#ffffff;}
#login .padding3{ padding-top:25px;}
#login .link{ display:inline-block; margin-top:25px; text-decoration:none; text-transform:uppercase; color:#9a9a9a; margin-top:10px;}
#login .link:hover{ color:#ffffff;}
#login .column-2{ margin-left:47px; padding-top:46px; color:#c0c0c0;font-size:12px;}
#login .column-1{ margin-left:0px; margin-top:0px; color:#c0c0c0;font-size:12px;}

/* ============================= footer ====================== */
#footer{ position:relative; float:right;margin-right:295px; margin-top:-120px; text-transform:uppercase; }
#footer .text{ padding-top:6px;}
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm .col-1{ width:260px;}
#ContactForm .col-2{ width:165px;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:3px 0 4px 3px; width:274px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:3px 0 4px 3px; width:360px; height:95px; overflow:auto;}
#ContactForm .link{ float:right; margin:0 0 0 20px;}

/* =========================== checkout ============================ */
#checkout #vertMenu{
  position: relative;
  width: auto;
  height: auto;
  top: -490px;
  left:0;
  background-image:url(../Images/spacer.gif);
  background-position:top left;
  background-repeat:repeat-y;
}

#checkoutForm {
  margin-left:-2px;
  margin-top:9px;
}

#checkoutForm input {
  font-size:1.5em;
}

/* =========================== collection ========================== */
#collBackground {
  margin-top:10px;
  margin-left:-2px;
}

#collection #content .flash {
  margin-top:-465px;
  margin-left:0px;
}

.imgTrans{
  filter:blendTrans(duration=1.5)
}

#collMenu {
  margin-top:-496px;
  margin-left:180px;
}

#collection #content #vertMenu{
  position: relative;
  width: auto;
  height: auto;
  top: -420px;
  left:0px;
  background-image:url(../Themes/AudreyTalbott/Images/background.gif);
  background-position:top left;
  background-repeat:repeat-y;
}

#collSketch1 {
  margin-left:-80px;
  margin-top:-45px;
}

#collSketch2 {
  margin-left:650px;
  margin-top:-455px;
}


/* ============================= general =========================== */
#menu {
  margin-top:-37px;
  margin-left:-8px;
  z-index:1;
  background:url(../Images/menuBg.jpg) left top repeat-x;
  width:982px;
}
#menu #menuContent { 
 margin-left:0px;
}

#logo {
  margin-top:-80px;
  margin-left:-3px;
  z-index:2;
}

#rollImage {
  margin-left:-2px;
  margin-top:9px;
}

#home #vertMenu{
  position: relative;
  width: auto;
  height: auto;
  top: -525px;
  left:0;
  background-image:url(../Themes/AudreyTalbott/Images/background.gif);
  background-position:top left;
  background-repeat:repeat-y;
}

#vertMenu{
  position: relative;
  width: auto;
  height: auto;
  top: -490px;
  left:0;
  background-image:url(../Themes/AudreyTalbott/Images/background.gif);
  background-position:top left;
  background-repeat:repeat-y;
}

#vertMenuTab{
  float:left;
  height:137px;
  width:28px;
}

#vertMenuTab img{
  border:0px solid #FFFFFF;
}

#vertMenuContents{
  margin-left:25px;
  overflow:hidden !important;
}

#vertMenuContentsInner{
  width:150px;
}

#home #content .flash {
  margin-top:11px;
  margin-left:15px;
  background-color:#000000;
}

#botLogo {
  margin-top:270px;
}

.clear {
 clear:both;
}
.red {
 color:red;
}
.hide {
 display:none;
}
.aleft {
 text-align:left;
}
.aright {
 text-align:right;
}
.acenter {
 text-align:center;
}
.bot5 {
 margin-bottom:5px;
}
.bot10 {
 margin-bottom:10px;
}
.bot15 {
 margin-bottom:15px;
}
.top5 {
 margin-top: 5px;
}
.top10 {
 margin-top: 10px;
}
.top15 {
 margin-top: 15px;
}
.left5 {
 margin-left:5px;
}
.left10 {
 margin-left:10px;
}
.left15 {
 margin-left:15px;
}
.right5 {
 margin-right:5px;
}
.right10 {
 margin-right:10px;
}
.right15 {
 margin-right:15px;
}
.font10 {
 font-size:10px;
}
.font11 {
 font-size:10px;
}
.font12 {
 font-size:12px;
}
.font14 {
 font-size:14px;
}
.bolded {
 font-weight:bold;
}
.newspaper {
  text-justify: newspaper;
}

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.homecontainer{
    float:right;
    background: url(../../../Images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(../../../Images/shadow.gif) no-repeat bottom right;
}

.homecontainerpad {
    float:left;
    background: url(../../../Images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(../../../Images/shadow.gif) no-repeat bottom right;
    margin: 10px 4px 4px 0 !important;
    margin: 10px 4px 4px 0;
}

.imagecontainer img{
  display: block;
  position: relative;
  background-color: #f7f7f7;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.imageText {
  text-align:left;
  vertical-align:top;
  padding:10px;
  font-size:.85em;
  font-weight:bold;
  margin:10px 0px 4px 10px;
  width:125px;
}

.imageText b {
  color:#712020; 
}

/* modal popups */
#popUpHeader {
  background-color : #FFFFFF;
  color : #000000;
  border : 0;
  margin : 0 0 0 0;
  text-align:left;
}

#popUpContent {
  background-color : #FFFFFF;
  color : #000000;
  width : 660px;
  margin-left : auto;
  margin-right : auto;
}

#popupMask {
  position: absolute;
  z-index: 2000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  /* this hack is so it works in IE
   * I find setting the color in the css gives me more flexibility
   * than the PNG solution.
   */
  background-color:transparent !important;
  background-color: #333333;
  /* this hack is for opera support
   * you can uncomment the background-image if you don't care about opera.
   * this gives you the flexibility to use any bg color that you want, instead of the png
   */
  background-image/**/: url("../../../Images/maskBG.png") !important; // For browsers Moz, Opera, etc.
  background-image:none;
  background-repeat: repeat;
  display:none;
}
#popupContainer {
  position: absolute;
  z-index: 2001;
  top: 0px;
  left: 0px;
  display:none;
  padding: 0px;
}
#popupInner {
  border: 2px solid #000000;
  background-color: #ffffff;
}

#popupFrame {
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2002;
}
#popupTitleBar {
  background-color: #7b7b7b;
  color: #ffffff;
  font-weight: bold;
  height: 16px;
  padding: 0;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #7b7b7b;
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
  position: relative;
  z-index: 2003;
}
#popupTitle {
  float:left;
  font-size: 1.1em;
}
#popupControls {
  float: right;
  cursor: pointer;
  cursor: hand;
}

#modalContent {
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color : #FFFFFF;
  color : #000000;
  border : 0;
  margin : 0 0 0 0;
  text-align:center;
}

.blackButton {
    color:#ffffff;
    background-color: #000000;
    padding-left:5px;
    padding-right:5px;
    border:1px solid  #ffffff;
    text-decoration:none;
}

.grayButton {
    color:#ffffff;
    background-color: #999999;
    padding: 0 5px 3px 5px;
    border:1px solid  #c0c0c0;
    text-decoration:none;
}
.darkButton {
 color:#ffffff;
 background-color: #383838;
 padding: 0 5px 3px 5px;
 border:1px solid  #c0c0c0;
 text-decoration:none;
 font-size: 13px;
 padding: 0 5px 4px 5px;
}

#headMenu #cartSubTotal {
  display:none;
}

#events #content #flash {
  margin-left:-2px;
  margin-top:9px;
}

/*  Cart Additions */
.reviewPrice {
  float:right;
  width:70px;
  text-align:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #003399;
  border-style: none;
}

.reviewFont {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.reviewText{
  float:left;
  font-weight:bold;
  width:150px;
  text-align:right;
}

.reviewBlock {
  float:right;
  margin-top:10px;
}

.reviewButtons {
  height:30px;
  border-top:1px solid #c0c0c0;
  margin-top:5px;
}

.reviewButton {
  font-size:12px;
  padding: 0 5px 4px 5px;
}

/* checkout page */
#checkoutTabs {
  width:800px; 
  height:400px;
  padding:2px;
  margin:20px 0 0 85px;
}
#checkoutFormDiv {
  background:url(../Images/collBackground5.jpg) no-repeat;
  width:969px;
  height:497px;
}
.ccImage {
 margin-left:20px;
}
#checkoutContent {
 width:770px;
}

#checkoutLogin .loginForm {
 width:100%;
 overflow:hidden;
 text-align:left;
 margin-top:10px;
}
.fullNoScroll {
 width:100%;
 overflow:hidden;
}
.halfNoScroll {
 float:left;
 width:380px;
 overflow:hidden;
}
.checkoutBill {
}

.checkoutShip {
}
.shipperDiv {

}
.checkoutHdr {
  overflow:hidden;
}

.heading {
 text-align:left;
 margin:3px 0 0 5px;
}

.checkoutText {
 text-align:left;
}

.checkoutLabel {
  font-size:13px;
  width:125px;
  text-align:right;
  float:left;
  padding:2px;
}
.checkout input {
  font-size:12px;
  width:125px;
  text-align:left;
}

.loginError {
 font-family: Arial;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 color: #CC0000;
 text-decoration: none;
}

.checkoutHdr {
 background:#383838;
 font: bold 16px tahoma, verdana, arial;
 color:#fff;
 height:25px;
}

/* CSS Tables */
#detailTable {
 width:375px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 /*text-align:center; /*centers in IE5.x*/
 /*background-color:#e3e3e3;*/
 /*overflow:hidden;*/
}
#detailTable .cell1{
 float:left;
 width:235px;
 margin:5px;
 text-align:left;
}
#detailTable .cell2{
 float:left;
 width:55px;
 margin:5px;
 text-align:right;
}
#detailTable .cell3{
 float:left;
 width:55px;
 margin:5px;
 text-align:right;
}
#totalTable {
 width:375px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 text-align:center; /*centers in IE5.x*/
 background-color:#fff;
 overflow:hidden;
}
#totalTable .cell1{
 float:left;
 width:190px;
 margin:0px;
 text-align:left;
}
#totalTable .cell2{
 float:left;
 width:95px;
 margin:0px;
 text-align:right;
 font-weight:bold;
}
#totalTable .cell3{
 float:left;
 width:90px;
 margin:0px;
 text-align:right;
 color:#003399;
 font-weight:bold;
}

#ccTable {
 width:380px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 text-align:center; /*centers in IE5.x*/
 background-color:#fff;
 overflow:hidden;
}
#ccTable .cell1{
 float:left;
 width:170px;
 margin:5px;
 text-align:left;
}
#ccTable .cell2{
 float:left;
 width:170px;
 margin:5px;
 text-align:left;
}
#ccTable select {
 font-size:12px;
}

#loginTable {
 width:230px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 text-align:center; /*centers in IE5.x*/
 background-color:#fff;
 overflow:hidden;
}
#loginTable .cell1{
 float:left;
 width:105px;
 margin:5px;
 text-align:left;
}
#loginTable .cell2{
 float:left;
 width:195px;
 margin:5px;
 text-align:left;
}
#loginTable .cell3{
 float:left;
 width:195px;
 margin:5px;
 text-align:left;
}
#loginTable select {
 font-size:12px;
}

.loginButton {
  float:left;
  margin: -20px 0 0 155px;
}

.searchButton {
  float:left;
  margin: 0 0 0 5px;
}

#reminderTable {
 width:290px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 text-align:center; /*centers in IE5.x*/
 background-color:#fff;
 overflow:hidden;
}
#reminderTable .cell1{
 float:left;
 width:105px;
 margin:5px;
 text-align:left;
}
#reminderTable .cell2{
 float:left;
 width:195px;
 margin:5px;
 text-align:left;
}
.passText {
  float:left;
}
.searchText {
  float:left;
}
.grayLogin {
    color:#ffffff;
    background-color: #999999;
    padding: 0 5px 3px 5px;
    border:1px solid  #c0c0c0;
    text-decoration:none;
}

#registerForm {
  width:550px;
  height:300px;
}
#registerForm input {
  font-size:14px;
}
#registerForm span td {
  line-height:1.5em;
}

/* store finder form */
#locTable {
 width:250px; /*(100px+ 5pxL/Rmargin) X 3*/
 margin: 0 auto; /*centers in FF/Moz/etc */
 text-align:center; /*centers in IE5.x*/
 background-color:#fff;
 overflow:hidden;
 color:#000000;
}
#locTable .cell1{
 float:left;
 width:235px;
 margin:5px;
 text-align:left;
}
#locTable .cell2{
 float:left;
 width:235px;
 margin:5px;
 text-align:left;
}
#locTable .cell3{
 float:left;
 width:235px;
 margin:5px;
 text-align:left;
}
#locTable select {
 font-size:12px;
}

#locTable .txtbox {
  height:20px;
  width:225px;
}

/* MyAccount Page */
.myAccountTab {
  width:670px;
  height:460px;
  background-color:#ffffff;
}
#myAccountTabDiv {
  width:670px;
  height:460px;
  margin-left:5px;
}
#myAccountTab input {
  font-size:12px;
}
#myAccount_orders {
  width:99%;
  height:327px;
  background-color:#ffffff;
}
#myOrders {
  width:100%;
  height:327px;
  padding:5px;
  font-size:12px;
}
/* dhtmlx extentions */

/* Grid */
.grid_hover_modern {
  background-color:#BAD9E5;
}

#totals {
  margin-top:-20px;
}

/* This is the imageTrail definitions */
#loader_bg {
  background-color:#EBEBE4;
  position:relative;
  top:8px;left:8px;height:7px;
  width:113px;font-size:1px
}
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}

#loader {
  font-family:Tahoma, Helvetica, sans;
  font-size:10px;
  color:#000000;
  background-color:#FFFFFF;
  padding:10px 0 16px 0;
  margin:0 auto;
  display:block;
  width:135px;
  border:1px solid #6A6A6A;
  text-align:left;
  z-index:1201;
}

.flyout_title {
  font-family:Tahoma;
  font-size:11pt;
  font-weight:bold;
  font-style:oblique;
  color:#712020; 
  width:215px;
  height:40px;
  text-align:center;
  overflow:hidden;
  margin-top:12px;
  margin-left:35px;
/*  padding:12px 0 0 18px; */
}

.flyout_footer {
  font-family:Tahoma;
  font-size:1.1em ;
  font-weight:bold;
  font-style:oblique;
  color:#712020; 
  text-align:center;
  vertical-align:center;
  margin-bottom:30px;
  padding:10px;
/*  padding:12px 0 0 18px; */
}

.flyout_border{
  z-index:5500;
  position:absolute; 
  background: #fff;
  border: 1px solid #444;
}

.flyout_container{
  float:right;
  clear:right;
  background: url(../../../Images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../../../Images/shadow.gif) no-repeat bottom right;
  margin: 0px 15px 5px 5px !important;
  margin: 0px 15px 5px 5px;
}

.image_flyout {
  vertical-align:top;
  text-align:center;
}
.image_flyout img{  
  vertical-align:top;
  text-align:center;
}

/* Image Preloader Code *'
/* ADD THIS TO CSS */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}