/* ===========================================================================
	 $Id: predefinitions.css,v 1.119.2.8 2010/07/27 06:51:44 Tomas Exp $

	 predefinitions stylesheet
============================================================================== */


/* General reset
------------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, iframe {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,iframe {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
em { /* oriflame */
font-style:italic;
}
strong { /* oriflame */
font-weight:bold;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}


/* Miscellaneous conveniences: */
body {
background-color: #fff;
font-family: Arial, Verdana, Geneva, Helvetica, Sans-serif;
color: #333;
font-size: 11px;
}

form label {
/*cursor: pointer;*/
}

fieldset {
border: none;
}

input, select, textarea {
font-family : Arial, Verdana, Geneva, Helvetica, Sans-serif;
font-size : 11px;
}

input[type="hidden"] {
/* 	On principle the hidden input can't be visible.
		The problem was in FF because it allows to redefine display style for hidden input if general input is redefined. */
display:none !important;
}

a {
color: #333;
text-decoration: none;
}
.eshop a {
color: #336699;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* some browsers make 1px width outline around objects like flash,
scrollbars may appear then in some circumstances ( FF 3.6 & front page ) */
object {
outline-style : none;
}


/* General html elements by Oriflame
------------------------------------------------------------------------------ */
h1 {
font-size:28px;
line-height:30px;
margin-bottom:10px;
}

h2 {
font-size:18px;
line-height:20px;
margin-bottom:4px;
}

h3 {
font-size:12px;
line-height:14px;
font-weight: bold;
margin-bottom:4px;
}

h4 {
font-size:12px;
font-weight: bold;
margin-bottom:4px;
}

h5 {
font-weight: bold;
margin-bottom:4px;
}

h6 {
font-weight: bold;
margin-bottom:4px;
}

.no-vertical-space {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}


/* Basic elements on the page
------------------------------------------------------------------------------ */
#wrapper {
position : relative;
width : 100%;
background : transparent url(../image/common/bg.gif) repeat-x;
/* overflow : auto; */
}

#subWrapper {
position : relative;
width : 980px;
min-width : 980px;
margin : 0 auto;
background : #fff;
}

/* Menu - now common design with eshop
------------------------------------------------------------------------------ */
#menuLv1Box,
#menuLv2Box {
float : left;
}

#menuLv1BoxInner {
position : relative;
clear : both;
width : 980px;
height : 93px;
overflow : hidden;
background : #f0f0f0 url(../image/menu/menu-lv1-bg.gif) repeat-x;
}

#logo {
position : absolute;
top : 36px;
left : 20px;
display : block;
width : 139px;
height : 36px;
background : #ccc url(../image/menu/logo.jpg) no-repeat;
border : 0;
text-decoration : none;
}

.zh_CN #logo,
.en_CN #logo {
top : 25px;
background : url(../image/menu/logo_CN.png) no-repeat;
height : 52px;
}

#logo span {
visibility : hidden;
}

#topmenuLv1 {
position : absolute;
bottom : 0;
left : 250px;
margin : 0;
padding : 0;
height : 100%;
width : 100%;
overflow : auto;
}

#topmenuLv1 li {
float : left;
padding : 0;
margin : 0;
height : 100%;
}

#topmenuLv1 a {
display : inline-block;
margin : 0;
padding-left : 5px;
height : 100%;
background : transparent;
text-decoration : none;
font-size : 13px;
color : #514d4e;
font-weight : normal;
outline-style : none;
}

#topmenuLv1 a:hover {
color : #369; /* was #96b540, #422993 */
text-decoration : none;
}

#topmenuLv1 a span {
display : inline-block;
padding : 58px 20px 0 15px;
height : 35px;
background : transparent;
}

#topmenuLv1 a:hover span {
cursor : pointer;
}

#menuLv2BoxInner {
clear : both;
width : 980px;
height : 36px;
border : solid #fff;
border-width : 1px 1px 2px 1px;
background : #e7eaed url(../image/menu/menu-lv2-bg.gif) repeat-x;
}

ul#topmenuLv2,
ul#topmenuLv2 li {
float : left;
height : 36px;
padding : 0;
margin : 0;
border : 0;
overflow : hidden;
}

ul#topmenuLv2 li a {
display : inline-block;
height : 36px;
padding : 14px 16px 5px 14px;
margin : 0;
overflow : hidden;
color : #666;
background : transparent url(../image/menu/menu-lv2-itm.gif) top right no-repeat;
text-decoration : none;
font-size : 11px;
text-transform : uppercase;
outline-style : none;
}
.tr_TR ul#topmenuLv2 li a {
text-transform:none;
}

#topmenuLv2 li a:hover {
background : transparent url(../image/menu/menu-lv2-itm-h.gif) top right no-repeat;
}

#menuLv3Box {
float : right;
width : 238px;
overflow : hidden;
min-height : 300px;
height : 100%;
border : #fff solid;
border-width : 1px 0 0 1px;
margin-left : -1px;
background : #f6f7f7 url(../image/menu/menu-lv3-bg.gif) bottom repeat-x;
}

#menuLv3Wrapper h1 {
height : 21px;
margin : 0;
padding : 7px 0 0 20px;
white-space : nowrap;
font-size : 11px;
font-weight : bold;
line-height : 14px;
color : #fff;
text-transform : uppercase;
background : #adadad url(../image/menu/menu-lv3-header-bg.gif) repeat-x;
}
.tr_TR #menuLv3Wrapper h1 {
text-transform:none;
}

#menuLv3Wrapper ul {
padding : 5px 15px 7px;
}

#menuLv3Wrapper ul li {
overflow : hidden;
}

#menuLv3Wrapper ul li ul {
padding : 3px 0 3px 15px;
}

#menuLv3Wrapper ul.notFirstSection {
background : url(../image/menu/menu-lv3-menu-separator.gif) no-repeat center top;
}

#menuLv3Wrapper a {
outline-style : none;
}

#menuLv3Wrapper ul li a,
#menuLv3Wrapper ul li div {
display : block;
padding : 6px 0 0 15px;
font-size : 11px;
font-weight : normal;
color : #666;
background : url(../image/menu/menuLv3-arrow-standard.gif) no-repeat 5px 9px;
text-decoration : none;
overflow : hidden;
line-height : 14px;
}

#menuLv3Wrapper .outsideLinksBox ul li a,
#menuLv3Wrapper .outsideLinksBox ul li div {
text-transform : none;
line-height : 11px;
}

#menuLv3Wrapper ul li a.currentItem {
font-weight : 900;
color : #369; /* was #690, #422993 */
background : url(../image/menu/menuLv3-arrow-standard-hover.gif) no-repeat 5px 9px;
}

#menuLv3Wrapper ul li a:hover {
text-decoration : underline;
}

#menuLv3Wrapper ul li a.withImg,
#menuLv3Wrapper ul li div {
padding : 5px 0 5px 5px;
background : transparent;
}

#menuLv3Wrapper ul li a.mnLv3Expanded {
font-weight : bold;
background : url(../image/menu/menuLv3-arrow-down-standard.gif) no-repeat 3px 11px;
}

