/*************************************************from frameshop.css**********************************************/
/* Pricing table */
table.pricing { width: 100%; }
table.pricing td, table.pricing th { padding: 5px 10px; color: #999; }
table.pricing .odd td { background-color: #fcfcfc; }
table.pricing td.money { text-align: right; }
table.pricing td.outlined { border: 1px dashed #cbef4e; font-weight: bold; color: #666; }
table.pricing td.left { border-right-style: none; }
table.pricing td.right { border-left-style: none; }

.pricing_totals { background-color: #fffeee; border-top: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 1em; }
.pricing_totals .money { text-align: right; }
.pricing_totals td { padding: 3px 5px 3px 15px; text-align: right; }
#custom_crop { position: absolute; left: 30px; top: 0px; z-index: 100; visibility: hidden; background-color: #f3f3f3; }
#custom_crop .content { border: 1px solid #666; border-left: 1px solid #666; border-top-style: none; width: 680px; padding: 15px 15px 30px 15px; }
#mat_scroller td, #molding_scroller td { background: url(/images/backgrounds/moulding.gif) top left repeat-x; border-bottom: 1px solid #ccc; height: 95px; _height: 87px; padding: 0; }
#mat_scroller .description, #molding_scroller .description { padding: 8px 0 0px 10px; width: 140px; }
#mat_scroller .thumb, #molding_scroller .thumb { padding: 8px 5px 0px 5px; width: 95px; }
#mat_scroller .thumb a img, #molding_scroller .thumb a img { border: 1px solid white; }
#mat_scroller .thumb a:hover img, #molding_scroller .thumb a:hover img { border: 1px solid #00A0C6; }
#mat_scroller .selected td, #molding_scroller .selected td { background-image: url(/images/backgrounds/moulding_selected.gif); }
#mat_scroller .hover td, #molding_scroller .hover td { background-image: url(/images/backgrounds/moulding_hover.gif); }
#mat_scroller .hover .selected td, #molding_scroller .hover .selected td { background-image: url(/images/backgrounds/moulding_selected.gif); }
.didyouknow { margin-bottom: 2px; padding: 10px 0px; background-color: #f2f2f2; height: 47px; }
.didyouknow .go { position: absolute; right: 12px; top: 8px; }
.custom_crop_trigger { padding: 10px; margin-top: 4px; border-bottom: 1px solid #ccc; background-color: #f8f8f8; padding-bottom: 80px; position: relative; }
.custom_crop_trigger .go { position: absolute; left: 32px; top: 7em; }
.disabled span { text-decoration: line-through; }
.disabled input { color: #999; }
.canvas_options_description { font-size: 11px; }
.canvas_options_description h4 { font-size: 12px; color: #538f25; }
.canvas_options_description h5 { font-weight: normal; color: #538f25; }
.canvas_options_description p { line-height: normal; }
.ascending { background: url(/images/icons/up_arrow1.gif) no-repeat; padding-left: 16px; }
.descending { background: url(/images/icons/down_arrow1.gif) no-repeat; padding-left: 16px; }
/* Reconsider framing */
#reconsiderFraming { width: 242px; text-align: center; margin-top: 32px; }
#reconsiderFraming a { font: 14px/18px Arial; font-weight: bold; }
#reconsiderFraming img { display: block; margin-bottom: 5px; }
.inline_popup { display: none; width: 200px; position: absolute; border: 1px solid black; background-color: White; padding: 10px 15px; text-align: left; }
/***************************************************************frame engine new************************************************************/
/* the text at the bottom spanning both columns */
.frame_engine_footer { display: block; width: 770px; height: 60px; float: left; font: 12px arial; color: #666666; text-align: left; position: relative; }
/* bolded header for footer */
.footer_head { font-weight: bold; color: #538f25; }
/* delete horizontal rule */
.hr { display: block; background: url(/images/dots.gif) repeat-x; width: 100%; height: 1px; float: left; margin: 0px; padding: 0px; font: 0px; }
/***********************************the following is for the overall frame engine section********************************/
/* contains the framing engine*/
.container_framing_engine { display: block; height: 100%; margin-top: 0px; padding-top: 0px; }
/* navigation bar */
.nav { display: block; width: 780px; height: 76px; margin-left: auto; margin-right: auto; text-align: left; padding-bottom: 0px; margin-top: 0px; position: relative; z-index: 98; }
/* left side of navigation bar */
.nav_left { display: block; padding-top: 16px; position: relative; z-index: 99; float: left; }
/* right side of navigation bar */
.nav_right { display: block; width: 50%; height: 55px; padding-top: 22px; float: left; }
/* navigation buttons */
.nav_button { display: block; float: left; margin-right: 22px; }
/* navigation drop down list */
.nav_item_title { position: absolute; background: #00a0c6; display: block; border: solid 1px #ffffff; width: 252px; /*  height: 25px;*/ padding: 10px; padding-left: 20px; text-align: left; font: bold 18px arial; color: #ffffff; cursor: pointer; text-decoration: none; }
.nav_item_list { /*   background: #00a0c6;   display: block;   border: solid 1px #ffffff;   border-top-width: 0px;   width: 252px;   min-height: 25px;   padding: 10px;   padding-left: 20px;   margin-top: -15px;   position:absolute;   z-index: 100;   float:left; */ }
.nav_item_text { text-align: left; font: bold 16px arial; color: #ffffff; padding-top: 8px; display: block; }

/**************************navigation dropdown item list*****************************/
.white_arrow { display: block; width: 7px; height: 4px; margin-top: -12px; margin-left: 240px; padding-bottom: 6px; }
#drop1 a, #drop2 a { color: #333; text-decoration: none; width: 100%; display: block; padding-left: 10px; color: #ffffff; }
#drop1 a:hover, #drop2 a:hover { /*background:url(smallnav.gif) repeat-x;*/ }
.nav_item_title li { clear: both; margin: 0; padding: 0; list-style: none; text-decoration: none; color: #ffffff; margin-left: 1px; }
.nav_item_title_link { color: #ffffff; text-decoration: none; }
#drop1 { position: relative; background: #00a0c6; padding: 0; list-style: none; overflow: hidden; width: 282px; color: #ffffff; margin-top: -20px; margin-left: 0px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#drop1 li { display: block; line-height: 25px; width: 100%; font: bold 18px arial; color: #ffffff; }



/* contains the left and right columns (photo on the left and options on the right) */
.content { width: 780px; margin-left: auto; margin-right: auto; }
/* holds the art image */
.frameshop_left { display: block; width: 372px; height: auto; float: left; clear: right; padding-top: 5px; padding-bottom: 0px; padding-right: 10px; text-align: left; font: 12px arial; }
/* holds the options for the frame engine */
.frameshop_right { display: block; width: 379px; height: auto; float: left; text-align: left; padding-left: 0px; margin-bottom: 5px; }
/* delete title for art image */
.image_title { font: bold 12px Verdana; color: #07314b; margin-top: 10px; }
/* delete text for the art image */
.image_default { color: #666666; }
/* delete artists name */
.image_credit { color: #00a0c6; }
/*
.frameshop_button_back
{
  background: url(/images/buttons/btn_back_off.gif) no-repeat;
  display: inline;
  width: 102px;
  height: 51px;
  margin-top: 20px;
  margin-right: 7px;
  float: left;
  cursor: pointer;
}
.frameshop_button_next
{
  background: url(/images/buttons/frameshop_next.gif) no-repeat;
  display: inline;
  width: 102px;
  height: 51px;
  margin-top: 20px;
  margin-right: 7px;
  float: left;
  cursor: pointer;
}
*/
.price_container { display: block; /*border: solid 1px #000000;*/ height: 50px; width: 380px; padding-top: 10px; padding-bottom: 0px; margin-top: -12px; float: left; position: relative; }
.price { display: inline; font-weight: normal; height: 18px; }
.frameshop_price_breakdown { display: block; font: bold 10px Verdana; /* color: #3399cc; //specified at the brand level */ padding-right: 0px; margin-right: 0px; float: right; padding-left: 17px; /* background-image:url("/images/buttons/arrow.gif");  //specified at the brand level */ background-position: 0; background-repeat: no-repeat; }
.detailed_view { font: 12px Verdana; color: #666666; padding-top: 10px; text-align: left; }
/***********************************the following is for the size section********************************/
/*  radio options text */
.size_radio { font: 17px arial; font-weight: bold; color: #666666; }
/* the dimension in the radio options */
.radio_dimensions { font: 18px arial; color: #999999; }
/***********************************the following is for the mat section********************************/
/*  check box for no mat */
.checkbox_mat { display: block; font: 12px arial; color: #666666; padding-right: 23px; margin-top: -23px; font: 12px arial; font-weight: bold; float: right; }

/*  the box containing the thumbnails, dropdown list, and current selection of mats */
.mat_box { display: block; border: solid 3px #07314b; width: 368px; height: 393px; float: left; margin-bottom: 10px; margin-top: -19px; }

.mat_box_head { border: solid 0px #000000; display: block; width: 350px; height: 30px; margin-top: 15px; margin-left: 5px; }

/*  the dropdown list for the different groups of mats */
.mat_box_dropdown { display: block; border: solid 1px #666666; width: 220px; height: 22px; font: 14px arial; color: #666666; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; margin: 0px; float: left; }
/* the adjust width button  */
.mat_adjust_width { border: solid 0px #000000; display: block; width: 105px; height: 23px; margin-top: 0px; margin-right: 0px; float: right; }
/* the box containing the thumbnails */
.mat_box_thumbs { display: block; width: 355px; height: 312px; margin: 10px; overflow: auto; }
/* the text below the thumbs (current mat selection) */
.mat_box_footer { display: block; font: 12px arial; color: #666666; float: left; margin-left: 10px; padding-bottom: 10px; }
.mat_thumb { display: block; border: solid #666666 1px; margin: 2px; z-index: 0; float: left; }
.mat_thumb_button { display: block; border: solid #000000 1px; margin: 8px; z-index: 30; width: 69px; height: 69px; }
/***********************************the following is for the paper section********************************/
/* the box containing the thumb nails for the different paper */
.paper_box_thumbs { display: block; width: 380px; height: 186px; margin-bottom: 10px; }
.thumb_mat { background: url(/images/thumb.gif) no-repeat; float: left; width: 87px; height: 87px; margin: 3px; }
.thumb_frame { float: left; }
.thumb_plus { display: block; background: url(/images/thumb_plus.gif) no-repeat; width: 14px; height: 14px; margin-top: -14px; }
.thumb_text { display: block; font: bold 12px arial; color: #999999; width: 87px; height: 87px; margin-top: 15px; }
.thumb_paper { display: block; float: left; width: 87px; height: 87px; margin: 3px; }
.paper_thumb_button { display: block; border: solid 0px #000000; width: 81px; height: 81px; }
.paper_thumb_plus { position: absolute; display: block; background: url(/images/thumb_plus.gif) no-repeat; width: 14px; height: 14px; margin-top: 73px; float: none; z-index: 1; }
/* the text below the thumbnail section */
.paper_box_footer { display: block; font: 12px arial; color: #70c132; width: 330px; padding-bottom: 10px; text-align: left; }
/***********************************the following is for the frame section********************************/
/* the dropdown box for the frame section */
.frame_box_dropdown { display: block; border: solid 1px #666666; width: 374px; height: 25px; font: 14px arial; color: #666666; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; margin-top: 20px; margin-bottom: 10px; margin-left: -8px; }
/* the thumbnails for the different kinds of frames */
.frame_box_thumbs { display: block; width: 380px; height: 273px; overflow: auto; }
/* the text below the thumbnail section */
.frame_box_footer { display: block; font: 12px arial; color: #666666; width: 330px; padding-bottom: 10px; }
/***********************************the following is for the glass section********************************/
/* the radio button options  */
.glass_radio { font: 17px arial; font-weight: bold; color: #666666; }
/* the test for the description of the radio options */
.radio_description { display: block; font: 12px arial; color: #666666; padding-left: 25px; height: auto; }

.adjuster_close { background: url(/images/close_mat.gif) no-repeat; float: right; width: 56px; height: 15px; margin-right: 9px; margin-top: -25px; cursor: pointer; }
/* mat tabs begin */
.mat_tab_container { border: solid 0px #000000; display: block; width: 280px; height: 46px; position: relative; }
.mat_tab1 { border: solid 0px #000000; display: block; position: relative; width: 85px; height: 27px; float: left; cursor: pointer; margin-top: -26px; padding: 0px; }
.mat_tab2 { display: block; border: solid 0px #000000; position: relative; width: 85px; height: 27px; float: left; cursor: pointer; margin-top: -26px; }
.mat_tab3 { display: block; border: solid 0px #000000; position: relative; width: 85px; height: 27px; float: left; cursor: pointer; margin-top: -26px; }
.mat_tab_close2 { display: none; position: absolute; background: url(/images/frame_engine/delete_mat_icon.png) no-repeat; width: 15px; height: 15px; float: right; margin-top: -26px; margin-left: -112px; margin-right: 0px; cursor: pointer; }
.mat_tab_close3 { display: none; position: absolute; background: url(/images/frame_engine/delete_mat_icon.png) no-repeat; width: 15px; height: 15px; float: right; margin-top: -26px; margin-left: -25px; margin-right: 0px; cursor: pointer; }
/* mat tabs end */
.dollarSign { display: block; color: #538f25; font: arial 15px; width: 75px; margin-top: 80px; text-align: center; }

/*****ultra light box****/
.lightbox_bg { display: block; border: solid 1px #000000; background: url("/images/trans.png"); width: 99.9%; /*height: 110%;*/ height: 1120px; position: absolute; z-index: 9999999; top: 0px; left: 0px; }
/* use the "* html" browser filter for different bg image with the filter in ie to make the bg display correctly at the right alpha*/
* html .lightbox_bg { background: url("/images/trans.gif"); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
.lightbox_content { color: #ffffff; width: 870px; height: 870px; position: relative; z-index: 99999999; margin: 125px auto; }
.mat_adjuster_title { width: 868px; height: 50px; }
/* adds to the shopping cart */
.frameshop_button_add { background: url(/images/buttons/frameshop_add.gif) no-repeat; display: inline; width: 148px; height: 51px; margin-top: 20px; float: left; cursor: pointer; }
.linktext { font: bold 10px Verdana; color: #3399cc; }