/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
    width:			100%;
    background:		#006699;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
    
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		#006699;
}
.sf-menu li li {
	background:		#006699;
}
.sf-menu li li li {
	background:		#006699;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.selected,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#003366;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/lib/superfish/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/lib/superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
div.popup {
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #4084C9;
    padding: 20px;
    float: left;
    min-width: 350px;
    width: 650px;
}

div.popup div.buttons {
    display: inline-block;
    margin: 20px auto 0px auto;
}

div.popup div.buttons div.btn {
    margin: 0 1em;
    min-width: 100px;
}

div.popup div.buttons .buttonStandard {
    display: inline-block;
    margin-left: 10px;
}

div.heritagePopUp {
    cursor: default;
}

div.heritagePopUp a.modalCloseImg {
    background: url(/images/template/heritage/popup/x.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 59px;
    position: absolute;
    right: -22px;
    top: -22px;
    width: 45px;
    z-index: 3200;
}

.al-message-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em 2.2em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20sans-serif&fwDefault=bold&fsDefault=11px&cornerRadius=0px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=cccccc&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=005ea8&iconColorActive=fdc700&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 11px; }
.ui-widget .ui-widget {
    /* font-size: 1em;*/
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-content {
    /*border: 1px solid #CCCCCC;*/
    /* background: #fcfdfd url(/lib/jquery/css/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; */
    /* color: #222222; */
}
.ui-widget-content a {
    /*color: #222222;*/
}
.ui-widget-header {
        /* border: 1px solid #4297d7; */
        /* background: #5c9ccc url(/lib/jquery/css/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; */
        color: #ffffff;
        font-weight: bold;
    }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    font-weight: bold;
    color: #2e6e9e;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #aaaaaa; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cccccc; background: #d0e5f5 url(/lib/jquery/css/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #FFF; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #f5f8f9 url(/lib/jquery/css/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #005ea8; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-tabs-nav .ui-state-default a { color: #fff; }
.ui-tabs-nav .ui-tabs-selected a { color: #000; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(/lib/jquery/css/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/lib/jquery/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/lib/jquery/css/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/lib/jquery/css/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/lib/jquery/css/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon {
    background-image: url(/lib/jquery/css/images/ui-icons_6da8d5_256x240.png);
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px; 
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/lib/jquery/css/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {
    background-image: url(/lib/jquery/css/images/ui-icons_fdc700_256x240.png);
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px; 
}
.ui-state-highlight .ui-icon {background-image: url(/lib/jquery/css/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/lib/jquery/css/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-top { /*-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;*/ }
.ui-corner-bottom { /*-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;*/ }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/lib/jquery/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/lib/jquery/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; background-color: #fff; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; position: absolute; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Tabs
----------------------------------*/
.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0px;
    zoom: 1;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0px;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0px;
    padding: 1px 1px 0px 1px;
    white-space: nowrap;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    background: none;
    background-color: #4084C9;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em .87em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding: 0px;
    margin-bottom: 0;
    border-style: solid;
    border-color: #ccc;
    border-bottom-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    background-color: #fff;
    /*background: transparent url(/images/template/tabs_tab_bg.jpg) repeat-y bottom right;*/
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 10px;
    border: 1px solid #ccc;
    float: left;
    min-height: 867px;
    height: auto !important;
    height: 867px;
    max-height: 1225px;
    width: 314px;
    /*background: transparent url(/images/template/tabs_bg.jpg) repeat-y top right;*/
}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker {
    width: 238px;
    padding: 0px 1px 1px 1px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
    background: #fff url(/lib/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
    background: transparent url(/lib/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
    background: transparent url(/lib/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 100px;
	height: 22px;
    background: transparent url(/lib/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/**
 * HoverScroll Style Sheet
 *
 * @author RasCarlito <carl.ogren@gmail.com>
 * @version 0.3.0
 * @revision 8
 */

/* Main container */
div.hoverscroll {
	position:relative;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}
div.hoverscroll div.fixed-listcontainer {
    overflow: hidden;
    float: left;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}
div.hoverscroll div.fixed-arrow {
    display: block;
    float: left;
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.left,
div.hoverscroll div.fixed-arrow.right {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrow.left,
div.hoverscroll div.fixed-arrow.left {
	left:0px;
	background-image:url('/lib/jquery/css/images/arrow-left-small.png');
}
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.right {
	right:0px;
	background-image:url('/lib/jquery/css/images/arrow-right-small.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.top,
div.hoverscroll div.fixed-arrow.bottom {
	left:0px;
	width:100%;
	height:40px;
}
div.hoverscroll div.arrow.top,
div.hoverscroll div.fixed-arrow.top {
	top:0px;
	background-image:url('/lib/jquery/css/images/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.bottom {
	bottom:0px;
	background-image:url('/lib/jquery/css/images/arrow-down-small.png');
}


/* Hover Zones */
/*
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('/lib/jquery/css/images/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('/lib/jquery/css/images/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('/lib/jquery/css/images/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('/lib/jquery/css/images/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}
*/
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/lib/jquery/css/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/lib/jquery/css/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -32px!important}
div.star-rating-hover a{background-position:0 -16px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/lib/prettyphoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/lib/prettyphoto/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/lib/prettyphoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/lib/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/lib/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}/*! qTip2 v2.0.1 (includes: svg ajax tips modal viewport imagemap ie6 / basic css3) | qtip2.com | Licensed MIT, GPL | Mon Dec 31 2012 14:55:17 */.qtip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:330px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr;vertical-align:middle}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}/*! Light tooltip style */.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}/*! Dark tooltip style */.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}/*! Cream tooltip style */.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}/*! Red tooltip style */.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}/*! Green tooltip style */.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}/*! Blue tooltip style */.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,black 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px black}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(/lib/jquery/css/#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}@CHARSET "UTF-8";

/* ---------------------------------------------
 * ------- Styles für Ajax-Suche ---------------
 * -- $Id: ajaxsearch.css 8712 2007-03-07 11:25:27Z hendrik.wilhelm $ 
 * --------------------------------------------- */

/* ---------------------------------------------
 * ------- ALLGEMEINE Styles -------------------
 * --------------------------------------------- */

input.auto_complete {
	width: 260px;
}

div.auto_complete_choices {
	width: 400px;
	position: absolute;
  	background-color: white;
  	border: 1px solid #888;
  	margin: 0px;
  	padding: 0px;
}

div.auto_complete_choices dl {
    display: inline;
}

div.auto_complete_choices dt {
    color: black;
    background-color: #F6F6F6;
    cursor:pointer;cursor:hand;
}

div.auto_complete_choices dt.selected {
    color: white;
    background-color: #0066CC;
    cursor:pointer;cursor:hand;
}

div.auto_complete_choices dt table {
    width: 100%;
}

div.auto_complete_choices dt table td {
    width: 100%;
    text-align: left;
}

div.auto_complete_choices dt td.autocompletion_hit {
    font-weight: bold;
    text-align: left;
}

div.auto_complete_choices dt.selected td.autocompletion_hit {
    font-weight: bold;
    text-align: left;
    color: white;
}

div.auto_complete_choices dt td.autocompletion_hit_description {
    text-align: right;
    font-size: 8pt;
}

div.auto_complete_choices dt.selected td.autocompletion_hit_description {
    text-align: right;
    color: white;
    font-size: 8pt;
}  
@CHARSET "UTF-8";
/* ---------------------- */
/* --- toggle content --- */
/* ---------------------- */

.toggleContent a.label {
    text-align: right;
    float: right;
}
.toggleContent a.label div.toggleArrow {
    margin: 4px 0px 0px 6px;
    float: right;
    width: 5px;
    height: 5px;
    background-image: url(/images/togglearrow.png);
    font-size: 5px;
}
.toggleContent a.label div.toggleArrowSelected {
    background-position: 0px -5px;
}
.toggleContent div.content {
    display: none;
}

.tooltip {
	display: none;
	background-color: #000000;
    opacity: 0.8;
    filter:Alpha(opacity=80);
	font-size: 11px;
	padding: 10px;
	color: #fff;
    border: 3px solid #d5d5d5;
    text-align: left;
    word-wrap: break-word;
    max-width: 300px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    z-index: 1500;
}

td.action {
    width: 16px;
}

td.actions,
td.action2 {
    width: 32px;
}

td.action3 {
    width: 48px;
}@CHARSET "UTF-8";

.buttonStandard {
	width: 100px;
	height: 16px;
	border-style: none;
	border-width: 0px;
    margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 9pt;
    background-color: transparent;
}

.buttonLong {
	width: 180px;
}

.buttonStandard:hover {
	background-position: 0px -16px;
}

.buttonStandard:active {
	background-position: 0px -32px;
}

a.buttonStandard {
	display: block;
}

.buttonStandard {
	background-image: url(/evus/barf-freunde/images/buttons/button_ok.png);
}

.buttonConfirmOrder {
    background-image: url(/evus/barf-freunde/images/buttons/button_z_bestellen.png);
}

.buttonConfirmPremiumOrder {
    background-image: url(/evus/barf-freunde/images/buttons/button_bestellung_abschicken.png);
}

.buttonSubmit {
	background-image: url(/evus/barf-freunde/images/buttons/button_abschicken.png);
}

.buttonUpdate {
	background-image: url(/evus/barf-freunde/images/buttons/button_update.png);
}

.buttonBack {
    background-image: url(/evus/barf-freunde/images/buttons/button_zurueck.png);
}

.buttonSave {
    background-image: url(/evus/barf-freunde/images/buttons/button_speichern.png);
}

.buttonPreview {
    background-image: url(/evus/barf-freunde/images/buttons/button_vorschau.png);
}

.buttonClose {
    background-image: url(/evus/barf-freunde/images/buttons/button_schliessen.png);
}

.buttonImport {
    background-image: url(/evus/barf-freunde/images/buttons/button_importieren.png);
}

.buttonNext {
    background-image: url(/evus/barf-freunde/images/buttons/button_weiter.png);
}

.buttonOverview {
    background-image: url(/evus/barf-freunde/images/buttons/button_uebersicht.png);
}

.buttonAbort {
    background-image: url(/evus/barf-freunde/images/buttons/button_abbruch.png);
}

.buttonDelete {
    background-image: url(/evus/barf-freunde/images/buttons/button_loeschen.png);
}

.buttonYes {
    background-image: url(/evus/barf-freunde/images/buttons/button_ja.png);
}

.buttonNo {
    background-image: url(/evus/barf-freunde/images/buttons/button_nein.png);
}

.buttonCancel {
    background-image: url(/evus/barf-freunde/images/buttons/button_abbruch.png);
}

.buttonBlank {
    background-image: url(/evus/barf-freunde/images/buttons/button_blank.png);
    padding-bottom: 4px;
}

.buttonSearch {
    background-image: url(/evus/barf-freunde/images/buttons/button_suchen.png);
}

.buttonPublish {
    background-image: url(/evus/barf-freunde/images/buttons/button_freigeben.png);
}

.buttonEdit {
    background-image: url(/evus/barf-freunde/images/buttons/button_bearbeiten.png);
}

.buttonReject {
    background-image: url(/evus/barf-freunde/images/buttons/button_ablehnen.png);
}

.buttonApply {
    background-image: url(/evus/barf-freunde/images/buttons/button_uebernehmen.png);
}

.buttonReset {
    background-image: url(/evus/barf-freunde/images/buttons/button_zuruecksetzen.png);
}

.buttonGenerate {
    background-image: url(/evus/barf-freunde/images/buttons/button_generieren.png);
}

.buttonInformation {
    background-image: url(/evus/barf-freunde/images/buttons/button_information.png);
}

.buttonLogin {
    width: 60px;
    background-image: url(/evus/barf-freunde/images/buttons/button_login.png);
}

.buttonLikeIt {
    height: 20px;
	background-image: url(/evus/barf-freunde/images/buttons/button_empfehlen.png);
}

.buttonLikeIt:hover {
	background-position: 0px -20px;
}

.buttonLikeIt:active {
	background-position: 0px -40px;
}

.buttonBigStandard {
    width: 100px;
	height: 32px;
	border-style: none;
	border-width: 0px;
	color: #ffffff;
	font-size: 9pt;
    padding: 0px;
}

.buttonBigStandard:hover {
	background-position: 0px -32px;
}

.buttonBigStandard:active {
	background-position: 0px -64px;
}

.buttonBigNext {
    height: 32px;
    background-image: url(/evus/barf-freunde/images/buttons/button_big_weiter.png);
}

.buttonBigBack {
    height: 32px;
    background-image: url(/evus/barf-freunde/images/buttons/button_big_zurueck.png);
}

.buttonCheckout {
    height: 32px;
    background-image: url(/evus/barf-freunde/images/buttons/button_big_zur_kasse.png);
}

a.buttonBigStandard {
	display: block;
}

.buttonBiggerStandard {
    width: 163px;
	height: 52px;
	border-style: none;
	border-width: 0px;
	color: #ffffff;
	font-size: 9pt;
    padding: 0px;
}

a.buttonBiggerStandard {
    display: block;
}

.buttonBiggerStandard:hover {
	background-position: 0px -52px;
}

.buttonBiggerStandard:active {
	background-position: 0px -104px;
}

.buttonBiggerCheckout {
    height: 52px;
    background-image: url(/evus/barf-freunde/images/buttons/button_bigger_zur_kasse.png);
}

.buttonBiggerContinue {
    height: 52px;
    background-image: url(/evus/barf-freunde/images/buttons/button_bigger_einkauf_fortsetzen.png);
}
@CHARSET "UTF-8";

/* --------------------------------------------------- *
 * --- Styles für dynamische Tabs (HTMLTabbedForm) --- *
 * --------------------------------------------------- */

.tabbedForm {
    width: 963px;
}

.tabbedFormHeader {
    width: 963px;
    height: 21px;
    background-image: url(/images/tabs/tabdiv_bg.png);
}

/* aktive Tabs */
div.tabActive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
    float: left;
    background-image: url(/images/tabs/tab_bg_active.png);
    cursor: pointer;
    text-align: center;
}
div.tabActive:hover {
    background-position: 0px -21px;
}
div.tabActive div {
    margin: 4px 0px 0px 0px;
    cursor: pointer;
}
div.tabActive div img {
    margin: 0px 4px 0px 0px;
    height: 16px;
    vertical-align: bottom;
}

/* inaktive Tabs */
div.tabInactive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
    float: left;
    background-image: url(/images/tabs/tab_bg.png);
    cursor: pointer;
    text-align: center;
}
div.tabInactive:hover {
    background-position: 0px -21px;
}
div.tabInactive div {
    margin: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
}
div.tabInactive div img {
    margin: 0px 4px 0px 0px;
    height: 13px;
    vertical-align: bottom;
}

/* Contentbereich von Tabs */
.tabContent {
    display: none;
    width: 963px;
    padding: 20px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #999999;
}

/* -------------------------------------------- *
 * --- Styles für statische Tabs (HTMLTabs) --- *
 * -------------------------------------------- */

div.staticTabContentContainer {
    padding: 20px 0px 10px 0px;
    margin: 0px 0px 10px 20px;
    display: block !important;
    display: inline; /* IE6 double margin bug */
    width: 96%;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #999999;
	float: left;
}

div.staticTabContent {
    margin: 0px 10px 20px 10px;
    width: 96%;
}

.staticTabs {
    width: 96%;
    margin: 20px 0px 0px 20px;
    height: 21px;
    background-image: url(/images/tabs/static_tabdiv_bg.png);
}

/* aktive Tabs (enabled) */
a.staticTabActive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
    float: left;
    background-image: url(/images/tabs/static_tab_bg_active.png);
    cursor: pointer;
    text-align: center;
    text-decoration:none;
}
a.staticTabActive:hover {
    background-position: 0px -21px;
}
a.staticTabActive div {
    margin: 4px 0px 0px 0px;
    cursor: pointer;
}
a.staticTabActive div img {
    margin: 0px 4px 0px 0px;
    height: 16px;
    vertical-align: bottom;
}

/* aktive Tabs (disabled) */
div.staticTabActive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
    float: left;
    background-image: url(/images/tabs/static_tab_bg_active.png);
    text-align: center;
}
div.staticTabActive div {
    margin: 4px 0px 0px 0px;
    cursor: default;
}

div.staticTabActive div img {
    margin: 0px 4px 0px 0px;
    height: 16px;
    vertical-align: bottom;
}

/* inaktive Tabs (enabled)*/
a.staticTabInactive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
	line-height: 16px;
    float: left;
    background-image: url(/images/tabs/static_tab_bg.png);
    text-align: center;
	text-decoration:none;
}
a.staticTabInactive:hover {
	background-position: 0px -21px;
}
a.staticTabInactive div {
    margin: 3px 0px 0px 0px;
    font-size: 11px;
}
a.staticTabInactive div img {
    margin: 0px 4px 0px 0px;
    height: 13px;
    vertical-align: bottom;
}