#menuLv3Wrapper ul.mnLv3SecondLevel li a.mnLv3Expanded {
background : url(../image/menu/menuLv4-arrow-down-standard.gif) no-repeat 2px 9px;
}

#menuLv3Wrapper ul li ul {
display : none;
}

#menuLv3Wrapper ul li ul li a {
padding : 4px 0 0 12px;
color : #666;
background : url(../image/menu/menuLv4-arrow-standard.gif) no-repeat 3px 9px;
text-transform : none;
}

#menuLv3Wrapper ul li ul li a:hover {
background : url(../image/menu/menuLv4-arrow-standard.gif) no-repeat 3px 9px;
}

#menuLv3Wrapper ul li ul li a.currentItem {
background : url(../image/menu/menuLv4-arrow-standard-hover.gif) no-repeat 3px 9px;
}

/* Content
------------------------------------------------------------------------------ */
#contentBox {
float : left;
width : 980px;
border : #fff solid;
border-width : 0 1px;
min-height : 300px;
overflow : hidden;
background : #fff;
}

.outsideLinksBox {
padding : 14px 0 12px 0;
background : url(../image/menu/menu-lv3-box-top.png) no-repeat center 12px;
}

.outsideLinksBox .outsideLinksBoxInner {
padding : 12px 21px 20px 21px;
background : url(../image/menu/menu-lv3-box-bottom.png) no-repeat bottom;
overflow : auto;
}

.outsideLinksBox .outsideLinksBoxInner .outsideLinksCaption {
padding : 0 4px;
display: block;
}

.outsideLinksBox .outsideLinksBoxInner ul,
#menuLv3Wrapper .outsideLinksBox .outsideLinksBoxInner ul {
padding : 8px 0 0 0;
}

.outsideLinksBox .outsideLinksBoxInner ul li ul,
#menuLv3Wrapper .outsideLinksBox .outsideLinksBoxInner ul li ul {
padding : 0 0 0 12px;
}

a.outsideLink,
a.outsideLink:hover {
display : inline-block;
width : auto;
padding : 2px 14px 2px 4px;
color : #369;
background : url(../image/buttons/outside-link-standard.gif) no-repeat right 5px;
text-decoration : none;
}

#menuLv3Wrapper ul li a.outsideLink,
#menuLv3Wrapper ul li a.outsideLink:hover {
display : inline-block;
width : auto;
padding : 2px 14px 2px 4px;
color : #369;
background : url(../image/buttons/outside-link-standard.gif) no-repeat right 5px;
text-decoration : none;
}

a.outsideLink:hover,
#menuLv3Wrapper ul li a.outsideLink:hover {
text-decoration : underline;
}

#menuLv3Wrapper .outsideLinksBox ul li a.outsideLink.mnLv3Expanded  {
font-weight : bold;
background : url(../image/buttons/outside-link-down.gif) no-repeat right 5px;
}

ul li ul li a.outsideLink,
ul li ul li a.outsideLink:hover,
#menuLv3Wrapper ul li ul li a.outsideLink,
#menuLv3Wrapper ul li ul li a.outsideLink:hover {
background-image : url(../image/buttons/outside-link-small.gif);
}

.print-box, .share-box {
background : #fff;
border : 1px solid #E5E6E6;
overflow : hidden;
padding : 1px;
margin-bottom: 5px;
}

.print-box a,
#menuLv3Wrapper ul li.print-box a {
padding : 15px 0 15px 30px;
background : #F4F6F6 no-repeat 11px center;
color : #369;
font-weight : normal;
text-decoration : none;
text-transform : none;
}

.share-box {
background : #F4F6F6;
}

.share-box a,
#menuLv3Box .share-box a {
display:inline-block;
padding:2px;
background : #F4F6F6;
color : #369;
font-weight : normal;
text-decoration : none;
text-transform : none;
outline: none;
}

.share-box img,
#menuLv3Box .share-box img {
vertical-align: middle;
}

.share-box .share-this-label {
padding : 5px 0 2px 15px;
display : block;
}
.share-box .share-this-iconbox {
padding:3px 0 5px 13px;
display : block;
}
#share_this_blog #blogDivWrapper{
  padding:20px;
}
#share_this_blog .blogLink {
border: 1px solid #CCCCCC;
margin-top : 15px;
}

#share_this_blog .blogLink span{
margin: 5px;
display : block;
}

#share_this_blog .blogText span {
display : block;
}

.print-box a:hover,
#menuLv3Wrapper ul li.print-box a:hover {
text-decoration : underline;
}

.print-box a#print,
#menuLv3Wrapper ul li.print-box a#print {
background-image : url(../image/buttons/print-ico.gif);
}

a.inline-link { color : #369; }
a.inline-link:hover { color : #39c; }
a.inline-link:active, a.inline-link:focus { color : #06c; }

.links-box a,
.attch-box a,
.print-box a,
a.common-link,
#contentBox a.common-link,
a.link-with-cons-number,
a.common-attachment {
display:block;
padding:4px 10px 0 17px;
text-decoration: none;
background: url(../image/buttons/temp-link.gif) no-repeat 0 6px;
color:#336699;
}
.links-box a:hover,
.attch-box a:hover,
.print-box a:hover,
a.common-link:hover,
a.link-with-cons-number:hover,
a.common-attachment:hover {
text-decoration: underline;
}
.right-column .links-box a,
.right-column .attch-box a,
.right-column .print-box a,
.right-column a.common-link,
.right-column a.link-with-cons-number,
.right-column a.common-attachment {
padding-left: 30px;
background: url(../image/buttons/temp-link.gif) no-repeat 13px 5px;
}

.attch-box a,
a.common-attachment {
background: url(../image/buttons/temp-attch.gif) no-repeat 0 4px;
}
.right-column .attch-box a,
.right-column a.common-attachment {
background: url(../image/buttons/temp-attch.gif) no-repeat 13px 4px;
}

/* Teaser boxes
------------------------------------------------------------------------------ */

/******* Teaser boxes - layout 1 - basic *******/
#contentBoxes .teaser {
float : left;
width : 210px;
height : 243px;
overflow : hidden;
padding : 5px;
margin : 0 10px 25px 9px;
background : #fff;
}
#contentBoxes .teaser a {
display:inline-block;
text-decoration : none;
max-height:243px;
max-width:210px;
overflow:hidden;
}
#contentBoxes .teaser a img {
margin-bottom:5px;
}
#contentBoxes .teaser h4 {
margin : 0;
padding : 4px 4px 0 4px;
font-size : 10px;
text-transform : uppercase;
color : #b1b1b0;
font-weight : bold;
font-family : Verdana, Arial, Geneva, Helvetica, Sans-serif;
}
.tr_TR #contentBoxes .teaser h4 {
text-transform:none;
}
#contentBoxes .teaser h4 a {
color : #b1b1b0;
}
#contentBoxes .teaser h5 {
margin-bottom:0;
padding : 6px 4px 2px 4px;
font-weight : bold;
font-size : 13px;
line-height : 16px;
}
#contentBoxes .teaser p {
height : 55px;
overflow : hidden;
padding : 4px;
font-size : 11px;
line-height : 14px;
}

