/* UBNEXT STYLE2
styles.css: style-specific css (color-theme)
*/
body{
	font-family: Arial, Verdana;	
}

a{
	color: #c20235;
}
a.dd-selected { color:#000000;background-color:#ffffff; }
a.moreLink{
	background: url(icons/icon_moreLink.png) right 5px no-repeat;	
}
a.moreCategoriesLink{
    background: url(icons/icon_moreLink.png) right 5px no-repeat;
}
a.pdf{
	background: url(icons/icon_pdf.png) left 0px no-repeat;	
}

h1{
	color: #e2003c;
	background: #fff;
}
.productDetailName h1 {color:#000000;}

h2{
	color: #e2003c;
	background: #fff;
}
h5{
	color: #e2003c;	
}

#header{
	background: #FB2F4C; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2003c 61%, #c20235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,#e2003c), color-stop(100%,#c20235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2003c 61%,#c20235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2003c 61%,#c20235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2003c 61%,#c20235 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2003c 61%,#c20235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB2F4C', endColorstr='#CA002B',GradientType=0 ); /* IE6-9 */
}

#header .line{
	background-color: #ed5c66;
    display:none;
}
#header .container:last-child {
    display:none;
}

#header #mainNav li a{
	color: #fff;
}

#header #mainNav li.active a,
#header #mainNav li:hover a{	
	background: #CA002B; /* Old browsers */
	background: -moz-linear-gradient(top,  #c20235 0%, #e2003c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20235), color-stop(100%,#e2003c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c20235 0%,#e2003c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c20235 0%,#e2003c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c20235 0%,#e2003c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c20235 0%,#e2003c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CA002B', endColorstr='#FB2F4C',GradientType=0 ); /* IE6-9 */
	color: #000;		
}

#header #headerSearch{
	background-color: #dcdcdc;
	border: 1px solid ed5c66;
}

#header #headerSearch .searchField{
	background: none;
	color: #000000;
}

#header #headerSearch .submit{
	background: none;
	background: url(icons/icon_searchfield.png) 7px 2px no-repeat;
}

#subHeader{
  background-color: #eae7e3;
  height: 24px;
  border-top:3px solid #dbd8d3;
  border-bottom: 2px dashed #ffffff;
}

#subHeader a:link,#subHeader a:hover,#subHeader a:visited{
  color:#32302e;
  font-weight:normal !important;
}

#subHeader .lnkContainer {
    margin-left:0px;
}

#subHeader .lnkContainer .lblItem {
    margin-left:0px;
    font-weight:normal;
}

#subHeader .lblItem, #subHeader .separator{
	color: #32302e;
}

#content .topShadow{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


#breadCrumbs .container{
	border-top: 1px solid #d9d9d9;
}

#breadCrumbs li{
	color: #e2003c;	
}

#breadCrumbs li a{
	color: #333333;
	background: url(icons/icon_breadCrumbs.png) right 4px no-repeat;
}

#footer{
	color: #fff;
	
	background: #0099ff; /* Old browsers */
}

#footer a{
	color: #fff;	
}

#footer.cxmlintegr {
	color: #000;
	background: transparent;
}

#footer.cxmlintegr a{
	color: #000;	
}

.contentBox{
	border: 1px solid #e4e4e4;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(230, 230, 230, 0.7);
	box-shadow: 0px 0px 8px 1px rgba(230, 230, 230, 0.7);
}

.contentBox.noBorder{
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(230, 230, 230, 0.7);
	box-shadow: 0px 0px 0px 0px rgba(230, 230, 230, 0.7);
}
.contentBox.noBorder.lastrow{
    border-bottom-width: 0px;
}

.hr{
	background-color: #d9d9d9;
}

.textfield{
	border-top: 1px solid #727272;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #dadada;
}