/* inaktive Tabs (disabled)*/
div.staticTabInactive {
    margin-right: 1px;
    width: 128px;
    height: 21px;
    float: left;
    background-image: url(/images/tabs/static_tab_bg.png);
    text-align: center;
}
div.staticTabInactive div {
    margin: 5px 0px 0px 0px;
    font-size: 11px;
    color: #999999;
    cursor: default;
}
div.staticTabInactive div img {
    margin: 0px 4px 0px 0px;
    height: 13px;
    vertical-align: bottom;
}@CHARSET "UTF-8";

.iconStandard {
	width: 16px;
	height: 16px;
	border-style: none;
	border-width: 0px;
    background-image: url(/images/icons/icon_unknown.png);
}

a:hover .iconStandard,
.iconStandard:hover {
	background-position: 0px -16px;
}

a:active .iconStandard,
.iconStandard:active {
	background-position: 0px -32px;
}

.iconStandard {
	display: block;
}

.iconBlank {
	background-image: url(/images/icons/icon_blank.png);
}

.iconInformation {
	background-image: url(/images/icons/icon_information.png);
}

.iconInformationWarning {
	background-image: url(/images/icons/icon_information_warning.png);
}

.iconPreview {
	background-image: url(/images/icons/icon_information.png);
}

.iconRollback {
	background-image: url(/images/icons/icon_edit.png);
}

.iconEdit {
	background-image: url(/images/icons/icon_new.png);
}

.iconXls {
	background-image: url(/images/icons/icon_xls.png);
}

.iconEditVersion {
	background-image: url(/images/icons/icon_txt.png);
}

.iconEditPendingVersion {
	background-image: url(/images/icons/warning.png);
}

.iconViewPendingVersion {
	background-image: url(/images/icons/warning.png);
}

.iconViewVersion {
	background-image: url(/images/icons/icon_preview.png);
}

.iconDown {
	background-image: url(/images/icons/icon_down.png);
}

.iconUp {
	background-image: url(/images/icons/icon_up.png);
}

.iconDownEnd {
	background-image: url(/images/icons/icon_down_end.png);
}

.iconUpStart {
	background-image: url(/images/icons/icon_up_start.png);
}

.iconDelete {
	background-image: url(/images/icons/icon_delete.png);
}

.iconActive {
	background-image: url(/images/cronjob/cronjob_state_ok.png);
}

.iconInactive {
	background-image: url(/images/cronjob/cronjob_state_critical.png);
}

.iconWarning {
	background-image: url(/images/cronjob/cronjob_state_warning.png);
}

.iconPending {
	background-image: url(/images/cronjob/cronjob_state_pending.png);
}

.iconPdf {
	background-image: url(/images/icons/icon_pdf.png);
}

.iconView {
	background-image: url(/images/icons/icon_navigate.png);
}

.iconCreate {
	background-image: url(/images/icons/icon_new.png);
}

.iconAlert {
	background-image: url(/images/icons/icon_alert.png);
}

.iconPublish {
	background-image: url(/images/icons/icon_ok.png);
}

.iconReject {
	background-image: url(/images/icons/icon_delete.png);
}

.iconItem {
	background-image: url(/images/icons/icon_item.png);
}

.iconItemDisabled {
	background-image: url(/images/icons/icon_item_disabled.png);
}

.iconItemHidden {
	background-image: url(/images/icons/icon_item_hidden.png);
}

.iconItemHiddenDisabled {
	background-image: url('/images/icons/icon_item_hidden_disabled.png');
}

.iconCopy {
	background-image: url('/images/icons/icon_copy.png');
}

.iconCopyJoin {
	background-image: url('/images/icons/icon_copy_join.png');
}

.iconOrder {
	background-image: url('/images/icons/icon_order.png');
}

.iconDelivery {
	background-image: url('/images/icons/icon_delivery.png');
}
.iconAdd {
	background-image: url('/images/icons/icon_add.png');
}


@CHARSET "UTF-8";

/* ---------------------------------------------
 * -------- TABLE Style ------------------------
 * --------------------------------------------- */
.tableElement {
	width: 100%;
}
.tableTop {
	border-right: 1px solid rgb(231, 231, 231);
	border-bottom: 2px solid rgb(231, 231, 231);
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
}
.tableTop * {
	border-width: 0px;
	border-style: none;
}

.tableRow1 {
	height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    background-color: #F8F8F8;
    color: #000000;
    vertical-align: middle;
}
.tableRow1 a {
	color: #888888;
}
.tableRow1 a:hover {
	color: #4084C9;
}
.tableRow2 {
	height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    background-color: #eeeeee;
    color: #000000;
    vertical-align: middle;
}
.tableRow2 a {
	color: #888888;
}
.tableRow2 a:hover {
	color: #4084C9;
}
.tableNavi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
}
a.tableTop:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #888888;
}
a.tableTop:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #888888;
}
a.tableTop:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    color: #4084C9;
}
a.tableTop:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #888888;
}

.tableNavi {
    margin: 10px 0px;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.tableNavi form#sort {
    width: 12em;
    float: right;
}

.tableNavi span, .tableNavi a {
    padding: 10px;
}

td.actions div,
td.actions a {
    float: left;
    clear: none;
}

select#sortSelect {
    width: 12em;
}
@CHARSET "UTF-8";
/* ---------------------------------------------
 * ------ FORM Styles --------------------------
 * --------------------------------------------- */

form {
    width: 476px;
}

fieldset,
form fieldset {
    width: 459px;
    margin: 0 0 10px 0;
    border: 1px solid #989898;
    padding: 4px 7px 9px 8px;
}

form fieldset fieldset {
    width: 442px;
    margin: 0 0 10px 0;
    border: 1px solid #989898;
    padding: 4px 7px 9px 8px;
}

form p.error {
    text-align: left;
    margin: 5px 0px 2px 170px;
}

form p.info,co
form p.description {
    margin: 0px 0px 10px 170px;
    font-size: 11px;
    color: #666;
}

form p.info *,
form p.description *{
    font-size: 11px;
    color: #666;
}

form p.info.large,
form p.description.large{
    margin-left: 0;
}

form label.checkbox {
    width: 416px;
    margin-left: 1.5em;
    line-height: 1.3em;
    display: block;
}

form label {
    font-weight: normal;
    margin: 2px 0px 2px 0px;
    float: left;
    line-height: 22px;
}

form div.field label {
    width: 169px;
}

form label.large {
    width: auto !important;
}

form input {
    margin: 2px 0px 2px 0px;
}

form div.field {
    width: 100%;
    float: left;
}

form div.radiobuttonList {
    width: 431px;
    float: left;
}

form div.radiobuttonList label.radiobutton {
    width: 100%;
}

form div.field div.radiobuttonList {
    width: 63%;
    float: left;
}

form div.field div.radiobuttonList label.radiobutton {
    width: 20%;
}

form div.radiobuttonList label.radiobutton img {
    position: absolute;
    margin-left: 10px;
    height: 20px;
}

form div.field .checkboxList {
    float: left;
    width: 63%;
}

form fieldset div.comment label {
    width: 100%;
}

form input.checkbox,
form input.radiobutton {
    margin: 2px 2px 2px 2px;
}

form .radiobuttonList label {
    margin-right: 1em;
    width: auto;
    float: left;
}

form p.error.large {
    margin-left: 0;
}

form fieldset div.field div.checkboxList label.checkbox {
    width: 250px;
}

form fieldset div.field span.output {
    height: 22px;
    line-height: 22px;
    float: left;
    display: block;
}

input.text,
input.file,
input.float,
input.password,
textarea,
select {
    border: 1px solid #989898;
}

select,
input.file
{
    padding: 2px 3px 2px 3px;
    width: 290px;
}

