html, body { height: 100%; }
			
html>body #container { height: auto; }

img { -ms-interpolation-mode : bicubic; }

body { margin: 0; color: #FFF; background-color: #262626; background-image: url(../../static/images/background.gif); background-repeat: repeat; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; 
	
	scrollbar-face-color:#6E6E6E;
	scrollbar-arrow-color:#F9DB45;
	scrollbar-track-color:#262626;	
	scrollbar-shadow-color:#262626;	
	scrollbar-highlight-color:#262626;
	scrollbar-3dlight-color:#262626;	
	scrollbar-darkshadow-color:#262626;	
	
}

.maskouter { overflow: hidden; position: relative; background-color: transparent; color: #FFFFFF; border: 0px solid #0000CC; width: 0; height: 0;  }
.maskmiddle {margin:0pt auto; border: 0px solid #00CC33;  } /* for explorer only*/
.maskinner {border: 0px solid #CC3300; } /* for explorer only */

/* Formatting for Login Window */

table.loginwindow { border: 5px solid #000; background-color: #FFF; color: #000; vertical-align: middle; text-align: center; width: 480px;}


td.topcell { padding: 14px 18px 4px 18px;}
td.leftcell { padding: 4px 2px 4px 18px;}
td.rightcell { padding: 4px 18px 4px 2px;}
td.multicell { padding: 4px 18px 4px 18px;}
td.forgottenpw { padding: 15px 18px 10px 18px;}
td.errormessage { padding: 15px 18px 10px 18px; color: #CC0000; font-size: 11px;}

a.forgottenpw { color: #999; text-decoration: none;}
a.forgottenpw:link { color: #999; text-decoration: none;}
a.forgottenpw:visited { color: #999; text-decoration: none; }
a.forgottenpw:hover {color: #B39D32; text-decoration: none; }

/* Formatting for Primary Image Viewing Window */

.wrapper { border: 0; width: 100%; height: 100%;}
.headertable { width: 99%; }
.header { border: 0; width: 100%; }
.snav { width: 180px; height: 60%;  }
.imagecontent { }
.footer { border: 0; width: 100%; height: 100px;}
.contentwrapper { margin: 0 0 0 0; padding: 0; }
.errormsg { padding: 15px 18px 10px 18px; color: #CC0000; font-size: 11px;}

/*.wrapper td { border: 1px solid #FFF; } */

.thumbholder td { padding: 0 5px 0 0; vertical-align: top; text-align: right; }
.thumbdiv { height: 86px; }
/* .thumbicon { height: 8px; } */

/*

 .thumbholder { border-top: 8px solid; }
.thumbdiv { padding: 0 5px 0 0; height: 128px; font-size: 0; overflow: hidden; }
.thumb { height: 96px; }
.thumb2 { height: 96px; }
*/
/* .thumb img { height: 16px; } */

.footertable { width: 100%; text-align: center; }
.imagecontainer { padding: 0 10px 0 10px; text-align: center; width: 390px; height: 246px; }
.leftofimage { width: 22px; text-align: right; }
.rightofimage { width: 160px; text-align: left; }

td.logo { border-right: 3px solid #393939; border-bottom: 3px solid #393939; height: 12px; overflow:hidden;  }
.logo_div { position: absolute; top: 0; left: 0; float:left; width: 182px;  }
td.yearbook { padding: 7px 10px 0 0; text-align: right; text-transform: uppercase; }
td.beneathimage { padding: 10px 10px 0 10px; text-align: left; text-transform: uppercase; }

.thumbscroller { width: 100%; overflow: auto; text-align: left; margin: 0; }

/* Select a Session Page Only CSS */

#sessioncontainer { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; }
    
html>body #sessioncontainer { height: auto; }

#sessionfooter { position: absolute; left: 0; width: 100%; background-color: #000; background: url(../../static/images/background_dark.gif) repeat top left; text-align: center; }

div.sessionscroller { height: 350px; width: 100%; overflow: hidden; text-align: left; }

#allthecontent { padding-bottom: 25px; }

table.sessiontitleholder { width: 100%; background-color: #000; background: url(../../static/images/background_dark.gif) repeat top left;}
p.sessiontitle { text-align: left; font-weight: bold; font-size: 18px; line-height: 16px; color: #FFF; padding: 10px 10px; margin: 0; }

table.sessionholder { border: 1px solid #333; padding: 0px 10px;}
table.sessionholder td { padding: 20px 15px; vertical-align: top; text-align: center; border: 1px solid #333; width: 210px;}
div.sessionimagecontainer { width: 210px; }
div.sessionimagecontainer img { height: 140px; border: 0;}

p.sessiondescription { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 18px; color: #F9D946; padding: 15px 10px 10px 0; margin: 0;}
p.sessiondate { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 14px; color: #FFF; padding: 5px 10px 30px 0; margin: 0; }

p.viewsession { text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 10px; padding-bottom: 15px; margin: 0;}
a.viewsession { color: #999; text-decoration: none;}
a.viewsession:link { color: #999; text-decoration: none;}
a.viewsession:visited { color: #999; text-decoration: none;}
a.viewsession:hover {color: #F9DB45; text-decoration: none;}

/* Text only pages CSS */

body.alltextpage { height: 100%;}
table.headeralltext { border: 0;}
table.texttable { width: 535px; height: 100%; background-color: #000; background: url(../../static/images/background_dark.gif) repeat top left;}
td.textpnav { border: 0; width: 100%; background-image: url(../../static/images/background_pnav.gif); background-repeat: repeat-x; text-align: left; height: 39px;}
td.textheader { text-align: center; font-weight: bold; font-size: 16px; line-height: 16px; letter-spacing: 1px; color: #F9DB45; text-transform: uppercase; padding: 43px 10px 12px 28px; margin: 0; height: 16px}
td.textcolumn1 { text-align: left; vertical-align: top; width: 50%; line-height: 14px; color: #FFF; padding: 12px 16px 12px 28px; margin: 0; }
td.textcolumn1right { text-align: right; vertical-align: top; width: 50%; line-height: 14px; color: #FFF; padding: 12px 16px 12px 28px; margin: 0; }
td.textcolumn2 { text-align: left; vertical-align: top; width: 50%; line-height: 14px; color: #FFF; padding: 12px 28px 12px 5px; margin: 0; }
td.logotext { width: 182px;}
td.textcontainer { height: 100%;}
td.logotext img { border-right: 3px solid #393939; border-bottom: 3px solid #393939;}
td.filler {height: 100%;}

span.closepad {padding-left: 28px;}

/* List of links for the Top Primary Navigation */

td.pnav { border: 0; width: 100%; background-image: url(../../static/images/background_pnav.gif); background-repeat: repeat-x; text-align: left; }
div.pnav { border: 0; width: 100%; background-image: url(../../static/images/background_pnav.gif); background-repeat: repeat-x; text-align: left; }

div#primarynavcont { position: relative; text-align: left; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; }
ul#primarynav { margin: 0 0 0 3px; padding: 0; width: 609px; height: 39px;}
#primarynav li { display: inline; list-style-type: none; margin: 0; padding: 0;}

ul#sessionviewnav { margin: 0 0 0 182px; padding: 0; width: 609px; height: 39px;}
#sessionviewnav li { display: inline; list-style-type: none; margin: 0; padding: 0;}

.primarynavitem { height: 20px;}

li#home a:link { padding: 20px 0 0 0; text-decoration: none; width: 83px; background: url(../../static/images/pnav_home.gif) no-repeat top left; float: left;}
li#home a:visited { padding: 20px 0 0 0; text-decoration: none; width: 83px; background: url(../../static/images/pnav_home.gif) no-repeat top left; float: left;}
li#home a:hover { padding: 20px 0 0 0; text-decoration: none; width: 83px; background: url(../../static/images/pnav_home-over.gif) no-repeat top left; float: left;}

li#sessions a:link { padding: 20px 0 0 0; text-decoration: none; width: 113px; background: url(../../static/images/pnav_sessions.gif) no-repeat top left; float: left;}
li#sessions a:visited { padding: 20px 0 0 0; text-decoration: none; width: 113px; background: url(../../static/images/pnav_sessions.gif) no-repeat top left; float: left;}
li#sessions a:hover { padding: 20px 0 0 0; text-decoration: none; width: 113px; background: url(../../static/images/pnav_sessions-over.gif) no-repeat top left; float: left;}

li#guest a:link { padding: 20px 0 0 0; text-decoration: none; width: 103px; background: url(../../static/images/pnav_guestaccounts.gif) no-repeat top left; float: left;}
li#guest a:visited { padding: 20px 0 0 0; text-decoration: none; width: 103px; background: url(../../static/images/pnav_guestaccounts.gif) no-repeat top left; float: left;}
li#guest a:hover { padding: 20px 0 0 0; text-decoration: none; width: 103px; background: url(../../static/images/pnav_guestaccounts-over.gif) no-repeat top left; float: left;}

li#password a:link { padding: 20px 0 0 0; text-decoration: none; width: 129px; background: url(../../static/images/pnav_password.gif) no-repeat top left; float: left;}
li#password a:visited { padding: 20px 0 0 0; text-decoration: none; width: 129px; background: url(../../static/images/pnav_password.gif) no-repeat top left; float: left;}
li#password a:hover { padding: 20px 0 0 0; text-decoration: none; width: 129px; background: url(../../static/images/pnav_password-over.gif) no-repeat top left; float: left;}

li#orderhistory a:link { padding: 20px 0 0 0; text-decoration: none; width: 106px; background: url(../../static/images/pnav_orderhistory.gif) no-repeat top left; float: left;}
li#orderhistory a:visited { padding: 20px 0 0 0; text-decoration: none; width: 106px; background: url(../../static/images/pnav_orderhistory.gif) no-repeat top left; float: left;}
li#orderhistory a:hover { padding: 20px 0 0 0; text-decoration: none; width: 106px; background: url(../../static/images/pnav_orderhistory-over.gif) no-repeat top left; float: left;}

li#logoff a:link { padding: 20px 0 0 0; text-decoration: none; width: 75px; background: url(../../static/images/pnav_logoff.gif) no-repeat top left; float: left;}
li#logoff a:visited { padding: 20px 0 0 0; text-decoration: none; width: 75px; background: url(../../static/images/pnav_logoff.gif) no-repeat top left; float: left;}
li#logoff a:hover { padding: 20px 0 0 0; text-decoration: none; width: 75px; background: url(../../static/images/pnav_logoff-over.gif) no-repeat top left; float: left;}


/* List of links for the Side Navigation */

ul.snav { padding: 16px 0 0 10px; margin: 20px; list-style-type: none; text-align: left; font-weight: bold; font-size: 12px; }
ul.snav li { padding: 8px 0; margin: 0; }

a#slideshow { background: url(../../static/images/button_slideshow.gif) no-repeat left top; }
a#compare { background: url(../../static/images/button_compare.gif) no-repeat left top; }
a#viewgroup { background: url(../../static/images/button_viewgroup.gif) no-repeat left top;}
a#viewcart { background: url(../../static/images/button_viewcart.gif) no-repeat left top;}

ul.snav li a { color: #FFF; text-decoration: none; padding: 8px 0 8px 35px;}
ul.snav li a:link { color: #FFF; text-decoration: none; padding: 8px 0 8px 35px;}
ul.snav li a:visited { color: #FFF; text-decoration: none; padding: 8px 0 8px 35px;}
ul.snav li a:hover {color: #F9DB45; text-decoration: none; padding: 8px 0 8px 35px;}

/* Secondary List of links for the Side Navigation */

ul.grouplist { padding: 8px 0 0 0; margin: 0px; list-style-type: none; text-align: left; font-weight: normal; font-size: 12px;  }

ul.grouplist li { padding: 3px 0 3px 0;}
ul.grouplist li a:link { color: #FFF; text-decoration: none;}
ul.grouplist li a:visited { color: #FFF; text-decoration: none;}
ul.grouplist li a:hover { color: #F9DB45; text-decoration: none;}

ul.orderimage { padding: 5px 0 0 0; margin: 0px; list-style-type: none; text-align: left; font-weight: bold; font-size: 11px;}
a#order { background: url(../../static/images/button_order.gif) no-repeat left top; }
a#new_order_products { background: url(../../static/images/button_order.gif) no-repeat left top; }
a#gethelp { background: url(../../static/images/help_button.gif) no-repeat left top; }

ul.orderimage li a { color: #F9DB45; text-decoration: none; padding: 2px 0 14px 35px;}
ul.orderimage li a:link { color: #F9DB45; text-decoration: none; padding: 2px 0 14px 35px;}
ul.orderimage li a:visited { color: #F9DB45; text-decoration: none; padding: 2px 0 14px 35px;}
ul.orderimage li a:hover {color: #82C341; text-decoration: none; padding: 2px 0 14px 35px;}

/* Image Color Selection */

p.colortitle { padding-top: 10px; padding-bottom: 0px; margin: 0; text-transform: uppercase; font-size: 9px; color: #CCC; }

span.leftpad {padding-left: 35px;}

ul.colors { padding: 5px 0 0 0; margin: 0px; list-style-type: none; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 10px; width: 160px;}
ul.colors li { padding: 3px 0; }

a.colorbutton { background: url(../../static/images/icon_color.gif) no-repeat left top; }
a.bandwbutton { background: url(../../static/images/icon_bandw.gif) no-repeat left top; }
a.sepiabutton { background: url(../../static/images/icon_sepia.gif) no-repeat left top; }

ul.colors li a { color: #CCC; text-decoration: none; padding: 0px 0 6px 23px;}
ul.colors li a:link { color: #CCC; text-decoration: none; padding: 0px 0 6px 23px;}
ul.colors li a:visited { color: #CCC; text-decoration: none; padding: 0px 0 6px 23px;}
ul.colors li a:hover {color: #FFF; text-decoration: none; padding: 0px 0 6px 23px;}
ul.colors li.selected a {color: #FFF; text-decoration: none; padding: 0px 0 6px 23px;}

/* View Previous Image Button */

ul.backbtn {padding: 6px 0 2px 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 22px;}
a.backbutton { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.backbutton:link { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.backbutton:visited { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.backbutton:hover { background-image: url(../../static/images/button_back-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}

/* View Next Image Button */

ul.nextbtn {padding: 6px 0 2px 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 22px;}
a.nextbutton { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.nextbutton:link { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.nextbutton:visited { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.nextbutton:hover { background-image: url(../../static/images/button_next-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}

/* Main Previous Image Button */

ul.main_backbtn {padding: 10px 0 2px 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 22px; float: left; display:inline; }
a.main_backbutton { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_backbutton:link { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_backbutton:visited { background-image: url(../../static/images/button_back.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_backbutton:hover { background-image: url(../../static/images/button_back-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}

/* Main Next Image Button */

ul.main_nextbtn {padding: 10px 0 2px 10px; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 22px; float: left; display:inline; page-break-after: avoid; page-break-inside: avoid; }
a.main_nextbutton { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_nextbutton:link { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_nextbutton:visited { background-image: url(../../static/images/button_next.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}
a.main_nextbutton:hover { background-image: url(../../static/images/button_next-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 22px; text-decoration: none;}


/* Icons below Thumbnails */

ul.icons { padding: 0; margin: 2px 0 0 0; height: 12px; list-style: none; }
ul.icons li { display: inline; }

li.iconcolors { display: inline; margin: 0; padding: 0 8px; width: 15px; background: url(../../static/images/icon_color.gif) no-repeat top left; }
li.iconbandw { display: inline; margin: 0; padding: 0 8px; width: 15px; background: url(../../static/images/icon_bandw.gif) no-repeat top left; }
li.iconsepia { display: inline; margin: 0; padding: 0 8px; width: 15px; background: url(../../static/images/icon_sepia.gif) no-repeat top left; }
li.iconordered { display: inline; margin: 0; padding: 0 8px; width: 9px; background: url(../../static/images/icon_ordered.gif) no-repeat top left; }
li.iconfavorite { display: inline; margin: 0; padding: 0 8px; width: 15px; background: url(../../static/images/icon_favorite.gif) no-repeat top left; }
li.iconyearbook { display: inline; margin: 0; padding: 0 8px; width: 15px; background: url(../../static/images/icon_yearbook.gif) no-repeat top left; }
li.iconholder { display: inline; margin: 0; padding: 0 8px; width: 9px; }

/* Rating system layout. Goes below primary image */

.ratingarea { }
div.rating { float: left; font-size: 9px; color: #CCC; border-right: 2px solid #CCC; text-align: right; padding: 2px 5px 8px 26px; margin: 0; text-transform: uppercase; }
div.coloroptions { float: right; font-size: 9px; color: #CCC; border-left: 2px solid #CCC; text-align: left; padding: 2px 26px 4px 5px; margin: 0; text-transform: uppercase; }


/* Return to Main Screen Button */
a.closebtn { color: #FFF; text-decoration: none; font-size: 11px;}
a.closebtn:link { color: #FFF; text-decoration: none; font-size: 11px;}
a.closebtn:visited { color: #FFF; text-decoration: none; font-size: 11px;}
a.closebtn:hover {color: #F9DB45; text-decoration: none; font-size: 11px;}


/* Shipping and Billing Pages */

.checkoutsnav { width: 140px; height: 100%; vertical-align: top; text-align: left;}
.checkoutcontent { width: 100%; height: 100%; vertical-align: top; text-align: left;}
.billingbackground { background-color: #3D3D3D; padding: 15px; width: 516px; margin-top: 8px;}
.billingwrapper { width: 515px; vertical-align: top; text-align: left; color: #F9DB45; text-transform: uppercase; font-size: 11px; line-height: 22px; border: 2px solid #6E6E6E; }
.billingwrapper td { padding: 0 5px 0 15px; border-bottom: 1px solid #6E6E6E; }
.contactinfo td { vertical-align: top; text-align: left; border: 0; padding: 0 10px 0 0;}
.billingheader { font-size: 11px; font-weight: bold; color: #F9DB45; text-transform: uppercase; position: absolute; top: 88px; left: 250px; margin: 0; padding: 2px; background-color: #3D3D3D;}
td.checkbottompad { padding-bottom: 8px; }

/* Continue Checkout Button */
a.submit { background-image: url(../../static/images/button_submit.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submit:link { background-image: url(../../static/images/button_submit.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submit:visited { background-image: url(../../static/images/button_submit.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submit:hover { background-image: url(../../static/images/button_submit-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}

.accountwrapper { width: 515px; vertical-align: top; text-align: left; color: #F9DB45; text-transform: uppercase; font-size: 11px; line-height: 22px; border: 2px solid #6E6E6E; }
.accountinfo { margin-bottom: 32px; }
.accountlogin { margin-left:2px; width:128px; text-align:right; }

.checkout_fullwidth480 { width: 480px; font-size: 11px; }
.checkout_fullwidth475 { width: 475px; font-size: 11px; }
.checkout_halfwidth230 { width: 230px; font-size: 11px; }
.checkout_halfwidth235 { width: 235px; font-size: 11px; }
.checkout_quarterwidth110 { width:110px; font-size: 11px; }

a#reviewcart { background: url(../../static/images/button_1.gif) no-repeat left top; }
a#shippinginfo { background: url(../../static/images/button_2.gif) no-repeat left top; }
a#billinginfo { background: url(../../static/images/button_3.gif) no-repeat left top;}
a#reviewcart_s { background: url(../../static/images/button_1_s.gif) no-repeat left top; }
a#shippinginfo_s { background: url(../../static/images/button_2_s.gif) no-repeat left top; }
a#billinginfo_s { background: url(../../static/images/button_3_s.gif) no-repeat left top;}
span.billinginfooff { background: url(../../static/images/button_3.gif) no-repeat left top;}

ul.continuebtn {padding: 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 160px;}
ul.continuebtn li {padding-bottom: 7px; }

/* Continue Checkout Button */
a.continuecheck { background-image: url(../../static/images/button_checkout.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.continuecheck:link { background-image: url(../../static/images/button_checkout.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.continuecheck:visited { background-image: url(../../static/images/button_checkout.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.continuecheck:hover { background-image: url(../../static/images/button_checkout-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}

ul.returnshop { padding: 5px 0 0 480px; margin: 0px; list-style-type: none; text-align: left; font-weight: bold; font-size: 11px; text-transform: uppercase; }
a.returnbtn { background: url(../../static/images/button_close.gif) no-repeat left top; }
ul.returnshop li a { color: #FFF; text-decoration: none; padding: 1px 0 16px 28px;}
ul.returnshop li a:link { color: #FFF; text-decoration: none; padding: 1px 0 16px 28px;}
ul.returnshop li a:visited { color: #FFF; text-decoration: none; padding: 1px 0 16px 28px;}
ul.returnshop li a:hover {color: #F9DB45; text-decoration: none; padding: 1px 0 16px 28px;}
span.returnpad {padding-left: 28px;}

/* Create Guest Accounts */

.guestlisting { border-right: 2px solid #6E6E6E; border-left: 3px solid #6E6E6E; border-bottom: 2px solid #6E6E6E; }
.guestlisting td { border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 10px 10px; vertical-align: top; background: url(../../static/images/background_yellow.gif) repeat top left;}
.guestlistingheader { border-right: 3px solid #6E6E6E; border-left: 3px solid #6E6E6E; border-top: 3px solid #6E6E6E; }
.guestlistingheader td { border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 2px 2px; vertical-align: top; background-color: #F9DB45; color: #585858;}
.guesthd { text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.guestemail { }
.guestedits { width: 120px; }
ul.guestbtns {padding: 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 60px; display: inline;}
ul.guestbtns li {padding-bottom: 0px; display: inline; }

/* Modify Button */
a.guestmodify { width: 100px; background-image: url(../../static/images/button_modify.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestmodify:link { width: 100px; background-image: url(../../static/images/button_modify.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestmodify:visited { width: 100px; background-image: url(../../static/images/button_modify.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestmodify:hover { width: 100px; background-image: url(../../static/images/button_modify-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}

/* Remove Button */
a.guestremove { width: 100px; background-image: url(../../static/images/button_remove.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestremove:link { width: 100px; background-image: url(../../static/images/button_remove.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestremove:visited { width: 100px; background-image: url(../../static/images/button_remove.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}
a.guestremove:hover { width: 100px; background-image: url(../../static/images/button_remove-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 5px 55px; text-decoration: none;}



table.orderhistory th { border: 1px solid #6E6E6E; padding: 8px 8px; background-color: #F9DB45; color: #585858; }
table.orderhistory td { border: 1px solid #6E6E6E; padding: 8px 8px; }

/* View Order Button */
a.vieworderbutton { background-image: url(../../static/images/view_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 15px 102px; text-decoration: none;}
a.vieworderbutton:link { background-image: url(../../static/images/view_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 15px 102px; text-decoration: none;}
a.vieworderbutton:visited { background-image: url(../../static/images/view_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 15px 102px; text-decoration: none;}
a.vieworderbutton:hover { background-image: url(../../static/images/view_order-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 15px 102px; text-decoration: none;}



/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*
	opacity: .9;
	filter: alpha(opacity=90);
	 * 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: #000000;
	/* 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("../../static/images/maskBG.png") !important; 
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; }
#popupInner { }
#popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; }
#popupTitleBar { color: #ffffff; font-weight: bold; height: 1.3em; padding: 0px; position: relative; z-index: 203; }
#popupTitle { float:left; font-size: 1.1em; }
#popupControls { float: right; cursor: pointer; width: 160px; height: 35px; }

/* Order Selection Pop-Up */

#popitmenu{ position: absolute; z-index: 100; visibility: hidden; width: 200px; color: #FFF;
	/* opacity: .9; filter: alpha(opacity=90); */
	background-color:transparent !important;
	background-color: #000000;
	background-image/**/: url("../../static/images/maskBG.png") !important; 
	background-image:none;
	background-repeat: repeat;}
	
table.selectionwrapper { width: 380px; }
table.selectionwrapper td { padding: 0 15px 10px 15px; vertical-align: top; }
.selectleftcolumn {width: 80%; }
.selectrightcolumn {width: 20%; }
p.selectdescription { color: #F9DB45; text-align: justify; }

.selectleftcolumn a { color: #FFF; text-decoration: none;}
.selectleftcolumn a:link { color: #FFF; text-decoration: none;}
.selectleftcolumn a:visited { color: #FFF; text-decoration: none;}
.selectleftcolumn a:hover {color: #F9DB45; text-decoration: none;}

td.con_shippinginfo { vertical-align: top; padding-bottom: 8px; border-right: 1px solid #6E6E6E;}
td.con_billinginfo { vertical-align: top;  padding-bottom: 8px; }
.confirm_shippinginfo { color: #FFF; text-transform: none;}

a#orderconfirmation { background: url(../../static/images/button_4.gif) no-repeat left top;}
a#orderconfirmation_s { background: url(../../static/images/button_4_s.gif) no-repeat left top;}

/* Submit Order Button */
div.con_cont_button { width: 360px; text-align: left; float: left; margin-top: 5px;}
div.con_submit_button { width: 120px; text-align: right; float: left; margin-top: 5px;}

ul.submitbtn {padding: 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 120px;}
ul.submitbtn li {padding-bottom: 7px; }

a.submitorder { background-image: url(../../static/images/submit_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submitorder:link { background-image: url(../../static/images/submit_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submitorder:visited { background-image: url(../../static/images/submit_order.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}
a.submitorder:hover { background-image: url(../../static/images/submit_order-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 155px; text-decoration: none;}

/* Continue Shopping Button */
a.contshoppingorder { background-image: url(../../static/images/button_continue_shopping.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 145px; text-decoration: none;}
a.contshoppingorder:link { background-image: url(../../static/images/button_continue_shopping.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 145px; text-decoration: none;}
a.contshoppingorder:visited { background-image: url(../../static/images/button_continue_shopping.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 145px; text-decoration: none;}
a.contshoppingorder:hover { background-image: url(../../static/images/button_continue_shopping-over.gif); background-repeat: no-repeat; background-position: left top; padding: 0px 0 10px 145px; text-decoration: none;}

.con_shoppingtotals {text-align: right; height: 25px; padding: 12px 15px 0px 0px; margin: 0; vertical-align: top;}
.con_grandtotal { color: #F9DB45; }

td.con_items { padding: 0; }
.con_topofdetails { height: 15px; }
.con_itemswrapper { border: 2px solid #6E6E6E; width: 540px; margin: 15px 10px 15px 0px; font-size: 11px;}


.con_topofdetails { height: 15px; }
.con_itemswrapper { border: 2px solid #6E6E6E; width: 540px; margin: 15px 10px 15px 0px; font-size: 11px;}
.con_itemstable td { width: 90px; border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 10px 10px; vertical-align: middle;}
.con_packagetable1header td { border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 12px 12px; vertical-align: middle; font-weight:bold; font-variant:small-caps;  background-color: #F9DB45; color: #585858;}
.con_itemthumb { width: 7px; text-align: center; }
.con_itemnumber { width: 20px; text-align: center; }
.con_itemdesc { width: 100px; text-align: left; text-transform: none;}
.con_itemqty { width: 20px; text-align: center; }
.con_itemprice { width: 40px; text-align: right; }
.con_itemoptions { width: 68px; text-align: left;}

.con_itemshd { border-top: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; color: #999; font-size: 10px;}
.con_itemshd td { padding-top: 7px; padding-bottom: 7px; }
.con_itemthumbhd { width: 95px; text-align: center; }
.con_itemnumberhd { width: 40px; text-align: center; }
.con_itemdeschd { width: 117px; text-align: left; padding-left: 10px;}
.con_itemqtyhd { width: 38px; text-align: center; }
.con_itempricehd { width: 61px; text-align: right; }
.con_itemoptionshd { width: 82px; text-align: left; padding-left: 10px;}
.con_hdfiller { width: 25px;}

.con_itemstable td { width: 90px; border-bottom: 1px solid #6E6E6E; padding: 10px 10px; vertical-align: top; text-transform: none; color: #FFF;}
.con_itemthumb { width: 74px; text-align: center; border-right: 1px solid #6E6E6E; }
.con_itemnumber { width: 20px; text-align: center; border-right: 1px solid #6E6E6E; }
.con_itemdesc { width: 100px; text-align: left; border-right: 1px solid #6E6E6E;}
.con_itemqty { width: 20px; text-align: center; border-right: 1px solid #6E6E6E; }
.con_itemprice { width: 60px; text-align: right; border-right: 1px solid #6E6E6E;  }
.con_itemextended { width: 68px; text-align: center; }

.con_itemthumbpkghd { width: 74px; text-align: center; border-right: 1px solid #6E6E6E; }
.con_itemnumberpkghd { width: 20px; text-align: center; border-right: 1px solid #6E6E6E; }
.con_itemdescpkghd { width: 100px; text-align: center; font-weight: bold; font-size: 12px; border-right: 1px solid #6E6E6E;}
.con_itemqtypkghd { width: 20px; text-align: center; font-weight: bold; border-right: 1px solid #6E6E6E;}
.con_itempricepkghd { width: 40px; text-align: right; font-weight: bold; border-right: 0; border-right: 1px solid #6E6E6E; }
.con_itemextendedpkghd { width: 68px; text-align: center; font-weight: bold; border-right: 0; }

img.con_itemimg { height: 46px; }

div.con_totals_wrapper { width: 154px; float: right; }
.con_totals { width: 150px; border: 0; }
.con_totals td.txt { border: 0; text-align: right;}
.con_totals td.cost { width: 50%; border: 0; text-align: right; }

.promo_totals { border: 0; }

/* -- review cart -- */
.reviewCart th { text-align: center; border-top: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; color: #999; font-size: 10px; }
.reviewCart td img { height: 46px;}
.cartPrice td { width: 10px; vertical-align: middle; border: 2px solid #CACACA; }
.servicemsg { margin: 24px; }

.item_options { color: #999; }
.hiddenImage { display: none }

/* ----- Billing Error ---- */
.billingerror
{
	background-color:White; 
	color:Red; 
	border-color:Red; 
	border-style: solid;
	border-width: 2px;
	margin:10px 10px 10px 0px;
}
div.billingerror
{
	margin: 10px 0 0 0;
}
td.billingerror
{
	border-style:none;
	background-color:inherit;	
}

/* html, body.compare { height: auto; } */
body.compare { margin: 0; color: #FFF; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; background: none; background-color: transparent;}
.comparewrapper { border: 0; text-align: center; z-index:410;  }
/* .comparewrapper td {border: 1px solid #FFF;} */
.compareimagecontent { padding: 0 0 0 0; background: url(../../static/images/background.gif) repeat; 
	overflow: hidden; 	
	opacity: .999999;
	filter: alpha(opacity=99);
 }
.compareimagecontainer { padding: 0 0 0 0; 
	position: relative; 
	margin: 0 auto; 
	overflow: hidden;
	overflow: hidden; 	
	opacity: .999999;
	filter: alpha(opacity=99);
}
/* .compareimagecontainer img { width:40em; } */
.compareback { width: 16px; text-align: left; }
.comparenext { width: 16px; text-align: right; }
.comparetitle { padding: 10px 10px 0 10px; text-align: left; font-weight: bold; }
.compareselect { padding: 7px 10px 0 0; text-align: right; text-transform: uppercase; color: #F9DB45; font-size: 11px; font-weight: bold;}
.comparethumbtable { text-align: center;}
.comparethumbscroller { overflow: auto; overflow-y: hidden; margin-top: 16px; }
table.comparethumbholder td { padding: 0 4px; vertical-align: top; text-align: right;}
.comparespacer { width: 8px; }

.compareselect a { text-transform: uppercase; color: #F9DB45; font-size: 11px; font-weight: bold; text-decoration: none;}
.compareselect a:link { text-transform: uppercase; color: #F9DB45; font-size: 11px; font-weight: bold; text-decoration: none;}
.compareselect a:visited { text-transform: uppercase; color: #F9DB45; font-size: 11px; font-weight: bold; text-decoration: none;}
.compareselect a:hover { text-transform: uppercase; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none;}


/* View Previous Image Button */

ul.comparebackbtn {padding: 6px 0 2px 0; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; width: 16px;}
a.comparebackbutton { background-image: url(../../static/images/back_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparebackbutton:link { background-image: url(../../static/images/back_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparebackbutton:visited { background-image: url(../../static/images/back_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparebackbutton:hover { background-image: url(../../static/images/back_compare-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}

/* View Next Image Button */

ul.comparenextbtn {padding: 6px 0 2px 0; margin: 0px; list-style-type: none; text-align: right; font-size: 11px; width: 16px; }
a.comparenextbutton { background-image: url(../../static/images/next_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparenextbutton:link { background-image: url(../../static/images/next_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparenextbutton:visited { background-image: url(../../static/images/next_compare.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}
a.comparenextbutton:hover { background-image: url(../../static/images/next_compare-over.gif); background-repeat: no-repeat; background-position: left top; padding: 6px 0 6px 16px; text-decoration: none;}

ul.compareclose { padding: 5px 0 0 650px; margin: 0px; list-style-type: none; text-align: left; font-weight: bold; font-size: 11px; text-transform: uppercase; }
a.compareclosebtn { background: url(../../static/images/button_close.gif) no-repeat left top; }
ul.compareclose li a { color: #FFF; text-decoration: none; padding: 0px 0 16px 28px;}
ul.compareclose li a:link { color: #FFF; text-decoration: none; padding: 0px 0 16px 28px;}
ul.compareclose li a:visited { color: #FFF; text-decoration: none; padding: 0px 0 16px 28px;}
ul.compareclose li a:hover {color: #F9DB45; text-decoration: none; padding: 0px 0 16px 28px;}
span.closepad {padding-left: 28px;}

ul.comparecolors { padding: 0 0 0 0; margin: 0 75px 0 0; list-style-type: none; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 10px; }
ul.comparecolors li { padding: 0 3px; }

ul.comparecolors li.colorbutton { background: url(../../static/images/icon_color.gif) no-repeat right center; }
ul.comparecolors li.bandwbutton { background: url(../../static/images/icon_bandw.gif) no-repeat right center; }
ul.comparecolors li.sepiabutton { background: url(../../static/images/icon_sepia.gif) no-repeat right center; }

ul.comparecolors li a { color: #CCC; text-decoration: none; padding: 0px 16px 0 0;}
ul.comparecolors li a:link { color: #CCC; text-decoration: none; padding: 0px 16px 0 0;}
ul.comparecolors li a:visited { color: #CCC; text-decoration: none; padding: 0px 16px 0 0;}
ul.comparecolors li a:hover {color: #FFF; text-decoration: none; padding: 0px 16px 0 0;}
ul.comparecolors li a.selected {color: #FFF; text-decoration: none; padding: 0px 16px 0 0;}

.maskouter {height: 256px; overflow: hidden; position: relative; background-color: #000000; color: #FFFFFF; line-height:0pt;  }
.maskouter[id] {display: table; position: static;}
.maskmiddle {position: absolute; top: 50%; left:50%; margin:0pt auto; } /* for explorer only*/
.maskmiddle[id] {display: table-cell; vertical-align: middle; position: static; }
.maskinner {position: relative; top: -50%; left: -50%; } /* for explorer only */

/* 
This is the beginning of the main vertical-align code
Use spans due to IE's weird handling. Technically you can use a <div> with display:inline as the first declaration, but that is clearly a bug. */
.image_holder {
display: block;
width: 400px;
height: 374px;
margin: 2px 2px 1px 2px; /* Purely for layout */
cursor: hand; /* Firefox behaves weirdly with some of the display settings below without this */ 
border: none;
text-align: center;
overflow: hidden; /* This constrains the width of the inline_image_holder span */
background-color: transparent; 
}
.inline_image_holder {
height: 0px; /* Set to more than shall be required - this prevents the image slipping to the next line if wider than image_holder */
margin-top: 0px; /* This value should be set at ((-1 * this.width/2) + parent.width /2)*/
text-align: center; /* Works with the above widths to center the image, without forcing a new line */
width: 400px;
display: -moz-inline-block; /* IE Ignores this */
display: inline-block; /* FF2 Ignores This */
vertical-align: middle;
}
/* 
The vertical spacer, as the first item in the row, sets the 'baseline' as the middle. 
This is the crux of the technique, and requires an additional <span> in markup.
 */
.vertical_spacer {
margin-top: -1px;
width: 1px;
display: -moz-inline-stack; /* Necessary (versus -moz-inline-box) to prevent image stretching in FF2 */
display: inline-block;
vertical-align: middle;
height: 1px;
border-top:solid 1px #CC00CC; /* Opera seems to require this */
}
.image_holder img {
display: inline-block;
vertical-align: middle;
}

.wacked_table {
	height: 100%;
	width: 100%;
}
.wacked_table img {
	display: inline-block;
}
.wacked_table td {
	text-align: center;
}

/*

	Product ShowCase and Cart 

*/
.displaycasewrapper { margin: auto; display: none; position:absolute; top: 5%; left: 64px; border: 0; width: 800px; height: 90%; text-align: center; z-index: 201; background-color: #222222;}
.cart_content {  margin: auto; display: none; position:relative; width: 800px; height: 540px; z-index: 202; padding: 32px 32px 32px 32px; background: url(../../static/images/background.gif) repeat; text-align: left; margin: 32px 32px 32px 32px; overflow: visible; border: solid 2px #888888; }
.display_content { top: 0px; left: 0px; margin: auto; display: none; position:relative; width: 800px; height: 540px; z-index: 205; padding: 32px 32px 32px 32px; background: url(../../static/images/background.gif) repeat; text-align: left; margin: 32px 32px 32px 32px; overflow: visible; border: solid 2px #888888; }
.cart_image_group_view { position:relative; height: 80%; width: 768px; }
.cart_scroll_block { margin: auto; position:relative; height: 246px; width: 768px; overflow: scroll; overflow-x: hidden; border: solid 1px #6E6E6E; }
.display_scroll_block { margin: auto; position:relative; height: 386px; width: 768px; overflow: scroll; overflow-x: hidden;  border: solid 1px #6E6E6E; }

.itemstable td { width: 90px; border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 10px 10px; vertical-align: middle;}
.packagetable1 td { width: 90px; border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 10px 10px; vertical-align: middle; background: url(../../static/images/background_yellow.gif) repeat top left; }
.packagetable1header td { border-right: 1px solid #6E6E6E;  border-bottom: 1px solid #6E6E6E; padding: 12px 12px; vertical-align: middle; font-weight:bold; text-transform: uppercase;  background-color: #F9DB45; color: #585858;}
.display_group {  border: solid 1px #6E6E6E; width: 100%; }
.display_table { width: 100%; padding-right: 32px; font-size: 14px; }
.display_table th { margin: 0 8px 0 8px; font-size: 12px; font-weight: normal; text-transform:uppercase; border-bottom: solid 2px #6E6E6E; width: 556px; }
.display_table h2 { font-size: 16px; }
.display_table p { width: 180px; margin-left: 8px; }
.display_table td { margin: 0 4px 0 4px; border-bottom: solid 2px #6E6E6E; width:120px; }

.promocode { visibility: visible; font-size: 11px; font-weight: bold; color: #F9DB45; margin: 0; padding-right:0px; padding-left:10px; background-color: #333; vertical-align:middle; background: url(../../static/images/background_medium.gif) repeat top left;  }

a.addpromo { color: #F9DB45; text-decoration: none; padding-top:0px;text-transform: uppercase;}

a.removepromo { color: #F9DB45; text-decoration: none; padding-top:0px; text-transform: uppercase; }

.disclaimers { color: #AAAAAA; font-size: xx-small; text-align: center; text-transform:uppercase  }
.disclaimers a { color: #AAAAAA; text-decoration:none; padding: 4px 4px 4px 4px; }
.disclaimers a:link { color: #AAAAAA; text-decoration: none; padding: 4px 4px 4px 4px;}
.disclaimers a:visited { color: #AAAAAA; text-decoration: none; padding: 4px 4px 4px 4px;}
.disclaimers a:hover {color: #000000; text-decoration:underline; padding: 4px 4px 4px 4px;}