/******* Teaser boxes - layout 2 - basic *******/
.teaser-l2 {
float: left;
margin-bottom: 10px;
background: #efe;
height: 200px;
width: 239px;
background: transparent none no-repeat left top;
font-size: 11px;
position: relative;
overflow: hidden;
}
.teaser-l2 h4,
.teaser-l2 h5,
.teaser-l2 p {
width: 174px;
padding: 5px 7px 5px 7px;
margin: 0;
background: transparent url(/image/common/transparent-png/black-70.png);
color: white;
}
.teaser-l2 h4 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.teaser-l2 h5 {
padding-top: 0;
font-size: 12px;
font-weight: normal;
}
.teaser-l2 p {
	padding-top: 0;
	font-size: 11px;
}
.teaser-l2 h4 a {
	color: #fff;
}
.teaser-l2 h4 a:hover {
	text-decoration: none;
}
.teaser-l2 a.findMore {
display: inline-block;
min-height: 14px;
padding: 1px 25px 0 7px;
margin-top: 3px;
margin-bottom: 4px;
background: transparent url(/image/buttons/more.gif) no-repeat right top;
color: #FFF;
text-transform: uppercase;
}
.teaser-l2 a.findMore:hover {
background: transparent url(/image/buttons/more-invert.gif) no-repeat right top;
text-decoration: none;
color: #000;
}


/* Basic links with icons
------------------------------------------------------------------------------ */
/* wrapper box with border and white background due to border spacing and spacing color */
.iconLinksBox {
background : #fff;
border : 1px solid #e5e6e6;
margin-bottom : 10px;
padding : 1px;
overflow : hidden;
}

.iconLinksBox div,
.iconLinksBox ul {
background : #f4f6f6;
padding : 10px;
overflow : auto;
}

.iconLinksBox a {
display : block;
padding : 5px 5px 5px 35px;
background : transparent 5px center no-repeat;
outline-style : none;
}

a.print {
background-image : url(../image/buttons/print-ico.gif);
}

a.blog {
background-image : url(../image/buttons/blog-ico.gif);
}

a.message {
background-image : url(../image/buttons/envelope-ico.gif);
}

a.save {
background-image : url(../image/buttons/save-ico.gif);
}

a.export {
background-image : url(../image/buttons/export-ico.gif);
}

a.newWindow {
background-image : url(../image/buttons/new-window-ico.gif);
}

a.check {
background-image : url(../image/buttons/tick-ico.gif);
}

a.layoutSave {
background-image : url(../image/buttons/save-layout-ico.gif);
}

a.layoutDelete {
background-image : url(../image/buttons/delete-layout-ico.gif);
}

a.close {
background-image : url(../image/buttons/close-ico.gif);
}

a.viewAll {
background-image : url(../image/buttons/view-all-ico.gif);
}

/* Basic button types
------------------------------------------------------------------------------ */
a.largeActionButton,
a.roundedButton,
a.roundedButton2,
a.roundedButton3,
a.roundedButtonLeftArrow,
a.roundedButtonLeftArrow2,
a.roundedButtonLeftArrow3,
a.roundedButtonRightArrow,
a.roundedButtonRightArrow2,
a.roundedButtonRightArrow3,
a.roundedButtonEmail,
a.roundedButtonBank,
a.roundedButtonPrint,
a.roundedButtonPoint,
a.closeButton,
a.productActionButton,
a.recruitsActionButton,
a.consultantsActionButton {
display : inline-block;
/* float : left; */
height : 24px;
text-decoration : none;
line-height : 14px;
outline-style : none;
color: #333;
}

a.roundedButton2,
a.roundedButtonLeftArrow2,
a.roundedButtonRightArrow2 {
height : 28px;
}

a.roundedButton3,
a.roundedButtonLeftArrow3,
a.roundedButtonRightArrow3,
a.roundedButtonPoint,
a.closeButton {
height : 19px;
}

a.largeActionButton {
height : 29px;
}

a.largeActionButton span,
a.roundedButton span,
a.roundedButton2 span,
a.roundedButton3 span,
a.roundedButtonLeftArrow span,
a.roundedButtonLeftArrow2 span,
a.roundedButtonLeftArrow3 span,
a.roundedButtonRightArrow span,
a.roundedButtonRightArrow2 span,
a.roundedButtonRightArrow3 span,
a.roundedButtonEmail span,
a.roundedButtonBank span,
a.roundedButtonPrint span,
a.roundedButtonPoint span,
a.closeButton span,
a.productActionButton span,
a.recruitsActionButton span,
a.consultantsActionButton span {
display : block;
height : 19px;
text-decoration : none;
line-height : 14px;
}

a.roundedButton2 span,
a.roundedButtonLeftArrow2 span,
a.roundedButtonRightArrow2 span {
height : 21px;
}

a.roundedButton3 span,
a.roundedButtonLeftArrow3 span,
a.roundedButtonRightArrow3 span,
a.roundedButtonPoint span,
a.closeButton span {
height : 17px;
}

a.largeActionButton span {
height : 22px;
}

a.largeActionButton:hover,
a.largeActionButton span:hover,
a.roundedButton:hover,
a.roundedButton:hover span,
a.roundedButton2:hover,
a.roundedButton2:hover span,
a.roundedButton3:hover,
a.roundedButton3:hover span,
a.roundedButtonLeftArrow:hover,
a.roundedButtonLeftArrow:hover span,
a.roundedButtonLeftArrow2:hover,
a.roundedButtonLeftArrow2:hover span,
a.roundedButtonLeftArrow3:hover,
a.roundedButtonLeftArrow3:hover span,
a.roundedButtonRightArrow:hover,
a.roundedButtonRightArrow:hover span,
a.roundedButtonRightArrow2:hover,
a.roundedButtonRightArrow2:hover span,
a.roundedButtonRightArrow3:hover,
a.roundedButtonRightArrow3:hover span,
a.roundedButtonEmail:hover,
a.roundedButtonBank:hover,
a.roundedButtonEmail:hover span,
a.roundedButtonPrint:hover,
a.roundedButtonPrint:hover span,
a.roundedButtonPoint:hover,
a.roundedButtonPoint:hover span,
a.closeButton:hover,
a.closeButton:hover span,
a.productActionButton:hover,
a.productActionButton:hover span,
a.recruitsActionButton:hover,
a.recruitsActionButton:hover span,
a.consultantsActionButton:hover,
a.consultantsActionButton:hover span {
text-decoration : none;
cursor : pointer;
}

a.roundedButton {
padding : 0 0 0 13px;
background : url(../image/buttons/rounded-btn-2-l-bg.png) no-repeat left top;
}

a.roundedButtonLeftArrow {
padding : 0 0 0 30px;
background : url(../image/buttons/rounded-btn-3-l-bg.png) no-repeat left top;
}

a.roundedButtonEmail {
padding : 0 0 0 32px;
background : url(../image/buttons/rounded-btn-email-l-bg.png) no-repeat left top;
}

a.roundedButtonBank {
padding : 0 0 0 32px;
background : url(../image/buttons/rounded-btn-bank-l-bg.png) no-repeat left top;
}