input.text,
input.float,
div.ui-datepicker,
div.captcha,
input.password {
    padding: 2px 3px 2px 3px;
    width: 280px;
    float: left;
}

div.captcha {
    float: left;
}

textarea{
    width: 456px;
}

textarea.error,
select.error,
input.error {
    border: 1px solid #e22000;
    background-color: #FFF8F8;
    color:  #393D43;
}

input.disabled {
    border: 1px solid #999999;
    background-color: #dddddd;
}

div.buttonContainer {
    margin: 10px 2px 0px 0px;
}

div.buttonContainer .buttonStandard{
    float: left;
    margin-left: 10px;
}

div.streetName{
    width: 337px;
    float: left;
}
div.streetNr{
    float: left;
}

div.streetNr label{
    width: 25px;
}

div.streetNr input{
    width: 30px;
}

div#deliveriesDiv {
    float: left;
    margin-bottom: 10px;
}

div.listItem div.hoverscroll div.arrow.left,
div.listItem div.hoverscroll div.arrow.right,
div.listItem div.hoverscroll div.fixed-arrow.left,
div.listItem div.hoverscroll div.fixed-arrow.right {
    width:10px;
}

div.imageListWrapper {
    padding-top: 8px;
    position: absolute;
    bottom: 5px;
    width: 144px;
    right: 94px;
}

div.wizardWrapper {
    float: left;
}

div.motiveWrapper {
    float: left;
}

div.motiveWrapper div#motiveScrollDiv {
    width: 100%;
    float: left;
    margin: 5px 0 20px 0;
}

div.motiveWrapper div#motiveScrollDiv div.motiveImage {
    float: left;
    height: 220px;
    width: 220px;
    margin: 0px 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

div.motiveWrapper div#motiveScrollDiv div.motiveImage a.select {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

div.motiveWrapper div#motiveScrollDiv div.motiveImage a.img {
    overflow: hidden;
    height: 95px;
    display: block;
}

p.outOfDate {
    background-color: rgb(253, 242, 171);
    padding: 5px;
    border-bottom: 1px #a29330 solid;
}

div.formWrapper {
    float: left;
    width: 100%;
}

/* STYLES FOR carouFredSel - jQuery-Plug-In */
#carousel {
    width: 100%;
    min-height: 233px;
    height: 233px;
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
    visibility: hidden;
    /*background: transparent url("/images/template/carousel_bg.png") top left repeat-x;*/
}
#infoBoxSlide {
    position: relative;
    visibility: hidden;
}

div#carousel.content {
    background: transparent center bottom no-repeat;
    background-image: url("/images/template/slideshow_bottom_shadow.png"); /** sprite-ref: horizontal; sprite-alignment: bottom; */
}

#carousel ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#carousel li {
    display: block;
    float: left;
    padding: 0;
    position: relative;
}

#carousel li .slideshowImage {
    text-align: center;
    width: 960px;
    height: 216px;
}

#carousel li .slideshowImage a {
    float: left;
}

#carousel li.reload {
    width: 100%;
    min-height: 180px;
    height: auto !important;
    height: 180px;
    margin: 0px;
    text-align: center;
}

#carousel li.reload img.loading {
    margin-top: 80px;
}

#carousel li.reload p {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    clear: both;
    float: none;
}
#infoBoxSlide .prev,
#newRazorsContent .prev,
#similarArticleScrollDiv .prev,
#matchingAccessories .prev,
.boxBorderLeftFloat .prev,
.grid4Full .prev,
#infoBoxSlide .next,
#newRazorsContent .next,
#similarArticleScrollDiv .next,
#matchingAccessories .next,
.boxBorderLeftFloat .next,
.grid4Full .next,
#carousel .prev, #carousel .next {
    background: url("/images/template/carousel_control.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 21px;
    margin-left: 10px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 75px;
    width: 15px;
}
#newRazorsContent .disabled,
#infoBoxSlide .disabled,
#similarArticleScrollDiv .disabled,
#matchingAccessories .disabled,
.boxBorderLeftFloat .disabled,
.grid4Full .disabled {
    background: none;
}
#newRazorsContent .prev,
.boxBorderLeftFloat .prev,
.grid4Full .prev,
#matchingAccessories .prev {
    background-position: 0 0;
}
#similarArticleScrollDiv .prev {
    background-position: 0 0;
    left: -7px;
    top: 130px;
}
#infoBoxSlide .prev {
    background-position: 0 0;
    left: -41px;
    top: 150px;
}
#carousel .prev {
    background-position: 0 0;
    left: 10px;
}
#similarArticleScrollDiv .prev:hover {
    left: -8px;
    top: 130px;
}
#infoBoxSlide .prev:hover {
    left: -40px;
    top: 150px;
}
#carousel .prev:hover {
    left: 11px;
}
#newRazorsContent .next,
.boxBorderLeftFloat .next,
.grid4Full .next,
#matchingAccessories .next {
    background-position: -18px 0;
}
#similarArticleScrollDiv .next {
    background-position: -18px 0;
    right: 2px;
    top: 130px;
}
#infoBoxSlide .next {
    background-position: -18px 0;
    right: -30px;
    top: 150px;
}
#carousel .next {
    background-position: -18px 0;
    right: 15px;
}
#similarArticleScrollDiv .next:hover {
    right: 1px;
    top: 130px;
}
#infoBoxSlide .next:hover {
    right: -31px;
    top: 150px;
}
#carousel .next:hover {
    right: 16px;
}
#similarArticleScrollDiv .pager,
#carousel .pager {
    margin: 15px auto;
    text-align: center;
}
#similarArticleScrollDiv .pager,
#carousel .pager a {
    background: url("/images/template/carousel_control.png") no-repeat scroll -11px -31px transparent;
    display: inline-block;
    height: 10px;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999px;
    width: 10px;
}
#similarArticleScrollDiv .pager,
#carousel .pager a.selected {
    background: url("/images/template/carousel_control.png") no-repeat scroll -0px -31px transparent;
    text-decoration: underline;
}
div#carousel.content div.caroufredsel_wrapper {
    /*background-color: #ffffff;*/
}

#source {
    bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
#source, #source a {
    color: #999999;
    font-size: 12px;
}

div.tplItem a {
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
}

.ww {
    display: block;
    width: 100%;
    word-wrap: break-word;
}

div.shaverWrapper {
    position: relative;
}

div.shaverWrapper div.shadow {
    width: 12px;
    height: 516px;
    position: absolute;
    top: 0px;
    left: 480px;
    background: transparent top left no-repeat;
    background-image: url('/images/template/main_teaser_sep_middle.png') ; /** sprite-ref: vertical; */
}

#interferersAbo {
    width: 226px;
    height: 163px;
    padding: 15px 30px;
    text-align: center;    
    position: absolute;
    z-index: 2;
    top: 67px;
    left: 337px;
    background: transparent url('/images/template/interferers_abo.png') top left no-repeat;
}

#interferersAbo * {
    color: #fff;
}

#interferersAbo hr {
    border: none;
    height: 3px;
    margin: 10px 0px;
    background: transparent url('/images/template/sep_inter.png') top center no-repeat;
}

#interferersAbo a {
    text-decoration: none;
}

#interferersAbo a:hover {
    text-decoration: underline;
}

#interferersAbo h1 {
    margin: 20px 0px;
}

#interferersAbo p {
    margin: 0px 0px 0px 0px;
}

#interferersPartner {
    width: 186px;
    height: 102px;
    position: absolute;
    z-index: 2;
    top: 374px;
    left: 387px;
    background: transparent url('/images/template/interferers_partner.png') top left no-repeat;
}

div.shaverType {
    position: relative;    
    z-index: 1;
    height: 516px;
}

div.shaverType div.overlayWrapper {
    width: 349px;
    height: 73px;
    z-index: 10;
    position: absolute;
    left: 65px;
    top: 289px;
}

div.shaverType div.overlayWrapper div.top {
    background: transparent top left no-repeat;
    background-image: url('/images/template/teaser_overlay_top.png'); /** sprite-ref: horizontal; */
    height: 12px;
    width: 349px;
}

div.shaverType div.overlayWrapper div.bottom {
    background: transparent bottom left no-repeat;
    background-image: url('/images/template/teaser_overlay_bottom.png'); /** sprite-ref: horizontal; */
    height: 12px;
    width: 349px;
}

div.shaverType div.overlay {
    width: 349px;
    height: 62px;
    z-index: 10;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    background: transparent top left no-repeat;
    background-image: url('/images/template/teaser_overlay_top.png'); /** sprite-ref: horizontal; */
}

div.shaverType div.overlayWrapper div.shaverContent {
    padding: 15px 0px 10px 0px;
    background: transparent top left repeat-y;
    background-image: url('/images/template/teaser_overlay_bg.png'); /** sprite-ref: horizontal; sprite-alignment: repeat; */
    z-index: 10;
}

div.shaverType div.overlayWrapper div.shaverContent h2 a {
    color: #4084C9;
    font-size: 14px;
    text-transform: uppercase;
}

div.shaverType div.overlayWrapper div.shaverContent h2 {
    text-align: center;
}

.wet {    
    background: #fff url('/images/template/gillette_nass.png') top left no-repeat; 
}

.dry {
    background: #fff url('/images/template/braun_trocken.png') top left no-repeat;
}

.blades,
.razors {
    display: none;
}

.blades div,
.razors div {
    background: transparent;
    background-repeat: no-repeat;
    background-position: top left;
}

.blades p,
.razors p {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.blades p {
    margin: 5px 0px;
}

.razors div a {
    display: block;
    float: left;
    width: 40px;
    height: 115px;
    margin: 0 2px;
}

.qtip-content ul {
    padding: 2px 5px 5px 15px;
}

.qtip-content ul li {
    list-style: square;
    margin: 3px 5px 2px 5px;
}

#dry .razors div a {
    display: block;
    width: 60px;
    height: 110px;
    margin: 5px 5px;
}

.blades div a {
    display: block;
    float: left;
    width: 67px;
    height: 75px;
    margin: 5px 5px; 
}

.blades div.fusionBlades {
    padding: 0 20px;
}

.blades div.mach3Blades {
    padding: 0 40px;
}

.series {
    float: left;
    width: 280px;
    margin: 0 34px;
}

.cruzer {
    clear: left;
    float: left;
    width: 280px;
    margin: 0 34px;
}

.premium {
    float: left;
    margin: 0 15px 0 0;
}

.comfort {
    float: left;
    margin: 0 15px 0 0;
}

.base {
    float: left;
}

.razors .proGlideStyler {
    background-image: url('/images/template/razor/Fusion_ProGlide_Styler.png'); /** sprite-ref: razors; */
}
.razors .proGlideStyler:hover,
.razors .proGlideStyler.selected {
    background-image: url('/images/template/razor/Fusion_ProGlide_Styler_hover.png'); /** sprite-ref: razors; */
}

.razors .proGlidePower {
    background-image: url('/images/template/razor/Fusion_ProGlide_Power.png'); /** sprite-ref: razors; */
}
.razors .proGlidePower:hover,
.razors .proGlidePower.selected {
    background-image: url('/images/template/razor/Fusion_ProGlide_Power_hover.png'); /** sprite-ref: razors; */
}
.razors .proGlidePowerSilvertouch {
    background-image: url('/images/template/razor/Fusion_ProGlide_Power_Silvertouch.png'); /** sprite-ref: razors; */
}
.razors .proGlidePowerSilvertouch:hover,
.razors .proGlidePowerSilvertouch.selected {
    background-image: url('/images/template/razor/Fusion_ProGlide_Power_Silvertouch_hover.png'); /** sprite-ref: razors; */
}

.razors .proGlide {
    background-image: url('/images/template/razor/Fusion_ProGlide.png'); /** sprite-ref: razors; */
}
.razors .proGlide:hover,
.razors .proGlide.selected {
    background-image: url('/images/template/razor/Fusion_ProGlide_hover.png'); /** sprite-ref: razors; */
}
.razors .proGlideSilvertouch {
    background-image: url('/images/template/razor/Fusion_ProGlide_Silvertouch.png'); /** sprite-ref: razors; */
}
.razors .proGlideSilvertouch:hover,
.razors .proGlideSilvertouch.selected {
    background-image: url('/images/template/razor/Fusion_ProGlide_Silvertouch_hover.png'); /** sprite-ref: razors; */
}

