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

a{
	color: #0871ad;
}
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: #0871ad;
	background: #fff;
}
.productDetailName h1 {color:#000000;}

h2{
	color: #0871ad;
	background: #fff;
}
h5{
	color: #0871ad;	
}

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

#header .line{
	background-color: #0578af;
}

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

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

#header #headerSearch{
	background-color: #f4f4f4;
	border: 1px solid #85b1e5;
}

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

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

#subHeader{
	border-bottom: 1px solid #dcdcdc; 
	/*
	-webkit-box-shadow: 0 9px 30px 2px rgba(0, 0, 0, 0.12), 0 2px 2px 2px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 9px 30px 2px rgba(0, 0, 0, 0.12), 0 2px 2px 2px rgba(0, 0, 0, 0.05) inset;*/
	
	
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 50%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 50%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 50%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 50%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#subHeader .lblItem, #subHeader .separator{
	color: #0871ad;
}

#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: #0871ad;	
}

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

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

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

.button.white{
	color: #0871ad;
	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: #0871ad;	
}

.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 #0871ad;}
.shoppingCart td.tro_total {color:#0871ad;border-bottom: 3px double #0871ad;}

/*** 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 ***/
.templateContainer {
    border-bottom: 1px solid #d9d9d9;
}

/*** 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: #0871ad;
	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.gif);
}

.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: #0871ad;
}

.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:#0871ad;}
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:#0871ad;    
}

.checkoutFieldValidation {
    color:#0871ad;
}

.proofReadFieldValidation {
    color:#0871ad;
}

/********************************************************************************
     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:#0871ad;    
}

.ubnMyAccountMarkedWith
{
    color:#0871ad;   
}


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

.ubnChangePasswordRequired
{
     color:#0871ad;    
}




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


.ubnBillingAddrMarkedWith
{
    color:#0871ad;   
}

.ubnBillingAddrRequired
{
     color:#0871ad;    
}


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


.ubnShippingAddrMarkedWith
{
    color:#0871ad;   
}

.ubnShippingAddrRequired
{
    color:#0871ad;    
}

/********************************************************************************
     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:#d5d5d5; 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: #0871ad; color:#fff; text-shadow: none; }
::selection { background:#0871ad; color:#fff; 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;
}