a.roundedButtonPrint {
padding : 0 0 0 32px;
background : url(../image/buttons/rounded-btn-print-l-bg.png) no-repeat left top;
}

a.roundedButton span,
a.roundedButtonLeftArrow span,
a.roundedButtonEmail span,
a.roundedButtonBank span,
a.roundedButtonPrint span {
padding : 5px 18px 0 5px;
background : url(../image/buttons/rounded-btn-2-r-bg.png) no-repeat right top;
}

a.roundedButton:hover,
a.roundedButtonLeftArrow:hover,
a.roundedButtonEmail:hover,
a.roundedButtonBank:hover,
a.roundedButtonPrint:hover {
background-position : 0 -24px;
}

a.roundedButton:active,
a.roundedButton:focus,
a.roundedButtonLeftArrow:active,
a.roundedButtonLeftArrow:focus,
a.roundedButtonEmail:active,
a.roundedButtonEmail:focus,
a.roundedButtonBank:active,
a.roundedButtonBank:focus,
a.roundedButtonPrint:active,
a.roundedButtonPrint:focus {
background-position : 0 -48px;
}

a.roundedButton:hover span,
a.roundedButtonLeftArrow:hover span,
a.roundedButtonEmail:hover span,
a.roundedButtonBank:hover span,
a.roundedButtonPrint:hover span {
background-position : right -24px;
}

a.roundedButton:active span,
a.roundedButton:focus span,
a.roundedButtonLeftArrow:active span,
a.roundedButtonLeftArrow:focus span,
a.roundedButtonEmail:active span,
a.roundedButtonEmail:focus span,
a.roundedButtonBank:active span,
a.roundedButtonBank:focus span,
a.roundedButtonPrint:active span,
a.roundedButtonPrint:focus span {
background-position : right -48px;
}

a.roundedButton2 {
padding : 0 0 0 12px;
background : url(../image/buttons/rounded-btn-5-l-bg.gif) no-repeat left top;
}

a.roundedButtonLeftArrow2 {
padding : 0 0 0 22px;
background : url(../image/buttons/rounded-btn-6-l-bg.gif) no-repeat left top;
}

a.roundedButton2 span,
a.roundedButtonLeftArrow2 span {
padding : 7px 17px 0 5px;
background : url(../image/buttons/rounded-btn-5-r-bg.gif) no-repeat right top;
}

a.roundedButtonLeftArrow2 span {
padding : 7px 16px 0 6px;
}

a.roundedButton2:hover,
a.roundedButtonLeftArrow2:hover {
background-position : 0 -28px;
}

a.roundedButton2:hover span,
a.roundedButtonLeftArrow2:hover span {
background-position : right -28px;
}

a.roundedButton2:active,
a.roundedButton2:focus,
a.roundedButtonLeftArrow2:active,
a.roundedButtonLeftArrow2:focus {
background-position : 0 -56px;
}

a.roundedButton2:active span,
a.roundedButton2:focus span,
a.roundedButtonLeftArrow2:active span,
a.roundedButtonLeftArrow2:focus span {
background-position : right -56px;
}

a.roundedButtonRightArrow2 {
padding : 0 22px 0 0;
background : url(../image/buttons/rounded-btn-6-r-bg.gif) no-repeat right top;
}

a.roundedButtonRightArrow2 span {
padding : 7px 6px 0 16px;
background : url(../image/buttons/rounded-btn-7-l-bg.gif) no-repeat left top;
}

a.roundedButtonRightArrow2:hover {
background-position : right -28px;
}

a.roundedButtonRightArrow2:hover span {
background-position : 0 -28px;
}

a.roundedButtonRightArrow2:active,
a.roundedButtonRightArrow2:focus {
background-position : right -56px;
}

a.roundedButtonRightArrow2:active span,
a.roundedButtonRightArrow2:focus span {
background-position : 0 -56px;
}

a.roundedButton3,
a.roundedButton3 span,
a.roundedButtonLeftArrow3,
a.roundedButtonLeftArrow3 span,
a.roundedButtonRightArrow3,
a.roundedButtonRightArrow3 span,
a.roundedButtonPoint,
a.roundedButtonPoint span,
a.closeButton,
a.closeButton span {
color : #fff;
white-space : nowrap;
}

a.roundedButton3 {
padding : 0 0 0 8px;
background : url(../image/buttons/rounded-btn-8-l-bg.png) no-repeat left top;
}

a.roundedButtonLeftArrow3 {
padding : 0 0 0 20px;
background : url(../image/buttons/rounded-btn-9-l-bg.png) no-repeat left top;
}

a.roundedButtonPoint {
padding : 0 0 0 20px;
background : url(../image/buttons/rounded-btn-point-l-bg.png) no-repeat left top;
}

a.closeButton {
padding : 0 0 0 20px;
background : url(../image/buttons/close-btn-l-bg.png) no-repeat left top;
}

a.roundedButton3 span,
a.roundedButtonLeftArrow3 span,
a.roundedButtonPoint span,
a.closeButton span {
padding : 2px 13px 0 5px;
background : url(../image/buttons/rounded-btn-8-r-bg.png) no-repeat right top;
}

a.roundedButtonLeftArrow3 span,
a.closeButton span {
padding : 2px 10px 0 5px;
}

a.roundedButton3:hover,
a.roundedButtonLeftArrow3:hover,
a.roundedButtonPoint:hover,
a.closeButton:hover {
background-position : 0 -19px;
}

a.roundedButton3:hover span,
a.roundedButtonLeftArrow3:hover span,
a.roundedButtonPoint:hover span,
a.closeButton:hover span {
background-position : right -19px;
}

a.roundedButton3:active,
a.roundedButton3:focus,
a.roundedButtonLeftArrow3:active,
a.roundedButtonLeftArrow3:focus,
a.roundedButtonPoint:active,
a.roundedButtonPoint:focus,
a.closeButton:active,
a.closeButton:focus {
background-position : 0 -38px;
}

a.roundedButton3:active span,
a.roundedButton3:focus span,
a.roundedButtonLeftArrow3:active span,
a.roundedButtonLeftArrow3:focus span,
a.roundedButtonPoint:active span,
a.roundedButtonPoint:focus span,
a.closeButton:active span,
a.closeButton:focus span {
background-position : right -38px;
}

a.roundedButtonRightArrow3 {
padding : 0 20px 0 0;
background : url(../image/buttons/rounded-btn-10-r-bg.png) no-repeat right top;
}

a.roundedButtonRightArrow3 span {
padding : 2px 5px 0 10px;
background : url(../image/buttons/rounded-btn-10-l-bg.png) no-repeat left top;
}

a.roundedButtonRightArrow3:hover {
background-position : right -19px;
}

a.roundedButtonRightArrow3:hover span {
background-position : 0 -19px;
}

a.roundedButtonRightArrow3:active,
a.roundedButtonRightArrow3:focus {
background-position : right -38px;
}

a.roundedButtonRightArrow3:active span,
a.roundedButtonRightArrow3:focus span {
background-position : 0 -38px;
}

.iconLinksBox a.roundedButton3,
.iconLinksBox a.roundedButtonLeftArrow3,
.iconLinksBox a.roundedButtonRightArrow3,
.iconLinksBox a.closeButton {
float : left;
margin : 10px 5px 0 5px;
clear : both;
}

