Previews in XMPie uStore

[mr]

Does anyone know how to increase the size and quality of the previews of products in uStore? Even when opening the magnifier view to the product the page is just too small for our use. Actually in general all XMPie uStore skins are too small for modern screen sizes. Are there any bigger skins than the standard 800px ones that are supplied?

[couch]

For static previews (ie the first preview of the document you see
before customizing anything) you can change the preview by editing the
document and uploading the preview file you want to show. - Assuming
you have v4.1 or later uStore. For the customized previews after
entering data and clicking "update preview" - you need to increase
the resolution of the proof job in the dashboard that is used for that
document. Go to the dashboard, select the relevant document, click
"proof" - set the proof type to jpg, and increase the resolution (dpi)
- go to the job center and identify the jobid number of that proof
job. Then, in uStore Admin, take the product offline, and edit the
product. Update the production parameters to use the id of the new
proof job. Save and place the document back online.

[Christoph]

Hi,

you cannot change the max. size of the image in uStore 4.x. The software scales down the image to a certain maximum size.
This is especially annoying if you want to show a document with lots of text. Also, this is not a css or html issue.
As a workaround we usually upload two images. one fullsize image, showing the document as a whole and one image which only shows the important part of the document i.e. the personalization. I even created myself a "magnify" action in photoshop to do that.

regards
Christoph

[Igor Vorobeychik]

That is correct , uStore will downgrade any resolution to 96 dpi.
Luckily my and yours request have been heard and solution is coming in
uStore 5 , please be patient.
Igor.

On May 9, 3:07 am, Christoph <christoph.gruni...@googlemail.com>
wrote:

[mr]

It's good to hear that a solution to preview res is coming in uStore 5.

 

Do you also know if v5 will be able to preview uploaded EPS logos instead of just showing the missing preview image?

 

Matthew

[Igor Vorobeychik]

No, I do not think that it will be part of the version 5.
You can only see EPS Thumbnails for uProduce assets and only if they
have an embedded preview.
Igor.

[michael....@compu-mail.com]

You can make the page bigger by going to ...\uStore\App\CustomerApp
\Images\Skin XMPie and go to Style.css and you have to search for the
correct height and width settings and after messing with it you can
make the main page alittle bigger. If you have other stores, do the
same thing. See below of the style.css that I updated.

/* Formatting Styles */
a {
text-decoration: none;
}

body {
background-image:url(background.jpg);
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 10px auto;
padding: 20px;
text-align: Left;

}


.productSearchTD
{
text-align: right;
background-color: #FFFFFF;
}

.cellbottom {
border: 10px;

}

.clearfloat{
clear: both;
}

.emphasis {
color: #5676A5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.formbox {
background-color: #F1F1F1;
border: solid 1px #C6CCD9;
}

.formfield {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.formprompt {
color: #2D3D55;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
}

.formtitle {
background-color: #007ABE;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.leftbar {
background-color: #009900;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
height: 100%;
width: 500px;
}

.welcomeIFrame
{
width:600px;
height:505px;
border-width:0px;
overflow:hidden;

}
.mainarea {
background-color: #FFFFFF;
border-width: 0px;
padding: 4px;
min-height: 600px;
height: auto !important;/* min-height for ie6 */
height: 600px; /* min-height for ie6 */
}

.mainareaFullWidth {
background-color: #FFFFFF;
border-width: 0px;
padding: 3px;
min-height: 600px;
height: auto !important;/* min-height for ie6 */
height: 600px; /* min-height for ie6 */
background-image: url(nav-bg.gif);
background-repeat: repeat-y;
}

.mainAreaFooter {
background-color: #FFFFFF;
border-width: px;
padding: 20px;
clear:left;
}

.mainAreaFooterFullWidth {
background-color: #FFFFFF;
border-width: 0px;
padding: 0px;
}

.mainareaTableFullWidth
{
border-left: solid 3px #c6ccd9;
}

.topMostTableFullWidth
{
border-right: solid 0px #c6ccd9;
}

.mainarea_bg {
background-color: #EFEFEF;
}

.treeViewContainer
{
display:block;
width:145px;
overflow:auto;
min-height: 100%;
}

.nav {
color: #333333;
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
height: 21px;
text-decoration: none;
text-transform: capitalize;
vertical-align: middle;

}


#nav {

scrollbar-face-color:#eaf1e1;
scrollbar-base-color:#eaf1e1;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#eaf1e1;
scrollbar-highlight-color:#eaf1e1;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;

}