.razors .fusionPower {
    background-image: url('/images/template/razor/Fusion_Power_Stealth.png'); /** sprite-ref: razors; */
}
.razors .fusionPower:hover,
.razors .fusionPower.selected {
    background-image: url('/images/template/razor/Fusion_Power_Stealth_hover.png'); /** sprite-ref: razors; */
}

.razors .fusion {
    background-image: url('/images/template/razor/Fusion_Phenom.png'); /** sprite-ref: razors; */
}
.razors .fusion:hover,
.razors .fusion.selected {
    background-image: url('/images/template/razor/Fusion_Phenom_hover.png'); /** sprite-ref: razors; */
}
.razors .m3SensitivePower {
    background-image: url('/images/template/razor/Mach3_Sensitive_Power_v.png'); /** sprite-ref: razors; */
}
.razors .m3SensitivePower:hover,
.razors .m3SensitivePower.selected {
    background-image: url('/images/template/razor/Mach3_Sensitive_Power_v_hover.png'); /** sprite-ref: razors; */
}

.razors .m3Turbo {
    background-image: url('/images/template/razor/Mach3_Turbo.png'); /** sprite-ref: razors; */
}
.razors .m3Turbo:hover,
.razors .m3Turbo.selected {
    background-image: url('/images/template/razor/Mach3_Turbo_hover.png'); /** sprite-ref: razors; */
}

.razors .m3 {
    background-image: url('/images/template/razor/Mach3.png'); /** sprite-ref: razors; */
}
.razors .m3:hover,
.razors .m3.selected {
    background-image: url('/images/template/razor/Mach3_hover.png'); /** sprite-ref: razors; */
}

.razors .series7 {
    background-image: url('/images/template/razor/series7.png'); /** sprite-ref: razors; */
}
.razors .series7:hover,
.razors .series7.selected {
    background-image: url('/images/template/razor/series7_hover.png'); /** sprite-ref: razors; */
}

.razors .series5 {
    background-image: url('/images/template/razor/series5.png'); /** sprite-ref: razors; */
}
.razors .series5:hover,
.razors .series5.selected {
    background-image: url('/images/template/razor/series5_hover.png'); /** sprite-ref: razors; */
}

.razors .series3 {
    background-image: url('/images/template/razor/series3.png'); /** sprite-ref: razors; */
}
.razors .series3:hover,
.razors .series3.selected {
    background-image: url('/images/template/razor/series3_hover.png'); /** sprite-ref: razors; */
}

.razors .series1 {
    background-image: url('/images/template/razor/series1.png'); /** sprite-ref: razors; */
}
.razors .series1:hover,
.razors .series1.selected {
    background-image: url('/images/template/razor/series1_hover.png'); /** sprite-ref: razors; */
}

/* Braun CoolTec */
.razors .cooltec4 {
    background-image: url('/images/template/razor/cooltec_ct4s.png'); /** sprite-ref: razors; */
}
.razors .cooltec4:hover,
.razors .cooltec4.selected {
    background-image: url('/images/template/razor/cooltec_ct4s_hover.png'); /** sprite-ref: razors; */
}

.razors .cruzer6 {
    background-image: url('/images/template/razor/cruZer6.png'); /** sprite-ref: razors; */
}
.razors .cruzer6:hover,
.razors .cruzer6.selected {
    background-image: url('/images/template/razor/cruZer6_hover.png'); /** sprite-ref: razors; */
}
.razors .cruzerBody {
    background-image: url('/images/template/razor/cruZer6_Body.png'); /** sprite-ref: razors; */
}
.razors .cruzerBody:hover,
.razors .cruzerBody.selected {
    background-image: url('/images/template/razor/cruZer6_Body_hover.png'); /** sprite-ref: razors; */
}
.razors .cruzerBeard {
    background-image: url('/images/template/razor/cruZer6_Beard_Head.png'); /** sprite-ref: razors; */
}
.razors .cruzerBeard:hover,
.razors .cruzerBeard.selected {
    background-image: url('/images/template/razor/cruZer6_Beard_Head_hover.png'); /** sprite-ref: razors; */
}
.razors .cruzerPrecision {
    background-image: url('/images/template/razor/cruZer6_Precision.png'); /** sprite-ref: razors; */
}
.razors .cruzerPrecision:hover,
.razors .cruzerPrecision.selected {
    background-image: url('/images/template/razor/cruZer6_Precision_hover.png'); /** sprite-ref: razors; */
}

.razors .cruzer5 {
    background-image: url('/images/template/razor/cruZer5.png'); /** sprite-ref: razors; */
}
.razors .cruzer5:hover,
.razors .cruzer5.selected {
    background-image: url('/images/template/razor/cruZer5_hover.png'); /** sprite-ref: razors; */
}

.razors .cruzer4 {
    background-image: url('/images/template/razor/cruZer4.png'); /** sprite-ref: razors; */
}
.razors .cruzer4:hover,
.razors .cruzer4.selected {
    background-image: url('/images/template/razor/cruZer4_hover.png'); /** sprite-ref: razors; */
}

.blades .proGlidePower {
    background-image: url('/images/template/razor/Klingen_Fusion_ProGlide_Power.png'); /** sprite-ref: razors; */
}
.blades .proGlidePower:hover,
.blades .proGlidePower.selected {
    background-image: url('/images/template/razor/Klingen_Fusion_ProGlide_Power_hover.png'); /** sprite-ref: razors; */
}

.blades .proGlide {
    background-image: url('/images/template/razor/Klingen_Fusion_ProGlide.png'); /** sprite-ref: razors; */
}
.blades .proGlide:hover,
.blades .proGlide.selected {
    background-image: url('/images/template/razor/Klingen_Fusion_ProGlide_hover.png'); /** sprite-ref: razors; */
}

.blades .fusionPower {
    background-image: url('/images/template/razor/Klingen_Fusion_Power.png'); /** sprite-ref: razors; */
}
.blades .fusionPower:hover,
.blades .fusionPower.selected {
    background-image: url('/images/template/razor/Klingen_Fusion_Power_hover.png'); /** sprite-ref: razors; */
}

.blades .fusion {
    background-image: url('/images/template/razor/Klingen_Fusion.png'); /** sprite-ref: razors; */
}
.blades .fusion:hover,
.blades .fusion.selected {
    background-image: url('/images/template/razor/Klingen_Fusion_hover.png'); /** sprite-ref: razors; */
}

.blades .m3Power {
    background-image: url('/images/template/razor/Klingen_M3_Power.png'); /** sprite-ref: razors; */
}
.blades .m3Power:hover,
.blades .m3Power.selected {
    background-image: url('/images/template/razor/Klingen_M3_Power_hover.png'); /** sprite-ref: razors; */
}

.blades .m3Turbo {
    background-image: url('/images/template/razor/Klingen_M3_Turbo.png'); /** sprite-ref: razors; */
}
.blades .m3Turbo:hover,
.blades .m3Turbo.selected {
    background-image: url('/images/template/razor/Klingen_M3_Turbo_hover.png'); /** sprite-ref: razors; */
}

.blades .m3 {
    background-image: url('/images/template/razor/Klingen_M3.png'); /** sprite-ref: razors; */
}
.blades .m3:hover,
.blades .m3.selected {
    background-image: url('/images/template/razor/Klingen_M3_hover.png'); /** sprite-ref: razors; */
}

/********* RAZOR COMPARE **********/

#razorCompare.safetyRazor {
    height: 549px;
    background: transparent url("/images/template/menu_bottom_shadow.png") center bottom no-repeat;
    padding: 0 0 20px;
    margin-bottom: 35px;
}

.safetyRazor .compareDetails {
    height: 525px;
    float: left;
    clear: left;
}

.safetyRazor .razorDetailsWrapper {
    height: 525px;
    position: relative;
    display: none;
}

#safetyRazorName {
    float: left;
}
.safetyRazor .back {
    display: block;
    line-height: 18px;
    margin-left: 10px;
    float: left;
    font-size: 16px;
}

.razorDetailsWrapper .item {
    width: 270px;
    position: absolute;    
    top: 0px;
    left: 0px;
    opacity: 0;
}

.razorDetailsWrapper .item h2 {
    color: #4084C9;
    text-align: right;
    font-size: 12px;
    padding-right: 15px;
    background: transparent url('/images/template/more_btn.png') center right no-repeat;
    cursor: pointer;
    z-index: 999;
    position: relative;
}

.razorDetailsWrapper .item p {
    text-align: right;
    margin-top: 5px;
    float: right;
    width: 260px;
    display: none;
}

.razorDetailsWrapper .left p {
    text-align: left;
    float: left;
    width: 210px;
}

.razorDetailsWrapper .left h2 {
    text-align: left;
    padding-left: 15px;
    background: transparent url('/images/template/more_btn.png') center left no-repeat;
}

.razorDetailsWrapper .fusionProGlidePower {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Fusion_ProGlide_Power_detail.png') top left no-repeat;
}

.razorDetailsWrapper .fusionProGlide {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Fusion_ProGlide_detail.png') top left no-repeat;
}

.razorDetailsWrapper .fusionPower {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Fusion_Power_detail.png') top left no-repeat;
}

.razorDetailsWrapper .fusion {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Fusion_detail.png') top left no-repeat;
}

.razorDetailsWrapper .mach3SensitivePower {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Mach3_Sensitive_Power_detail.png') top left no-repeat;
}

.razorDetailsWrapper .mach3Turbo {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Mach3_Turbo_detail.png') top left no-repeat;
}

.razorDetailsWrapper .mach3 {
    height: 418px;
    width: 150px;
    top: 16px;
    left: 285px;
    background: transparent url('/images/template/compare/Mach3_detail.png') top left no-repeat;
}

.line {
    position: absolute;
}

.razorDetailsWrapper .line1 {
    top: 35px;
    left: 455px;
}

.line1 .line {
    top: 15px;
    left: -55px;
    height: 6px;
    width: 327px;
    background: transparent url('/images/template/compare/line1.png') top left no-repeat;
}

.razorDetailsWrapper .line2 {
    top: 120px;
    left: 455px;
}

#fusionProGlide .razorDetailsWrapper .line2 {
    top: 105px;
}

.line2 .line {
    top: -55px;
    left: -64px;
    height: 78px;
    width: 333px;
    background: transparent url('/images/template/compare/line2.png') top left no-repeat;
}

.razorDetailsWrapper .line3 {
    top: 175px;
    left: 455px;
}

.line3 .line {
    top: -110px;
    left: -99px;
    height: 131px;
    width: 367px;
    background: transparent url('/images/template/compare/line3.png') top left no-repeat;
}

#mach3SensitivePower .line3 {
    top: 200px;
    left: 455px;
}

#mach3SensitivePower .line3 .line {
    top: -143px;
    left: -88px;
    height: 166px;
    width: 358px;
    background: transparent url('/images/template/compare/line_3_m3_p.png') top left no-repeat;
}

.razorDetailsWrapper .line4 {
    top: 275px;
    left: 455px;
}

.line4 .line {
    top: -75px;
    left: -78px;
    height: 95px;
    width: 347px;
    background: transparent url('/images/template/compare/line4.png') top left no-repeat;
}

.razorDetailsWrapper .line5 {
    top: 345px;
    left: 455px;
}

.line5 .line {
    top: -111px;
    left: -90px;    
    height: 131px;
    width: 367px;
    background: transparent url('/images/template/compare/line3.png') top left no-repeat;
}

.razorDetailsWrapper .line6 {
    top: 45px;
    left: 30px;
}

.razorDetailsWrapper .blade {
    left: 455px;
    top: 208px;
}

.blade .line {
    left: -85px;
    top: -145px;
    height: 181px;
    width: 355px;
    background: transparent url('/images/template/compare/blade_line.png') top left no-repeat;
}

#fusionProGlide .blade {
    left: 455px;
    top: 215px;
}

#fusionProGlide .blade .line {
    left: -85px;
    top: -160px;
    height: 181px;
    width: 355px;
    background: transparent url('/images/template/compare/blade_line.png') top left no-repeat;
}

.razorDetailsWrapper .powerLight {
    top: 287px;
    left: 30px;
}

.powerLight .line {
    top: -30px;
    left: 0px;
    height: 52px;
    width: 330px;
    background: transparent url('/images/template/compare/power_light_line.png') top left no-repeat;
}

