/*
styles.css: skin-specific css (layout-theme)
*/

body{
	font-family: Arial, Verdana;
	font-size: 12px;		
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

a.moreLink{
	font-weight: bold;
    padding-right: 8px;
    font-size: 12px;
}

div.moreCategories {
    margin-bottom: 40px;
}

a.moreCategoriesLink{
	font-weight: bold;
    padding-right: 8px;
    font-size: 12px;
}

body .browserupgrade {
  text-align: center;
  margin-bottom: 0px;
}

.listTemplates a.createYourOwnLink
{
	cursor:pointer;
}

a.createYourOwnLink:hover span
{
	text-decoration:underline;
}

a.pdf{
	font-weight: bold;
	padding-left: 18px;
	font-size: 12px;	
}

p a{
	font-weight: bold;	
}

strong{
	font-weight: bold;	
}

i{
	font-style: italic;	
}

.underline{
	text-decoration: underline;	
}

.listprice {
    text-decoration:line-through;
}

.headlineContainer{
	text-align: center;
	margin-bottom: 25px;
	position: relative;
	display: block;
	background: url(../../../Images/ub4next/headline_background.gif) 0 center repeat-x;
	width: 100%;
    min-height: 30px;
}

.headlineContainer .style0023img {
    margin-top:30px;
}

h1{
	font-size: 25px;
	padding: 0 20px;
	width: auto;
	display: inline-block;
}

h1.tro_cattitle,
h2{
	font-size: 25px;
	padding: 0 20px;
	width: auto;
	display: inline-block;	
	line-height: 30px;
}

.productDetailName h1 {padding-left:0px;padding-right:0px;}

.productDetailName h1,
h3{
	font-size: 25px;
	margin-bottom: 20px;	
}
h4{
	font-size: 18px;
	margin-bottom: 15px;	
}
h5{
	font-size: 15px;
	margin-bottom: 17px;		
}

h4 .moreLink{
	margin-left: 45px;	
}

.left{
	float: left !important;	
}

.right{
	float: right !important;	
}

.container{
	margin: 0 auto;	
	width: 940px;
	position: relative;
	z-index: 2;
    min-height: 57px;
}

.container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tro_customheadertext{
	margin: 0 auto;	
    width:auto;
	max-width: 940px;
	position: relative;
	z-index: 2;
	font-size:0px;
}.tro_customheadertext div{
	font-size:12px;
}.tro_customheadertext p {
    margin: 0 auto !important;
}

.introduction{
	font-size: 18px;
	line-height: 23px;	
}

p{
	margin-bottom: 25px;
	line-height: 20px;	
}

.singleCol p{
	width: 700px;
}	
.singleCol .tro_longdescr 
{
	line-height:20px;
    width: 700px;
    margin-bottom: 20px;
}

.clear{
	clear: both;	
}

#header{
	position: relative;	
	/*min-height: 148px;*/
	padding-top: 1px;
	width: 100%;
}

#header .headerImage{
	display: block;
	/*margin-bottom: 1px;*/
	margin:0px auto 1px auto;
}

#header .line{
	width: 100%;
	position: relative;
	height: 1px;
	/*left: 0;	
	top: 93px;*/
}

#header #hamburger {
    display:none;
    font-style:normal;
    font-size:35px;
}

#header #mainNav{
	display: block;
	float: left;
	width: 755px;	
}

#header #mainNav li{
	display: block;
	float: left;	
}

#header #mainNav li a{
	display: block;
	padding: 10px 10px;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	text-align: center;
	float: left;
	height: auto;
	line-height: 13px;
	width: 105px;
}

#header #mainNav li a .iconContainer{
	text-align: center;
	display: block;
	height:	24px;
}

#header #mainNav li a .icon{}

#header #mainNav li .defaultIcon,
#header #mainNav li:hover .activeIcon,
#header #mainNav li.active .activeIcon{
	display: inline-block;
	margin-bottom: 2px;
}
#header #mainNav li .activeIcon,
#header #mainNav li:hover .defaultIcon,
#header #mainNav li.active .defaultIcon{
	display: none;	
}
#header #mainNav li a span {cursor:pointer;}

#header #headerSearch{
	display: block;
	float: right;
	width: 174px;
	height: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 15px;
}

#header #headerSearch .searchField{
	border: 0;
	font-weight: bold;
	font-size: 12px; 
	display: block;
	float: left;
	width: 134px;
	height: 20px;
	padding-left: 10px;
	line-height: 19px;
}

#header #headerSearch .submit{
	border: 0;
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}


#subHeader{
	position: relative;	
	height: 27px;
	padding-top: 6px;
	width: 100%;
}

#subHeader .changeLanguageDDL{
	display: block;
	float: left;
}

#subHeader .logonLink,
#subHeader .lnkContainer{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-left: 20px;
    margin-top: 4px;	
}


#subHeader .lnkContainer .lblItem, 
#subHeader .lnkContainer .separator, 
#subHeader .lnkContainer .logonLink {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-left: 0px;
    margin-top: 0px;	
}

#subHeader .lnkContainer .separator {
    margin:0px 5px;
}

#subHeader .cartLink{
	display: block;
	float: right;
	font-size: 12px;
    margin-top: 4px;	
}
#subHeader .cartLink .icon{
	float: left;
	display: block;
	margin-right: 5px;
	margin-top: -1px;	
}

#content{
	padding-top: 37px;
	/*padding-bottom: 60px;*/
	min-height:400px;
	position:relative;
}
#content .topShadow{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 37px;
}

#content .sideCol{
	width: 200px;	
	margin-right: 40px;
	float: left;
}
#content .mainCol{
	width: 700px;
	float: left;
}

#content .upFullWidth {
    padding-bottom: 20px;
    width: 100%;
    order: 1; /*In flex container set this element always at the beginnning*/
}

#content .Wizard{
	position: relative;
}

#content .sideColRight{
	width: 658px;	
	float: left;
}
#content .sideColRight .contentBox {width:658px;}
#content .singleCol .contentBox.bottomBox {width:900px;}

#content .sideColRight .tro_qty {float: right; width:308px; text-align:right;}
#content .sideColRight .data select {width:130px;}

#content .sideColRight .tro_productInformation { float: left; width: auto;}

#content .middleCol{
	width: 360px;	
	float: left;
}
#content .middleCol .contentBox {width:320px;}

#breadCrumbs{
	width: 100%;
	position: relative;	
}

#breadCrumbs ul,
#breadCrumbs li{
	float: left;
}

#breadCrumbs li{
	padding: 10px 0;
}

#breadCrumbs li a{
	padding-right: 15px;
}

#footer{
	padding-bottom: 20px;
    padding-top: 25px;
	width: 100%;
	position: relative;
    z-index:0;
}
#footer.cxmlintegr{
	padding-top: 0px;
}

#footer .tro_copyright {display:inline;}

#footer .powered{
	display: block;
	float: right;	
	text-align:right;
	vertical-align:middle;
}

#footer .nolinkpowered{
	display: none;
	float: right;	
	text-align:right;
	vertical-align:middle;
}

#footer .linkWrapper{
	float: left;
	width: 650px;	
}

#footer .powered a{
	margin-left: 10px;
	vertical-align:middle;
}

*+html #footer .powered a{
	margin-top: -18px;	
}

/*specific cxml styles*/
#footer.cxmlintegr .container {text-align:center;}
#footer.cxmlintegr .container .linkWrapper {float:none; width:100%;}
#footer.cxmlintegr .powered {display:none;}
#footer.cxmlintegr .nolinkpowered {display:block}

.contentBox{
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	
	float: left;
	margin-bottom: 20px;
}
.sideCol .contentBox {margin-left:auto;margin-right:auto;}

.contentBoxNoRadius{
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
	
	float: left;
	margin-bottom: 20px;
}
.sideCol .contentBoxNoRadius {margin-bottom:0px;}
.sideCol .contentBoxNoRadius .offerTeaser {margin-bottom:0px;}