.nav a {
color: #FFFFFF;
text-decoration: none;
}

.nav a:visited {
color: #FFFFFF;
text-decoration: none;
}

.navnorm {
background-image: url(navnorm.gif);
border: none;
cursor: pointer;
height: 21px;
padding-left: 10px;
text-decoration: none;
vertical-align: middle;
}

.navsel {
background-image: url(navsel.gif);
border: none;
cursor: pointer;
height: 21px;
padding-left: 10px;
vertical-align: middle;
}

.productbtns {
color: #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

.productdesc {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-variant: normal;
font-weight: normal;
}

.productname {
color: #000066;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
.productListSpacer {
}

.productDetailsLink {
}
.productprice
{
}
.productPriceInGrid
{
}
.productGridCurrency
{
}
.productListTable {
table-layout:fixed;
}
.productListTable a img
{
}
*div.productListCell
{
/* IE vertical scroll fix */
overflow-y:hidden;
padding-bottom:15px;
}
.productListCell
{
position:relative;
top:0;
left:0;
min-height:100%;
overflow:auto;
padding: 0;
}

#TdBottomMenu
{
}
.rtcontentcol {
border-left: #4a668e dashed 1px;
color: #4a668e;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
padding-left:20px
}

.searchbtn {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.searchbtn a:link {
color: #333333;
}
.searchbtn a:visited {
color: #333333;
}
.searchbtn a:hover {
color: #0000CC;
text-decoration:underline;
}

.searchfield {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
}

.searchprompt {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
}


.slogan {
color:#005C90;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding-left:155px;
}

.smallprompt {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-transform: uppercase;
}

.explanation {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
white-space:normal;
}


.subtitle {
color: #99cc5f;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
font-variant: inherit;
font-weight: bold;
padding-left: 150px;
}

.mainarea .mainarea
{
}

.ManageRecipientListLink
{
}
.ManageRecipientListDesc
{
}
.ShoppingCartGridUnitsHeader
{
}
.ShoppingCartGridUnitsItem
{
}
.ShoppingCartGridDeleteItem center a:link
{
text-decoration: none;
}
.title {
color: #4a668e;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

.topfunction {
color: #107ab6;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-transform: uppercase;
padding-left: 15px;
padding-right: 15px;
}


.topfunction a:link
{
COLOR:#107ab6;
}

.topfunction a:visited
{
COLOR:#107ab6;
}

.topfunction a:hover
{
COLOR: #99CC5F;
}

#accountbtn {
background-image: url(icon_signout.png);
background-repeat: no-repeat;
cursor: pointer;
height: 36px;
width: 52px;
}

#bodyarea{
background-image: url(nav-bg.gif);
background-repeat: repeat-y;
height: 600px
text-align: left;
}

#buttonarea {
height: 78px;
vertical-align: bottom;
}

#cartbtn {
background-image: url(icon-cart3.gif);
background-repeat: no-repeat;
cursor: pointer;
height: 36px;
width: 52px;
}

#content{
background-color: #FFFFFF;
float: center left;
min-height: 600px;
width: -1000px;
border-right: #c6ccd9 solid 0px;
min-height: 600px;
height: 600px;
}
.autoheight
{
height: auto !important;/* min-height for ie6 */
}

#contentFull{
background-color: #FFFFFF;
width: 100%;
}

.contentheader
{
}
#footer {
background-image:url(footer_background.jpg);
border-right: #c6ccd9 solid 0px;
border-left: #c6ccd9 solid 0px;
border-bottom: #c6ccd9 solid 0px;
color: #8d8d8d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
height: 20px;
}

.mainarea p
{
}
#fullpage {
margin: auto;
width: 800px;
}