.razorDetailsWrapper .battery {
    top: 205px;
    left: 30px;
}

.battery .line {
    top: 15px;
    left: 0px;
    height: 24px;
    width: 314px;
    background: transparent url('/images/template/compare/battery_line.png') top left no-repeat;
}

.razorDetailsWrapper .batteryPower {
    top: 252px;
    left: 30px;
}

.batteryPower .line {
    top: -30px;
    left: 0px;
    height: 52px;
    width: 330px;
    background: transparent url('/images/template/compare/power_light_line.png') top left no-repeat;
}

.line6 .line {
    top: 15px;
    left: 0px;
    height: 6px;
    width: 289px;
    background: transparent url('/images/template/compare/line6.png') top left no-repeat;
}

#mach3 .line6,
#mach3Turbo .line6 {
    top: 20px;
}

#mach3 .line6 .line,
#mach3Turbo .line6 .line {
    top: 30px;
    left: 0px;
}

.razorDetailsWrapper .line7 {
    top: 125px;
    left: 30px;
}

.razorDetailsWrapper .shutdown {
    top: 110px;
    left: 30px;
}

.line7 .line {
    top: 15px;
    left: 0px;
    height: 111px;
    width: 317px;
    background: transparent url('/images/template/compare/line7.png') top left no-repeat;
}

.razorDetailsWrapper .line8 {
    top: 350px;
    left: 30px;
}

.line8 .line {
    top: 15px;
    left: 0px;
    height: 6px;
    width: 293px;
    background: transparent url('/images/template/compare/line8.png') top left no-repeat;
}

.razorDetailsWrapper .line9 {
    top: 140px;
    left: 30px;
}

.line9 .line {
    top: -20px;
    left: 0px;
    height: 43px;
    width: 300px;
    background: transparent url('/images/template/compare/line_r_2.png') top left no-repeat;
}

#mach3SensitivePower .line9 {
    top: 150px;
    left: 30px;
}

#mach3SensitivePower .line9 .line {
    top: -81px;
    left: 0px;
    height: 103px;
    width: 310px;
    background: transparent url('/images/template/compare/line_9_m3_p.png') top left no-repeat;
}

.compareMenuWrapper {
    background: transparent url("/images/template/compare/compare_shadow.png") left center no-repeat;
    width: 213px;
    padding: 0 0 0 27px;
}

.compareMenu {
    width: 213px;
    height: 525px;
    float: left;
    background-color: #464646;
}

.compareMenu h2 {
    color: #fff;
    text-align: center;
    margin: 15px 0px;
}

.compareMenu li div.razorImage {
    width: 154px;
    height: 50px;
    margin: 2px 28px 3px 28px;
}

.compareMenu li.fusionPower div.razorImage {    
    background: transparent url('/images/template/compare/Fusion_Power.png') left top no-repeat;
}

.compareMenu li.fusionProGlidePower div.razorImage {    
    background: transparent url('/images/template/compare/Fusion_ProGlide_Power.png') left top no-repeat;
}

.compareMenu li.fusionProGlide div.razorImage {    
    background: transparent url('/images/template/compare/Fusion_ProGlide.png') left top no-repeat;
}

.compareMenu li.fusion div.razorImage {    
    background: transparent url('/images/template/compare/Fusion.png') left top no-repeat;
}

.compareMenu li.mach3SensitivePower div.razorImage {    
    background: transparent url('/images/template/compare/Mach3_Sensitive_Power.png') left top no-repeat;
}

.compareMenu li.mach3Turbo div.razorImage {    
    background: transparent url('/images/template/compare/Mach3_Turbo.png') left top no-repeat;
}

.compareMenu li.mach3 div.razorImage {    
    background: transparent url('/images/template/compare/Mach3.png') left top no-repeat;
}

.compareMenu li div:hover.razorImage {
    background-position: 0px -50px;
    cursor: pointer;    
}

.compareMenu li.selected div.razorImage {
    background-position: 0px -50px;
}

.compareMenu li p {
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin: 0;
}

/********* ELECTRIC SHAVER **********/

#razorCompare.electric {
    height: 694px;
    background: transparent url("/images/template/menu_bottom_shadow.png") center bottom no-repeat;
    padding: 0 0 20px;
    margin: 0 0 35px 0;
}

#electricRazorName {
    float: left;
}

.electric .compareDetails {
    height: 670px;
    clear: left;
}

.electric .back {
    line-height: 18px;
    margin-left: 10px;
    display: block;
    float: left;
    font-size: 16px;
}

.electric .razorDetailsWrapper {
    height: 590px;
    margin-top: 80px;
    position: relative;
    display: none;
}

.electric .compareMenuWrapper {
    background: transparent url("/images/template/compare/compare_shadow.png") left center no-repeat;
    width: 213px;
    padding: 0 0 0 27px;
}

.electric .razorDetailsWrapper .line1 {
    top: 45px;
    left: 455px;
}

.electric .line1 .line {
    top: 15px;
    left: -58px;
    height: 32px;
    width: 331px;
    background: transparent url('/images/template/compare/electric_line1.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line2 {
    top: 155px;
    left: 455px;
}

.electric .line2 .line {
    top: -32px;
    left: -53px;
    height: 54px;
    width: 324px;
    background: transparent url('/images/template/compare/electric_line2.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line3 {
    top: 240px;
    left: 455px;
}

.electric #cooltec .line3 {
    top: 200px;
}

.electric .line3 .line {
    top: 17px;
    left: -81px;
    height: 34px;
    width: 352px;
    background: transparent url('/images/template/compare/electric_line3.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line4 {
    top: 320px;
    left: 455px;
}

.electric .line4 .line {
    top: 0px;
    left: -53px;
    height: 23px;
    width: 326px;
    background: transparent url('/images/template/compare/electric_line4.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line5 {
    top: 45px;
    left: 30px;
}

.electric .line5 .line {
    top: 18px;
    left: -1px;
    height: 27px;
    width: 306px;
    background: transparent url('/images/template/compare/electric_line5.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line6 {
    top: 125px;
    left: 30px;
}

.electric .line6 .line {
    top: -27px;
    left: -1px;
    height: 50px;
    width: 299px;
    background: transparent url('/images/template/compare/electric_line6.png') top left no-repeat;
}

.electric #series3 .line6 .line {
    top: -15px;
}

.electric #cooltec .line6 .line {
    top: -32px;
    height: 66px;
    width: 285px;
    background: transparent url('/images/template/compare/electric_line9.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line7 {
    top: 216px;
    left: 30px;
}

.electric .line7 .line {
    top: -95px;
    left: -1px;
    height: 117px;
    width: 295px;
    background: transparent url('/images/template/compare/electric_line7.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line8 {
    top: 325px;
    left: 30px;
}

.electric .line8 .line {
    top: -20px;
    left: -1px;
    height: 42px;
    width: 285px;
    background: transparent url('/images/template/compare/electric_line8.png') top left no-repeat;
}

.electric .razorDetailsWrapper .line9 {
    top: 410px;
    left: 30px;
}

.electric .line9 .line {
    top: -44px;
    left: -1px;
    height: 66px;
    width: 285px;
    background: transparent url('/images/template/compare/electric_line9.png') top left no-repeat;
}

.razorDetailsWrapper .cooltec4 {
    height: 343px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_CoolTec_ct4s_big.png') top left no-repeat;
}

.razorDetailsWrapper .series7 {
    height: 343px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_Series_7_795cc_big.png') top left no-repeat;
}

.razorDetailsWrapper .series5 {
    height: 376px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_Series_5_new_big.png') top left no-repeat;
}

.razorDetailsWrapper .series3 {
    height: 379px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_Series_3_390cc_big.png') top left no-repeat;
}

.razorDetailsWrapper .series1 {
    height: 323px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_Series_1_190_big.png') top left no-repeat;
}

.razorDetailsWrapper .cruzer6 {
    height: 321px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_cruZer6_big.png') top left no-repeat;
}

.razorDetailsWrapper .cruzer5 {
    height: 321px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_cruZer5_big.png') top left no-repeat;
}

.razorDetailsWrapper .cruzer4 {
    height: 321px;
    width: 140px;
    top: 80px;
    left: 285px;
    background: transparent url('/images/template/compare/Braun_cruZer4_big.png') top left no-repeat;
}

.electricShaver {
    width: 213px;
    height: 670px;
    float: left;
    background-color: #464646;
}

.electricShaver li div.razorImage {
    width: 144px;
    height: 60px;
    margin: 2px 28px 3px 28px;
}

.compareMenu li.cooltec4 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_CoolTec_ct4s.png') left top no-repeat;
}

.compareMenu li.series7 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_Series_7_795cc.png') left top no-repeat;
}

.compareMenu li.series5 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_Series_5_new.png') left top no-repeat;
}

.compareMenu li.series3 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_Series_3_390cc.png') left top no-repeat;
}

.compareMenu li.series1 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_Series_1_190.png') left top no-repeat;
}

.compareMenu li.cruzer6 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_cruZer6.png') left top no-repeat;
}

.compareMenu li.cruzer5 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_cruZer5.png') left top no-repeat;
}

.compareMenu li.cruzer4 div.razorImage {    
    background: transparent url('/images/template/compare/Braun_cruZer4.png') left top no-repeat;
}

.electricShaver li div:hover.razorImage {
    background-position: 0px -60px;
    cursor: pointer;    
}

.electricShaver li.selected div.razorImage {
    background-position: 0px -60px;
}

.infoTitle {
    width: 200px;
}

.infoTitle p {
    text-align: left;
}

div.listItem {
    /*border-bottom: 1px solid #cccccc;*/
    margin-bottom: 5px;
    margin-right: 4px;
    float: left;
    height: 260px;
    position: relative;
    border: 1px solid #cccccc;
    width: 474px;
}

div.listItem div.imageWrapper {
    width: 220px;
    min-height: 110px;
    height: auto !important;
    height: 110px;
    padding: 8px;
    float: left;
    text-align: center;
    position: relative;
}

div.article div.imageWrapper {
    width: 440px;
    height: 440px;
}

.mainImage {
    display: table-cell;
    width: 440px;
    height: 440px;
    vertical-align: middle;
    text-align: center;
}

div.listItem div.infoWrapper {
    width: 230px;
    padding: 8px 5px 8px 0px;
    float: left;
}

div.articleList {
    float: left;
}

div.article {
    width: 620px;
    height: 515px;
}

div.article div.imageListWrapper {
    right: 0px;
    top: 30px;
    padding-top: 0;
    height: 300px;
}

div.article div.infoWrapper {
    width: 600px;
    padding: 8px 5px 8px 8px;
    float: left;
}

div.article div.itemWrapper {
    float: left;
}