.button{
	color: #fff;
	background: #e2003c; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2003c 0%, #c20235  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2003c), color-stop(100%,#c20235 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2003c 0%,#c20235  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2003c 0%,#c20235  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2003c 0%,#c20235  100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2003c 0%,#c20235  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2003c', endColorstr='#c20235 ',GradientType=0 ); /* IE6-9 */		
}
.button:hover{
	background: #c20235 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #c20235  0%, #e2003c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20235 ), color-stop(100%,#e2003c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c20235  0%,#e2003c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c20235  0%,#e2003c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c20235  0%,#e2003c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c20235  0%,#e2003c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20235 ', endColorstr='#e2003c',GradientType=0 ); /* IE6-9 */	
}
.ui-widget-content a.button { color: #fff; }
.ui-widget-content a.button.white { color: #c20235; }

.button.white{
	color: #c20235;
	border: 1px solid #ddd;
	
	background: rgb(253,252,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,252,252,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,252,252,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,252,252,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,252,252,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,252,252,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,252,252,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.button.white:hover{
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(253,252,252,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(253,252,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(253,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(253,252,252,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(253,252,252,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(253,252,252,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#fdfcfc',GradientType=0 ); /* IE6-9 */
}

.headlineContainer .buttonContainer{
	background: #fff;
}

/*** LOGIN BOX ***/

.loginBox{
	border-bottom: 1px solid #e4e4e4;
}

/*** TEMPLATE TABLE ***/

.templateTable th{
	color: #e2003c;	
}

.layoutTemplate{
	/*background-color: #e1e1e1;*/
	background-color: #fff;
}

/*** Order Confirmation ***/
.confirmationOrderHeadline {
    color: black;
}

/*** subNav ***/

.subNav{
	border-bottom: 1px solid #e4e4e4;	
}

.subNav .level3 a{
	background: url(icons/subNav_level3.png) 0 2px no-repeat;	
}

/*** offerTeaser ***/

.offerTeaser{
	border-bottom: 1px solid #e4e4e4;
}
/*** orderBox ***/

.orderBox{
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		
}

/*** table shoppingCart ***/

.shoppingCart tr th,
.shoppingCart tr td,
.shoppingCart tr.item td{
	border-bottom: 1px solid #e4e4e4;
}
.shoppingCart tfoot tr td,
.shoppingCart tfoot tr.item td{
	border-bottom-width: 0px;
}
/*.shoppingCart tfoot td{
	border-top: 1px double #e4e4e4;	
}*/

.shoppingCart tr.tro_total {border-top: 1px solid #c20235;}
.shoppingCart td.tro_total {color:#c20235;border-bottom: 3px double #c20235;}

/*** colorSelect ***/

.colorSelect select{
	border-top: 1px solid #727272;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #dadada;
}
.additionalOptions{
	border-top: 1px solid #d9d9d9;
}

/*** LAYOUT ***/

#layoutPreview{
	border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.infoBox{
	background: url(icons/info_bubble.png) 0 0 no-repeat;
}

/*** TemplateContainer ***/

/*** ProofRead ***/

/*.proofReadPreview {
    background-color: #E1E1E1;
}*/


td#ImPrintPreview {
    /*background-color: #E1E1E1;*/
    background-color: white;
}

#imgPreview,
.imprPreview img {
    border-color: #E1E1E1;
}

/*** Review ***/

.checkoutFieldProtected {
    background-color: lightgray;
}

.reviewAddressProfilColor {
    color:black;
}

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

.tabbox .tabboxHeader .tabLink{
	color: #000;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	
	-webkit-box-shadow: inset -1px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset -1px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.tabbox .tabboxHeader .tabLink.active{
	color: #c20235;
	background-color: #f7f7f7;
	
	-webkit-box-shadow:  3px -1px 2px 0px rgba(0, 0, 0, 0.1), -2px -2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  3px -1px 2px 0px rgba(0, 0, 0, 0.1), -2px -2px 2px 0px rgba(0, 0, 0, 0.1);
    z-index: 900;
}

.tabbox .tabboxHeader .tabLink.active .tbshdw
{
	background-image:url(icons/tabshadow.png);
}

.tabbox .tabboxHeader .tabLink.active.last{
	-webkit-box-shadow:  -1px -1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  -1px -1px 2px 0px rgba(0, 0, 0, 0.2);
}

.tabbox .tabboxHeader .tabLink.active:first-child{
	-webkit-box-shadow:  1px -1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  1px -1px 2px 0px rgba(0, 0, 0, 0.2);
}

.tabbox .tabboxHeader .tabMid{
	color: #000;
}

.tabbox .tabboxHeader .tabLink.active .tabMid,
.tabbox .tabboxHeader .tabLink:hover .tabMid{
	color: #c20235;
}

.tabbox .tabboxContentTemplate{
    background-color: #fff;
}

.tabboxContentTemplateShadow 
{
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%); /* W3C */
	
	
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ 
}

.tabbox .tabboxContent,
.tabbox .tabboxContentChooseGraphic{
	background: #f7f7f7;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
.tabbox .tabboxContentChooseGraphic{
    background-color: #f7f7f7;
}

/*** wizardTable ***/

.wizardTable th{
	border-bottom: 1px solid #e4e4e4;
}

.wizardTable tfoot td{
	border-top: 1px solid #e4e4e4;
}

/*** saveTemplateTable ***/

.saveTemplateTable th{
	border-bottom: 1px solid #e4e4e4;
}

.saveTemplateTable tfoot td{
	border-top: 1px solid #e4e4e4;
}

/*** advancedProtectionTable ***/

.advancedProtectionTable th{
	border-bottom: 1px solid #e4e4e4;
}

.advancedProtectionTable tfoot td{
	border-top: 1px solid #e4e4e4;
}

/*** ProofRead ***/
.tro_triangle { border-top: 10px solid #DA070D; }

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

.tro_listitem {border-bottom:1px solid #d9d9d9;}

.tro_imprint_border img {border:1px solid #d9d9d9;}

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

div.uwph-Style1 div.utypiaWebPart-header-title h1 {color:#e2003c;}
div.uwph-Style2 div.utypiaWebPart-header-title h1 {color:#000000;}
div.uwph-Style3 div.utypiaWebPart-header-title h1 {color:#000000;}

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

.LeftPasswordLostCell
{
    border-right: #cccccc 1px solid;
}


/*********************************************************************************
    Register Styles
*********************************************************************************/
#registerLeftSideCol p
{
  line-height: normal; 
}
#registerLeftSideCol ol
{
  list-style-type:decimal;
  list-style-position: outside;
  margin-left: 18px;  
  line-height: normal;
}

.tro_requiredfield
{
  color:#e2003c;    
}

.checkoutFieldValidation {
    color:red;
}

.proofReadFieldValidation {
    color:#e2003c;
}

/********************************************************************************
     About Us - Styles
********************************************************************************/
.AboutUsRawText b{
    font-weight:bold; 
    margin-top:50px;
    margin-bottom:50px;
}

.AboutUsRawText li{
    list-style-type:decimal;
    margin-left: 20px;
}
.AboutUsRawText ol{ 
    margin-top: 15px;
    margin-bottom:15px;
}

.aboutUsLinks
{
   margin-top: 50px;    
   margin-bottom: 80px;    
}

/********************************************************************************
     Login - Styles
********************************************************************************/
#loginLeftSide
{
  width: 300px;  
}

.loginIdentification
{
  float: left;    
}

.loginIdentificationFirstRow
{
  margin-top: 5px;
  float: left;
  padding-left: 15px;
  width: 100px; 
}

.loginDivText
{
    padding-left: 15px;
    padding-bottom: 5px;     
}

.loginubnexttextfieldstyle
{
      width: 140px;  
}

.ubnloginpagebutton
{   
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.ubnlostpasswordbutton
{
    margin-left: 15px;
    margin-right: 15px; 
}

.ubnregisterpagebutton
{      
    margin-left: 15px;
    margin-right: 15px;
}

/********************************************************************************
     HelpPage - Styles
********************************************************************************/

.ubnhelptext b
{
    font-weight:bold; 
    margin-top:50px;
    margin-bottom:50px;   
}

.ubn_HelpTextSection
{
    margin-top: 20px;        
}

.ubnQuickOrderInfoButton
{
    margin-right: 20px;    
}

.ubn_HelpTextSection ol
{
    list-style: decimal;
    margin-left: 40px;  
}


/********************************************************************************
     HelpPage - Styles
********************************************************************************/
.ubn_mcihelpuiheadlinedtp
{
    margin-bottom: 40px;
    font-weight: bold;   
}

.ubn_mcihelpspacer
{
    margin-bottom: 20px;  
    font-weight: bold;
}

.ubn_mcihelpbigspacer
{
   margin-bottom: 40px;
   font-weight: bold;   
}


/********************************************************************************
     My Account
********************************************************************************/

.ubnMyAccountRequired
{
     color:#e2003c;    
}

.ubnMyAccountMarkedWith
{
    color:#e2003c;   
}


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

.ubnChangePasswordRequired
{
     color:#e2003c;    
}




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


.ubnBillingAddrMarkedWith
{
    color:#e2003c;   
}

.ubnBillingAddrRequired
{
     color:#e2003c;    
}


/********************************************************************************
     Shippingadress
********************************************************************************/


.ubnShippingAddrMarkedWith
{
    color:#e2003c;   
}

.ubnShippingAddrRequired
{
    color:#e2003c;    
}

/********************************************************************************
     Required Info - Styles
********************************************************************************/
.reqInfoDivider {
    color: red;
}

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

.borderRadiusTp ul li:last-child{border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
color:#999999;
}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;background:#fff;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;}
.dd .arrow{background:url(../../images/msdropdown/skin1/dd_arrow.gif) no-repeat;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;}
.dd .ddTitle .description{color:#666}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; }
.dd .ddChild li{background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li.selected{background-color:#e8e8e8; color:#000;}

/*********************************************************************************
    Spacing
*********************************************************************************/
div.linePositioning a{
    background-color:#dbe0e5;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
div.linePositioning .btnleft
{
    background-image: url('icons/arrow_left.gif');
}
div.linePositioning .btnright{
    background-image: url('icons/arrow_right.gif');
}
div.linePositioning .btntop{
    background-image: url('icons/arrow_top.gif');
}
div.linePositioning .btnbottom{
    background-image: url('icons/arrow_bottom.gif');
}

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

div.fine-positioning a{
    background-color:#dbe0e5;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
div.fine-positioning .left
{
    background-image: url('icons/arrow_left.gif');
}
div.fine-positioning .right{
    background-image: url('../Style0001/icons/arrow_right.gif');
}
div.fine-positioning .top{
    background-image: url('icons/arrow_top.gif');
}
div.fine-positioning .bottom{
    background-image: url('icons/arrow_bottom.gif');
}
div.logo-positioning ul li {
    background-color:#dbe0e5;
    border-right:1px solid #a6a6a6;
    border-bottom:1px solid #a6a6a6;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background-image: url('icons/pos_2.gif');
}

div.logo-positioning ul li.active
{
      
    border-left: 1px solid #a6a6a6;
    border-top: 1px solid #a6a6a6;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-image: url('icons/pos_1.gif');
    background-color: #f9f9f9;  
}

.tro_indication
{
    background-color: #DA070D;
    color: #FFFFFF;
}

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

.dd-select
{
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
}
.dd-desc
{
    color: #aaa;
}
.dd-pointer-down
{
    border-bottom: transparent 5px solid;
    border-left: transparent 5px solid;
    border-top: #000 5px solid;
    border-right: transparent 5px solid;
}
.dd-pointer-up
{
    border-bottom: #000 5px solid;
    border-left: transparent 5px solid;
    border-top: transparent 5px solid;
    border-right: transparent 5px solid;
}
.dd-options
{
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    background: #fff;
    border-right: #ccc 1px solid;
    box-shadow: 0px 1px 5px #ddd;
}
.dd-option
{
    border-bottom: #ddd 1px solid;
    color: #333;
}
.dd-option:hover
{
    background: #f3f3f3;
    color: #000;
}
.dd-option-selected
{
    background: #f6f6f6;
}

/************************
FontSampleDialog
************************/

.fontSampleDialog.ui-widget-content {
    background: white;
}

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

.tro_results .tro_listitem td {border-bottom:#d9d9d9 1px solid;}

/************************
selection
************************/

::-moz-selection{ background: #afd6ff; color:#000; text-shadow: none; }
::selection { background:#afd6ff; color:#000; text-shadow: none; }

/*** ui dialog ****/

/* Special Instructions */
.uidlg .ui-widget-content {
    border: 2px solid;
    border-color: #ddd;
    background-color: #fff;
}

.uidlg .ui-widget-content A{
    color: #fff;
}
.ui-dialog .ui-dialog-content.singleCol {background-color:#ffffff;}

/************************
Voucher
************************/

.label8
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.label10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.label12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text8
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text10
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.text12
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text14
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text18
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.cooltext8
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: middle;
    COLOR: #669999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.cooltext10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #669999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.cooltext12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    VERTICAL-ALIGN: middle;
    COLOR: #669999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.hottext8
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: middle;
    COLOR: #000099;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.hottext10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #000099;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.redtext10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.redtext12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.voucherTable
{
    border-collapse: collapse;
    border-spacing: 4px;
}
.voucherTable td
{
    padding: 4px;
}



/*Header*/

#header {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 61%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #ffffff 61%,#ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 61%,#ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 61%,#ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 61%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

/*#header .line {
  background-color: #eae7e3;
  height: 24px;
  border-top:3px solid #dbd8d3;
  border-bottom: 2px dashed #ffffff;
}*/

/*END Header*/

#content .topShadow {
  height:0px;
  display:none;
}

/*Footer*/

.tro_copyright {
  float:left;
  margin-top:10px;
}

/*END Footer*/

/*Links*/

.tabLink.active {
    color: #0099ff!important;
}

a {
    color: #0099ff;
}

a.pdf {
  color: #e3002c;
}

/*END Links*/


/*Buttons*/

.button {
    color: #fff;
    background: #ffffff;
    background: -moz-linear-gradient(top, #0099ff 0%, #0099ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0099ff ));
    background: -webkit-linear-gradient(top, #0099ff 0%,#0099ff 100%);
    background: -o-linear-gradient(top, #0099ff 0%,#0099ff 100%);
    background: -ms-linear-gradient(top, #0099ff 0%,#0099ff 100%);
    background: linear-gradient(to bottom, #0099ff 0%,#0099ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0099ff ',GradientType=0 );
}
.button {
    /* display: block; */
    font-weight: bold;
    padding: 10px 15px 8px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
    font-size: 13px;
  -webkit-box-shadow: 0 3px 0 0 #007acc;
    box-shadow: 0 3px 0 0 #007acc;
    border-bottom-color: #007acc;
}

.button:hover {
  background: #008ae6;
  border-color: #008ae6;
}

.button.white {
    color: #0099ff;
    border: 1px solid #cac2b8;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

    padding: 9px 15px 8px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
    font-size: 13px;
    -webkit-box-shadow: 0 3px 0 0 #007acc;
    box-shadow: 0 3px 0 0 #cac2b8;
    border-bottom-color: #cac2b8;
    border: #cac2b8;
    border-top: 1px solid #cac2b8;
    border-right: 1px solid #cac2b8;
    border-left: 1px solid #cac2b8;
}

.button.white:hover {
  background: #f2f2f2;
  border-color: #bfb5a9;
}

.button.white.logo {
    width: 150px;
    text-align: left;
    margin-bottom:15px;
}

a#delete_button {
  width:15px;
    color: #0099ff;
    border: 1px solid #cac2b8;
    background: rgb(255,255,255);
    padding: 9px 15px 8px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
    font-size: 13px;
    -webkit-box-shadow: 0 3px 0 0 #007acc;
    box-shadow: 0 3px 0 0 #cac2b8;
    border-bottom-color: #cac2b8;
    border: #cac2b8;
    border-top: 1px solid #cac2b8;
    border-right: 1px solid #cac2b8;
    border-left: 1px solid #cac2b8;
font-weight:bold;
}

a#delete_button img {
  float:left;
  margin-right: 5px;
  margin-top: 1px;
}

/*END Buttons*/

.tro_indication {
    background-color: #e3002c;
}

.tro_triangle {
    border-top: 10px solid     #e3002c;
}

input#saveTemplateInput {
    padding:8px;
}


/*Icons*/

.infoBox {
    background: url(icons/icon-info.png) 0 0 no-repeat;
}

/*END Icons*/




/*Items that need replacing manually*/

/*Header Image*/

/*
<img src="/UI/de-DE/_Shared/ShowImage?imageId=3490815" alt="" class="headerImage" />
To: 
<img src="/images/viking-header-logo.png" alt="" class="headerImage">

*/

/*END Header Image*/



/*Progress Tracker Images*/

/*
<img src="/images/progress_tracker_stage_1.png" alt="" title="" />
<img src="/images/progress_tracker_stage_2.png" alt="" title="" />
<img src="/images/progress_tracker_stage_3.png" alt="" title="" />
*/

/*END Progress Tracker Images*/



/*Icons*/
/*

<img class="icon" alt="" src="/UI/Areas/uB/Content/css/ub4next/Style0002/icons/icon_minus.png">
To:
<img class="icon" alt="" src="/icons/icon_minus.png">

<img class="icon" alt="" src="/UI/Areas/uB/Content/css/ub4next/Style0002/icons/icon_plus.png">
To:
<img class="icon" alt="" src="/icons/icon_plus.png">

*/
/*END Icons*/



/*Icons in buttons*/

/*
id="#browse_button":

<img class="icon" alt="" src="/UI/Areas/uB/Content/css/ub4next/Style0002/icons/library.gif">
To: 
<img class="icon" alt="" src="/images/icon-select-graphic.png">

id="#upload_button":

<img class="icon" alt="" src="/UI/Areas/uB/Content/css/ub4next/Style0002/icons/upload.gif">
To: 
<img class="icon" alt="" src="/images/icon-upload-graphic.png">

id="delete_button"

<img class="icon" alt="" src="/UI/Areas/uB/Content/css/ub4next/Style0002/icons/remove.gif">
To: 
<img class="icon" alt="" src="/images/icon-remove-graphic.png">

Can Remove button be coded in same way as Select Graphc and Upload Graphic buttons? Otherwaise cant get consistency in look and feel....
*/

/*END Icons in buttons*/



/* Hide the DIV that contains the hamburger and mainNav */
/* Add style="display:none;" to container (container not unique) */
/*

<div class="container" style="display:none;">
<i id="hamburger">☰</i>
<ul id="mainNav">
</ul>
</div>

*/
/* END Hide the DIV that contains the hamburger and mainNav */

/*END Items that need replacing manually*/

a#delete_button {width:150px;}

/*.tro_proofread_block #imgSaveAndAdd {margin-top:10px;}*/

.graphicslogobutton .button.white.logo {
    vertical-align:middle;
    line-height:20px;
    width:200px !important;
}
.graphicslogobutton .button.white.logo span {
    width:170px;
    vertical-align:top;
    margin-top:2px;
}

.graphicslogobutton .button img.icon {
    margin-top:0px;
    float:none !important;
    max-width:15px;
    max-height:15px;
}

#content .container {
    border-bottom:1px solid #d9d9d9;
    margin-bottom:10px;
}