a.largeActionButton {
padding : 0 0 0 20px;
background : url(../image/buttons/blue-btn-large-l.gif) no-repeat left top;
font-size: 13px;
font-weight: bold;
color: #f6f6f6;
}

a.largeActionButton span {
padding : 7px 40px 0 5px;
background : url(../image/buttons/blue-btn-large-r.gif) no-repeat right top;
}

a.largeActionButton:hover {
background-position : 0 -29px;
}

a.largeActionButton:hover span {
background-position : right -29px;
}

a.largeActionButton:active,
a.largeActionButton:focus {
background-position : 0 -58px;
}

a.largeActionButton:active span,
a.largeActionButton:focus span {
background-position : right -58px;
}

a.roundedButtonRightArrow,
a.productActionButton,
a.recruitsActionButton,
a.consultantsActionButton {
padding : 0 30px 0 0;
}

a.roundedButtonRightArrow span,
a.productActionButton span,
a.recruitsActionButton span,
a.consultantsActionButton span {
padding : 5px 5px 0 18px;
}

a.productActionButton,
a.recruitsActionButton,
a.consultantsActionButton {
color : #fff;
}

a.roundedButtonRightArrow {
background : url(../image/buttons/rounded-btn-4-r-bg.png) no-repeat right top;
}

a.roundedButtonRightArrow span {
background : url(../image/buttons/rounded-btn-4-l-bg.png) no-repeat left top;
}

a.productActionButton,
a.consultantsActionButton {
background : url(../image/buttons/action-btn-prod-r-bg.png) no-repeat right top;
}

a.productActionButton span,
a.consultantsActionButton span {
background : url(../image/buttons/action-btn-prod-l-bg.png) no-repeat left top;
}

a.recruitsActionButton {
background : url(../image/buttons/action-btn-rec-r-bg.png) no-repeat right top;
}

a.recruitsActionButton span {
background : url(../image/buttons/action-btn-rec-l-bg.png) no-repeat left top;
}

a.roundedButtonRightArrow:hover,
a.productActionButton:hover,
a.recruitsActionButton:hover,
a.consultantsActionButton:hover {
background-position : right -24px;
}

a.roundedButtonRightArrow:hover span,
a.productActionButton:hover span,
a.recruitsActionButton:hover span,
a.consultantsActionButton:hover span {
background-position : 0 -24px;
}

a.roundedButtonRightArrow:active,
a.roundedButtonRightArrow:focus,
a.productActionButton:active,
a.productActionButton:focus,
a.recruitsActionButton:active,
a.recruitsActionButton:focus,
a.consultantsActionButton:active,
a.consultantsActionButton:focus {
background-position : right -48px;
}

a.roundedButtonRightArrow:active span,
a.roundedButtonRightArrow:focus span,
a.productActionButton:active span,
a.productActionButton:focus span,
a.recruitsActionButton:active span,
a.recruitsActionButton:focus span,
a.consultantsActionButton:active span,
a.consultantsActionButton:focus span {
background-position : 0 -48px;
}

/* body - WYSIWYG preview */
.body .no-vertical-space {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}

.mini_dtb_op_mainArea { /*classificationTag - change for DTP opportunity*/
background-color: #000;
}

.intro {
font-size:13px;
font-weight: bold;
}
.aboutProduct p,
.body p,
p.intro {
margin-bottom:14px;
}

.body-temp-2column .left-column .body h1 {
margin-top:5px;
}

.aboutProduct a,
.body a {
color: #336699;
}

.body {
font-size: 12px;
line-height:15px;
}

.aboutProduct ul li,
.body ul li,
.list-with-bullet {
padding-left: 17px;
padding-bottom: 5px;
background: url(../image/common/list-bullet.gif) 5px 6px no-repeat;
}

/* facts */
.facts-box {
margin-bottom: 14px;
overflow: hidden;
font-size: 12px;
line-height:15px;
}

.facts-box h4,
h4.facts-box {
margin-bottom:8px;
}

.facts-box ul,
ul.facts-box {
padding-top:1px;
}

.left-column li.facts-box {
width: auto; /* "width: 500px;" specification is canceled for cases that facts-box class is assigned in li (wysiwyg) */
}

.facts-box ul li,
.body li.facts-box {
border: 1px solid #e5e6e6;
padding: 7px 10px 6px 13px;
margin:0;
margin-top:-1px;
background: url(../image/others/temp-facts-li-bg.gif) repeat-x;
}

.facts-box .no-vertical-space {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}

/* highlightBox */
.highlightBox h4 {
padding-top:15px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 13px;
font-size: 12px;
line-height:15px;
}
.highlightBox p {
padding-top:8px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 13px;
}
.highlightBox a.common-link {
padding: 8px 10px 0 17px;
background-position: 0 9px;
}

.highlightBox .no-vertical-space {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}

/* frames in form sections & others
------------------------------------------------------------------------------ */
.paddingWrapper {
padding : 50px;
background : #fff;
}

.frame1 {
display : block;
padding : 15px;
overflow : auto;
border : 1px solid #cecdce;
background : #f4f4f4;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
}

.frame2 {
display : block;
padding : 20px;
border : 1px solid #ccc;
background : #f0f0f0 url(../image/common/form-bg.gif) top repeat-x;
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
}

.frame3 {
display : block;
height: auto;
padding : 20px;
border : 1px solid #eee;
background : #f1f1f1 url(../image/common/form-bg-2.gif) top repeat-x;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
}

.frame1 .caption,
.frame2 .caption,
.frame3 .caption {
display : block;
font-size : 16px;
padding-bottom : 5px;
}

/* communication progress indicator box
------------------------------------------------------------------------------ */
.waiting {
margin : 0 auto;
padding : 100px 0;
width : 320px;
}

.waiting .content {
text-align : center;
padding : 50px 20px 0 20px;
background : url(../image/common/wait.gif) top center no-repeat;
}

/* form controls
------------------------------------------------------------------------------ */
.hidden {
display : none;
}

/* fieldset formatting */
fieldset {
margin : 10px;
padding : 10px;
border : 1px solid #ccc;
}

fieldset fieldset {
float : none;
margin : 5px 0 10px 0;
padding : 5px 10px;
border-color : #dedede;
}

legend {
font-weight : bold;
}

/* form control wrapper */
.formControlWrapper {
position : relative;
overflow : auto;
}

.formControlWrapper label,
.formControlWrapper input,
.formControlWrapper select,
.formControlWrapper span {
margin : 5px;
vertical-align : middle;
}

.formControlWrapper.comboWrapper label {
margin-right : 10px;
}

.formControlWrapper.comboWrapper input,
.formControlWrapper.comboWrapper select,
.formControlWrapper.comboWrapper span {
margin-left : 0px;
}

.formControlWrapper label {
display : inline-block;
width : 100px;
text-align : right;
padding-bottom : 3px;
}

.formControlWrapper span {
display : inline-block;
width : 200px;
text-align : left;
padding-bottom : 3px;
}

.formControlWrapper span.textDescription {
width : auto;
}