div.listItem div.dataWrapper {
    bottom: 0;
    padding: 8px 8px 8px 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

div.dataWrapper div.price {
    white-space: nowrap;
    font-weight: normal;
    clear: right;    
    float: right;
    width: 100%;
    text-align: right;
    font-size: 0.75em;
    padding-top: 5px;
}

div.dataWrapper div.price span {
    font-size: 20px;
    line-height: 28px;
}

div.dataWrapper div.price span.sup {
    font-size: 12px;
    vertical-align: top;
    line-height: 22px;
}

div.dataWrapper div.basePrice {
    white-space: nowrap;
    font-weight: normal;
    clear: right;    
    float: right;
    width: 100%;
    text-align: right;
    font-size: 0.75em;
    padding-top: 3px;
}

div.dataWrapper div.price div.basePrice {
    font-size: 1em;
}

div.dataWrapper div.priceShippingInfo {
    float: right;
    width: 100%;
    text-align: right;
    height: 45px;
    margin-top: 5px;
}

div.details div.action,
div.teaserItem div.action,
div.listItem div.action {
    white-space: nowrap;
    clear: right;
    float: right;
    margin-top: 5px;
    text-align: right;
}

div.similarTeaserItem div.action {
    float: none;
    display:table;
    margin: 0 auto;
}

div.teaserItem:last-child {
    border-right: 0 none;
}

div.teaserItem {
    border: 0 none;
    border-right: 1px dashed #cccccc;
    float: left;
    width: 239px;
    height: 490px;
    text-align: center;
}
div.teaserItem.noBorder {
    border-right: none;
}

div.teaserItem div.imageWrapper {
    width: 220px;
    height: 220px;
    padding: 4px;
    float: left;
    text-align: center;
}

div.teaserItem div.dataWrapper {
    float: right;
    width: 110px;
    padding: 0px 4px;
}

div.teaserItem div.infoWrapper {
    padding: 4px;
    float: left;
    overflow: hidden;
    height: 30px;
    width: 230px;
}

div.seriesTop {
    height: 80px;
    background: url("/images/template/photo_shadow.png") no-repeat scroll center bottom transparent;
}
div.seriesTop h2 {
    font-size: 16px;
}

div.seriesTop img {
    min-width: 117px;
    min-height: 217px;
    margin: 15px;
    background: url("/images/template/photo_shadow.png") no-repeat scroll center bottom transparent;
    padding: 0 0 18px;
}

div.teaserItem div.infoWrapper h2 {
    margin: 0;
    overflow: hidden;
}

div.similarTeaserItem:last-child {
    border-right: 0 none;
}

div.similarTeaserItem {
    border: 0;
    border-right: 1px solid #cccccc;
    float: left;
    width: 150px;
    height: 310px;
}
div.similarTeaserItem.noBorder {
    border-right: none;
}
.articleAddPopUp div.similarTeaserItem {
    height: 315px;
}

div.similarTeaserItem div.imageWrapper {
    width: 130px;
    height: 110px;
    padding: 4px;
    float: left;
    text-align: center;
}

div.similarTeaserItem div.dataWrapper {
    float: right;
    width: 142px;
    padding: 10px 18px 0px 4px;
}

div.similarTeaserItem div.dataWrapper div.price {
    height: 40px;
}
div.similarTeaserItem div.dataWrapper div.discount {
    height: 30px;
}

div.similarTeaserItem div.dataWrapper div.price span {
    font-size: 20px;
    line-height: 20px;
}

div.similarTeaserItem div.dataWrapper div.through span {
    font-size: 12px;
    line-height: 16px;
}

div.similarTeaserItem div.dataWrapper div.price span span.sup {
    font-size: 12px;
    line-height: 14px;
}

div.similarTeaserItem div.dataWrapper div.through span span.sup {
    font-size: 9px;
    line-height: 14px;
}

div.similarTeaserItem div.dataWrapper div.through span.note,
div.similarTeaserItem div.dataWrapper div.through span.sup {
    text-decoration: none;
}

div.similarTeaserItem div.dataWrapper div.price span.note {
    font-size: 14px;
    vertical-align: top;
}

div.similarTeaserItem div.rating,
div.teaserItem div.rating {
    width: 85px;
    height: 15px;
    margin: 4px auto;
}

div.braunReminder div.min {
    height: 180px;
}

div.listItem div.infoWrapper div.rating {
    position: absolute;
    width: 140px;
}

div.dataWrapper div.rating {
    float: right;
    clear: both;
    height: 15px;
    width: 100%;
}

div.small div.dataWrapper div.rating {
    float: left;
    clear: none;
    width: 105px;
}

div.dataWrapper div.rating div.radiobuttonList {
    float: left;
}

div.dataWrapper div.rating span {
    float: right;
}

div.rating form {
    width: 100%;
}

div.similarTeaserItem div.infoWrapper {
    min-width: 84px;
    width: 140px;
    min-height: 56px;
    max-height: 56px;
    height: auto !important;
    height: 56px;
    padding: 4px;
    float: left;
    overflow: hidden;
}

div.similarTeaserItem div.infoWrapper h2 {
    margin: 0;
    width: 145px;
    text-align: center;
}
div.similarTeaserItem div.infoWrapper h3 {
    margin: 0;
    width: 145px;
    font-size: 13px;
    text-align: center;
}

#similarArticleScrollDivFullWidth {
    margin: 0 auto;
}

div.infoShave {
    margin-bottom: 10px;
    min-height: 115px;
    float: left;
    min-width: 160px;
}

div.braunHalf {
    width: 325px;
    clear: right;
}

div.braunHalf p {
    margin-left: 102px;
}

div.braunHalfRight {
    float: right;
}

div.infoShave h3 {
    clear: none;
    margin-left: 102px;
}

div.infoShave h2 {
    clear: none;
}

div.stylerTeaserBackground {
    /*background: transparent url('/images/template/stylerTeaser_background.jpg') top left no-repeat;*/
}

div.stylerTeaser {
    width: 400px;
    float: left;
    margin-top: 130px;
    padding-left: 10px;
}

div.stylerTeaser h2 {
    color: #E2E3E6;
    font-family: FuturaBook;
    font-size: 35px;
    line-height: 38px;
}

div.stylerTeaserImage {
    width: 290px;
    float: left;
}

div.stylerTeaserImage1 {
    margin-top: 52px;
    width: 170px;
    float: left;
}

div.stylerTeaserImageCenter {
    margin-top: 32px;
    width: 245px;
    float: left;
}

#carouselStyler {
    margin: 5px;
    width: 950px;
    height: 410px;
    background: transparent url('/images/template/stylerTeaser_background.jpg') top left no-repeat;
}

div .contentStyler div#carousel.content {
    background: transparent url('/images/template/stylerTeaser_background.jpg') top left no-repeat;
}

div .contentStyler #carousel {
    height: 410px;
}

div .contentStyler div.detailInfo {
    color: #E2E3E6;
    float: right;
    font-size: 11px;
    line-height: 18px;
    margin-right: 25px;
    padding-top: 50px;
    text-transform: uppercase;
    width: 280px;
}

div .contentStyler div.detailInfo h3 {
    color: #E2E3E6;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    font-family: 'FuturaMdBT';
}

div .contentStyler div.detailInfo p {
    margin: 0;
    color: #E2E3E6;
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    background: transparent url('/images/template/dot_bg.gif') top left no-repeat;
    padding-left: 10px;
    font-family: 'FuturaMdBT';
}

div .contentStyler div.detailInfo p.info {
    color: #798DB1;
    font-size: 9px;
    background: none;
    padding-left: 0px;
}

div.contentBraun {
    margin-top: 10px;
    min-height: 180px;
    background: url('/images/template/content-background.gif') repeat-x scroll left top #FFFFFF;
}

div.boxProductTeaser {
    height: 140px;
    width: 300px;
    float: left;
    padding: 20px 10px 10px;
}

div.boxProductTeaserSmall {
    width: 210px;
    height: 260px;
    float: left;
    padding: 20px 20px 10px 0;
    position: relative;
}

div.boxProductTeaserSmall p.image {
    position: absolute;
    bottom: 0;
}

div.boxProductTeaser p {
    width: 200px;
    float: left;
}

div.boxProductTeaser h3 {
    float: left;
    clear: none;
}

div.boxProductTeaser a.imageLink {
    margin-top: 5px;
    float: right;
}

img.floatLeft {
    float: left;
    margin-right: 15px;
}

img.floatRight {
    float: right;
    margin-left: 15px;
}

div.contentTextBraun {
    width: 100%;
    float: left;
    padding: 20px 0 10px 10px;
    position: relative;
}

div.itemWrapper {
    border: 1px solid #CCCCCC;
    margin: 5px 5px 0 0;
    width: 40px;
    height: 40px;
    text-align: center;
    display: table;
}

div.itemWrapper:hover {
    border: 1px solid #4084C9;
}

div.itemWrapper a {
    min-height: 44px;
    display: table-cell;
    vertical-align: middle;
}

div.articleImagesDiv {
    float: left;
}

div.perfectShaveSelectDiv {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #CCCCCC;
}

div.box {
    border: 1px solid #cccccc;;
    min-height: 50px;
    width: 220px;
    float: right;
    padding: 5px;
    margin-bottom: 20px;
}

div.imageWizard {
    float: left;
    width: 172px;
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
    position: relative;
    min-height: 215px;
}

div.imageWizard div.imageContainer {
    height: 160px;
}

div.imageWizard h3 {
    height: 30px;
    margin: 0 auto;
}

div.razorList,
div.razorBladeList {
    margin-left: 100px;
    float: left;
}

div.razorWrapper
{
    float: left;
    cursor: pointer;
    margin-right: 24px;
    height: 120px;
    border: 4px solid #FFFFFF;
    width: 40px;
}

div.razorBladeWrapper
{
    float: left;
    cursor: pointer;
    margin-right: 18px;
    border: 4px solid #FFFFFF;
}

div.centerArticles {
    display: table;
}

a.link {
    background-image: url(/images/template/link.png);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0 0 0 14px;
}

#links h3 {
    float: left;
    clear: none;
    margin-right: 100px;
}

p.newRazorToolTipInfo {
    display: table-cell;
    width: 304px;
    height: 266px;
    vertical-align: middle;
    text-align: center;
}

#radioDuration .radiobutton {
    float: left;
    clear: both;
    padding: 5px;
}

div.quantityControl {
    float: left;
    margin-bottom: 30px;
}

div.quantityControl div.quantity {
    float: left;
    font-size: 17px;
    padding-right: 2px;
    padding-top: 6px;
    width: 80px;
}

div.quantityControl div.quantityButtons {
    float: left;
    width: 29px;
    margin-left: 5px;
    margin-top: 3px;
}

p.info,
p.description,
p.info *,
p.description *{
    font-size: 10px;
    color: #666;
}

p.info,
p.description {
    clear: both;
}

h1.center,
h2.center {
    text-align: center;
}

#accordion div.ui-widget-content {
    border: 1px solid #CCCCCC;
}

.highlightWrapper {
    float: left;
    width: 125px;
    margin: 73px 0 0 0;
}

.highlightWrapper h2 {
    margin-bottom: 55px;
    margin-left: 5px;
}

#wet .highlightWrapper h2 {
    margin-bottom: 24px;
    margin-left: 5px;
}

.razorComparisonTable {
    float: left;
    margin-bottom: 50px;
}

.razorComparisonTable .razors {
    display: block;
    float: left;    
}

.razorComparisonTable .system,
.razorComparisonTable .safetyWrapper {
    float: left;
    width: 250px;
}
.razorComparisonTable .system {
    width: 248px;
    border-right: 1px solid #dddddd;
    margin: 0 1px 0 0;
}

.razorComparisonTable .system h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.razorComparisonTable .baseWrapper .system,
.razorComparisonTable .baseWrapper .safetyWrapper {
    width: 336px;
}
.razorComparisonTable .baseWrapper .system {
    width: 334px;
}

.razorComparisonTable .seriesWrapper .system {
    border-right: 1px solid #dddddd;
    margin: 0 1px 0 0;
    width: 366px;
    height: 68px;
}
.razorComparisonTable .seriesWrapper .safetyWrapper {
    width: 368px;
}

.razorComparisonTable .cruzerWrapper .system {
    border-right: 1px solid #dddddd;
    margin: 0 1px 0 0;
    width: 274px;
    height: 68px;
}
.razorComparisonTable .cruzerWrapper .safetyWrapper {
    width: 276px;
}

.razorComparisonTable .cooltecWrapper .system {
    width: 90px;
    height: 68px;
}
.razorComparisonTable .cooltecWrapper .safetyWrapper {
    width: 92px;
}

.comfortWrapper,
.premiumWrapper {
    float: left;
    width: 249px;
}
.baseWrapper {
    float: left;
    width: 336px;
}
.seriesWrapper {
    float: left;
    width: 368px;
}
.cruzerWrapper {
    float: left;
    width: 276px;
}
.cooltecWrapper {
    float: left;
    width: 92px;
}

div.highlightWrapper div,
div.safetyWrapper div div {
    width: 113px;
    float: left;
    clear: left;
    text-align: center;
    height: 55px;
    background-color: #f5f5f5;
    margin: 0 1px 1px 0;
    padding: 0 5px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
#dry div.highlightWrapper {
    width: 220px;
    margin: 115px 0 0 0;
}
#dry div.highlightWrapper div {
    width: 208px;
}
div.cooltecWrapper div.safetyWrapper div div,
div.cruzerWrapper div.safetyWrapper div div,
div.seriesWrapper div.safetyWrapper div div { 
    width: 80px;
}
div.highlightWrapper div.razorName {
    height: 25px;
}

#dry div.highlightWrapper div.razorName,
#dry div.cooltec4Wrapper div.razorName,
#dry div.cruzerWrapper div.razorName,
#dry div.seriesWrapper div.razorName { 
    height: 35px;
}

.razorComparisonTable .baseWrapper .safetyWrapper div div {
    width: 100px;
}