.contentBoxNoRadius.span4{
	margin-right: 14px;
	width: 120px;
}
.sideCol .contentBoxNoRadius.span4 {width:160px;}

.contentBox.span4{
	margin-right: 14px;
	width: 120px;
}
.sideCol .contentBox.span4 {margin-left:20px;}

.contentBox.span6{
	margin-right: 14px;
	width: 100px;
}

.hr{
	width: 100%;
	height: 1px;
	position: relative;
	clear: both;
	margin: 15px 0;	
}

.textfield{
	margin-bottom: 10px;
	padding: 1px 5px;	
}

.ie9fixcrn
{
	/*width:55px;
	height:22px;*/
	border-radius:12px;
	overflow:hidden;
}
.button{
	display: block;
	float: left;
	font-weight: bold;
	padding: 6px 15px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 0px;
	cursor: pointer;
	font-size: 12px;
	margin-bottom: 22px;		
}
.button:hover{
	text-decoration: none;
}

#relatedTemplates span.button {
    cursor:default;
}
.textbold {font-weight:bold;}

input.button{
	padding: 4px 15px;
}

.button.white{
	padding: 5px 14px;	
}

.button.white.logo {
    vertical-align: middle; 
    line-height: 26px;
    margin-bottom: 10px;
    width: 130px;
    text-align: center;
}
.button.white.logo span 
{
	display:inline-block;
	line-height:15px;
	width:90px;
}