.formControlWrapper input,
.formControlWrapper select {
width : 200px;
}

.formControlWrapper input,
.formControlWrapper select,
.formControlWrapper textarea {
border-color : #aaa #c0c0c0 #d6d6d6 #c0c0c0;
border-style : solid;
border-width : 1px;
padding : 2px;
}

.formControlWrapper option {
padding : 1px 5px;
}

.formControlWrapper textarea,
.formRow textarea {
display : block;
}

.formTextArea {
clear : both;
padding : 10px 0;
}

.formTextArea label {
text-align : left;
}

.formCheckRadio {
padding-left : 85px;
}

fieldset fieldset .formCheckRadio {
padding-left : 75px;
}

.formRadios {
overflow : auto;
}

.formRadios label,
.formRadios input {
margin : 0;
}

.formRadios fieldset {
float : left;
margin : 5px 10px 10px 0;
}

.formCheckRadio input,
.formRadios input {
width : auto;
border : none;
position : relative;
cursor : pointer;
}

.formCheckRadio label,
.formRadios label {
width : auto;
text-align : left;
}
.formCheckRadio label {
display: block;
}
.formCheckRadio table label,
.formCheckRadio input {
display: inline-block;
float: left;
}

.formCheckRadio table {
display : inline; /* inline-table did problems */
vertical-align : middle;
}

.formRadios label {
padding-right : 10px;
}

/* validation errors */
fieldset.error {
color : #c36;
border-color : #c36;
}

.message-pg ul.errorText li,
.formControlWrapper label.error {
padding : 0 5px 3px 18px;
color : #c36;
background : url(../image/common/err-bubble-ico.gif) no-repeat;
font-weight : bold;
width : auto;
text-align : left;
}

.formControlWrapper input.error,
.formControlWrapper select.error,
.formControlWrapper textarea.error {
border-color : #c36;
}

.formRadios label.error {
position : relative;
top : 25px;
}

.formControlWrapper label.errorText,
.formControlWrapper span.errorText {
display : inline;
height : 16px;
width : auto;
padding : 0 5px 3px 10px;
margin : 0 0 0 5px;
color : #c36;
background : url(../image/common/err-bubble-ico.gif) left 75% no-repeat;
text-align : left;
vertical-align : middle;
font-size : 16px;
}
.formControlWrapper span.errorText { /* Opera - facelift */
padding-right : 8px;
}

.formControlWrapper label.hidden,
.formControlWrapper span.hidden {
display : none;
}

.disabled label,
.disabled legend,
.readOnly label,
.readOnly legend,
.readOnly input,
.readOnly select,
.readOnly option,
.readOnly textarea {
color : #999;
}

.disabled input[type="text"],
.disabled select,
.disabled option,
.disabled textarea {
color : #666;
background : #ccc;
}

.formCheckRadio.disabledField span {
    margin:0;
    padding:0;
}

.errorResult,
.successResult {
margin : 5px 0;
padding : 8px 7px 7px 34px;
color : #fff;
font-weight : bold;
-webkit-border-radius : 3px;
-moz-border-radius : 3px;
}

.errorResult {
background : #c36 url(../image/common/err-ico.gif) 10px 8px no-repeat;
}

.successResult {
background : #9acd32 url(../image/common/ok-ico.gif) 10px 8px no-repeat;
}

.errorResult label,
.errorResult span,
.errorResult li,
.successResult label,
.successResult span,
.successResult li {
padding : 0 5px 3px 5px;
color : white;
font-weight : bold;
/* white-space : nowrap; */
width : auto;
text-align : left;
}

/* form buttons wrapper */
.divButtons {
display : block;
clear : both;
padding : 10px 0;
overflow : auto;
text-align : center;
}

.divButtons div {
width : auto;
}

/* doesn't center in ie6 */
/* child elements display has to be inline or inline-block */
.divButtons div.center {
display : inline-block;
padding-left : 10px;
margin-left : auto;
margin-right : auto;
}

.divButtons div.left {
float : left;
text-align : left;
padding-left : 10px;
}

.divButtons div a {
margin-right : 10px;
}

.divButtons div.right {
float : right;
text-align : right;
padding-right : 10px;
}

.divButtons div.right a {
margin-left : 10px;
margin-right : 0;
}

/* basket items table ( ordering )
------------------------------------------------------------------------------ */
table.basketItemsTable {
width : 100%;
}

table.basketItemsTable tr th,
table.basketItemsTable tr td {
border : #eee solid;
border-width : 0 0 1px 0;
}

table.basketItemsTable tr th {
padding : 6px 10px;
font-size : 12px;
font-weight : bold;
}

table.basketItemsTable tr td {
padding : 10px;
}

table.basketItemsTable tr td .formControlWrapper input,
table.basketItemsTable tr td .formControlWrapper select {
margin : 0;
}

table.basketItemsTable tr td input {
padding : 4px 5px;
}

table.basketItemsTable tr td.productImage {
width : 54px;
min-height : 54px;
padding : 2px;
}

table.basketItemsTable tr td.productImage img {
max-width : 50px;
max-height : 50px;
}

table.basketItemsTable tr td.productName {
width : 240px;
}

table.basketItemsTable tr td a {
color : #369;
}

table.basketItemsTable tr td.quantity input {
width : 40px;
}

table.basketItemsTable tr td.price {
white-space : nowrap;
}

table.shoppingBasket tr td {
padding : 23px 10px;
}

table.shoppingBasket tr td label.error {
margin : 0;
}

table.shoppingBasket tr td.quantity input {
width : 40px;
}

table.shoppingBasket tr td.deleteBtn {
padding-left : 20px;
}

table.shoppingBasket tr td.deleteBtn a {
display : inline-block;
width : 23px;
height : 22px;
background : url(../image/buttons/basket-delete-ico.gif) no-repeat top left;
outline-style : none;
}

table.shoppingBasket tr td.deleteBtn a:hover {
background-position : 0 -22px;
}

table.shoppingBasket tr td.deleteBtn a:active,
table.shoppingBasket tr td.deleteBtn a:focus {
background-position : 0 -44px;
}

/* quick entry ( used for both online & eshop )
------------------------------------------------------------------------------ */
#quickEntryDescription {
padding : 5px 0 15px;
}

table.quickEntryTable {
margin : 10px 0;
}

table.quickEntryTable tr th {
padding : 6px 0 6px 20px;
white-space : nowrap;
}

table.quickEntryTable tr td {
padding : 8px 0 8px 20px;
vertical-align : bottom;
}

table.quickEntryTable tr td.productCode {
width : 80px;
}

table.quickEntryTable tr td.productCode input {
width : 60px;
}

table.quickEntryTable tr td.quantity {
width : 60px;
}

table.quickEntryTable tr td.quantity input {
width : 40px;
}

table.quickEntryTable tr td.error div {
padding : 0 5px 5px 20px;
color : #c36;
background : url(../image/common/err-bubble-ico.gif) no-repeat;
font-weight : bold;
}

table.quickEntryTable tr td label.error,
table.quickEntryTable tr td .formControlWrapper label.error {
display : block;
/* position : static; dynamically enlarges field when error mesage is shown, ugly? */
bottom: 18px;
}