div.highlightWrapper div {
    text-align: left;
}

div.highlightWrapper div p {
    font-weight: bold;
}

div.highlightWrapper div.img,
div.safetyWrapper div.img {
    height: 115px;
}

#dry div.safetyWrapper div.img a,
div.safetyWrapper div.img a {
    margin: 0 auto;
    float: none;
    cursor: pointer;
}

div.highlightWrapper div.quality,
div.safetyWrapper div.quality {
    height: 95px;
}

div.highlightWrapper div.check,
div.safetyWrapper div.check {
    height: 42px;
}

#accordion table.suggestion {
    width: 20%;
    float: left;
    padding: 10px;
    cursor: pointer;
    border: 4px solid #FFFFFF;
}
#accordion table.suggestion:hover,
div.razorWrapper:hover,
div.razorBladeWrapper:hover {
    border: 4px solid #F0F0F0;
}

#accordion table.selected,
div.razorBladeWrapper.selected,
div.razorList div.selected,
div.razorBladeList div.selected{
    border: 4px solid #E4F1FF;
}

#accordion td.alignRight {
    text-align: center;
}

#accordion p {
    border-bottom: 1px solid #4084C9;
}

#accordion h3 {
    border-bottom: 1px solid black;
}

div.dataWrapper div.through span {
    font-size: 15px;
    line-height: 22px;
    text-decoration: line-through;
    height: 22px;
    font-weight: normal;
}

div.dataWrapper div.percent span {
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #FF3F3F;
}

div.dataWrapper span.small {
    font-size: 0.8em;
}

div.dataWrapper div.discountPriceInfo {
    float: right;
    width: 100%;
    text-align: right;
    height: 1.5em;
    position: relative;
}

div.dataWrapper div.discountPriceInfo span {
    font-size: 12px;
    font-weight: bold;
    right: 0;
    color: #4084C9;
    position: absolute;
    bottom: 0;
    display: block;
}

.flyingShoppingCart .content ul {
    float: left;
    width: 299px;
    margin: 5px;
}

.flyingShoppingCart .content ul li {
    float: left;
    clear: left;
    width: 299px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e9e9e9;
}

.flyingShoppingCart .shoppingCart {
    border: none;
}

.flyingShoppingCart .content .sum {
    margin: 0 5px;
    float: left;
    width: 299px;
}
.flyingShoppingCart .content .sum p,
#shoppingCart .content .sum p {
    margin: 0;
}
.flyingShoppingCart .content .sum p span,
#shoppingCart .content .sum p span {
    padding: 0 0 0 60px;
}
.flyingShoppingCart .content p.empty,
#shoppingCart .content p.empty {
    text-align: center;
    margin: 60px 0;
    font-weight: normal;
}

.orderPosition .shoppingCart .imageWrapper,
.flyingShoppingCart .shoppingCart .imageWrapper {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #cccccc;
}

.flyingShoppingCart .shoppingCart .infoWrapper {
    float: left;
    margin: 0 0 0 5px;
    width: 150px;
}
.orderPosition .shoppingCart .infoWrapper{
    float: left;
    margin: 20px 0 0 5px;
    width: 580px;
}


.flyingShoppingCart .shoppingCart .infoWrapper h2,
.flyingShoppingCart .shoppingCart .infoWrapper span {
    font-size: 10px;
    text-align: left;
}

.flyingShoppingCart .shoppingCart .dataWrapper {
    float: left;
    font-size: 10px;
    margin: 0 0 0 5px;
    width: 85px;
}

.flyingShoppingCart .shoppingCart .dataWrapper .price,
#shoppingCart .shoppingCart .dataWrapper .price {
    padding-top: 0px;
}
.flyingShoppingCart .shoppingCart .dataWrapper .price span,
#shoppingCart .shoppingCart .dataWrapper .price span {
    font-size: 18px;
    line-height: 18px;
}
.flyingShoppingCart .shoppingCart .dataWrapper .price span.single,
#shoppingCart .shoppingCart .dataWrapper .price span.single {
    font-size: 14px;
    line-height: 18px;
}
.flyingShoppingCart .shoppingCart .dataWrapper .price span.priceDesc,
#shoppingCart .shoppingCart .dataWrapper .price span.priceDesc {
    font-size: 10px;
    line-height: 12px;
}
.flyingShoppingCart .shoppingCart .dataWrapper .price span.sup,
#shoppingCart .shoppingCart .dataWrapper .price span.sup {
    font-size: 10px;
    line-height: 12px;
}
.flyingShoppingCart .shoppingCart .dataWrapper .price span.single span.sup,
#shoppingCart .shoppingCart .dataWrapper .price span.single span.sup {
    font-size: 10px;
    line-height: 14px;
}

.flyingShoppingCart .shoppingCart .dataWrapper .priceShippingInfo,
#shoppingCart .shoppingCart .dataWrapper .priceShippingInfo {
    height: auto;
}

.flyingShoppingCart .shippingCostsWrapper {
    float: right;
    font-size: 10px;
    margin: 10px 10px 0 0;
}

div.heritage {
    width: 950px;
    margin: 0 auto;
}

div.hBanner {
    background: url(/images/template/heritage/gillettebanner.png) no-repeat scroll 0 0 transparent;
    height: 596px;
    position: relative;
    width: 950px;
}

div.hSlider {
    background: url(/images/template/heritage/carouselbg.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-top: -69px;
    min-height: 581px;
    text-align: left;
    width: 950px;
}

div.hHeaderImage {
    float: left;
    padding: 60px 0 70px;
    width: 950px;
    text-align: center;
}

div.hImage {
    float: left;
    width: 419px;
}

div.hYear {
    float: left;
    margin: 26px 0 0;
    width: 292px;
}

div.hContent {
    background: url(/images/template/heritage/note-packshot.png) repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    min-height: 55px;
    width: 713px;
}

div.hContent p {
    background: transparent;
    color: #FFFFFF;
    float: left;
    font-family: 'Average Sans',sans-serif,arial,helvatica,tahoma;
    font-size: 1.05em;
    line-height: 16px;
    padding: 10px;
    text-align: left;
}

div.hSliderBottom {
    height: 160px;
    margin: 0 auto;
    text-align: center;
    top: 70px;
    width: 754px;
}

div.hPage {
    float: left;
    height: 576px;
    width: 950px;
}

div.hArrowContainer {
    float: left;
    position: absolute;
    top: 859px;
    width: 925px;
}

#hNext {
    background: url(/images/template/heritage/rightArrow.png) no-repeat scroll center center transparent;
    cursor: pointer;
    right: 51px;
    width: 49px;
    position: absolute;
    height: 240px;
}

#hNext:hover,
#hPrev:hover {
    opacity: 0.7;
    filter:alpha(opacity=70);
}

#hPrev {
    background: url(/images/template/heritage/lftArrow.png) no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 240px;
    position: absolute;
    left: 25px;
    top: 0;
    width: 49px;
    z-index: 100;
}

#hPages {
    background: url(/images/template/heritage/yeartab-bg.png) no-repeat scroll 0 0 transparent;
    height: 30px;
    margin: 0 0 0 20px;
    padding: 7px 0 0 25px;
    position: relative;
    top: -43px;
    width: 920px;
}

#hPages span {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "Myriad Pro",arial,helvatica,tahoma;
    font-size: 0.867em;
    padding: 3px 0 0;
    text-decoration: none;
    width: 60px;
    cursor: pointer;
    text-align: center;
}

#hPages span.selected {
    background-image: url(/images/template/heritage/page-on.png);
}

#hPages span:hover {
    opacity: 0.7;
    filter:alpha(opacity=70);
}

div.hPopUp {
    background: url(/images/template/heritage/popup/overlaycontentbg.png) no-repeat scroll 0 0 transparent;
    border: 0 none !important;
    height: 644px;
    width: 800px;
}

div.overlaytitle {
    float: left;
    width: 800px;
}

div.overlaytitlecont {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "Futura Std Condensed";
    font-size: 0.917em;
    margin: 0 170px;
    padding: 6px 0 0;
    text-align: center;
    width: 457px;
}

div.rithrouncpackshop {
    height: 150px;
    float: left;
    padding: 6px 0 0;
}

div.overlayMidcontainer {
    float: left;
    width: 800px;
}

div.overlayMidcontainerPackshotOne,
div.overlayMidcontainerPackshotTwo,
div.overlayMidcontainerPackshotThree {
    float: left;
    height: 203px;
    width: 190px;
    margin: 0 38px;
}

div.overlayMidcontainerPackshotOne {
    background: url(/images/template/heritage/popup/1banner.png) no-repeat scroll 0 0 transparent;
}

div.overlayMidcontainerPackshotTwo {
    background: url(/images/template/heritage/popup/2banner.png) no-repeat scroll 0 0 transparent;
}

div.overlayMidcontainerPackshotThree {
    background: url(/images/template/heritage/popup/3banner.png) no-repeat scroll 0 0 transparent;
}

div.overlayMidcontainerPackshotOne p,
div.overlayMidcontainerPackshotTwo p,
div.overlayMidcontainerPackshotThree p {
    background-color: transparent;
    color: #000000;
    font-family: "FuturaStd Book",arial,helvatica,tahoma;
    font-size: 0.917em;
    font-weight: bold;
    margin: 145px 0 0;
    text-align: center;
    padding: 0 15px;
}

div.overlayBtmContainer {
    border-top: 1px solid #EF8305;
    float: left;
    margin: 25px 0 0 23px;
    width: 754px;
}

div.overlayBtmContainertitle {
    background-color: transparent;
    color: #FFFFFF;
    font-family: "Futura Std Condensed";
    font-size: 1em;
    margin: 0 auto;
    padding: 25px 0 0;
    text-align: center;
}

div.overlayBtmContainertitlelist {
    float: left;
    padding: 4px 0 10px;
    width: 754px;
}

div.overlayfootercnt {
    margin: 0 auto;
    text-align: center;
    width: 754px;
}

div.overlayfootercntLinkpdf {
    margin: 10px auto auto;
    text-align: center;
}

div.overlayNote {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "FuturaStd",arial,helvatica,tahoama,verdana;
    font-size: 1.2em;
    margin-left: 15px;
    text-align: left;
    width: 754px;
}


div.overlayBtmContainertitlelist div.number {
    float: left;
    height: 52px;
    width: 50px;
}

div.overlayBtmContainertitlelist div.contentmed,
div.overlayBtmContainertitlelist div.contentSmall,
div.overlayBtmContainertitlelist div.content
{
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "Futura Std Condensedbold","Futura Std Condensed ExtBd","Futura Std Condensed Light","Futura Std Medium";
    font-size: 0.625em;
    text-align: left;
}

div.overlayBtmContainertitlelist div.contentmed {
    margin-left: 10px;
    padding: 8px 0 0 1px;
}

div.overlayBtmContainertitlelist div.contentSmall {
    padding: 8px 10px 0 1px;
    width: 118px;
}


div.overlayBtmContainertitlelist div.content {
    padding: 8px 0 0 1px;
    margin: 0 20px;
    width: 230px;
}

div.hLinkButton {
    margin-top: 363px;
    margin-left: 752px;
    width: 120px;
    height: 36px;
    float: left;
}

div.hLinkButton a {
    display: block;
    height: 100%;
    width: 100%;
}

div.hInfo {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "Futurastd ";
    font-size: 0.75em;
    margin: -50px 0 0 25px;
    text-align: left;
    width: 100%;
}

p.hNote {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-family: "FuturaStd";
    font-size: 0.75em;
    padding: 0 0 0 105px;
    text-align: left;
    width: 754px;
}

div.articleHighlights,
div.articleBraunHighlights {
    width: 300px;
    float: right;
}

div.articleHighlights div.infoShave img {
    width: 49px;
}

div.articleHighlightsShort{
    min-height: 825px;
}

div.articleHighlights div.testTeaser {
    margin-bottom: 20px;
}

div.articleHighlights h3,
div.articleHighlights p,
div.articleHighlights div.testTeaser {
    margin-left: 65px;
}

div.boxBorderLeftFloat {
    width: 604px;
    margin-top: 8px;
    border: 1px solid #CCCCCC;
    padding: 10px 8px;
    float: left;
}
div.boxBorderLeftFloat h2 {
    font-size: 16px;
}

#getsat-widget-5861 {
    width: 622px;
    float: left;
    margin-top: 8px;
}