.buttonMask{
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

.buttonMask .button{
	
}

.buttonContainer{
	margin-bottom: 35px;	
}

.buttonContainer .button{
	margin-bottom: 0px;
}

.headlineContainer .buttonContainer{
	margin-bottom: 0px;
	position: absolute;
	top: 3px;
	float: none !important;
}

.headlineContainer .buttonContainer.left{
	left: 0;	
}
.headlineContainer .buttonContainer.right{
	right: 0;	
}

.headlineContainer h1.tro_cattitle,
.headlineContainer h2{
	display: inline;	
}

.buttonContainer.left .button{
	margin-right: 10px;	
}
.buttonContainer.right .button{
	margin-left: 10px;	
}

.sideCol .textfield{
	width: 188px;
		
}
.sideCol .contentBox 
{
	max-width:160px;
}

.button .icon{
	margin-right: 5px;
	margin-top: 1px;
	float: left;	
}

/*** Render Price ***/

.renderPrice {
    text-align: right;
}

/*** LOGIN BOX ***/

.loginBox{
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.loginBox .button{
	margin-top: 10px;
	margin-right: 6px;	
	margin-bottom:0px;
}

.loginBox .helperLinks{
	font-size: 11px;	
	padding-top: 9px;
	float: left;
}
.loginBox .helperLinks a{
	margin-bottom: 4px;
	display: block;
}

/*** ProductDetail ***/

.prodDetail {
    margin-top: 5px;    
}

.qtyMaxMinMultiple {
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.productDetailPrice {
    line-height: 15px;
    margin-bottom: 10px;
}

.productDetailName {
    margin-left: 0px;
}

.productInfoVariation {
    line-height: 15px;   
}

.productInfoVarKey {
   font-weight: bold; 
}

.orderQuantity {
    line-height: 15px;  
}

.stepbasedprice {
    text-align: right;
}

.productInfoFromQuantity {
    float:left; 
    width:70px; 
    text-align:left; 
    line-height: 15px;
}

.productInfoFromPrice {
    float:left; 
    width:120px;
    text-align: right;
    line-height: 15px;
}

/*** ProductRequiredFields ***/

.tro_req_main {
    margin-bottom: 20px;
}

.requiredFields {
    margin-bottom: 5px;    
}

.reqInfoSubHeading {
    margin-bottom:10px;
}

.requiredFieldsName {
    width:250px; 
    float:left; 
    line-height:22px; 
    text-align:right;
}

.requiredFieldsValue {
    width:400px; 
    float:left; 
    line-height:22px; 
    text-align:left;
}

.tro_reqfields_controls {
     float:left; 
     margin-left:5px;
}

.commentReqFields {
    margin-top: 10px;
    margin-bottom: 20px;    
}

.commentReqFieldsKey {
    font-weight: bold;
}

.field-validation-error {
    float: left;
    margin-left: 5px;
    width: 100px;
}

.quantity > .field-validation-error {
    color: red;
    background: #fdd;
    padding: 4px;
    margin: 0;
    line-height: 1.4em;
    width: 100%;
}

.quantity > .input-validation-error {
    border: 1px solid red;
}

.requiredfieldsdialog {
    text-align: center;
}

.reqInfoData {
    width:660px;
}

.reqInfoDivider {
    width:200px;
    color: red;
}

.reqInfoSeparator {
    width: 100%; 
    margin-top: 15px;
}

/*** Legal and Agree Terms and Conditions ***/
.legalagree {
    text-align: right; 
    margin-bottom:15px;
    margin-right: 10px;
}

/*** TEMPLATE TABLE ***/
.templateWebPart {
     width:658px;
}

.templateWebPartLink {
    width: 100%;
	max-height: 60px;
	text-align: center;
    margin-bottom: 10px;
    margin: 0 auto;
}

.templateWebPartTemplates {
    float:left; 
    width:201px;
    margin-right:15px;
    margin-bottom: 15px;
    position: relative;
}

.templateWebPartAlign {
    text-align:center;
}

.templateTable{
	width: 100%;	
	margin-bottom: 20px;
}

.templateTable th{
	text-align: left;
	font-size: 15px;
	padding-bottom: 18px;
}
.templateTable td{
	padding-bottom: 10px;	
	width: 33%;
}

.templateContainer {
    margin-left: 0px;
    margin-right: 0px;
}

.templateSearch {
    float:left;
}

.templateTextSearchInput {
    float:left;
}

.templateTextSearchInput input[type='text'] {
    height:20px;
    width:350px;
}

.templateTextSearch {
    float:left;
    margin-left: 20px;
}

.templatePaging {
    margin: auto;
    margin-top: 15px;
    text-align: center;
}

.templateDescriptionText {
    font-weight: bolder;
    padding-top: 5px;
}

.templateUploadLayoutButton {
    text-align:center; 
    margin-top:20px;
}

.templateUploadLayoutButton a {
    float:none;
    display:inline-block;
}

.templateUploadLayoutBox {
    text-align: center;
}

.templateUploadLayoutDialog {
    text-align: center;
}

.templateUploadLayoutDialog table {
    margin: 0px auto;
    line-height:26px;
    text-align:left;
}
.templateUploadLayoutDialog table td {
    vertical-align:middle;
}

.templateUploadLayoutDialogDescription {
    padding-top: 25px;
    padding-bottom: 25px;
}

.templateVariationValues {
    padding-left: 10px;
}

.templateVariationValues .dd-options {
    line-height:1em;
}

.tro_notemplatesmsg {margin-bottom:1em;}

.noTitleDialog .ui-dialog-titlebar {display:none}

/*** PRODUCT TEASER ***/

.teaserRow{
	position: relative;	
}

.teaserRow.additionalHidden {display:none;}

.teaserRow .productTeaser{
	width: 180px;	
	position: relative;
	float: left;
	margin-right: 14px;
	zoom: 1;
}

.teaserRow .contentBox.last{
	margin-right: 0 !important;
}

.productTeaser .productImage{
	display: block;
	margin: 0 auto 15px;
}

.productTeaserImage
{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}

/*** subNav ***/

.subNav{
	margin-bottom: 20px;	
}

.subNav .level1{
	margin-bottom: 20px;	
}

.subNav li a{
	display: block;
    line-height: 15px;
    margin-bottom: 6px;
}

.subNav .level3 a{
	padding-left: 12px;
}

.subNav .topLevel{
	font-weight: bold;	
}

.subNav h2,
.subNav h3,
.subNav h4 {font-weight:normal;}

/*** offerTeaser ***/

.offerTeaser{
	width: 100%;
	text-align: center;	
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.offerTeaser.noBorder{
	border-bottom: 0px;
}

.offerTeaser .offerImage{
	margin-bottom: 10px;	
	max-width:120px;
	max-height:120px;
}

.crossSelling .offerTeaser .price {
    display: inline;
}

.crossSelling .offerTeaser .offerImage {
    width:120px;
	height:120px;
}

.crossSelling .contentBox {
    margin-right: 14px;
    width: 27%;
}

.offerTeaser .price{
	display: block;
	width: 100%;
	margin-bottom: 4px;	
}
.offerTeaser .additionalInfo{
	font-size: 10px;
	display: block;
	width: 100%;	
}

.offerTeaser .button{
	float: none;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 0;
}

.contentBox .offerTeaser{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;	
}

/*** orderBox ***/

.orderBox{
	width: 658px;	
}

.orderBox form{
	margin-bottom: 0 !important;
	height: 28px;
}

.orderBox input{
	margin-bottom: 0 !important;
}

.orderBox input.button{
	float: right;
}

.orderBox label{
	float: left;
	font-size: 18px;
	width: 550px;
}
.orderBox .textfield{
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}

.orderBox label span{
	float: left;
	padding-top: 3px;	
}


/*** table shoppingCart ***/

.shoppingCart{
	width: 100%;
	margin-bottom: 30px;	
}

.shoppingCart th{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}
.shoppingCart th .info{
	font-weight: normal;	
}

.shoppingCart .cell.alright{
	text-align: right;
}
.shoppingCart .cell.currncy
{
	text-align:right;
	width:100px;
}

.shoppingCart .cell.instructions{
    margin-left: 10px;
    width:70px;
}

.shoppingCart input{
	width: 	28px;
}

.shoppingCart td{
	padding: 10px 0;
	vertical-align: top;
	line-height: 20px;	
}

.shoppingCart td a{
	font-weight: bold;	
}

.shoppingCart .tro_item input[name='quantityTextbox'],
.shoppingCart .tro_item .tro_prodimg {margin-right:5px;}
.shoppingCart .tro_item .tro_prodimg {max-width:60px;max-height:60px;}

.shoppingCart .tro_item .tro_del {margin-left:5px;}

.shoppingCart tfoot td{padding-top:5px;padding-bottom:5px;}

/*** colorSelect ***/
.colorSelect,
.tro_prodvar{
	margin-bottom: 10px;		
}

.colorSelect label{
	/*width: 90px;*/
	display: inline-block;	
}

.uploadGraphic label{
	width: 90px;
	display: inline-block;	
}

.colorSelect select
{
	width:45px;
	position: relative;
}
.tro_prodvar select 
{
	position: relative;
	width:100%;
	height:19px;
}
.colorSelect option{}

.layoutProduct{
    width: 158px;
	text-align: center;
}
.sideCol .productOptions .tableBox .data {word-wrap: break-word;/*word-break:break-all;*/}

.sideCol .contentBox.layoutProduct 
{
    width:200px;
	max-width:200px;
    padding: 20px 0px 20px 0px;
}
.sideCol .contentBox.layoutProduct  img
{
    padding-left: 15px;
    padding-right: 15px;
    max-width:170px;
}

.additionalInformation {
    float: left; 
    width: 643px;
    text-align: center;
}

.listTemplatesFirst {
    float: left;
    margin-right: 0px; 
    margin-left: 0px;
}
.listTemplates {
    float: left;
    margin-right: 0px; 
    margin-left: 20px;
}


.tro_graphicTableOuter 
{
    margin-right: -15px; 
    margin-left: -10px;
}

.tro_graphicTable .listTemplates 
{
    margin-right: 5px; 
    margin-left: 5px;
}


.layoutTemplate{
	width: 178px;
	height: 150px;
	text-align: center;
}

.layoutTemplateChooseGraphics{
    background-color: #fff;
	width: 178px;
	height: 110px;
	text-align: center;
}

.templateNameChooseGraphics{
    width: 178px;
	height: 15px;
	text-align: center;
    margin-bottom: 10px;
}

.templateImageChooseGraphics{
	width: 178px;
	height: 80px;
	text-align: center;
}

.templateDeleteChooseGraphics{
    width: 183px;
    text-align: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.layoutListChooseGraphics {
    height: 160px;
}

.emptyGraphic {
    min-height:75px;
    border:1px solid #eeeeee;
}

.imgChooseTemplate img {
    /*set max-width to ensure maximum centered imag position; set max-height to avoid the image outgrowing the template borders */
    max-width:178px;
    max-height:104px;
}

.deleteTemplateGraphic {
    text-align: right; 
    width: 190px; 
    margin-bottom: 10px;
}

.templateName{
	width: 178px;
	height: 40px;
	text-align: center;
    margin-bottom: 10px;
}

.templateDescription{
	width: 300px;
	text-align: left;
    margin-bottom: 10px;
}

.templateImage{
	width: 100%;
	height: 80px;
	text-align: center;
    margin-bottom: 10px;
}

.templateBottom {
    width: 170px;
    height: 20px;
}

.templateDimension{
    width: 100%;
    text-align: center;
}

.templateDelete{
    width: 183px;
    text-align: right;
    margin-left: 10px;
}

.viewdetailImage {
    max-width: 158px;
    max-height: 71px;
}

.templateViewDetails {
    margin-top: 5px;
    text-align: center;
}

.createOrOwn {
    width: 123px;
    height: 71px;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.templateborder {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 3px;
}

.proofReadMain {
    margin-bottom: 20px;    
}

.proofreadproductInfo {
    width: 220px;
    vertical-align: top;
    float: left;
    margin-right: 15px;   
}

.proofReadVariations {
    width:100px; 
    text-align:left; 
    float:left; 
    margin-bottom:5px;
}

.layoutProofReadSave {
    margin-top: 25px;
    width: 658px;
}

.proofreadTempl {
    float:left;
    margin-right: 10px;
    line-height:24px;
}

.proofReadPreview {
    min-width: 473px;
    /*width: 473px;*/
}

.proofReadApprovalFields {
    line-height:30px;
    width: 650px;
}

.proofReadApprove {
    margin-top: 15px;
    width: 658px;
}

.proofReadFieldValidation {
    float: left;
    width: 250px;
    text-align: left;
    margin-left: 10px;
    display: none;
}

.specialInstructionsApprovalInfo {
    margin-bottom: 15px;    
}

td#ImPrintPreview {
    /*padding:0px 10px 10px 10px;*/
    text-align:center;
    
}

.imprPreview li
{
	/*float:left;*/
	display:inline;
}

#imgPreview,
.imprPreview img {
    border-style: solid;
    border-width: 2px;
}

.proofReadSettings {
    width:700;
    margin-top: 20px;
}

.tro_triangle 
{
	margin: 0px auto;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.stopfloat { clear:both; }

/* Variation Properties */
.tro_variation {
    width: 329px;
}

.tro_variation_displayname {
    float:left; 
    text-align: right;
    width: 169px;
}

.tro_variation_properties {
    text-align: left; 
    width: 150px; 
    margin-left:10px; 
    float:left;
}

/* Review page */

.tro_review_block {
    margin-bottom: 20px;
}

.reviewFloat {
    float: left;    
}
.tro_profile 
{
	font-weight:bold;
}

.shippingAndPaymentMethods {
    float:left; 
    width:303px;
}

.shippingAndPaymentOptions {
    float:left; 
    line-height:22px; 
    width:220px;
    margin-left: 10px;
}

.reviewContentBox {
    width: 260px;
	height: auto;
	text-align: left; 
}

.reviewRadioButton {
    float:left; 
    line-height:22px
}

.shippingAdresses{
	width: 260px;
	height: auto;
	text-align: left;
	margin-left: 16px;
    float: left;
}

.billingAdresses{
	width: 260px;
	height: auto;
	text-align: left;
	margin-left: 16px;
    float: left;
}

.selectAddress {
    margin-left: 10px;
}

.changeAddress {
    text-align:left; 
    margin-top:10px;
}

.bankcollection {
    line-height:22px
}

.bankCollectionFields {
    /*float:left;*/ 
    width:250px; 
}

.checkoutfield {
    line-height:20px; 
    /*text-align:center;*/
    margin-top: 10px;
}

.checkoutfieldwidth {
    width: 170px;
    display:inline-block;
    /*text-align: left;*/
    margin-right: 10px;
}

.checkoutFieldValidation {
    /*float: left;    */
    width: 500px;
    text-align: left;
    margin-bottom: 5px;
    /*display: none;*/
}
.checkoutFieldValidation.showMessage
{
	display:inline;
}

.checkoutFieldValidationDialog {
    float: left;    
    width: 350px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 5px;
}

.reviewAddress {
    line-height:22px;
}

.tro_review_block .tro_total {
    font-size:18px;
    font-weight:bold;
}
.tro_review_block .tro_total strong {
    white-space:nowrap;
    padding-left:5px;
}

/* ThankYou page */
.confirmationOrderFloat {
    float: left;
}

.confirmationBankCollection {
    width: 260px;
}

.confirmationBcFields {
    width: 130px;
    float: left;
}

.confirmationOrder {
    float:left;
    width: 130px;
}

.confirmationOrderDescription {
    text-align:left; 
    width:650px;
    line-height: 20px;
}

.confirmationOrderData {
    text-align:left; 
    width:650px; 
    line-height:20px; 
    font-weight: bold;
    margin-top: 20px;
}

.confirmationReview {
    margin-top: 20px;
}

/* Order History */

.contentBox.myOrders {
    width:200px;
    margin-right: 15px;
}

.myOrderLabelSize {
    line-height: 20px;
}

.button.myorders {
    margin-left:60px; 
    margin-top:20px;
}

.orderSearchFields{
    line-height:22px;
    width: 320px;
    text-align: center;
    margin-bottom: 5px;
}

.additionalOptions{
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;
	position: relative;	
}

.additionalOptions .radioBox,
.additionalOptions .button{
	margin-bottom: 10px;	
}

.radioBox{
	padding-top: 8px;	
}

.radioBox input,
.radioBox label,
.radioBox span{
	float: left;
	display: block;
	margin-right: 5px;
	margin-bottom: 7px;	
}
.radioBox .option{
	float: left;
	min-width: 50px;
}

.radioBox input{
	margin-right: 5px;	
	margin-top: 0;
}

*+html .radioBox input{
	margin-top: -5px;	
}

/*** LAYOUT ***/

.layoutPreview{
	margin-bottom: 20px;
	float: left;
}

.previewBorder {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
}

.tro_actioncontainer {float:right;}
.tro_actioncontainerCenter {margin-right: 25px;text-align: center}

.tro_actions {float:right;width:210px;display:inline;}
.tro_adctions div {display:inline;}


.actionBox {float:right;text-align:right;width:90px;margin-left:5px;}
.actionBox .tro_next {display:block;clear:both;}
.actionBox .button {float:right;}
.actionBox input.text {width:75px;}

.tro_center {line-height:26px;}
.tro_qty {float:right;line-height:26px;}

.tro_qty .label,
.tro_qty label,
.actionBox .label,
.actionBox label{
	font-weight: bold;
	margin-bottom: 8px;
}

.actionBox .data,
.actionBox select{
	display: block;
	float: left;
	margin-bottom: 8px;
}

.dataBox{
	float: left;
	width: 180px;
}

.dataBox .label,
.dataBox label{
	font-weight: bold;
	display: block;
	float: left;
	min-width: 50px;
	margin-bottom: 8px;
}
.dataBox td{
    padding-right: 5px;
    white-space: nowrap;
}
.dataBox .data,
.dataBox select{
	display: block;
	float: left;
	margin-bottom: 8px;
}

.dataBox a.pdf{
	float: left;	
}

.cwLayoutPreview {
    margin-bottom: 10px;    
}
.cwProofButton 
{
    position: absolute;
    top: 0px;
    right: 0px;
}

td.tdwait {vertical-align:middle;}

.proofread {
    float:left;
    width: 120px;
}

.infoBox{
	float: left;
	padding-left: 30px;
	line-height: 20px;
	margin-top: -4px;
	min-height: 30px;
	width: 390px;
    margin-left: 30px;
}
/*
.proofreadinfo {
    width:520px;
    margin-left: 30px;
}
*/
.proofReadShippingCostLink {
    margin-bottom:10px; 
    margin-top: 10px;
}

/* View Details */

.viewDetail {
    min-width: 650px;
    width: auto;
}
.viewDetail h2 
{
	text-align:center;
	padding:0px;
	width:100%;
}

.contentBox.viewDetailsInfo {
    width: 220px;
    max-width: 220px;
    float: left;
}

.contentBox.viewDetailsRelatedTemplates {
    width: auto;
    margin-left: 270px;
    float: none;
}

.relatedTemplates a,
.relatedTemplates span{
    margin-left: 0px;
    margin-right: 15px;
}

.tro_relTmpl_DesignLabel {
    clear:both;margin-bottom:30px;
}

.tableBox 
{
	line-height:15px;
	margin-bottom:8px;
}
#previewData.tableBox {min-width:160px;float:left;}

.tableBox .label { font-weight:bold; }
.tableBox .data { white-space:nowrap; }
.sideCol .tableBox .data { white-space:normal; }
.tableBox .spacer { width: 50px; }


.tableBox td.label,.tableBox th.label { padding-bottom:5px;vertical-align:middle;}
.tableBox td.data,.tableBox th.data { padding-bottom:5px;padding-left:5px;vertical-align:top;}

.tableBox th
{
	font-weight:bold;
	white-space: nowrap; 
	text-align:left;
	padding-right:5px;
}
.tableBox th span { white-space: nowrap; }

.shoppingCart .tableBox td {line-height:1em;padding:0px 5px 0px 0px; border-bottom:0px;}

.pagingBox {text-align:center;padding: 6px 0px 6px 0px;}

.addresstable { line-height:25px; }

.listBox label {font-weight:bold;}

/*******************************************************************************
	TAB-BOX 
*******************************************************************************/

.tabbox{
	position: relative;
	width: 100%;	
	margin-top: 25px;
	margin-bottom: 40px;
}

.cwtabbox
{
    margin-top: 15px;
}

.cwtabbox #varProperties {display:none;}

.templateTabbox{
    margin-bottom: 10px;
}

.templateTabbox .secondLevelDropDown {
    position:absolute;
    right:0px;
    top:15px;
}

.tabbox .tabboxHeader{
	float: left;
	position: relative;
	clear: both;
}

.tabbox .tabboxHeader .tabLink{
	display: block;
	float: left;
	position: relative;
	z-index: 10;
	text-decoration: none;	
	cursor: pointer;
	width: 118px;
	padding: 15px 10px 0;
	text-transform: uppercase;
	text-align: center;
	height: 30px;
	position:relative;
}
.tabbox .tabboxHeader .tabLink .tbshdw
{
	width:20px;
	height:46px;
	display:block;
	position:absolute;
	top:0px;
	right:-20px;
	top:-3px;
	background-position:left top;
	background-repeat:no-repeat;
}

.tabbox .tabboxHeader .tabLink.twoliner{
	padding-top: 10px;	
	height: 35px;
}

.tabbox .tabboxHeader .tabLink:hover{
	text-decoration: none;	
	cursor: pointer;
}

.tabbox .tabboxHeader .tabLink.last{
	margin-right: -27px;	
}

.tabbox .tabboxHeader .tabMid{
	display: block; 
	width: auto;
	float: left;
	height: 34px;
    padding-top: 17px;
	font-size: 13px;
	text-transform: uppercase;
}

.tabbox .tabboxHeader .tabRight{
	float: left;
	height: 52px;
	width: 26px;
	display: block;
}

.tabbox .tabboxHeader .tabLink.active .tabRight,
.tabbox .tabboxHeader .tabLink:hover .tabRight{
}

.tabbox .tabboxContent{
	width: 658px;
	clear: both;
	padding: 0px 20px 20px 20px;
}

.tabbox .tabboxContentTemplate{
	width: 940px;
	clear: both;
	padding: 10px 0px;
}

.tabboxContentTemplateShadow {
    width: 940px;
    height: 20px;
    margin-top: -10px;
}

.tabboxContentTemplateInfoText {
    width: 940px;
    margin-top: 10px;
    font-weight: bold;
    display:table-cell;
}
.tabboxLibraryDropDown {display:table-cell;}

.tabbox .tabboxContentTemplate .templates{
	margin-top:20px;
}

.tabbox .tabboxContentChooseGraphic{
	clear: both;
	padding: 25px 20px;
}

/*** wizardTable ***/

.wizardTable{
	width: 100%;
}

.wizardTable th{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
    padding-top: 25px;
}

.wizardTable th a{
	font-weight: normal;
	/*margin-left: 10px;*/	
}

.wizardTable td{
	padding-top: 10px;
	/*padding-bottom: 5px;*/
}

.wizardTable .tro_row_default,
.wizardTable .tro_row_default td,
.wizardTable .last,
.wizardTable .last td,
.wizardTable tfoot tr,
.wizardTable tfoot tr td
{
	vertical-align:middle;
}
.wizardTable td input[type='checkbox'] {margin-top:1px;}

.wizardTable .last td{
	padding-bottom: 10px;
}

.wizardTable tfoot td{
	padding-top: 15px;
}

.wizardTable .cell1
{
	padding: 10px 10px 0px 0px;
	
}
.wizardTable .cell2{
}
.wizardTable .cell3{
}
.wizardTable .cell4{
}
.wizardTable .cell5{
}
.wizardTable .cell6{
}
.wizardTable .cell7{
}
.wizardTable .cell8
{
	padding-left:2px;
	width:40px;
}

.wizardTable input{
	margin: 0;	
}

.wizardTable .cell1 .textfield{
	/*width: 160px;*/
	width:100%;
	padding:1px 0px 0px 0px;
}

.wizardTable .cell3 select{
	width: 100px;
}

/*.wizardTable.ub_tab_text .cell0 {padding-top:0px;vertical-align:bottom;}
.wizardTable.ub_tab_text .cell0 div span.tro_tllabel {height:31px;padding-top:0px;line-height:15px;vertical-align:bottom;}
.wizardTable.ub_tab_text .cell0 .tro_requiredfield {float:right;}*/
/*.wizardTable.ub_tab_text .cell0 {min-width:100px;}*/
.wizardTable.ub_tab_text .cell1 {width:95%;}
/*.wizardTable.ub_tab_text .cell1 input {width:95%;}*/
.wizardTable.ub_tab_text .cell1 input {margin-right:10px;}
.wizardTable.ub_tab_text td {padding-right:5px;}
.wizardTable.ub_tab_text td:last-child {padding-right:0px;}
.wizardTable.ub_tab_borders td {vertical-align:middle;}

.wizardBorderOnOff { padding-top: 15px;vertical-align:middle;}
.wizardBorderOnOff input { vertical-align:middle;}


/*** saveTemplateTable ***/

.saveTemplateTable{
	width: 100%;
}

.saveTemplateTable th{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.saveTemplateTable th a{
	font-weight: normal;
	margin-left: 10px;	
}

.saveTemplateTable td{
	padding-top: 10px;
    padding-right: 10px;
}

.saveTemplateTable .last td{
	padding-bottom: 15px;
}

.saveTemplateTable tfoot td{
	padding-top: 15px;
}

.saveTemplateTable .cell1{
    white-space: nowrap;
}
.saveTemplateTable .cell2{
}
.saveTemplateTable .cell3{
    text-align: center;
}
.saveTemplateTable .cell4{
    text-align: center;
}
.saveTemplateTable .cell5{
    text-align: center;
}
.saveTemplateTable .cell6{
    text-align: center;
}
.saveTemplateTable .cell7{
}
.saveTemplateTable .cell8{
}

.saveTemplateTable input{
	margin: 0;	
}

@media (min-width: 961px) {
    input#saveTemplateInput {
        width:230px!Important;
    }
}

@media print {
    table tfoot{display:table-row-group;}
}

.saveTemplateTable .cell2 .textfield{
	width: 160px;
}

/*** advancedTemplateProtectionTable ***/

.advancedProtectionTable{
	width: 100%;
}

.advancedProtectionTable th{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.advancedProtectionTable th a{
	font-weight: normal;
	margin-left: 10px;	
}

.advancedProtectionTable td{
	padding-top: 10px;
    padding-right: 10px;
}

.advancedProtectionTable .last td{
	padding-bottom: 15px;
}

.advancedProtectionTable tfoot td{
	padding-top: 15px;
}

.advancedProtection{
    margin-bottom: 15px;
}

.advancedProtectionInfoText{
    padding-bottom: 15px;
}

.assignTemplateUser {
    float: left;
    vertical-align: top;
    max-width: 200px;
}

    .assignTemplateUser autocomplete input.query {
        border: 1px solid #ccc;
        padding: 4px;
    }

        .assignTemplateUser autocomplete + small {
            display: block;
            color: #ccc;
            font-size: .9em;
            padding: 3px 0;
        }

                .assignTemplateUser autocomplete .suggestions {
                    overflow-y: auto;
                    overflow-x: hidden;
                    max-height: 200px;
                }
                .assignTemplateUser .selectedUsers {
                    padding-top: 10px;
                }

                .assignTemplateUser .selectedUsers > li {
                    padding: 3px 5px;
                    position: relative;
                }

                    .assignTemplateUser .selectedUsers > li span {
                        font-weight: bold;
                        padding-right: 1em;
                        line-height: 1.2em;
                        max-width: 160px;
                        overflow: hidden;
                        white-space: nowrap;
                        -ms-text-overflow: ellipsis;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: block;
                    }

                .assignTemplateUser .selectedUsers > li small {
                    position: absolute;
                    color: #ccc;
                    cursor: pointer;
                    right: -30px;
                    top: 2px;
                }


.assignTemplateSite, .assignTemplateOrganization {
    float: left;
    vertical-align: top;
    margin-right: 15px;
    padding-right: 15px;
    max-width: 200px;
}

.assignTemplateSite select, .assignTemplateOrganization select, .assignTemplateUser select {
    width: 200px;
}

.assignTemplate {
    padding-top: 15px;
}

.saveTemplateAlternateText table{
    padding: 1px;
}

.saveTemplateAlternateText td{
    vertical-align: top;
}

.saveTemplateAlternateText select {
    width: 300px;
}

/*******************************************************************************
	Listings (catalog, search results, ...) 
*******************************************************************************/

.tro_listitem {margin-bottom:10px;padding-bottom:5px;}

.tro_listing {padding:5px 0px 5px 0px;margin-bottom:10px;position:relative;}

.tro_listing_img {width:80px;float:left; text-align:center;padding-right:10px;}
.tro_listing_img img {max-width:80px;}
.tro_ProductList .tro_listing_img {width:80;}
.tro_ProductList .tro_listing_img img {max-width:80;}

.tro_listing_info {width:740px;float:left;}
.tro_listing_info h2 {padding:0px;display:block;font-size:16px;}
.tro_listing_info span {line-height:20px;}
.tro_listing.tro_product .tro_listing_info {width:300px;}
.tro_listing_info .tro_descr {line-height:20px;}

.tro_listitem.tro_last{border-bottom-width:0px;margin-bottom:0px;}

.tro_listing_info h2 img {vertical-align:top;}

.tro_listing_imprint {float:left;margin-left:10px;}

.tro_listing_price {float:right;font-weight:bold;}
.tro_listing_price .tro_price {display:block;}
.tro_listing_price .tro_price_tax {font-size:10px;display:block;}
div#result .tro_listing_price {line-height:26px;}

/*******************************************************************************
	WebPart Styles (Home)
*******************************************************************************/

.utypiaWebPart-body ul.subNav h1 {margin:0px;padding:0px;font-size:12px;font-weight:bold;}
.utypiaWebPart-body ul.subNav h2,
.utypiaWebPart-body ul.subNav h3,
.utypiaWebPart-body ul.subNav h4,
.utypiaWebPart-body ul.subNav h5 {margin:0px;padding:0px;font-size:12px;}





div.uwph-Style1 div.utypiaWebPart-header-title {
	text-align: center;
	margin-bottom: 25px;
	position: relative;
	display: block;
	background: url(../../../Images/ub4next/headline_background.gif) 0 center repeat-x;
	width: 100%;
}

div.uwph-Style1 div.utypiaWebPart-header-title h1 {
	font-size: 45px;
	padding: 0 20px;
	width: auto;
	display: inline-block;
	*display:inline; /*bugfixing IE7: do not remove the * */
	*font-weight:200;
}

div.uwph-Style2 div.utypiaWebPart-header-title h1 {
	font-size:25px;
	padding:0px;
	margin-bottom:20px;
}

div.uwph-Style3 div.utypiaWebPart-header-title h1 {
	font-size:18px;
	padding:0px;
	margin-bottom:20px;
}



/*********************************************************************************
    LostPassword Styles
*********************************************************************************/


.SpanLostPasswordTitle
{
    font-size: 14px;		
}


.DivLostPasswordTable
{
    width: 100%;
    height: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.DivLostPasswordTableRow
{
    width: 100%;
    height: 100%;
    display: table-row;
}

.LeftPasswordLostCell
{
    width: 29%;
    height: 100%;
    display: table-cell;   
    line-height: 20px;
    text-align: left;
    padding-right: 15px;
}

.RightPasswordLostCell
{
    width: 70%;
    height: 100%;
    display: table-cell;  
    line-height: 20px; 
    padding-left: 15px;
}





/*********************************************************************************
    B2CLogin
*********************************************************************************/
.b2cLoginTd {
    vertical-align: middle;
}

/*********************************************************************************
    Register
*********************************************************************************/
.RegisterUserBackButton
{
    margin-right: 10px;     
}

.graphicslogoinfotext {
    padding-top: 15px;
}

.graphicslogoinfotext p {
    margin-bottom: 15px;
}
.graphicslogobutton {
    float: left;
    width: 150px;  
    padding-top: 15px;  
}

.graphicslogoposition {
    text-align: center;
    float: left;
    width: 300px;    
}

.graphicslogofineposition {
    float: left;
    width: 200px;    
}

.ubnRegisterDoNotChargeComment01 {
    color: red;
}

.ubnRegisterDoNotChargeComment02 {
    color: red;
}

/************************** Styles for msDropDown dd.js plugin ************************************/

.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;}

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
}
.ddcommon .clear{clear:both}
.ddcommon input.text{padding:0 0 0 0; position:absolute; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .dChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd .divider{right:24px;}
.dd .arrow{width:16px;height:16px; margin-top:-8px; }
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{left:-1px;}
.dd .ddChild li{padding:5px;}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}


/*********************************************************************************
    Imprint
*********************************************************************************/

.tro_imprint_border {float:left;}
.tro_imprint_border img {max-width:164px;max-height:73px;}

/*********************************************************************************
    Spacing
*********************************************************************************/

div.linePositioning {padding-left:5px;}

div.linePositioning a{
    display:inline;
    float:left;
    width:20px;
    height:20px;
    overflow:hidden;
    text-indent:-9999px;
    margin-right:5px;
}

div.linePositioning .btnleft
{
    background-position: center;
    background-repeat: no-repeat;
}
div.linePositioning .btnright{
    background-position: center;
    background-repeat: no-repeat;
}
div.linePositioning .btntop{
    background-position: center;
    background-repeat: no-repeat;
}
div.linePositioning .btnbottom{
    background-position: center;
    background-repeat: no-repeat;
}

.textfield.tro_vspace,.textfield.tro_indent {width:50px;}

/*********************************************************************************
    Positioning 
*********************************************************************************/

div.logo-positioning {
    width:100px;
    float:left;
    margin-top:10px;
    margin-right:8px;
    margin-left: 100px;
}
div.fine-positioning {
    text-align: center;
    float:left;
    margin-top:10px;
}
div.fine-positioning div{
    width:90px;
    height:79px;
    position:relative;
}

div.fine-positioning a{
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    overflow:hidden;
    text-indent:-9999px;
}
div.fine-positioning .left
{
    left: 4px;
    top: 28px;
    background-position: center;
    background-repeat: no-repeat;
}
div.fine-positioning .right{
    right:4px;
    top:28px;
    background-position: center;
    background-repeat: no-repeat;
}
div.fine-positioning .top{
    right:34px;
    top:0px;
    background-position: center;
    background-repeat: no-repeat;
}
div.fine-positioning .bottom{
    right:34px;
    bottom:0px;
    background-position: center;
    background-repeat: no-repeat;
}

div.fine-positioning .finepositioningactive {
    margin-left: 10px;
}

div.logo-positioning ul{
    width:90px;
    margin:0 auto;
}
div.logo-positioning ul li {
    float:left;
    display:block;
    width:20px;
    height:21px;
    margin-right:5px;
    margin-bottom:5px;
    background-repeat: no-repeat;
    background-position: center;
}

div.logo-positioning ul li.active
{
    background-repeat: no-repeat;
    background-position: center; 
}

div.logo-positioning ul li a{
    display:block;
    width:20px;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
}

.tro_indication
{
    -webkit-border-radius: 6px;
	border-radius: 6px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    /*padding-left:10px;
    padding-right:10px;*/
}

.changer .sliderCont {float:left; width: 102px; margin-right: 10px; }
.changer #slider.ui-slider-horizontal{ margin-top: 10px; width: 100px; }
.changer #slider.ui-slider-horizontal .ui-slider-range{ height:10px;}
.changer .fact {width: 35px; float:left; margin-top: 10px;}






/************************
choose graphics
************************/

#graphicTable {width:100%;}

.lbMultiPaging { text-align:center; }

/************************
Customwizard Text
************************/
.requiredlabel {
    padding-top: 15px;
}

/************************
product search
************************/

.button.context {margin-bottom:0px;float:none;}
.tro_search td {padding:3px;}

/************************** Styles for ddslick ************************************/

.dd-select
{
    position: relative;
    cursor: pointer;
    border-radius: 2px;
    width:125px;
    min-height: 18px;
}
.dd-desc
{
    line-height: 1.4em;
    display: block;
    overflow: hidden;
    font-weight: normal;
}
.dd-selected
{
    display: block;
    overflow: hidden;
    font-weight: bold;
    margin-right: 20px;
    line-height:20px;
    height:20px;
}
.dd-selected label 
{
	width:100%;
	display:block;
}
.dd-pointer
{
    position: absolute;
    margin-top: -3px;
    width: 0px;
    height: 0px;
    top: 50%;
    right: 5px;
}
.dd-pointer-up
{
    margin-top: -8px;
}
.dd-options
{
    z-index: 2000;
    position: absolute;
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: none;
    max-height: 200px;
    overflow: auto;
    border-top: medium none;
    padding-top: 0px;
    width: 220px;
}
.dd-option
{
    padding-bottom: 4px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    padding-top: 4px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}
.dd-options > LI:unknown > .dd-option
{
    border-bottom: medium none;
}
.dd-selected-description-truncated
{
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dd-option-image
{
    vertical-align: middle;
    margin-right: 5px;
}
.dd-selected-image
{
    min-height: 18px;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}
.dd-image-right
{
    margin-right: 1px;
}
.dd-container
{
    position: relative;
    z-index:2;
}
.dd-selected-text
{
    font-weight: bold;
    padding-left: 5px;
}

.dd-option-text {
	padding-left: 5px;
}

/************************
FontSampleDialog
************************/
.fontSampleDialog {
    max-height: 500px;
}

#FontSampeImageRowId{
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}

/************************
GraphicSearch
************************/

.tro_CategorySearch td {padding-top:5px;padding-bottom:20px;padding-right:5px;vertical-align:middle;line-height:24px;}
.tro_CategorySearch td.tro_searchButton {padding-top:0px;}
.tro_CategorySearch .button {margin-bottom:0px;}

/************************
order history
************************/

#content .tro_myorders .sideCol{ width: 350px; }
#content .tro_myorders .mainCol{ width: 550px; }

#content .tro_myorders .sideCol tr {margin-bottom:2px;line-height:1.6em;}
#content .tro_myorders .sideCol .tro_lbl {text-align:right;padding-right:5px;}
#content .tro_myorders .sideCol .tro_val {text-align:left;}
#content .tro_myorders .sideCol .tro_resperpage {text-align:center;padding:5px 0px;}

.tro_results {width:100%;line-height:2.0em;}
.tro_results th {text-align:left;white-space:nowrap;}
.tro_results th,.tro_results td {padding-right:5px;}

/********************************************************************************
     Change Password
********************************************************************************/



.ubnChangePasswordMainSection
{    
    display: table;
    margin: 0 auto;
    margin-top:50px;
}

.ubnChangePasswordSubmit
{
     margin-left:220px;
     margin-top:20px;                
}

.ubnChangePasswordTr
{
    line-height: 30px;
}

.ubnChangePasswordBottomLine
{
    margin-top: 70px;

}



/********************************************************************************
     My Account
********************************************************************************/
#btnSaveTop
{
    height:24px;
}

.ubnMyAccountMenuLine
{
    /*width: 800px;
    display: block;
    margin-left:auto;
    margin-right:auto;*/
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
}

.ubnMyAccountMenuLine a.button {display:inline;float:none;}

.ubnMyAccountMenuButton
{
    margin-left: 8px;
    margin-right: 8px;    
}

.ubnMyAccountMenuSaveButton
{
    margin-left: 30px;    
}


.ubnMyAccountTable
{
    margin-left: auto;
    margin-right: auto;    
}


.ubnMyAccountMarkedWith
{
    margin-bottom: 15px;
    margin-top: 10px; 
}

.ubnMyAccountMenuLineCenterWrapper
{
     text-align:center;
}


/******************************************************************************
    Change Billingadress
******************************************************************************/

.ubnBillingAddrTable
{
    margin-left: auto;
    margin-right: auto;    
}

.ubnBillingAddrMenuRow
{    
    float: left;    
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
}


.ubnBillingAddrMenuLine
{
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
}

.ubnBillingAddrMenuLine a.button {display:inline;float:none;}

.ubnBillingAddrTable
{
    margin-left:auto; 
    margin-right:auto;    
}

.ubnBillingAddrMarkedWith
{
    margin-bottom: 15px;
    margin-top: 10px; 
}



/********************************************************************************
     Shippingadress
********************************************************************************/
.ubnShippingAddrMenuLine
{
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
}

.ubnShippingAddrMenuLine a.button {display:inline;float:none;}


.ubnShippingAddrTable
{
    margin-left:auto; 
    margin-right:auto;    
}

.ubnShippingAddrMenuRow
{
    float: left;    
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
}

.ubnShippingAddrMarkedWith
{
    margin-bottom: 15px;
    margin-top: 10px;  
}

.ubnBillingAddrUpdate
{
    display:none;    
}

/* ShippingCost dialog*/
.shippingCosts {
    width:600px;
    margin-bottom: 25px;
}

.scHeaderMethod {
    float:left; 
    width:200px;
    text-align: left;
}

.scHeaderMethodPrice {
    float:left; 
    width:400px;
    text-align: left;
}

.scbuttonBack {
    display: inline; 
    float: none;
}

.scOption {
    line-height:30px;
}

.scRates {
    float:left; 
    width:200px;
}

.scbtnBottom {
    text-align:center;
    margin-bottom: 20px;
}

.sctrodatfooter {
    margin-bottom: 20px;
}

/************************
order detail
************************/
.confirmationOrderData

/************************
jQuery multiselect http://www.erichynds.com/blog/jquery-ui-multiselect-widget
************************/

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/*** ui dialog ****/

/* Special Instructions */
.uidlg .ui-widget-content { 
    border: 2px solid;
}

.cookieDirectiveText {
	padding-bottom: 20px;
}

.cookieDirectiveLink {
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    display: block;
    padding-bottom: 20px;
}

#legalInformation b {
    font-weight: bold;
}


/****************/
/* CopyCenter */
/****************/

/*CopyCenter: Settings (=Summary of the selected settings)*/
    .copycenter_settingsSummary {width:94%;}
    .tblOrderInfo {line-height:1em;width:100%;border-spacing:5px;}
    .tblOrderInfo td {margin-top:5px;margin-bottom:5px;}
    .tblOrderInfo .tdOrderInfoLbl span {font-weight:bold;}
    .tblOrderInfo .tdOrderInfoLbl {width:60%; vertical-align:top;}
    .tblOrderInfo .tdOrderInfoVal {width:40%;padding-left:5px;vertical-align:bottom;}


/*CopyCenter: DocumentSummary (=Summary AFTER that is displayed after uploading the document) */
    div.CopyCenter #DocumentSummary
    {
	    width:94%;
	    line-height:1.6em;
	    margin-left:auto;
	    margin-right:auto;
        margin-bottom: 20px;
    }


/*CopyCenter: Formating of the Image on the left Column*/
    .copycenterProductImage{
        margin-left: 15px;
    }

    .copyCenterProduct .contentBox 
    {
        width:100%; 
        /*display:table-cell;
        vertical-align:middle;*/
    }
    div.CopyCenter .PricingInfoCont {position:relative;}
    div.CopyCenter #PricingInfo
    {
	    width:100%;
	    /*border:2px solid #000000;*/
	    /*border:2px solid #d9d9d9;*/
	    line-height:1.6em;
	    margin-left:auto;
	    margin-right:auto;
    }
    div.CopyCenter #PricingInfo span.PricingInfoCaption,
    div.CopyCenter #PricingInfo span.PricingInfoValue
    {
	    display:block;
	    padding:5px;
	    font-weight:bold;
    }

/* ProductProperty Table*/


    .CopyCenter .mainCol .catalog_03 .productInformation  {width:94%;}
    /*
    .CopyCenter .productInformation .tblMainProduct .tdProdQty, .CopyCenter #qtyInformation {padding-bottom:10px;}    
    */
    .CopyCenter .mainCol .catalog_03 .productInformation  .tblMainProduct td.tdCol2 {width:30%;padding-left:2px;padding-right:2px;}
    .CopyCenter .mainCol .catalog_03 .productInformation .tblMainProduct td.tdCol3{width:30% !important;}
    .CopyCenter .mainCol .catalog_03 .productInformation .tblMainProduct td .listing{height:100%;min-height:32px;}
    .CopyCenter .mainCol .catalog_03 .productInformation .tblMainProduct .tdCol1 .listing{padding:2px 2px 0px 5px;}

    /*Copycenter -> DetailProducts */
    .CopyCenter .mainCol .catalog_03 .qtyInformation { width:94%;}
        
    .CopyCenter .mainCol .catalog_03 .qtyInformation .listing .line table.tblProdQty {line-height:2em;width:100%;}
    .CopyCenter .mainCol .catalog_03 .qtyInformation .listing .line table.tblProdQty td.tdLblQty {width:200px;text-align:left;white-space:nowrap;font-weight:bold;}
    .CopyCenter .mainCol .catalog_03 .qtyInformation .listing .line table.tblProdQty td.tdValQty {width:200px;text-align:left;white-space:nowrap;}
    .CopyCenter .mainCol .catalog_03 .qtyInformation .listing .line table.tblProdQty td.tdErrQty {text-align:left;}
    .CopyCenter .mainCol .catalog_03 .qtyInformation .listing .line table.tblProdQty td.tdAddQty {width:100px;text-align:left;}

    .CopyCenterProductPropertySelection {
        width: 200px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .CopyCenterSummarySettingsLayout {
        line-height: 17px;
    }
/*
.CopyCenter{clear:both;}
.CopyCenter .content { margin-top:0px; }
*/



.CopyCenter .koValError {color:Red;}

.CopyCenter .tblStepBasedPricingCtnt {width:100%;}
.CopyCenter .tblStepBasedPricing {width:100%;}
.CopyCenter .tblStepBasedPricing span.sbpricinginfo {font-weight:bold;}
.CopyCenter .tblStepBasedPricing .tdSBPKey {padding-right:5px; padding-bottom:0px;}
.CopyCenter .tblStepBasedPricing .tdSBPValue {width:100%; padding-bottom:0px;}
.CopyCenter .tblStepBasedPricing tr {padding-bottom:0px;}


.CopyCenter .lblPropName {font-weight:bold;}

.CopyCenter .hlkMoreInfo {padding-left:5px;font-size:90%;}



.CopyCenterInstructionsContent {width:380px;}
.txtInstructions{width:100%;height:150px;margin-top:10px;margin-bottom:10px;}
.ctntMoreInfo {text-align:left;}
.CopyCenterInstructionsContent ul.button-back {float:left;}
.CopyCenterInstructionsContent ul.button {float:right;margin: 0px 0px 0px 0px !important;}

div.CopyCenter #DocumentSummary span.DocumentSummaryInfoState,
div.CopyCenter #DocumentSummary span.DocumentSummaryInfo
{
	padding:2px 5px 1px 5px; 
	display:block;
}

div.CopyCenter #DocumentSummaryLabel
{
   padding:5px; 
   font-weight:bold;     
}

.DocumentSummaryInfo b {
    font-weight:bold;
}

table.tblCCInfo .tdCCInfoLbl,
table.tblCCInfo .tdCCInfoVal
{
	line-height:1em;
	/*border-top:#dadada 0px solid !important;*/
	padding:2px 0px 2px 0px;
	width:150px;
}

table.tblCCInfo .tdCCInfoLbl
{
	line-height:1em;
	font-weight:bold;
}
table.tblCCInfo .tdCCInfoVal
{
	vertical-align:bottom;
}

/********************/
/* RelatedTemplates */
/********************/

#relatedTemplates li {float:left; padding-right:10px;}
#relatedTemplates li a {cursor:pointer;}
#relatedTemplates li span {font-weight:bold;}

.cxmlOracleExchange {
    display: none;
}

.tro_shopMode {
    height: 20px;
    width: 100%;
}

/**********************/
/* Special Characters */
/**********************/

#_Configuration_Text_SpecialChars a,
#_Configuration_Text_SpecialChars a:link,
#_Configuration_Text_SpecialChars a:hover,
#_Configuration_Text_SpecialChars a:visited {
    text-decoration:none;
    min-width:8px;
    min-height:12px;
    font-family:Arial !important;
    display: inline-block;
}

#_Configuration_Text_SpecialChars #SpecialCharactersBoard {
    overflow-y:scroll;
    height:387px;
    margin-bottom:10px;
}
#_Configuration_Text_SpecialChars #tblSpecialChars {
    width:100%;
    line-height:1.2em;
    margin-bottom:10px;
}


/*TSORDER*/

.tsOrderListHeader  {
    border:1px solid #000000;
    padding:5px;
    padding-bottom: 35px;
}

.tsOrderList table {
    border-collapse:initial;
}

.tsOrderList table td {
    border:1px solid #000000;
    padding:5px;
}

.tsOrderList .cooltext10 {
    font-weight:bold;
    font-size:1.1em;
    vertical-align:middle;
    text-decoration:none;
}

.tsOrderList .cooltext10 td {
    vertical-align:middle;
}

#tsOrderDetail {
   padding-top: 40px;
   padding-bottom: 15px;
}

#tsOrderDetail fieldset {
    border:1px solid #000000;
    padding:5px;
}

#tsOrderDetail fieldset table {
    border-collapse:initial;
    border-spacing:20px;
}