form.quickEntryItems .divButtons .left {
padding-left : 20px;
}

/* footer
------------------------------------------------------------------------------ */
#footerBox {
clear : both;
padding : 0 0 20px 0;
color : #858585;
background : #fff;
font-weight : bold;
}

#footerBox a {
margin : 0;
padding : 0;
color : #369;
}

#footerBody,
#footerLinks {
display : block;
border : solid #e6e6e6;
border-width : 1px 0 0 0;
padding : 13px 25px;
}

#footerLinks li {
display : inline-block;
float : left;
padding : 4px 10px;
margin : 0;
vertical-align : middle;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
border : solid #e6e6e6;
border-width : 0 1px 0 0;
font-weight : normal;
}

#footerLinks li.first {
padding : 4px 0;
border : 0;
}

#footerLinks li.firstItm {
padding-left : 0;
}

#footerBottom {
clear : both;
}


/* product strip
------------------------------------------------------------------------------ */

#strip-wrapper {
position: relative;
}

#strip-wrapper #strip {
width:760px;
min-height:220px;
margin: 0 auto;
overflow: auto;
}

#strip-wrapper #strip #stripMoveBtnL,
#strip-wrapper #strip #stripMoveBtnR {
width:30px;
height: 100px;
float:left;
cursor:pointer;
}
#strip-wrapper #strip #stripMoveBtnL {
background: transparent url(/image/buttons/viewerStripBtnL.png) no-repeat scroll 5px 50px;
}
#strip-wrapper #strip #stripMoveBtnR {
background: transparent url(/image/buttons/viewerStripBtnR.png) no-repeat scroll 11px 50px;
}
#strip-wrapper #strip #stripMoveBtnL:hover {
background-position: 5px -50px;
}
#strip-wrapper #strip #stripMoveBtnR:hover {
background-position: 11px -50px;
}

#strip-wrapper #prodlist-list-wrapper {
position:relative;
float:left;
width:700px;
height: 220px;
overflow: hidden;
text-align: center;
}
#strip-wrapper ul#prodlist-list {
display: inline-block;
position: relative;
height: 220px;
}

#strip-wrapper ul#prodlist-list li.prod-item {
float: left;
width: 120px;
height: 220px;
margin: 0 10px;
overflow: hidden;
}

#strip-wrapper #prodlist-list li.prod-item .img-centered-strip {
font-size:8px;
height:120px;
line-height:90px;
overflow:hidden;
text-align:center;
white-space:nowrap;
width:120px;
cursor: pointer;
}

#strip-wrapper #prodlist-list li.prod-item h4 {
font-weight: normal;
font-size:11px;
text-align: center;
margin-top:10px;
cursor: pointer;
}

#strip-wrapper #pager-wrapper {
height: 16px;
width:700px;
overflow: auto;
margin: 0 auto;
}

#strip-wrapper #pager {
float: right;
margin-right: 20px;
}
#strip-wrapper #pager div {
float: left;
width: 11px;
height: 11px;
margin-left: 5px;
cursor:pointer;
}
#strip-wrapper #pager div.empty {
background: transparent url(/image/buttons/viewerPagerEmpty.png) no-repeat 0 0;
}
#strip-wrapper #pager div.full {
background: transparent url(/image/buttons/viewerPagerFull.png) no-repeat 0 0;
}

#strip-wrapper #prod-detail-wrapper {
position:absolute;
left:0px;
bottom:230px;
}

#strip-wrapper .prod-detail {
display: none;
width:369px;
background:transparent url(/image/prod/viewerProdDetBg_top.png) no-repeat left top;
}

#strip-wrapper .prod-detail-inside {
position: relative;
display:inline-block;
width:349px;
overflow:auto;
background:transparent url(/image/prod/viewerProdDetBg_bottom.png) no-repeat left bottom;
padding: 12px 10px 50px;
margin-top: 4px;
}

#strip-wrapper .prod-detail .leftCol {
float:left;
}

#strip-wrapper .prod-detail .rightCol {
float:right;
width:189px;
}

#strip-wrapper .prod-detail .leftCol a {
display:inline-block;
width: 140px;
height: 140px;
margin-right: 10px;
overflow: hidden;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

#strip-wrapper .prod-detail a.rating {
display:block;
}

#strip-wrapper .prod-detail h5 {
font-size:13px;
/*
font-weight:normal;
margin-bottom:8px;
*/
}

#strip-wrapper .prod-detail p.description {
font-size:11px;
margin-bottom:6px;
}

#strip-wrapper .prod-detail p.code {
font-size:10px;
color: #999;
margin-bottom: 6px;
}
#strip-wrapper .prod-detail p.code span {
margin-right: 2px;
}

#strip-wrapper .prod-detail .proddetPrice {
font-size:14px;
font-weight:bold;
padding: 0;
}
#strip-wrapper .prod-detail p.red {
color:#CF1141;
}
#strip-wrapper .prod-detail .proddetOrigPrice {
font-weight:bold;
text-align:left;
text-decoration:line-through;
font-size:11px;
padding: 0;
}

#strip-wrapper .prod-detail .p-proddetUnitPrice {
text-align:left;
font-size:11px;
padding: 0;
}

#strip-wrapper .prod-detail .p-proddetUnitPrice .proddetUnitPrice {
padding: 0;
}

#strip-wrapper .prod-detail p.add-to-basket {
float: right;
margin-top: 10px;
}

#strip-wrapper .prod-detail div.rating-stars {
overflow:auto;
padding:1px 0 3px;
width:100%;
}

#strip-wrapper .prod-detail div.rating-stars span {
display:none;
}

#strip-wrapper .prod-detail .bigSku {
font-size: 11px;
font-weight: bold;
margin-bottom: 8px;
width: 100%;
overflow: auto;
}

#strip-wrapper .prod-detail .bigSku p {
margin-bottom: 4px;
}

#strip-wrapper .prod-detail .bigSku img {
float: left;
margin-right: 10px;
}

#strip-wrapper .prod-detail .bigSku .skuData {
font-weight:normal;
float: left;
margin-right: 5px;
}

#strip-wrapper .prod-detail .bigSku .skuData div {
padding-top:5px;
}

#strip-wrapper .prod-detail ul.product-detail-skulist {
width: 100%;
overflow: auto;
padding-bottom:14px;
}

#strip-wrapper .prod-detail .product-detail-skulist li {
float: left;
margin-right: 5px;
}

#strip-wrapper #prod-detail-wrapper ul.product-detail-skulist li.sku-item {
cursor: pointer;
}

#strip-wrapper .prod-detail .deleteBtn {
cursor: pointer;
position: absolute;
top: 1px;
right: 8px;
display: inline-block;
width: 12px;
height: 12px;
background:transparent url(/image/buttons/close-ico-bw.gif) no-repeat;
}

/* the next deffinition is used for hidding of a unitPriceUsed property in a product slider */
.proddetHidden {
display: none;
}


/*  share this
-------------------------------------------------------------------------------*/
#colorbox iframe{
 background-color: #f7f7f7;
}

.iframeShareThisBody{
 background-color: #f7f7f7;
}