div.borderBox {
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 934px;
}

div.borderBox h2 {
    font-size: 16px;
}

#sitemap {
    padding: 20px 0;
}

#sitemap ul {
    margin: 0 0 0 10px;
}

#sitemap ul li {
    padding: 2px;
}

#sitemap ul ul {
    margin: 0 0 5px 10px;
}

#sitemap .level0 a {
    font-size: 14px;
    font-weight: bold;
}
#sitemap .level1 a {
    font-size: 12px;
    font-weight: bold;
}
#sitemap .article a {
    font-weight: normal;
    color: #464646;
}

.tabWrapper,
.tabContentWrapper {
    float: right;
    width: 300px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
}
.tabWrapper {
    border: none;
    width: 322px;
    padding: 0;
    background: transparent url('/images/template/tab_line_bg.png') left bottom repeat-x;
}
.tabLabel {
    float: left;
    height: 30px;    
    background-color: #4084C9;    
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.tabWrapper .selected {
    background-color: #ffffff;
    border-bottom: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.tabLabel a {
    text-decoration: none;
    color: #ffffff;
    line-height: 30px;
    padding: 0 5px;
}
.tabWrapper .selected a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.tabContentWrapper .content {
    display: none;
}
.tabContentWrapper .selected {
    display: block;
}

#shoppingCart .content ul {
    float: left;
    margin: 5px;
}

#shoppingCart .content ul li {
    float: left;
    clear: left;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e9e9e9;
}

#shoppingCart .shoppingCart {
    border: none;
    width: 950px;
}

#shoppingCart .content .sum {
    margin: 0 5px;
    float: right;
    font-size: 2em;
    font-weight: bold;
}

#shoppingCart .shippingCostsWrapper {
    float: right;
    font-size: 10px;
    margin-right: 5px;
}

#shoppingCart .shippingCostsWrapper .priceShippingInfo {
    text-align: right;
}

#shoppingCart .shoppingCart .imageWrapper {
    float: left;
    width: 110px;
    height: 110px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #cccccc;
}

#shoppingCart .shoppingCart .infoWrapper {
    float: left;
    margin: 0 0 0 5px;
}

#shoppingCart .shoppingCart .dataWrapper {
    float: right;
    margin: 0 0 0 5px;
}

.alwaysPerfectlyShaved {
    background: transparent url('/images/template/fertig_briefkasten_piktogramm_100.png') top left no-repeat;
    margin: 0 auto;
    padding: 10px 0 10px 110px;
    width: 215px;
    height: 90px;
    text-align: left;
}
.alwaysPerfectlyShaved h1 {
    color: #4084C9;
}

img.labelMailbox {
    position: absolute;
    left: -8px;
    top: -6px;
}

.article img.labelMailbox {
    top: 10px;
}

#similarArticleScrollDiv {
    width: 610px; 
    height: 315px; 
    overflow: hidden; 
    position: relative;
    padding: 0 20px;
}

#matchingAccessories {
    height: 390px;
    overflow: hidden;
    margin: 20px 0;
}

.productTestImage {
    position: absolute;
    bottom: 10px;
    right: 50%;
}

.razorDetailsWrapper .productTestImage {
    position: absolute;
    bottom: 10px;
    left: 655px;
}

#deliveryPlanContainer {
}

#newRazorsContent {
    width: 320px;
    height: 332px;
}

div.specialsTeaserBox {
    background-image: url("/images/template/specials_teaserbox.png");
    border: 2px solid #4084C9;
    height: 210px;
    width: 330px;
    position: absolute;
    left: 610px;
    top: 18px;
}

div.specialsTeaserBox h2 {
    margin: 10px 0px 0px 0px;
    text-align: center;
}

div.specialsTeaserBox h2 span {
    color: #FF0000;
}

div.freeRazorRibbon {
    background: center left no-repeat;
    background-image: url("/images/template/stoerer_gratis-rasierer.png"); /** sprite-ref: vertical; */
    width: 74px;
    height: 74px;
    position: absolute;
    top: 40px;
}

.timelessBrands {
    float: left;
    background: transparent url('/images/template/infobox-zeitlose-marken_100.png') center left no-repeat;
    margin: 10px 0 20px 0;
    padding: 20px 0 0 140px;
    width: 180px;
    height: 80px;
    text-align: left;
}

p.smallHint {
    font-size: smaller;
    color: #CCCCCC;    
}

p.smallHintMargin {
    margin-left: 35px;
}

strong.biggerFont {
    font-size: 1.3em;
}

.checkoutStepsWrapper {
    margin: 10px auto;
    width: 485px;
    height: 85px;
}

.step {
    width: 90px;
    float: left;
}

.step div {
    width: 44px;
    height: 44px;
    margin: 10px auto;    
}
.step p {
    text-align: center;
}

.step .step_one {
    background: transparent url('/images/template/checkout/step_one.png') top left no-repeat;
}

.step .step_two {
    background: transparent url('/images/template/checkout/step_two.png') top left no-repeat;
}

.step .step_three {
    background: transparent url('/images/template/checkout/step_three.png') top left no-repeat;
}

.step .step_four {
    background: transparent url('/images/template/checkout/step_four.png') top left no-repeat;
}

.step .normal {
    background-position: 0px 0px;
}
.step .selected {
    background-position: 0px -44px;
}
.step .finished {
    background-position: 0px -88px;
}
.step .finished a {
    display: block;
    width: 44px;
    height: 44px;
}

.checkoutStepsWrapper .step_line {
    float: left;
    width: 106px;
    height: 14px;
    margin: 25px 0 0 0;
    background: transparent url('/images/template/checkout/step_line.png') top left no-repeat;
}
.checkoutStepsWrapper .step_line.normal {    
    background-position: 0px 0px;
}
.checkoutStepsWrapper .step_line.selected {    
    background-position: 0px -14px;
}

.contentStyler {
    margin: 35px 0;
}

.topBottomBorder {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 10px 0;
    margin: 10px 0;
}

div.teaserItem.free {
    height: 370px;
}

/* BRAUN Cooltec Styles */

.razors .cooltec {
    float: left;
    width: 70px;
    margin: 0 0 0 34px;
}

.cruzer.cooltec {
    width: 220px;
    clear: none;
    margin: 0 20px 0 5px;
}

.shaverType.cooltec {
    background: url("/images/template/coolTec/braun_elektro_cooltec.png") no-repeat scroll left top #FFFFFF
}

.reviewDiv {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px;
}

#banner {
    margin: 0 0 3px 0;
    min-height: 234px;
    height: 234px;
    background: transparent center bottom no-repeat;
    background-image: url("/images/template/slideshow_bottom_shadow.png"); /** sprite-ref: horizontal; sprite-alignment: bottom; */
}

.subscription input.text {
    height: 21px;
    border: 1px solid #464646;
}

.subscription fieldset.top {
    min-height: 180px;
    height: auto !important;
    height: 180px;
}

#detailTab b,
#detailTab strong,
#detailTab li {
    font-size: 14px;
}

#detailTab li {
    list-style: disc outside none;
    margin-left: 15px
}

.quickOrder li {
    float: left;
    clear: left;
    width: 100%;
}

.quickOrder .shoppingCart .imageWrapper,
.quickOrder .shoppingCart .infoWrapper {
    float: left;
}
.quickOrder .shoppingCart .dataWrapper {
    float: right;
}
.quickOrder .shoppingCart .imageWrapper {
    width: 110px;
    height: 110px;
}
.quickOrder .shoppingCart .infoWrapper {
    width: 220px;
}
.quickOrder .shoppingCart .infoWrapper h2 {
    font-size: 14px;
    font-weight: normal;
}

div.forMeLogo {
    float: right;
    height: 40px;
    width: 105px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: url("/images/template/for_me_pg_logo_40px.png"); /** sprite-ref: vertical; */
}

div.registrationDiv {
    margin: 0px 10px;
}

div.registrationDiv p.error {
    margin-left: 0px;
}

div.madeInGermany {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    height: 71px;
    position: relative;
}

div.madeInGermany img {
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#feedback div.radiobuttonList label.radiobutton {
    width: auto;
}

#feedback td,
#feedback th {
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
    height: 55px;
    margin: 0 1px 1px 0;
    padding: 0 5px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

#feedback tr.row1 td,
#feedback tr.row1 th {
    background-color: #f5f5f5;
}

#feedback div.radiobuttonList {
    width: 60%;
}


#feedback fieldset {
    width: 90%;
}

#feedback td input {
    width: 100%;
    height: 25px;
}

#feedback p.error {
    margin-left: 0px;
}



div.surveyWrapper {
    background-color: #222;
    color: #63bcf9;
    padding: 15px;
    float: left;
}
div.surveyWrapper p,
div.surveyWrapper h1,
div.surveyWrapper h2,
div.surveyWrapper label {
    color: #63bcf9;
    font-size: 14px;
    text-align: center;
}

div.surveyWrapper h1 {
    font-size: 20px;
    line-height: 110%;
    text-align: center;
}

div.surveyWrapper h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 110%;
    text-align: center;
}

div.surveyWrapper form {
    width: 100%;
}
div.surveyWrapper form div.field {
    margin: 10px 0;
}
div.surveyWrapper form div.field label {
    width: 340px;
    text-align: right;
}
div.surveyWrapper form div.field label strong {
    color: #fff;
}
div.surveyWrapper form div.field textarea {
    width: 100%;
    height: 80px;
}
div.surveyWrapper form div.field .error {
    color: #e22000;
}

/* MY-PROFILE STYLES */

.my-profile-wrapper {
    float: left;
    background: #002f62 url('/images/template/profile/my_profile_bg.jpg') top left no-repeat;
    padding: 35px 50px 20px 50px;
}
.my-profile-wrapper h1 {
    color: #fff;
}
.my-profile-wrapper fieldset * {
    color: #464646;
}
.my-profile-wrapper form {
    width: 100%;
}
.my-profile-wrapper fieldset {
    width: 840px;
    position: relative;
    border: none;
    padding: 50px 10px 15px 10px;
    margin: 10px 0;
    background: rgba(255,255,255, 0.75);
}
.my-profile-wrapper fieldset legend {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    padding: 0 10px;
    width: 840px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #a7a7a7;
}
.my-profile-wrapper fieldset span.output {
    padding: 2px 0;
}

.my-profile-wrapper div.field label {
    text-align: right;
    padding-right: 10px;
    width: 159px;
}
.my-profile-wrapper div.field p.error {
    color: #e22000;
}

.my-profile-wrapper form div.field div.radiobuttonList label.radiobutton {
    width: 9%;
    padding: 0;
}
.my-profile-wrapper form div.field div.radiobuttonList label.radiobutton input {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.my-profile-wrapper .toggleWrapper {
    float: left;
    display: none;
    width: 100%;
}
.my-profile-wrapper .toggleLink {
    display: block;
    width: 17px;
    height: 9px;
    background: transparent url('/images/template/profile/triangle_down.png') top right no-repeat;
    position: absolute;
    right: 20px;
    top: 15px;
}
.my-profile-wrapper .open {
    background: transparent url('/images/template/profile/triangle_up.png') top right no-repeat;
}
.my-profile-wrapper table tr th {
    background-color: #4084C9;
    padding: 8px;
    color: #fff;
    border-bottom: 1px solid #464646;
}
.my-profile-wrapper table td {
    padding: 8px;
}
.my-profile-wrapper table tr .amount {
    font-size: 12px;
}
.my-profile-wrapper table tr .status {
    text-align: right;
}
.my-profile-wrapper table tr .comesFrom {
    text-align: center;
}
.my-profile-wrapper .tableNavi span, .tableNavi a {
    padding: 5px;
}
.my-profile-wrapper .tableNavi {
    text-align: right;
}
.my-profile-wrapper .orderWrapper fieldset legend {
    width: 800px;
}
.my-profile-wrapper .orderWrapper .link {
    display: block;
    margin-bottom: 10px;
}
.my-profile-wrapper .orderWrapper .box.onecolumn {
    width: 340px;
}

.my-profile-wrapper a.show-order {
    background: transparent url('/lib/jquery/css/images/plus.gif') left center no-repeat;
    padding-left: 15px;
}
.my-profile-wrapper a.show-order.open {
    background: transparent url('/lib/jquery/css/images/minus.gif') left center no-repeat;
}