#tsOrderDetail .label8 {
    font-weight:bold;
}

#tsOrderDetailLines {
    margin-top:10px;
}

#tsOrderDetailLines .cooltext10 {
    font-weight:bold;
    font-size:1.1em;
    vertical-align:middle;
    text-decoration:none;
}

#tsOrderDetailLines .cooltext10 td {
    vertical-align:middle;
}

#tsOrderDetailLines table {
    border-collapse: initial;
    padding-bottom: 15px;
}

#tsOrderDetailLines table td {
    border:1px solid #000000;
    padding:2px;
}

#tsOrderDetailLines table td b {
    font-weight:bold;
}

#tsOrderDetailLines table td table td {
    border-width:0px;
}
.height170 {max-height:170px;}
.teaserRow .tro_longdescr {display:none;}

.rd_mobile { display: none; 
}

.accordionLink {
    display: none;
}


#aboutUsLinks .button.white {
    width:97%;
    margin-bottom:5px;
}

.tro_myorders_result .contentBox {width:640px;}





.utypia_largeImageStyle .templateWebPart {
    margin-bottom:10px;
}


.utypia_largeImageStyle .listTemplates {    
    float: left;    
    margin-right: 0px;    
    margin-left: 10px;

}
.utypia_largeImageStyle .contentBox{                
    -webkit-border-radius: 6px;
    border-radius: 6px;                
    padding: 10px;                
    float: left;                
    margin-bottom: 10px;
    position:relative;
}
.utypia_largeImageStyle .layoutTemplate, .utypia_largeImageStyle .layoutTemplateChooseGraphics{                
    width: 203px;                
    min-height: 260px;                
    text-align: center;

}
.utypia_largeImageStyle .templateName{                
    height: 40px;                
    text-align: center;                
    margin-bottom: 0;
    width:200px;
}
.utypia_largeImageStyle .templateImage{                
    width: 100%;                
    min-height: 140px;                
    text-align: center;                
    margin-bottom: 10px;

}
.utypia_largeImageStyle .templateDimension,
.utypia_largeImageStyle .templateDelete{                
    position:absolute;
    bottom:5px;
}
.utypia_largeImageStyle .viewdetailImage {    
    max-width: 200px;    
    max-height: 200px;
    margin-left:-2px;
}
.utypia_largeImageStyle .templateWebPartTemplates {
    height: 260px;
}