.iframeShareThisBody div.message{
 padding: 15px 0;
}

#inline_share_this {
  background-color: #f7f7f7;
  padding-left:4px;
  padding-right:4px;

}

#inline_share_this .shareThisCaption {
font-weight : bold;
/*background : url(../image/footer/bubbleBgCaptionShadow.png) top right repeat-y;*/
height : 23px;
overflow: hidden;
}

#inline_share_this .shareThisCaption span.shareThisCaptionText {
font-size: 12px;
display : block;
height : 24px;
width: auto;
padding : 5px 20px 0 12px;
overflow : hidden;
color : #fff;
background : #4eb5ec url(../image/footer/bubbleCaption.gif) repeat-x;
}

#inline_share_this .shareThisCaption div.closeX {
overflow: hidden;
position: absolute;
top: 0px;
right: 4px;
width:23px;
height:23px;
background: url(/image/colorbox/closeX.jpg);
}
#inline_share_this .shareThisHelp {
  margin-bottom:15px;
}
#inline_share_this #shareThisContent {
  padding:15px;
}
#inline_share_this .shareThisPreview {
  border:solid 1px #e0e0e0;
  padding:10px;
  overflow:hidden;
}
#inline_share_this .clear {
  clear:both;
}
#inline_share_this .shareThisPreview #thumbnailWrapper {
  float:left;
  margin-right:15px;
}
#inline_share_this .shareThisPreview #linkWrapper {
  float:left;
  width:270px;
  padding: 5px 5px 5px 0;
}
#inline_share_this .shareThisPreview #thumbnailWrapper img {
  height:120px;
  width:120px;
}
#inline_share_this .shareThisPreview h3 {
  color:#333333;
  font-size:14px;
  text-transform:none;
  font-weight:normal;
  margin-bottom:10px;
}
#inline_share_this .shareThisPreview #linkWrapper .description {
  font-size:11px;
}
#inline_share_this .shareThisIcons {
  padding-top:25px;
  height:100px !important;
  text-align:center;
  clear:both;
}
#inline_share_this #permalink {
  padding-top:15px;
}
#inline_share_this #permalink input{
  width:100%;
  background-color:transparent;
  border:solid 1px #e0e0e0;
}
#inline_share_this .shareThisIcons .shareThisIconsWrapper {
  display:inline-block;
  width:auto;
  margin:auto;
  overflow:visible;
  white-space:nowrap;
  height:92px;
}
#inline_share_this .shareThisIcons a {
  width:52px;
  height:26px;
  padding-top:60px;
  font-size:9px;
  margin:3px 10px 3px 10px;
  display:inline-block;
  float:none;
}
#inline_share_this .shareThisIcons .shareThisFacebook {
  background: url('/image/share-this/facebook-icon-form.png');
}
#inline_share_this .shareThisIcons .shareThisTwitter {
  background: url('/image/share-this/twitter-icon-form.png');
}
#inline_share_this .shareThisIcons .shareThisVkontakte {
  background: url('/image/share-this/vkontakte-icon-form.png');
}
#inline_share_this .shareThisIcons .shareThisBlog {
  background: url('/image/share-this/blog-icon-form.png');
}
#inline_share_this .shareThisIcons .shareThisEmail {
  background: url('/image/share-this/email-icon-form.png');
}
#share_this_email {
  font-size:10px;
}
#share_this_email #emailBoxTop,
#share_this_blog #blogBoxTop{
  height:8px;
  background:url(../image/colorbox/border_logout.png) top left repeat-x;
}
#share_this_email #emailFormWrapper {
  padding:20px 15px 0 15px;
}
#share_this_email #shareThisEmailForm p.labels {
  padding-top:0px;
  padding-bottom:3px;
  height: 16px;
  width: 400px;
}
#share_this_email #shareThisEmailForm .formControlWrapper {
	width: 220px;
	/*display:inline-block;*/
	height: 75px;
	float: left;
	overflow: hidden;
}

#share_this_email #shareThisEmailForm .formControlWrapper.textbox {
	width: 435px;
	/*display:inline-block;*/
	height: 95px;
	float: left;
	overflow: hidden;
}

#share_this_email #shareThisEmailForm label {
	width: 180px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size:12px;
}
#share_this_email #shareThisEmailForm .formControlWrapper label.error {
  margin-top:0px;
  margin-bottom:0px;
  white-space: nowrap;
}

#share_this_email #shareThisEmailForm span {
  display:inline-block;
  width:210px;
  padding-left:5px;
}
#share_this_email #shareThisEmailForm span.right {
  width:200px;
  padding-left:17px;
}
#share_this_email #shareThisEmailForm input {
  height:30px;
  width:210px;
}
#share_this_email #shareThisEmailForm input.right {
  height:30px;
  width:210px;
  margin-left:10px;
}
#share_this_email #shareThisEmailForm p.textarea {
  padding: 0 5px 0;
  width: 435px;
}
#share_this_email #shareThisEmailForm textarea {
  width:430px;
  height:60px;
}

#share_this_email #shareThisEmailForm #userMessage_PBar{
	background-color:#BEDA03;
	border:0 none;
	display:inline-block;
	float:left;
	font-size:8px;
	height:10px;
	margin-left:5px;
	overflow:hidden;
	width:0;
}

#share_this_email #shareThisEmailForm p.submit {
  width:437px;
  padding-top:15px;
  text-align:right;
}
#share_this_email #shareThisEmailForm div.submit {
width:437px;
text-align: right;
}
#share_this_email #shareThisEmailForm div.submit span {
  width:auto;
  font-size: 11px;
  padding-bottom: 5px;
  height: 14px;
}
#share_this_email #submitButton{
  display:none;
}

/* Dare To Be - standard content (dareToBe template is used)
------------------------------------------------------------------------------ */
.highlightBox.dareToBeTemplate h4 {
	color: #EEEEEE;
	margin-bottom: 0;
	padding-top:11px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 14px;
}

.highlightBox.dareToBeTemplate p {
	color: #EEEEEE;
	padding-top:4px;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 14px;
}

.highlightBox.dareToBeTemplate .no-vertical-space {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.body.dareToBeTemplate h1 {
	font-size:30px;
	line-height:32px;
	font-weight: bold;
	margin-bottom:12px;
	color: #EEEEEE;
}

.body.dareToBeTemplate h2 {
	font-size:18px;
	line-height:21px;
	font-weight: bold;
	margin-bottom:0;
	color: #EEEEEE;
}

.body.dareToBeTemplate h3 {
	font-size:15px;
	line-height:17px;
	font-weight: bold;
	margin-bottom:1px;
	color: #EEEEEE;
}

.body.dareToBeTemplate p {
	font-size:15px;
	line-height:20px;
	color: #EEEEEE;
	margin-bottom:5px;
}

.body.dareToBeTemplate .no-vertical-space {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
.body.mini_dtb_op_mainArea ul {
	margin: 5px 10px 5px 15px;
}
.body.mini_dtb_op_mainArea ul li {
	color:#FFF;
	list-style: disc;
	background: none;
	padding-bottom:5px;
	padding-left:0;
	font-size: 14px;
}