body { color:#000000; font-family: Arial; font-size: 8pt; margin:0px; }
input, select {	font-family: Arial; font-size: 8pt; }
a, a:visited { color:#000000; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:underline; }
form { margin:0; padding:0; }

.border { border:1px solid grey; }

#canvasOptions { background-color:#E8E8E8; height:499px; width:468px; }
#canvasOptions .canvasOptionContainer { float:left; margin:1px; }
#canvasOptions .canvasOptionContainer .canvasOptionHead { font-weight:bold; line-height:22px; padding-left:5px; }
#canvasOptions .canvasOptionContainer .canvasOptionMain .select { line-height:45px; }
#canvasOptions .canvasOptionContainer .canvasOptionMain .whatsthis { text-align:right; }
#canvasOptions .canvasOptionContainer .canvasOptionMain .whatsthis a { text-decoration:none; }
#canvasOptions .canvasOptionContainer .canvasOptionMain .whatsthis span { background:#C6C6C6; padding:0 6px; font-weight:bold; }
#canvasOptions .canvasOptionContainer .canvasOptionMain table .padding { padding:0 10px; }
#canvasOptions .canvasOptionContainer .selectedHead { background-color:#666666; color:#FFFFFF; }
#canvasOptions .canvasOptionContainer .selectedMain { background-color:#A7A7A7; }
#canvasOptions .canvasOptionContainer .unselectedHead { background:url(/images/fs21_canvas_option_header_tile.gif) repeat-x; }
#canvasOptions .canvasOptionContainer .unselectedMain { background-color:#FFFFFF; }
#canvasOptions .containerWidth { width:229px; }
#canvasOptions .header { font-weight:bold; line-height:28px; padding-left:10px; }
#canvasOptions .optionsPadding { padding:0 1px; }
#canvasOptionsMouldingSelectorContainer { width:462px; }

.canvasPopup .header { font-size:24pt; padding-bottom:5px; }
.canvasPopup table { border-spacing:15px; }

#croppingTab { background-color:#CECECE; height:473px; }
#croppingContent { padding:10px; }
#croppingContent .uncroppedPadding { padding-top:20px; }
#croppingContent .croppedPadding { padding-top:40px; }

#ctMouldingSelector .container { height:72px; overflow:hidden; width:350px; }
#ctMouldingSelector .moulding { float:left; padding:3px 0 3px 3px; text-align:center; }
#ctMouldingSelector .moulding img { display:block; }
#ctMouldingSelector .selected { border:2px solid #F8AC14; }
#ctMouldingSelector .unselected { border:2px solid #FFFFFF; }

#detailsContainer { float:left; }

#divPricingDetails { padding-top: 2px; }
#divPricingDetails .fs-pricedetail-pricetotal-text { background-color:#FF9933; font-size: 8pt; font-weight:bold; border-top:1px solid gray; }
#divPricingDetailsContainer { position:absolute; left:3px; text-align:left; width:400px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
#divPricingDetailsContainer #cellPriceDetailsTop { background: url(/images/frameshop_pricetab_top_tile.gif); background-color: #fff; background-repeat: repeat-x; }

#divRecommendationsContainer { background:#FFFFFF; font-size:9pt; width:926px; }
#divRecommendationsContainer .recommendation { float:left; text-align:center; height:250px; margin:5px 0; width:231px; }
#divRecommendationsContainer .recommendation .description { height:65px; }
#divRecommendationsContainer .recommendation .image { height:160px; width:100%; }
#divRecommendationsContainer .recommendation a { padding:0 5px; }

#frameFilter { background-color:#CECECE; border-bottom:1px solid #808080; height:54px; padding-top:3px; text-align:left; }
#frameSelector { background-color:#FFFFFF; height:415px; overflow:auto; }
#frameSelector .moulding { float:left; padding:3px 0 3px 3px; text-align:center; }
#frameSelector .moulding img { display:block; }
#frameSelector .selected { border:2px solid #F8AC14; }
#frameSelector .unselected { border:2px solid #FFFFFF; }

#frameOptions { color:#000000; float:left; font-weight:bold; height:499px; width:231px; }
#frameOptionsDetails { color:#000000; float:left; font-weight:bold; height:499px; margin-left:4px; width:231px; }
#frameOptionsDetails .content { background-color:#E8E8E8; height:470px; }
#frameOptionsDetails .content .detailsPadding { padding:15px 0 0 16px; }
#frameOptionsDetails .header { background-color:#CECECE; font-size:10pt; height:29px; text-align:center; }
#frameOptionsDetails .header div { padding-top:7px; }

.frameshopTabMenu { background-color:#FFFFFF; font-size:7pt; text-align:center; padding-top:3px; }
.frameshopTabMenu .bottomborder { border-bottom:1px solid #808080; float:left; height:22px; width:3px; }
.frameshopTabMenu .padding { padding-top:4px; }
.frameshopTabMenu .selected { background-color:#CECECE; border-top:1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #CECECE; border-left:1px solid #808080; float:left; height:21px; width:52px; }
.frameshopTabMenu .unselected { background:url(/images/fs21_frame_menu_unselected_tile.gif) repeat-x; border-top:1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #808080; border-left:1px solid #808080; float:left; height:21px; width:52px; }

#frameshop2 { background:url(/images/fs21_background_tile.gif) repeat-x; height:512px; }
#frameshop2Container { margin: 0px auto; position: relative; text-align: left; width: 936px; }

#framingOptionsTable { width:100%; }
#framingOptionsTableCell1 { background-color:#E2E1DD; width:49%; }
#framingOptionsTableSpacerCell { width:2px; overflow:hidden; }
#framingOptionsTableCell2 { background-color:#FFFFFF; }

#glazingAcrylic { background-color:#CECECE; height:208px; }
#glazingAcrylic div { padding:6px; }
#glazingGlass { background-color:#E8E8E8; height:265px; }
#glazingGlass div { padding:6px; }
#glazingTab .header { font-size:10pt; }
#glazingTabDetails .detailBox { background-color:#FFFFFF; width:196px; }
#glazingTabDetails .detailBox div { padding:3px; }
#glazingTabDetails .detailBox p { margin-top:0; font-size:10pt; }

.headerButton { background-color:#E2E2E2; border-bottom:1px solid grey; height:30px; padding:0 4px; }
.headerButton a { text-decoration:none; }
.headerButton a:hover { color:#000000; text-decoration:none; }

#headerContainer { width:936px; position:relative; margin:0px auto; text-align:left; }
#headerContainer .float { float:right; }
#headerContainer #backToArtwork { border-left:1px solid grey; border-right:1px solid grey; }
#headerContainer #viewRecommendations { border-left:1px solid grey; }

#imageContainer { background:url(/images/fs21_framedimage_background_tile.gif) repeat-x; background-color:#FFFFFF; border:1px solid grey; float:left; margin-right:4px; width:460px; }
#imageContainer div { text-align:center; }
#imageContainer table { width:100%; }
#imageContainer .imageContainer { position:relative; }
#imageContainer #zoomView { border-right:1px solid grey; height:26px; position:absolute; width:59px; top:0px; left:0px; }

#mainContainer { padding-top:6px; }

#matColors .header { background-color:#CECECE; height:28px; }
#matColors .header div { padding:7px; }
#matColors .container { background-color:#E8E8E8; height:311px; }
#matColors .list { padding:6px 4px; }
#matColors .list img { border:2px solid #E8E8E8; cursor:pointer; }
#matColors .list .hover { border:2px solid orange; }
#matColors .list .selected { border:2px solid red; }
#matNumOfMats { background-color:#CECECE; height:55px; padding-top:10px; }
#matNumOfMats input { margin:0; padding:0; }
#matTab { background-color:#E8E8E8; height:473px; }
#matTabDetails .detailBox { height:126px; width:193px; }
#matTabDetails .matDetailsPadding { padding:10px 0 0 18px; }
#matWidthList { background-color:#E8E8E8; border-bottom:1px solid #808080; height:42px; }
#matWidthList table { padding:8px 0 0 6px; }

#modeSelect { font-size:9pt; font-weight:bold; padding-top:10px; }
#modeSelect a, #modeSelect a:visited { color:#CC0000; }
#modeSelect a:hover { color:#666666; }

#mouldingTabDetails .detailBox { background-color:#FFFFFF; width:196px; }
#mouldingTabDetails .detailBox table { font-size:9pt; margin:3px; }
#mouldingTabDetails .detailBox table .detailValue { font-weight:normal; }

.pricingContainer { background:url(/images/fs21_pricing_background_tile.gif) repeat-x; padding:0 6px; border-top:1px solid grey; }
.pricingDisplay { font-weight:bold; height:48px; }
.pricingDisplay .totalPrice { font-size:14pt; text-align:left; }