.utypia_largeImageStyle .templateNameChooseGraphics {
    height:auto;
}

.utypia_largeImageStyle  .templateImageChooseGraphics {
    width: auto;
    height:auto;
}

.utypia_largeImageStyle .layoutTemplateChooseGraphics {
    height:auto;
}

.utypia_largeImageStyle .listTemplates.layoutListChooseGraphics {
    margin-left: 4px;
    height: auto;
}

.utypia_largeImageStyle .listTemplates.layoutListChooseGraphics img {
    max-width: 100%;
    max-height: 200px;
}

.utypia_largeImageStyle .tro_graphicTablePaging.templatePaging {
    margin-top: 45px;
}

/* Variant Dropdown limit size*/
ul.ui-selectmenu-menu.utypiaColorDD.ui-selectmenu-menu-dropdown {
    max-height: 400px;
    overflow-y: auto;
}

.tro_qty input {
    min-width: 36px;
}


/*************************/
/* Area Express Category */
/*************************/

/* Express Order WebPart*/

.uwp-expressorder img {
    max-width: 100%;
}

.uwp-expressorder h1 {
    padding: 0;
}


.tpl.shape {
    display: inline-block;
    text-align: center;
    width: 200px;
}

.listing.shapelisting {
    margin-top: 15px;
}

.shapes {
    border: 1px solid #c8c8c8;
    padding: 10px 10px;
}
/* END - Area Express Category*/