#header
{
background-image:url(header_background.jpg);
border-right:0px solid #C6CCD9;
border-top:0px solid #C6CCD9;
border-left:0px solid #C6CCD9;
float: left;
height: 125px;
text-align: left;
width: 1124px;
}

.PageBackground
{
}
#logo {

}

#nav {
background-image: url(nav-bg.gif);
background-repeat: repeat-y;
float: left;
width: 154px;
height:100%
}

.navTD
{
width: 154px;
}

.navBG1
{
background-color: #ABBBD3;
background-image: url(nav-bg.gif);
background-repeat: repeat-y;
float: left;
width: 154px;
height: 92px;
}

.navBG2
{
background-color: #ABBBD3;
background-image: url(nav-bg.gif);
background-repeat: repeat-y;
float: left;
width: 154px;
height: 58px;
}

.navCorner1
{
background-color: #ABBBD3;
background-image: url(nav-bg.gif);
background-repeat:repeat-y;
float: left;
width: 154px;
height: 21px;
}

.navCorner2
{
background-color: #ABBBD3;
background-image: url(nav-bg.gif);
background-repeat:repeat-y;
float: left;
width: 154px;
height:19px;
}

#searcharea {
height: 36px;
}
.LoginBodyArea
{
}

.LoginBodyArea span.ErrorText
{
margin-top:-20px;
}

#signinbtn {
background-image: url(icon-signin3.gif);
background-repeat: no-repeat;
cursor: pointer;
height: 36px;
width: 52px;
}
/* Layout Styles */
.SelectedAsset
{
font-family: Verdana, Arial;
background: #0068A3;
border:none;
border-color: #00ffff;
}

.UnselectedAsset
{
font-family: Verdana, Arial;
background: #FFFFFF;
border:none;
border-color: #00ffff;
cursor:hand;
}
A.BigLink
{
font-family: Verdana, Arial;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
COLOR:#446699;
TEXT-DECORATION: none;
}

A.BigLink:hover
{
font-family: Verdana, Arial;
font-size: 13px;
font-weight: bold;
color:#00598b;
text-decoration: none;
}

a.SmallLink
{
font-family: Verdana, Arial;
font-size: 11px;
font-weight: normal;
color: #394a6a;
text-decoration: underline;
}

a.SmallLink:hover
{
color:#00598b;
text-decoration: underline;
cursor: pointer;
}

/* CUSTOM LINKS STYLES */

/* FORM STYLES */
/* DEFAULT LINK STYLE */
.WizStep
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
font-family: Verdana, Arial;
COLOR: Gray;
text-align: left;
text-decoration: none;
}

.WizStepSel
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
font-family: Verdana, Arial;
COLOR: #000000;
BORDER: none;
text-align: left;
text-decoration: none
}

a:link
{
COLOR:#394a6a;
}

a:visited
{
COLOR:#394a6a;
}

a:hover
{
COLOR: #000088;
}

/* HEADING STYLE */

.PageTitle
{
font-family: Verdana, Arial;
FONT-SIZE:18px;
FONT-WEIGHT:bold;
COLOR: #000000;
}

.Heading1
{
font-family: Verdana, Arial;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR: #446699;
}

.Heading2
{
font-family: Verdana, Arial;
FONT-SIZE:14px;
FONT-WEIGHT:bold;
COLOR: #8E8ED7;
}


/* FORM STYLE */

.FormLabel
{
font-family: Verdana, Arial;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
COLOR: #525252;
}
.FormLabelLeft
{
font-family: Verdana, Arial;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
COLOR: #525252;
text-align:left;
}
.Tooltip
{
font-family: Verdana, Arial;
FONT-SIZE: 9px;
color: #000066;
cursor: help;
white-space: nowrap;
}
.btnUnselected
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
font-family: Verdana, Arial;
COLOR: #000088;
background-color: #eaf6ff;
HEIGHT: 30px;
border-top-width: 5px;
border-top-style:solid;
border-top-color:#eaf6ff;
CURSOR: hand;
text-align: left;
text-decoration: none;
margin-left: 5px;
margin-right: 5px
}
.btnSelected
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
font-family: Verdana, Arial;
color: #ffffff;
background-color: #dedede;
HEIGHT: 30px;
border-top-width: 5px;
border-top-style:solid;
border-top-color: #0068a3;
CURSOR: hand;
text-align: left;
text-decoration: none;
margin-left: 5px;
margin-right: 5px
}
.FormField
{
font-family: Verdana, Arial;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
COLOR: #000000;

}

.FormButton {
color: #38789c;
cursor:pointer;
background: #fff;
height: 24px;
font: bold 11px Verdana, Arial;
border: #8fb3cc 2px solid;
}

.FormButton:hover { border: #38789c 2px solid; }

.FilePick {
font-size : 11px;
color: #000000;
background-color: #E1E1E1;
border: 1px solid #7B7B7B;
}

/* TEXT STYLE */

.SmallItalic {
font-family: Verdana, Arial;
font-size: 10px;
font-weight: normal;
font-style: italic;
white-space: normal;
}


.BigItalic
{
font-family: Verdana, Arial;
FONT-SIZE: 13px;
FONT-WEIGHT: normal;
FONT-STYLE: italic;
}

.Italic
{
font-family: Verdana, Arial;
FONT-STYLE: italic;
}

.Error
{
FONT-SIZE: 12px;
font-family: Verdana, Arial;
COLOR: #FF0000;
}

/* FORM STYLES */

.THFontText {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: darkblue; FONT-FAMILY:
Verdana; BACKGROUND-COLOR: #d3d3d3
}
.TDItemText {
FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.TDAltItemText {
FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #CCCCCC
}
.RTHFontText {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: darkblue; FONT-FAMILY:
Verdana; BACKGROUND-COLOR: #d3d3d3
}
.RTDItemText {
FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.RTDAltItemText {
FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #CCCCCC
}

.CartTable
{

}

.CartListHead
{
background-color: #00598b;
color: white;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
line-height: 15pt;
padding-left: 5px
}

.CartListItem
{
background-color: #ffffff;
border-bottom: dimgray;
color: black;
font-family: Verdana, Arial;
font-size: 11px;
line-height: 15pt;
padding-left: 5px;
padding-right: 5px;
white-space: normal;
}

.CartListItem a:link
{
}

.CartListItemAlt a:link
{
}

.CartListItem a:visited
{
}

.CartListItemAlt a:visited
{
}

.CartListItem a:hover
{
}

.CartListItemAlt a:hover
{
}

.CartListItemAlt
{
background-color: #f2f2f2;
border-bottom: dimgray;
color: black;
font-family: Verdana, Arial;
font-size: 11px;
line-height: 15pt;
padding-left: 5px;
padding-right: 5px;
white-space: normal;
}

.CartListFooter
{
background-color: #dddca3;
line-height: 10pt
}
.SaveForLaterCartListHead
{
background-color: #8E9D9F;
border-bottom: dimgray;
border-left: dimgray 1px solid;
color: white;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
line-height: 15pt;
padding-left: 5px
}
.PriceListTable
{
border-color:Black;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size:8pt;
border-collapse:collapse;
width: 400px;

}
.PriceListHead
{
background-color: #00598b;
border-bottom: dimgray;
border-left: dimgray 1px solid;
color: white;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 20pt;
padding-left: 5px;
text-align: right;
}

.PriceListItem
{
background-color: #ffffff;
border-bottom: dimgray;
border-left: dimgray 1px solid;
color: black;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
text-align: right;
}

.PriceListItemAlt
{
background-color: #f2f2f2;
border-bottom: dimgray;
border-left: dimgray 1px solid;
color: black;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
text-align: right;
}

.PriceListFooter
{
background-color: #00598b;
line-height: 10pt
}
.smalltext {
font-size:10px;
line-height:12px;
}

.TablesTitle
{

font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000066;

}

.Blueborder {
border-top: 0px solid #00598b;
}
.Bluebg {
background-color: #00598b;
height: 15px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.SubSectionTable
{
background-color: #EAF6FF;
padding: 5px;
width: 350px;
text-align : left;
margin-bottom:5px;

}

.tablehead td{
/* border-bottom-color: #00FF00; */
border-bottom: #a8d8e8 solid 1px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.tablerow td{
border-bottom: #CCCCCC solid 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
height: 14px;
}

.SiteLink
{
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
.SiteLink:hover
{
}

DIV.LoadingDivHeader
{
/* border: solid 1px #6A88AE;
background-color: ghostwhite; */
color: #4A668E;
FONT: statusbar;
font-style: oblique;
text-decoration: blink;
background-position: left left;
background-image: url(wait.gif);
background-repeat: no-repeat;
LEFT: 2px;
WIDTH: 148px;
height: 12px;
POSITION: absolute;
padding-left: 2px;
TOP: 2px;
}

.ShippingPanel
{

}

.AddressBody {
color: #000000;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
}

.CheckoutTable
{
border-color: Black;
border-style:solid;
border-width:1px;
}

.CheckoutTable td
{
border-right-color: Black;
border-right-style: solid;
border-right-width: 1px;
}

.CheckoutHead
{
background-color: #00598b;
color: white;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
padding-left: 5px;
}

.CheckoutItem
{
background-color: #FFFFFF;
color: black;
font-family: Verdana, Arial;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
}

.CheckoutItemAlt
{
background-color: #F2F2F2;
color: black;
font-family: Verdana, Arial;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
}

.DeliveryStatus
{
border-bottom: dimgray;
color: #00598b;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
line-height: 15pt;
}

.TrackingLink
{
border-bottom: dimgray;
color: #00598b;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
line-height: 15pt;
}

.LoadDivTransparent
{
z-index:9997;
visibility: hidden;
background-color: white;
position:absolute;
left: 0px;
top: 0px;
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}

.LoadDiv
{
z-index:9998;
visibility: hidden;
background-color: black;
position:absolute;
left: 0px;
top: 0px;
text-align: left;
vertical-align: middle;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
}
.LoadDivImg
{
z-index:9999;
visibility: hidden;
position:absolute;
top: 48%;
left: 48%;
}
/* drag adn drop */
.DndRlField
{
position:relative;
background-color:white;
text-align:left;
vertical-align:middle;
cursor:move;
left:0;
top:0px;
width:100px;
height:38px;
z-index:999;
font-style:bold;
border-style:dotted;
border-width:1px;
}
.DndDropTd
{
width:100px;
height:40px;
}
.DndDropDiv
{
z-index:10;
float:left;
background-color:#d6dde9;
width:100px;
height:40px;
border:dashed 1px black;
}
.DndFieldsTable
{
height:100%;
width:100%;
}
.DndFieldsTr
{
vertical-align:top;
}
.DndMapTable
{
border-style: solid;
border-width: 1px;
}
.DndUl
{
padding-top:5px;
margin:0px;
list-style: none;
list-style-type:none;
}
.DndLi
{
padding-top:5px;
margin:0px;
list-style: none;
list-style-type:none;
}
.DndRLFieldLi
{
background-color: #4A668E;
}
.DndDropHover
{
z-index: 9;
background-color: #d6dde9;
}
.DndFieldNameTd
{
width:100px;
text-align:left;
border-style: solid;
border-width:1px;
padding-left:5px;
}
.RecipientListEditorAddButton {
color: #38789c;
cursor:pointer;
padding: 3px 3px 3px 10px;
background: #fff url(icon_addnew.gif) no-repeat center left;
height: 24px;
font: bold 11px Verdana, Arial;
border: #8fb3cc 2px solid;
}
.RecipientListEditorAddButton:hover { border: #38789c 2px solid; }
.RecipientsListEditorDeleteButton {
color: #38789c;
cursor:pointer;
padding: 3px 3px 3px 10px;
background: #fff url(icon-delete.gif) no-repeat center left;
height: 24px;
font: bold 11px Verdana, Arial;
border: #8fb3cc 2px solid;
}
.RecipientsListEditorDeleteButton:hover { border: #38789c 2px solid; }

.SinglePrice
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #CC0000;
}
.SinglePriceCurrency
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #4D4D4D;
}

.productPriceInList
{
color:Red;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.productPriceInGrid
{
color:Red;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.productGridPriceFrom
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #4D4D4D;
}
.productGridCurrency
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #4D4D4D;
}
.productListPriceFrom
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #4D4D4D;
}
.productListCurrency
{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #4D4D4D;
}

.ProductDescMain { }
.ProductDescMainText
{
float: none;
/*float: left;*/
/*width: 260px;*/
}
.ProductDescMainSlide
{
float:none;
/*float: left;*/
}
.ProductDescMainSpacer
{
float:none;
/*float: left;*/
width: 25px;
height: 20px;
}

.groupDesc
{
font-family: Verdana, Arial;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
COLOR: #525252;
}

/* BUTTON STYLE'S */
.ButtonAreaHelpButton
{
background-image: url(header_help.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor: pointer;
}
.ButtonAreaCartButton
{
background-image: url(header_cart.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor:pointer;
}
.ButtonAreaAccountButton
{
background-image: url(header_account.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor:pointer;
}
.ButtonAreaLogoutButton
{
background-image: url(header_logout.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor:pointer;
}
.ButtonAreaDraftButton
{
background-image: url(header_draft.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor:pointer;
}
.ButtonAreaHomeButton
{
background-image: url(header_home.gif);
background-repeat: no-repeat;
height: 40px;
width: 40px;
cursor:pointer;
}


.OrderButton
{

}

.PagerStyle
{
margin: 1px;
text-align: right;
padding-right: 30px;
padding-bottom: 20px;
}
.PagerStyle A
{
color: Black;
}
.PagerHyperlinkStyle
{
padding: 1px 3px;
font-weight: 100;
background: #f7f7f7;
border: 1px solid #c7c7c7;
text-decoration: none;
margin: 0 1px;
font-weight: 100;
font-size: 10px;
font-family: Tahoma, Verdana, Arial;
}
.PagerHyperlinkStyle:hover
{
background: #ccc;
border: 1px solid #666;
}
.PagerDisabledHyperlinkStyle
{
padding: 1px 3px;
font-weight: 100;
background: #fdfdfd;
border: 1px solid #cdcdcd;
margin: 0 1px;
font-weight: 100;
font-size: 10px;
font-family: Tahoma, Verdana, Arial;
color: #cdcdcd;
/*display: none; */
}
.PagerCurrentPageStyle
{
padding: 1px 3px;
font-weight: 100;
background: #f7f7f7;
border: 1px solid #c7c7c7;
text-decoration: none;
margin:0 1px;
font-weight: 100;
font-size: 10px;
font-family: Tahoma, Verdana, Arial;
background: #666;
border: 1px solid #666;
color: #fff;
}
.KeywordsPanel
{
}
.KeywordLink
{
font-family: Verdana, Helvetica, sans-serif;
text-decoration:underline;
font-size: 12px;
}

.Greybg {
background-color: #8E9D9F;
height: 15px;
font-size: 11px;
font-weight: bold;
color: White;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Greybg a{ color: White; }

.DrafOrderButton
{
cursor:pointer;
}

.StepDescription
{
font-family: Tahoma, Verdana, Arial;
FONT-SIZE: 11px;
COLOR: #525252;
}

.CouponBar
{
background-color: #DBEEF4;
}

.OrderDetailsCouponBar
{
background-color:#D9D9D9;
height:25px;
}

.CouponDiscountCell
{
width:15%;
text-align:left;
}

.CouponInfoMessage
{
font-family:Verdana;
color:Green;
}

.ClearingGatewayMessage
{
white-space: normal;
display: block;
}


/*-- XmpImageButton styles start --*/
.XmpImageButton_style1_table
{
border: 0px!important;
}
a.XmpImageButton_style1_link
{
text-decoration: none!important;
color: white!important;
padding: 0px!important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}
a.XmpImageButton_style2_link
{
text-decoration: none!important;
color: #005f95!important;
padding: 0px!important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}
.XmpImageButton_style1_regular_left
{
background: url(XmpImageButtons/left_Blue.png) no-repeat!important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_regular_middle
{

background: url(XmpImageButtons/middle_Blue.png) repeat-x!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_regular_right
{
background: url(XmpImageButtons/right_Blue.png) no-repeat!important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmouseover_left
{
background: url(XmpImageButtons/left_BlueOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmouseover_middle
{
background: url(XmpImageButtons/middle_BlueOver.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmouseover_right
{
background: url(XmpImageButtons/right_BlueOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmousedown_left
{
background: url(XmpImageButtons/left_BlueOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmousedown_middle
{
background: url(XmpImageButtons/middle_BlueOver.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style1_onmousedown_right
{
background: url(XmpImageButtons/right_BlueOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_regular_left
{
background: url(XmpImageButtons/left_Black.png) no-repeat!important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_regular_middle
{
background: url(XmpImageButtons/middle_Black.png) repeat-x!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_regular_right
{
background: url(XmpImageButtons/right_Black.png) no-repeat!important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmouseover_left
{
background: url(XmpImageButtons/left_BlackOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmouseover_middle
{
background: url(XmpImageButtons/middle_BlackOver.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmouseover_right
{
background: url(XmpImageButtons/right_BlackOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmousedown_left
{
background: url(XmpImageButtons/left_BlackOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmousedown_middle
{
background: url(XmpImageButtons/middle_BlackOver.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style2_onmousedown_right
{
background: url(XmpImageButtons/right_BlackOver.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_regular_left
{
background: url(XmpImageButtons/left_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_regular_middle
{
background: url(XmpImageButtons/middle_refresh.png) repeat-x!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_regular_right
{
background: url(XmpImageButtons/right_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmouseover_left
{
background: url(XmpImageButtons/left_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmouseover_middle
{
background: url(XmpImageButtons/middle_refresh.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmouseover_right
{
background: url(XmpImageButtons/right_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmousedown_left
{
background: url(XmpImageButtons/left_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmousedown_middle
{
background: url(XmpImageButtons/middle_refresh.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style3_onmousedown_right
{
background: url(XmpImageButtons/right_refresh.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_regular_left
{
background: url(XmpImageButtons/left_NoShadow_Blue.png) no-repeat!
important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_regular_middle
{
background: url(XmpImageButtons/middle_NoShadow_Blue.png) repeat-x!
important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_regular_right
{
background: url(XmpImageButtons/right_NoShadow_Blue.png) no-repeat!
important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmouseover_left
{
background: url(XmpImageButtons/left_NoShadow_BlueOver.png) no-repeat!
important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmouseover_middle
{
background: url(XmpImageButtons/middle_NoShadow_BlueOver.png) repeat!
important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmouseover_right
{
background: url(XmpImageButtons/right_NoShadow_BlueOver.png) no-
repeat!important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmousedown_left
{
background: url(XmpImageButtons/left_NoShadow_BlueOver.png) no-repeat!
important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmousedown_middle
{
background: url(XmpImageButtons/middle_NoShadow_BlueOver.png) repeat!
important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_style4_onmousedown_right
{
background: url(XmpImageButtons/right_NoShadow_BlueOver.png) no-
repeat!important;
width: 2px!important;
height: 19px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_Disabled_left
{
background: url(XmpImageButtons/left_Disabled.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_Disabled_middle
{
background: url(XmpImageButtons/middle_Disabled.png) repeat!
important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
.XmpImageButton_Disabled_right
{
background: url(XmpImageButtons/right_Disabled.png) no-repeat!
important;
width: 15px!important;
height: 35px!important;
padding: 0px!important;
border: 0px!important;
}
/*-- XmpImageButton styles end --*/

.WizardStepsNextPrevSpace
{
width:48%;
}

.OrderPriceLabelWidth { width: 500px; }

.RegisterLink { margin: 10px 20px 10px 20px; }

/*-- CaptchaControl styles start --*/
.CaptchaContainer { margin: 7px 15px 10px 137px; }

.captcha {}

.captcha SPAN
{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.captcha INPUT
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/*-- CaptchaControl styles end --*/

.MerchantAddressBody {
color: #000000;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
}

Michael Carpenter

> > Matthew- Hide quoted text -
>
> - Show quoted text -