body {
	margin: 0;
	background: #fff url(../images_gui/bg_body.png) 0 0 repeat-x;
	font: 14px/1.5em Roboto, sans-serif;
	color: #5b5b5b;
}
.swedbank body {
	background-image: url(../images_gui/bg_body_swedbank.png);
}

/* *******************************************************************************************
 *         Common                                                                            *
 ******************************************************************************************* */

h1, h2, p {
	margin: 0 0 15px 0;
	padding: 0;
}
h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	padding: 0;
}
.text h1 {
	margin: 1.1em 0 0.34em 0;
}
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
	margin: 1.1em 0 0.34em 0;
}

H1, .ingress {
	color: #333;
}

H1 { font: bold 36px/1.1em Roboto, sans-serif; margin-bottom: 20px; margin-top: 10px; }
H2 { font: bold 23px/1.1em Roboto, sans-serif; }
H3 { font: bold 18px Roboto, sans-serif; }
H4 { font: bold 14px Roboto, sans-seriff; }
H5 { font: bold 13px Roboto, sans-serif; }
H6 { font: bold 12px Roboto, sans-serif; }

a img {
	border: 0;
}

A:link,
A:visited {
	color: #005dab;
	text-decoration: none;
}
A:active,
A:hover {
	color: #005dab;
	text-decoration: underline;
}

/* *******************************************************************************************
 *         Doc head                                                                          *
 ******************************************************************************************* */

#header {
	max-width: 1010px;
	height: 175px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}

#topLogo {
	padding: 27px 0 0 0;
}

#topSearchForm {
	display: block;
	position: relative;
	float: right;
	width: 300px;
	height: 36px;
	margin: 35px 0 0 0;
	padding: 0 0 2px 0;
	background: #fff url(../images_gui/bg_search.gif) 0 0 no-repeat;
}
#navSearch {
	padding: 13px 0 10px 25px;
	background-color: #fff;
}
#navSearch #topSearchForm {
	float: none;
	margin: 0 auto;
}
#topSearchField {
	position: absolute;
	top: 5px;
	left: 5px;
	margin: 0;
	padding: 0;
	width: 255px;
	height: 26px;
	vertical-align: middle;
	text-align: left;
	border: 0;
	background: transparent;
}
#topSearchButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	border: 0;
	cursor: pointer;
}

@media screen and (max-width: 360px) {
	#navSearch #topSearchForm {
		width: 230px;
		background-image: url(../images_gui/bg_search_phone.gif);
	}
	#navSearch #topSearchField {
		width: 185px;
	}
}


/* *******************************************************************************************
 *         Top menu - Blocks with dotted border                                              *
 ******************************************************************************************* */

.topMenu {
	padding-top: 23px;
}
.topMenu UL {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f2f0f0;
}
.topMenu UL LI {
	display: block;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #fff;
	font: 14px "Roboto", sans-serif;
}

#topMenu #topMenuTable {}
.phone #topMenu #topMenuTable {
	display: none !important;
}

#topMenu #topMenuUl {
	display: none;
}
.phone #topMenu #topMenuUl {
	display: block !important;
}

#topMenuTable TD {
	background-color: #fff;
	font: 14px "Roboto", sans-serif;
}

.topMenu UL LI B,
#topMenuTable TD B {
	display: block;
	margin: 0;
	padding: 2px 0;
	border: 1px dotted #ccc;
	border-left: 0;
}
.topMenu UL LI.first B,
#topMenuTable TD.first B  {
	border-left: 1px dotted #ccc;
}
.topMenu UL LI B A,
#topMenuTable TD B A {
	display: block;
	text-transform: uppercase;
	min-height: 38px;
	margin: 0 2px;
	padding: 20px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	color: #999;
	white-space: nowrap;
}
.topMenu UL LI.active B A,
#topMenuTable TD.active B A {
	background-color: #f2f2f1;
	color: #f90;
}
.topMenu UL LI#swedbank B A,
#topMenuTable TD#swedbank B A {
	background: #fa9a00 url(../images_gui/menulogo_bg.png) 0 0 repeat-y;
	min-height: 45px;
	padding-top: 13px;
	color: #fff;
}
.topMenu UL LI.multiLine B A,
#topMenuTable TD.multiLine B A {
	min-height: 45px;
	padding-top: 13px;
}

#topMenuTable {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f2f0f0;
}
#topMenuTable TD {
	width: auto !important;
	margin: 0 !important;
}

#subMenu UL LI B A {
	min-height: 28px;
	margin: 0 2px;
	padding: 10px 5px 0 5px;
}


/* *******************************************************************************************
 *         Drop down top menu                                                                *
 ******************************************************************************************* */

#foldMenuContainer,
#foldMenu,
#foldMenu A {
	outline: none;
}
#foldMenu {
	height: 35px;
	background-color: #0060ad;
}
#foldMenu A {
	display: block;
	margin: 0;
	padding: 8px 0 0 20px;
	font: 16px Roboto, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: transparent url(../images_gui/btn_fold_out.gif) 97% 10px no-repeat;
}

.dropDownItems {
	position: absolute;
	visibility: hidden;
	width: 95.63960396019802% !important;
	margin: 4px 0 0 0.9900990099009901% !important;
	z-index: 100;
}

.dropDownItems A {
	position: relative !important;
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	text-align: left !important;
	background-image: none !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	border-width: 0 1px 1px 1px !important;
	font: 14px Roboto, sans-serif !important;
	color: #666 !important;
	text-transform: uppercase;
	text-decoration: none !important;
}
.dropDownItems A.first {
	border-top: 1px solid #ccc !important;
}

.dropDownItems A SPAN {
	display: block !important;
	margin: 0 !important;
	padding: 5px 12px 5px 20px !important;
}

.dropDownItems A.lev1 SPAN {
	font-weight: bold !important;
}
.dropDownItems A.lev2 SPAN {
	padding-left: 5% !important;
}
.dropDownItems A.lev3 SPAN {
	padding-left: 10% !important;
}
.dropDownItems A.lev4 SPAN {
	padding-left: 15% !important;
}

.dropDownItems A.active,
.dropDownItems A:active,
.dropDownItems A:hover {
	color: #fff !important;
	background-color: #666 !important;
	text-decoration: none !important;
}
.dropDownItems A.first.active,
.dropDownItems A.first:active,
.dropDownItems A.first:hover {
	border-top-color: #fff !important;
}
.dropDownItems A.disabled {
	color: #999 !important;
}

/* *******************************************************************************************
 *         Main campaign                                                                     *
 ******************************************************************************************* */

#mainCampaign,
#mainCampaign * {
	box-sizing: border-box;
}
#mainCampaign {
	position: relative;
	width: 100%;
	padding: 0 0.9900990099009901%;
	background-color: #fff;
}
#mainCampaign img {
	position: relative;
	width: 100%;
	height: auto;
}
#mainCampaign img[src*=".gif"] {
	width: auto !important;
}
#mainCampaign .imcms_label {
	position: relative;
	z-index: 1000;
}

#mainCampaignOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	text-align: left;
	padding: 70px 80px 0 80px;
}
#mainCampaignOverlay h2 {
	margin: 0 0 0.6em 0;
	font: bold 37px/1.0em 'Roboto', sans-serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}
#mainCampaignOverlay .campaignText {
	margin: 0;
	font: 16px/1.4em Roboto, sans-serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}


.button {
	display: inline-block;
	margin: 5px 0 12px 0;
	padding: 8px 16px;
	font: 14px/20px "roboto", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	background: #005aa0;
	border: 0;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}
#start .button:hover,
#start .button:focus,
#start .button:active {
	text-decoration: none;
	background: #003f70 !important;
}





/* *******************************************************************************************
 *         Content                                                                           *
 ******************************************************************************************* */

#content {
	clear: both;
	max-width: 1010px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-color: #fff;
}
#article #content {
	min-height: 335px;
}

/* *******************************************************************************************
 *         Operations info                                                                   *
 ******************************************************************************************* */

#headInfo,
#headInfoOther {
	background-color: #005daa;
	color: #fff;
	padding: 9px 9px 9px 20px;
	margin-bottom: 10px;
}

#headInfoOther {
	display: none;
}

#headInfo label {
	display: table-cell;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 18px;
}
#headInfo span {
	display: table-cell;
	vertical-align: top;
	padding-top: 4px;
}



.pLR {
	padding-left: 10px;
	padding-right: 10px;
}


.clearer, .clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.clearheight {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.clearfix2:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* *******************************************************************************************
 *         Support / Terminal selector                                                       *
 ******************************************************************************************* */

div.cBlocks {
	position: relative;
	clear: both;
	margin-top: 0px;
}

div.cbLeft {
	position: relative;
}
.highRes #supportDiv {
	padding-bottom: 0.9900990099009901%;
}
div.cbHeading {
	color: #333;
	font-size: 23px !important;
	font-weight: bold;
	text-transform: none;
	text-align: center;
	padding: 20px 0 20px 0;
}
div.cblBg {
	position: absolute;
	width: 100%;
}
.normalMode div.cblBg img {
	display: block;
	width: 100% !important;
	height: auto !important;
	/*max-width: 448px; 100% */
}
.cblText {
	position: absolute;
	width: 50%;
	bottom: 10%;
	left: 20px;
}
.cblText td {
	margin: 0;
	padding: 0;
	font-size: 14px;
	vertical-align: middle;
	color: #222;
	text-shadow: #fff 0 0 2px;
}

div.cbRight {
	padding: 0;
}
div.cbrText {
	color: #4b4b4b;
	text-align: center;
	font-size: 14px;
	width: 83%;
	margin: 0 auto;
}
div.cbrCont {
	padding-top: 0px;
}
.normalMode div.cbrCont img {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
}

/* *******************************************************************************************
 *         Teasers + Newsletter link                                                         *
 ******************************************************************************************* */


#teasers20 {
}

#teaser21 {}

.normalMode #teaser21 img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	margin-top: 50px;
	padding-top: 10px;
}

#teaser22 {
	color: #4b4b4b;
}
#teaser22 h2,
#teaser22 .text {
	padding-right: 10px;
}
#teaser22 h2 {
	padding-top: 15%;
	text-align: left;
	font: bold 18px Roboto, sans-serif;
	color: #4b4b4b;
}
#teaser22 .text {
	font-size: 14px;
}


#teaser23,
.teaser23 {
	position: relative;
}
.normalMode #teaser23 img,
.normalMode .teaser23 img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 240px;
	margin: 30px auto 0 auto;
}

#teaser24,
.teaser24 {
	position: relative;
	min-height: 210px;
	font: bold 18px Roboto, sans-serif;
	color: #4b4b4b;
	text-align: center;
}
#teaser24 .text,
.teaser24 .text {
	padding: 15% 17px 0 17px !important;
}
#article #teaser24 .text,
#article .teaser24 .text {
	padding-top: 30px !important;
}
#start #teaser24 .text {
	padding-bottom: 60px !important;
}
.newsletter {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.teaser23leftCol {
	padding-top: 0 !important;
}
.teaser23leftCol img {
	margin-top: 0 !important;
}
.teaser23leftCol .newsletter {
	position: relative !important;
	top: 0 !important;
	margin-top: 10px !important;
	padding-bottom: 10px !important;
}
.teaser23leftCol .newsletter a {
	padding-bottom: 10px !important;
}

.newsletter a {
	display: block;
	padding: 15px 42px 0 0;
	margin-left: 10px;
	border-top: 1px dotted #fa9800;
	background: transparent url(../images_gui/envelope.png) 100% 20px no-repeat;
	text-align: center;
	font-size: 15px;
	color: #666;
	text-decoration: none;
}
#teaser23 .newsletter,
.teaser23 .newsletter {
	top: 250px;
}
#teaser23 .newsletter a,
.teaser23 .newsletter a {
	margin-left: 0;
	border-bottom: 1px dotted #fa9800;
}

/* *******************************************************************************************
 *         Testimonials                                                                      *
 ******************************************************************************************* */

#testimonials {}
#start #testimonials {
	margin-bottom: 20px;
}
#article #testimonials {
	margin-top: 30px;
}
#testimonials .image {
	position: relative;
	width: 100%;
	height: auto;
}
.normalMode #testimonials .image img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
}
#testimonials .imageOverlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
}
#testimonials .quot {
	height: 65px;
	padding: 15px 0 5px 0;
	overflow: hidden;
	font: italic 14px Roboto, serif !important;
	color: #333;
}
#testimonials .quot A {
	color: #333 !important;
}
#testimonials .sub {
	padding-bottom: 15px;
	font: 11px Roboto, sans-serif;
	color: #666;
}
#testimonials .sub A {
	color: #666 !important;
}
/* Grey plates */
#article #testimonials .grid_50 {
	float: none;
	clear: both;
	display: block;
	width: auto;
	margin: 0 0 10px 0;
	padding: 20px 20px 10px 20px;
	background-color: #ced5dd;
}
#article #testimonials .image {
	display: none;
}
#article #testimonials .quot {
	height: auto;
	padding: 0 0 1em 0;
	font-size: 18px !important;
}
#article #testimonials .sub {
	font-size: 13px !important;
}

/* *******************************************************************************************
 *         Article                                                                           *
 ******************************************************************************************* */

#mainColBar, .breadcrumbs {
	height: 35px;
	background-color: #9dacbb;
	margin-bottom: 10px !important;
	color: #d6d7d7;
}
.breadcrumbs A {
	color: #d6d7d7;
	text-decoration: none;
}
a.button {
	margin: 5px 0px 12px 0px;
	padding: 8px 16px 8px 16px;
	font: 14px/20px "roboto", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	background: #f28c13;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	display: inline-block;
	cursor: pointer;
}
.button:hover {
	text-decoration: none;
	background: #d17910
}
.breadcrumbs A:active,
.breadcrumbs A:hover,
.breadcrumbs A.active {
	color: #fff;
}

#phoneTopBar.breadcrumbs {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

#rightColBar {
	height: 35px;
	padding-bottom: 10px;
	background: #c4c4c4 url(../images_gui/bg_rightmenu_bar.gif) left bottom no-repeat;
}

.breadcrumbs H4 {
	margin: 0;
	padding: 7px 0px 7px 20px;
	color: #fff;
	font: 14px Roboto, sans-serif;
	text-transform: none;
}
#rightColBar H4 {
	margin: 0;
	padding: 3px 10px 0 20px;
	color: #fff;
	font: 18px Roboto, sans-serif;
}

#leftCol {
	padding-top: 10px;
	padding-bottom: 15px;
}

#mainCol {
	padding-top: 10px;
	padding-bottom: 10px;
}

#article #mainCol h1,
#article #mainCol h2,
#article #mainCol .ingress,
#article #mainCol .text {
	padding-right: 20px;
	padding-left: 20px;
}
#article #mainCol .ingress h1,
#article #mainCol .ingress h2,
#article #mainCol .ingress .ingress,
#article #mainCol .ingress .text,
#article #mainCol .text h1,
#article #mainCol .text h2,
#article #mainCol .text .ingress,
#article #mainCol .text .text {
	padding-right: 0;
	padding-left: 0;
}
#article #mainCol #topImage,
#article #mainCol .top-image {
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#article #mainCol #rightImage {
	float: right;
	width: 47%;
	margin-bottom: 0;
	margin-left: 5px;
}
.normalMode #article #mainCol #topImage img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 470px !important;
}
.normalMode #article #mainCol #rightImage img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 230px !important;
}

#mainCol {
	color: #4b4b4b;
}

#mainCol H2 {
	color: #333;
}

#mainCol .ingress {
	font-weight: bold;
}

#rightCol {
	padding-bottom: 15px;
}

/* *******************************************************************************************
 *         Breadcrumbs + Top jump link                                                       *
 ******************************************************************************************* */

#topJumpBreadCrumbs {
	float: left;
}
#topJumpTopLink {
	float: right;
}
#topJumpTopLink A {
	display: block;
	margin: 0 10px 0 0;
	padding: 0px 25px 2px 2px;
	background: transparent url(../images_gui/icons/arrow_white_up.gif) 100% 5px no-repeat;
}

/* *******************************************************************************************
 *         Product listing                                                                   *
 ******************************************************************************************* */
/*
#product_listing #mainCol .imageCol {
	border-top: 5px double red;
}
#product_listing #mainCol .textCol {
	border-top: 5px double blue;
}
*/

#product_listing #mainCol h1,
#product_listing #mainCol h2,
#product_listing #mainCol h3,
#product_listing #mainCol .ingress,
#product_listing #mainCol .text {
	padding-right: 20px;
	padding-left: 20px;
}
#product_listing #mainCol .ingress h1,
#product_listing #mainCol .ingress h2,
#product_listing #mainCol .ingress h3,
#product_listing #mainCol .ingress .ingress,
#product_listing #mainCol .ingress .text,
#product_listing #mainCol .text h1,
#product_listing #mainCol .text h2,
#product_listing #mainCol .text h3,
#product_listing #mainCol .text .ingress,
#product_listing #mainCol .text .text {
	padding-right: 0;
	padding-left: 0;
}
#product_listing #mainCol .text {
	padding-bottom: 20px;
}
#product_listing.highRes #mainCol .ingress,
#product_listing.highRes #mainCol .text {
	padding-right: 270px;
}

#product_listing .productItem {
	margin: 0;
	padding: 0;
}
#product_listing .productItemDivider {
	height: 10px;
	margin: 10px 0 0 0;
	border-top: 1px dotted #fa9800;
}
#product_listing.highRes .productItemDivider,
#product_listing.tablet .productItemDivider {
	margin: 10px 20px 0 20px;
}
#product_listing .productItem .imageCol {
	text-align: center;
	margin-left: 10px;
}
#product_listing .productItem .imageCol IMG {
	display: block;
	margin: 0 auto;
	width: 100% !important;
	height: auto !important;
	max-width: 230px !important;
}
#product_listing.highRes .productItem .imageCol IMG,
#product_listing.tablet .productItem .imageCol IMG {
	margin: 0 0 0 20px;
}
#product_listing .productItem .textCol {
	padding: 4% 0 2% 0;
}
#product_listing .productItem .textCol .text {
	padding-right: 20px !important;
}
#product_listing.highRes .productItem .textCol .text {
	padding-right: 40px !important;
}

A.readMoreLink {
	display: block;
	margin: 10px 0 0 0;
	padding: 7px 5px 0 40px;
	border: 0;
	height: 25px;
	font: 14px Roboto, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #5b5b5b;
	background: transparent url(../images_gui/icons/icon_preview_sprite.gif) 0 0 no-repeat;
}
A.readMoreLink:hover,
A.readMoreLink:active {
	color: #fe9900;
	background-position: 0 -100px;
}

/* *******************************************************************************************
 *         FAQ template                                                                      *
 ******************************************************************************************* */

#faqTemplate #mainCol h1,
#faqTemplate #mainCol h2,
#faqTemplate #mainCol .ingress,
#faqTemplate #mainCol .text {
	padding-right: 30px;
	padding-left: 20px;
}
#faqTemplate #mainCol .text {
	padding-bottom: 20px;
}
#faqTemplate.highRes #mainCol .ingress,
#faqTemplate.highRes #mainCol .text {
	padding-right: 130px;
}

#faq .ui-state-focus,
#faq .ui-state-active,
#faq .ui-state-default,
#faq .ui-widget-content {
	border: 0 !important;
}
#faq * {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
#faq .item,
#faq .item .visPart,
#faq .item .hidPart {
	clear: both;
	font: normal 12px Roboto, sans-serif;
	color: #666;
}
#faq .item .visPart {
	position: relative;
	min-height: 33px;
	margin: 0;
	padding: 30px 20px 15px 20px;
	cursor: pointer;
	background: #eaeef2 url(../images_gui/bg_accordion_vis_element.gif) 0 100% repeat-x;
	outline: none;
}
#faq .item .visPart .visPartLogo {
	position: absolute;
	top: 20px;
	right: 20px;
}
#faq .item .visPart .accordionArrowRight,
#faq .item .visPart .accordionArrowDown {
	display: block;
	position: absolute;
	width: 17px;
	height: 18px;
}
#faq .item .visPart .accordionArrowRight {
	background: transparent url(../images_gui/icons/icon_arrow_black_r.gif) 0 0 no-repeat;
}
#faq .item .visPart .accordionArrowDown {
	background: transparent url(../images_gui/icons/icon_arrow_black_d.gif) 0 0 no-repeat;
}
#faq .item .visPart P {
	margin: 0;
	padding: 0 0 0 32px;
	max-width: 530px;
	font: normal 14px Roboto, sans-serif;
	color: #3f3f3f;
}

#faq .item .hidPart {
	display: none;
	margin: 0;
	padding: 20px 30px 20px 52px;
	background: transparent url(../images_gui/bg_accordion_hid_element.gif) 0 0 repeat-x;
	border-left: 1px solid #ccc !important;
}

#faq .item .hidPart .leftText {
	float: left;
	width: 60%;
	margin-right: 9%;
}
#faq .item.posAdmin .hidPart .leftText {
	width: 50%;
	margin-right: 5%;
}
#faq .item .hidPart .leftTextNoImage {
	float: none;
	width: auto;
	max-width: 500px;
	margin-right: 0;
}

#faq .item .hidPart .rightImage {
	float: left;
	width: 30%;
}
#faq .item.posAdmin .hidPart .rightImage {
	width: 44%;
}
.normalMode #faq .item .hidPart .rightImage img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
}

#faq .item .hidPart H1,
#faq .item .hidPart H2,
#faq .item .hidPart H3,
#faq .item .hidPart H4,
#faq .item .hidPart H5,
#faq .item .hidPart H6 {
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	font: normal 14px Roboto, sans-serif;
	color: #3f3f3f;
}
#faq .item .hidPart P {
	margin: 0;
	padding: 0 0 10px 0;
}


UL#faqNav {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
UL#faqNav LI {
	display: block;
	float: left;
	width: 25%;
	height: 42px;
	font: bold 14px Roboto, sans-serif;
	background: #ababab url(../images_gui/bg_accordion_inact_tab.gif) 0 0 repeat-x;
}
UL#faqNav LI A,
UL#faqNav LI SPAN,
#faqNavTable TD A,
#faqNavTable TD SPAN {
	display: block;
	height: 30px;
	padding: 12px 5px 0 20px;
  text-align: left;
	border-left: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
UL#faqNav LI.first A,
UL#faqNav LI.first SPAN,
#faqNavTable TD.first A,
#faqNavTable TD.first SPAN {
	border-left: 0;
}
UL#faqNav LI.active A,
UL#faqNav LI.active SPAN,
#faqNavTable TD.active A,
#faqNavTable TD.active SPAN {
  background: #005AA0 none !important;
}
UL#faqNav LI.inactive SPAN,
#faqNavTable TD.inactive SPAN {
	color: #ccc;
}
UL#faqNav LI.active A {
}

#faqNavTable {
	width: 100%;
	margin: 0;
	padding: 0;
}
#faqNavTable TD {
	height: 42px;
	font: 500 14px Roboto, sans-serif;
	background: #ababab url(../images_gui/bg_accordion_inact_tab.gif) 0 0 repeat-x;
}

#faqNavTable TD {
	padding: 0 5px 0 5px;
	border-left: 2px solid #fff;
	text-align: center;
}
#faqNavTable TD.first {
	border-left: 0;
}
#faqNavTable TD.active {
  background: #005AA0 none !important;
}
#faqNavTable TD.inactive {
	color: #ccc;
}
#faqNavTable TD A,
#faqNavTable TD SPAN {
	display: inline !important;
	height: auto;
	padding: 0;
	border-left: 0;
  background: none !important;
}


#faqBottomFade {
	padding: 32px 0 12px 20px !important;
	background: transparent url(../images_gui/bg_accordion_bottom.gif) 0 0 repeat-x;
}
#faqSearch {
	position: relative;
	width: 300px;
	height: 36px;
	margin: 0;
	padding: 0 0 2px 0;
	background: #fff url(../images_gui/bg_search.gif) 0 0 no-repeat;
}
#faqSearchField {
	position: absolute;
	top: 5px;
	left: 5px;
	margin: 0;
	padding: 0;
	width: 255px;
	height: 26px;
	vertical-align: middle;
	text-align: left;
	border: 0;
	background: transparent;
}
#faqSearchButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	border: 0;
	cursor: pointer;
}

/* *******************************************************************************************
 *         Right menu                                                                        *
 ******************************************************************************************* */

UL#treeMenu,
UL#treeMenu UL {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
UL#treeMenu {
	margin-top: 10px;
	margin-bottom: 2px;
}

UL#treeMenu LI {
	display: block;
	margin: 0;
}
UL#treeMenu LI A SPAN {
	display: block;
	margin: 0 0 1px 0;
}

UL#treeMenu A {
	display: block;
	font: 12px Roboto, sans-serif;
	color: #5b5b5b;
	text-decoration: none;
}
UL#treeMenu LI.lev1 A {
	font-size: 14px;
	font-weight: bold;
}
UL#treeMenu LI.lev2 A,
UL#treeMenu LI.lev3 A,
UL#treeMenu LI.lev4 A {
	font-size: 12px;
	font-weight: normal;
}
UL#treeMenu A:active,
UL#treeMenu A:hover,
UL#treeMenu A.selected,
UL#treeMenu A:active SPAN,
UL#treeMenu A:hover SPAN,
UL#treeMenu A.selected SPAN {
	color: #fe9900 !important;
}

UL#treeMenu LI.lev1 {
	border-bottom: 1px dotted #ccc;
}
UL#treeMenu LI.first {
	border-top: 1px dotted #ccc;
}

UL#treeMenu LI.lev1 SPAN {
	padding: 8px 10px 10px 34px;
}
UL#treeMenu LI.lev2 SPAN {
	padding: 4px 10px 4px 46px;
}
UL#treeMenu LI.lev3 SPAN {
	padding: 4px 10px 4px 58px;
}
UL#treeMenu LI.lev4 SPAN {
	padding: 4px 10px 4px 70px;
}

UL#treeMenu LI.branch_inact A SPAN,
UL#treeMenu LI.branch_act A SPAN {
	background-color: transparent !important;
	background-repeat: no-repeat !important;
}

UL#treeMenu LI.branch_inact.lev1 A SPAN {
	background-position: 22px 12px; background-image: url(../images_gui/icons/arrow_grey_right_large.gif);
}
UL#treeMenu LI.branch_act.lev1 A SPAN {
	background-position: 19px 14px; background-image: url(../images_gui/icons/arrow_black_down_large.gif);
	color: #000;
}

UL#treeMenu LI.branch_inact.lev2 A SPAN {
	background-position: 36px 6px; background-image: url(../images_gui/icons/arrow_grey_right_small.gif);
}
UL#treeMenu LI.branch_act.lev2 A SPAN {
	background-position: 33px 8px; background-image: url(../images_gui/icons/arrow_black_down_small.gif);
	color: #000;
}

UL#treeMenu LI.branch_inact.lev3 A SPAN {
	background-position: 48px 6px; background-image: url(../images_gui/icons/arrow_grey_right_small.gif);
}
UL#treeMenu LI.branch_act.lev3 A SPAN {
	background-position: 45px 8px; background-image: url(../images_gui/icons/arrow_black_down_small.gif);
	color: #000;
}

UL#treeMenu LI.branch_inact.lev4 A SPAN {
	background-position: 60px 6px; background-image: url(../images_gui/icons/arrow_grey_right_small.gif);
}
UL#treeMenu LI.branch_act.lev4 A SPAN {
	background-position: 57px 8px; background-image: url(../images_gui/icons/arrow_black_down_small.gif);
	color: #000;
}

UL#treeMenu LI.leaf A SPAN,
UL#treeMenu LI.branch_inact A SPAN {
	color: #5b5b5b !important;
}
UL#treeMenu A:active SPAN,
UL#treeMenu A:hover SPAN,
UL#treeMenu A.selected SPAN,
UL#treeMenu LI.leaf A:active SPAN,
UL#treeMenu LI.leaf A:hover SPAN,
UL#treeMenu LI.leaf A.selected SPAN,
UL#treeMenu LI.branch_inact A:active SPAN,
UL#treeMenu LI.branch_inact A:hover SPAN,
UL#treeMenu LI.branch_inact A.selected SPAN {
	color: #fe9900 !important;
}

UL#treeMenu LI.branch_inact.lev1 A:active SPAN,
UL#treeMenu LI.branch_inact.lev1 A:hover SPAN,
UL#treeMenu LI.branch_inact.lev1 A.selected SPAN {
	background-image: url(../images_gui/icons/arrow_yellow_right_large.gif);
}
UL#treeMenu LI.branch_act.lev1 A:active SPAN,
UL#treeMenu LI.branch_act.lev1 A:hover SPAN,
UL#treeMenu LI.branch_act.lev1 A.selected SPAN {
	background-image: url(../images_gui/icons/arrow_yellow_down_large.gif);
}
UL#treeMenu LI.branch_inact.lev2 A:active SPAN,
UL#treeMenu LI.branch_inact.lev2 A:hover SPAN,
UL#treeMenu LI.branch_inact.lev2 A.selected SPAN,
UL#treeMenu LI.branch_inact.lev3 A:active SPAN,
UL#treeMenu LI.branch_inact.lev3 A:hover SPAN,
UL#treeMenu LI.branch_inact.lev3 A.selected SPAN,
UL#treeMenu LI.branch_inact.lev4 A:active SPAN,
UL#treeMenu LI.branch_inact.lev4 A:hover SPAN,
UL#treeMenu LI.branch_inact.lev4 A.selected SPAN {
	background-image: url(../images_gui/icons/arrow_yellow_right_small.gif);
}
UL#treeMenu LI.branch_act.lev2 A:active SPAN,
UL#treeMenu LI.branch_act.lev2 A:hover SPAN,
UL#treeMenu LI.branch_act.lev2 A.selected SPAN,
UL#treeMenu LI.branch_act.lev3 A:active SPAN,
UL#treeMenu LI.branch_act.lev3 A:hover SPAN,
UL#treeMenu LI.branch_act.lev3 A.selected SPAN,
UL#treeMenu LI.branch_act.lev4 A:active SPAN,
UL#treeMenu LI.branch_act.lev4 A:hover SPAN,
UL#treeMenu LI.branch_act.lev4 A.selected SPAN {
	background-image: url(../images_gui/icons/arrow_yellow_down_small.gif);
}

UL#treeMenu LI.leaf A SPAN,
UL#treeMenu LI.leaf A SPAN,
UL#treeMenu LI.leaf A SPAN,
UL#treeMenu LI.leaf A SPAN {
	background-image: none !important;
}

/* *******************************************************************************************
 *         Operations info                                                                   *
 ******************************************************************************************* */

#operationsInfo {
	background-color: #d6d7d7;
	border-bottom: 1px solid #fff;
	color: #666;
	padding-bottom: 50px;
	font-size: 12px;
}
#operationsInfo .opInfoHeader {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 12px 5px 0;
}
#operationsInfo .opInfoHeading {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	padding: 11px 0 20px 0;
}
#operationsInfo .opInfoText {
	padding: 0 10% 0 0;
}
#opInfoLeft .opInfoHeader,
#opInfoLeft .opInfoHeading,
#opInfoLeft .opInfoText {
	padding-left: 20px !important;
}

/* *******************************************************************************************
 *         Doc foot                                                                          *
 ******************************************************************************************* */

#docFoot {
	background: #001e37 url(../images_gui/bg_docfoot.png) 0 0 repeat-x;
	padding-bottom: 24px;
	font-size: 12px;
}

#docFootMenu {
	padding-top: 55px;
	padding-bottom: 30px;
}
#docFootMenuInner {
	padding: 0 20px 0 0;
}

#docFootMenu UL {
	list-style-type: none;
	display: block;
	float: left;
	width: 14.6667%; /* 88% / 6col */
	margin: 0 0 2% 2%;
	padding: 0;
}

#docFootMenu UL.first {
	margin: 0 0 2% 0;
}
#docFootMenu UL LI {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
}
#docFootMenu UL LI.lev1 {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

#docFootMenu A {
	color: #e4e3e3;
	text-decoration: none;
}
#docFootMenu UL LI.lev1 A {
	color: #ccc;
}


#socialIcons,
address {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

#socialIcons img {
	vertical-align: top;
}
#socialIcons a {
	color: #e3e6e8;
	text-decoration: none;
	padding-right: 15px;
}

address {
	display: block;
	padding: 30px 0 0 0;
	line-height: 1.7em;
	color: #ccc;
}
address a {
	color: #ccc;
	text-decoration: none;
}

#docFootLogo {
	position: relative;
	min-height: 41px;
}
#docFootLogo img {
	position: absolute;
	right: 20px;
	bottom: 0;
}

/* *******************************************************************************************
 *         Separator                                                                         *
 ******************************************************************************************* */

div.orangeSep {
	display: none;
}
div.teasers20Sep {
	clear: both;
	display: block;
	height: 1px;
	margin: 0.9900990099009901% 0.9900990099009901% 0 0.9900990099009901%;
	padding: 0.9900990099009901% 0 0 0;
	border-top: 1px dotted #fa9800;
}
.bgGradient {
	background: #f1f1f1 url(../images_gui/greyblock_bg.png) left bottom repeat-x;
}
.bgGradientBottomOnly {
	padding-bottom: 180px !important;
	background: transparent url(../images_gui/bg_gradient_180.png) left bottom repeat-x;
}

/* *******************************************************************************************
 *         Swedbank - Entré                                                                  *
 ******************************************************************************************* */

#rentalDeals .tabTable td {
	border-bottom: 1px solid #000;
}
#rentalDeals .tabTable.active td {
	background-color: #f5f5f5;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f5f5f5));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
}
#rentalDeals .tabTable td.active,
#rentalDeals .tabTable.inactive td {
	border-bottom: 1px solid #fff;
}
#rentalDeals .tabTable td .tab {
	padding: 11px 11px 10px 11px;
	text-align: center;
}
#rentalDeals .tabTable td.active .tab {
	padding: 10px;
	border: 1px solid #000;
	border-width: 1px 1px 0 1px;
	-webkit-border-top-right-radius: 20px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-webkit-border-top-left-radius: 20px !important;
	-moz-border-radius-topright: 20px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-topleft: 20px !important;
	-khtml-border-radius-topright: 20px !important;
	-khtml-border-radius-bottomright: 0px !important;
	-khtml-border-radius-bottomleft: 0px !important;
	-khtml-border-radius-topleft: 20px !important;
	-o-border-radius-topright: 20px !important;
	-o-border-radius-bottomright: 0px !important;
	-o-border-radius-bottomleft: 0px !important;
	-o-border-radius-topleft: 20px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 20px !important;
	background-color: #fff;
}
#rentalDeals .tabTable td .tab img {
	width: 100%;
	max-width: 100%;
}
#rentalDeals .tabTable a {
	text-decoration: none !important;
}
.phone #rentalDeals .tabTable {
	font-size: 11px !important;
	line-height: 14px !important;
}
#rentalDeals .rentalDealContent {
	padding-top: 25px;
}
#rentalDeals .rentalDealContent .ingress {
	font-weight: bold;
}
#rentalDeals .rentalDealContent .rentalDealGroup {
	padding-top: 10px;
}
#rentalDeals .rentalDealContent .rentalDealGroup .description {
	font-weight: bold;
	padding-bottom: 10px;
}
#rentalDeals .rentalDealContent .rentalDealGroup .img {
	width: 60px;
	padding-bottom: 10px;
}
#rentalDeals .rentalDealContent .rentalDealGroup .txt {
	padding-bottom: 10px;
}



/* *******************************************************************************************
 *         Search                                                                            *
 ******************************************************************************************* */

.searchForm {
	padding: 15px 0 0 0;
}
.searchForm TD LABEL {
	font-size: 12px;
	white-space: nowrap;
}
.phone .searchForm TD LABEL {
	white-space: inherit;
	line-height: 12px;
}
.phone .searchForm TD LABEL SPAN {
	white-space: nowrap;
}

.searchTopText {
	padding: 25px 0 10px 0;
	font-size: 17px;
}
.searchResult .desc {
	width: 44px;
	margin: 2px 5px 0 0;
	padding: 1px 4px 2px 4px;
	text-align: center;
	font-size: 12px;
}

.searchResult H2 {
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	font-size: 14px;
}
.searchResult A:link,
.searchResult A:visited {
}
.searchResult .itemHover A:link,
.searchResult .itemHover A:visited {
}


.searchResult .item {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #d8d8d8;
	background-color: transparent;
}
.searchResult .itemHover {
	background-color: #ffd;
}

.searchResult H2 {
	color: #333 !important;
}

.searchResult .text {
	display: block;
	font-size: 11px;
	color: #444;
	padding-left: 20px !important;
}
.searchResult .facts {
	font-size: 12px;
	padding-top: 5px;
	padding-left: 20px !important;
}
.searchResult .facts A {
	font-size: 12px;
}
.searchResult .facts IMG.fileIcon {
	vertical-align: middle;
	margin-right: 5px;
}
.searchResult .facts .fileInfo {
	vertical-align: middle;
	padding-right: 5px;
	color: #999;
}
.searchResult .facts .date {
	color: #666;
}
.searchResult .facts .name,
.searchResult .facts .name A {
}

.searchResult A.showHiddenText {
	display: block;
}


.searchResult A:active,
.searchResult A:hover {
}

/* *******************************************************************************************
 *         Paging                                                                            *
 ******************************************************************************************* */

.paging {
	clear: both;
	margin: 20px auto;
	padding: 20px;
	text-align: center;
	font-size: 16px !important;
	color: #000 !important;
}
.pagingTop {
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.paging A,
.paging A:link,
.paging A:visited,
.paging SPAN.dim,
.paging SPAN.active {
	display: inline-block;
	margin: 1px;
	padding: 4px 6px !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	color: #444 !important;
	text-decoration: none !important;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
}
.paging SPAN.paging_dots {
	display: inline-block;
	margin: 2px !important;
	padding: 4px 6px !important;
	border: 0 !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	color: #444 !important;
	text-decoration: none !important;
}
.paging .oneDigit {
	padding: 4px 10px !important;
}
.paging .prevBtn {
	margin-right: 5px !important;
	padding: 4px 15px !important;
}
.paging .nextBtn {
	margin-left: 5px !important;
	padding: 4px 15px !important;
}
.paging .dim,
.paging SPAN.dim {
	color: #aaa !important;
}
.paging A:active,
.paging A:hover,
.paging SPAN.active {
	color: #fff !important;
	background-color: #6EFFD2;
	border: 1px solid #6EFFD2;
}

/* *******************************************************************************************
 *         ToolTip                                                                           *
 ******************************************************************************************* */

#toolTipPop {
	position: absolute;
	border: 1px solid #000;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
	padding: 5px 5px 5px 25px;
	text-align: left;
	background: #fff url(/imcms/im_admin/images/icons/type/icon_info.gif) 4px 5px no-repeat;
	font: 11px Roboto, sans-serif;
	color: #000;
	z-index: 100000;
	display: none;
	-moz-box-shadow: 3px 3px 3px #888888;
	-webkit-box-shadow: 3px 3px 3px #888888;
	box-shadow: 3px 3px 3px #888888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888');
}
#toolTipPop.limitSize {
	max-width: 400px;
	overflow: hidden;
}
@media print {
	#toolTipPop {
		display: none !important;
	}
}
#toolTipPop h4 {
	margin: 10px 0;
	padding: 0;
}
#toolTipPop .text {
	margin: 0 0 10px 0;
	padding: 0;
}

.toolTipIcon_JPG {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_image.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_PNG {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_image.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_GIF {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_image.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_MP3 {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_audio.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_AVI {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_video.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_MPG {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_video.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_EXT_LINK {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_link_ext.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_URL {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_link_ext.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_PDF {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_pdf.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_DOC {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_doc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_ZIP {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_zip.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_XLS {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_xls.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_PPT {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_ppt.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_IMAGE {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_image.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_SWF {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_swf.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_VIDEO {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_video.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_AUDIO {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_audio.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_TXT {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_txt.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_RTF {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_rtf.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_HTM {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_htm.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OO-WRITE {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-write.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OO-CALC {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-calc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OO-DRAW {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-draw.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OO-IMPRESS {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-impress.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_ODT {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-write.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OTT {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-write.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_SXW {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-write.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_STW {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-write.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_ODS {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-calc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OTS {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-calc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_SXC {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-calc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_STC {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-calc.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_ODG {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-draw.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OTG {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-draw.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_SXD {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-draw.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_STD {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-draw.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_ODP {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-impress.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_OTP {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-impress.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_SXI {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-impress.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}
.toolTipIcon_STI {
	background: #fff url(/imcms/im_admin/images/icons/type/icon_file_oo-impress.gif) 4px 5px no-repeat !important;
	padding-left: 27px !important;
}


/* *******************************************************************************************
 *         Forms                                                                             *
 ******************************************************************************************* */

.formField, SELECT, INPUT, TEXTAREA, BUTTON {
	font: 14px/1.4em Roboto, sans-serif;
	color: #444;
}

.formField,
.formFieldFile,
TEXTAREA,
SELECT {
	box-sizing: border-box;
	padding: 3px;
	border: 1px solid #999;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}
.formField:focus,
.formFieldFile:focus,
TEXTAREA:focus,
SELECT:focus,
.formFieldFocus {
	border-color: #fe9900;
	background-color: #f7f7f7;
}

.formFieldBlur {}

.formFieldError {
	border-color: #f00 !important;
	background-color: #fee !important;
}

TEXTAREA {
	overflow: auto;
}

/* *******************************************************************************************
 *         Form buttons                                                                      *
 ******************************************************************************************* */

.formBtnXLarge {
	position: relative;
	background: #3075a8 url(../images_gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
	font: bold 15px Roboto, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 10px 3px 10px;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}

.formBtnLarge {
	position: relative;
	background: #3075a8 url(../images_gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
	font: bold 13px Roboto, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 7px 3px 7px;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}

.formBtn {
	position: relative;
	background: #3075a8 url(../images_gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
	font: bold 11px Roboto, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 4px 3px 4px;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}

.formBtnSmall {
	position: relative;
	background: #3075a8 url(../images_gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	font: 9px Roboto, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 1px 4px 2px 4px;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}

.formBtn.orange,
.formBtnSmall.orange {
	background: #f5781d url(../images_gui/buttons/bg_btn_f5781d.gif) 0 0 no-repeat;
	border: 1px solid #d5580d;
}

.formBtn.active,
.formBtnSmall.active {
	top: 1px;
	background: #508b4d url(/images_gui/buttons/bg_btn_active.gif) 0 0 no-repeat;
	border: 1px solid #367033;
	cursor: default;
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	box-shadow: 0 0 0 #000;
	-ms-filter: none;
	filter: none;
}

.formBtn.hilite,
.formBtnSmall.hilite,
.formBtnLarge.hilite,
.formBtnAdmin.hilite,
.formBtnAdminSmall.hilite {
	background: #3075a8 url(/imcms/im_admin/images/buttons/bg_btn_hilite.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}

.formBtnLeft {
	float: left !important;
	margin-right: 8px;
}
.formBtnRight {
	float: right !important;
	margin-left: 8px;
}

/* *******************************************************************************************
 *         Misc                                                                              *
 ******************************************************************************************* */

.red {
	color: #f00;
}
.green {
	color: #0b0;
}

#customerInfoDiv {
	width: 435px;
	display: none;
	padding-bottom: 25px;
}
#customerInfoInnerDiv {
	padding: 20px 20px 10px 20px;
	background-color: #ffa;
	border: 1px solid #ccc;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-khtml-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}


DIV.postit {
	clear: both !important;
	display: block !important;
	margin: 10px auto !important;
	font: 10px/11px Roboto, sans-serif !important;
	color: #000 !important;
	border: 1px solid #ccc !important;
	background-color: #ffa;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-khtml-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}
DIV.postit DIV {
	margin: 0 !important;
	padding: 5px 10px !important;
	font: 11px/13px Roboto, sans-serif !important;
	color: #000 !important;
}
DIV.postit DIV DIV {
	margin: 0 !important;
	padding: 2px !important;
}
DIV.postit PRE {
	margin: 0 !important;
	padding: 5px !important;
	font-size: 12px !important;
	line-height: 1.4em !important;
}
DIV.postit H2 {
	margin: 0 !important;
	padding: 8px 10px !important;
	font: bold 11px/13px Roboto, sans-serif !important;
	border-bottom: 1px solid #ccc !important;
	color: #000 !important;
	background-color: #ff5 !important;
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-webkit-border-top-left-radius: 10px !important;
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-topleft: 10px !important;
	-khtml-border-radius-topright: 10px !important;
	-khtml-border-radius-bottomright: 0px !important;
	-khtml-border-radius-bottomleft: 0px !important;
	-khtml-border-radius-topleft: 10px !important;
	-o-border-radius-topright: 10px !important;
	-o-border-radius-bottomright: 0px !important;
	-o-border-radius-bottomleft: 0px !important;
	-o-border-radius-topleft: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 10px !important;
}
DIV.postit .h2 {
	font: bold 11px/13px Roboto, sans-serif !important;
	margin: 0 !important;
	padding: 3px 5px !important;
}
DIV.postit H2.noText {
	border-bottom: 0 !important;
}

DIV.postit TD {
	font: 11px/13px Roboto, sans-serif !important;
}



.noHighRes,
.onlyTablet,
.onlyPhone,
.onlyTabletOrLess {
	display: none !important;
}

.onlyHighRes {
	display: block;
}

.dimText {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=54)' !important;
	filter: alpha(opacity=54) !important;
	-moz-opacity: 0.54 !important;
	-khtml-opacity: 0.54 !important;
	opacity: 0.54 !important;
}
.smallText {
	font-size: 10px !important;
}

input, select, textarea, button {
	outline: none;
}

#adminPanels {
	position: relative;
	z-index: 1000;
	background-color: #fff;
	padding: 0 0 5px 0;
}
@media screen and (max-width: 437px) {
	#adminPanels { display: none; }
}
#adminPanelsInner {
	margin: 0 0.9900990099009901%;
}
#adminPanelDiv,#changePageDiv {
	float: left;
	margin: 0 10px 0 0 !important;
}
#changePageDiv {
	margin: 15px 10px 0 0 !important;
}
#changePageTdTop table {
	margin: 3px 0 4px 0;
}
#changePageDiv .changePageTdBottom td {
	padding: 3px 4px 4px 4px !important;
}
#changePageDiv .changePageTdBottom td img {
	height: 24px;
}



#adminLinksDiv {
	float: left;
	margin: 15px 0 0 10px !important;
	background-color: #f5f5f7 !important;
	border-width: 1px 2px 2px 1px !important;
	border-style: solid !important;
	border-color: #ccc #000 #000 #ccc !important;
	background-color: #f5f5f7 !important;
}
#adminLinksTable {
	margin: 0 1px 1px 0 !important;
}

.imcmsAdmBgHead {
	background-color: #20568d !important;
	color: #fff !important;
	padding: 5px !important;
}
.imcmsAdmBgCont {
	background-color: #f5f5f7 !important;
	color: #000 !important;
	padding: 5px !important;
}
#adminLinksDiv TD {
	font-size: 10px;
}





/* -----------------------------------------------------------------------------
  FONTS
  
----------------------------------------------------------------------------- */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.eot");
  src: local("Oxygen Light"), local("Oxygen-Light"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.woff2") format("woff2"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.woff") format("woff"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.ttf") format("truetype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-300.svg#Oxygen") format("svg");
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.eot");
  src: local("Oxygen"), local("Oxygen-Regular"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.woff2") format("woff2"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.woff") format("woff"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.ttf") format("truetype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-regular.svg#Oxygen") format("svg");
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.eot");
  src: local("Oxygen Bold"), local("Oxygen-Bold"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.woff2") format("woff2"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.woff") format("woff"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.ttf") format("truetype"), url("/css/menu_btn/fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen") format("svg");
}
/* -----------------------------------------------------------------------------
  MAIN STYLE
  
----------------------------------------------------------------------------- */

.c-hamburger {
  box-sizing: border-box;
  color: #6d6d6d;
  background-color: #333;
  font-family: "Oxygen", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

/* -----------------------------------------------------------------------------
  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 14px;
  left: 3px;
  right: 3px;
  height: 5px;
  background-color: #333;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #333;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger.is-active span,
.c-hamburger.is-active span::before,
.c-hamburger.is-active span::after {
	background-color: #333;
}

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: #fff;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #fff;
}

.c-hamburger--htx.is-active span {
  background: transparent none;
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}





.shopItem {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
}
.shopItem .shopItemLeft {
	float: left;
	width: 35%;
	padding: 5px;
}
.shopItem .shopItemRight {
	float: right;
	width: 59%;
	min-height: 160px;
	padding: 5px;
	background-color: #e7e7e7;
}
.tablet .shopItem .shopItemLeft,
.phone .shopItem .shopItemLeft {
	text-align: center;
}
.tablet .shopItem .shopItemLeft,
.phone .shopItem .shopItemLeft,
.tablet .shopItem .shopItemRight,
.phone .shopItem .shopItemRight {
	float: none;
	width: auto;
	min-height: 0;
}

.shopItem .shopItemImage {
	padding-bottom: 10px;
}
.shopItem h3 {
	margin: 0 0 10px 0;
	font-family: Roboto, sans-serif !important;
	font-size: 20px;
}
.shopItem h4 {
	margin: 10px 0 3px 0;
	font-family: Roboto, sans-serif !important;
}
.shopItem .shopItemBtn {
	clear: both;
	padding: 5px;
	text-align: right;
}
.shopItem select.itemId {
	width: 230px;
}
.shopItem .clear {
	clear: both;
}

.shopCartDiv {
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #ccc;
}
.shopCartDiv.success {
	background-color: #82bc7e;
}
.shopCartIcon.error {
	background-color: #be5a53;
}
.shopCartDiv .shopCartTbl {
	width: 100%;
}
.shopCartDiv .shopCartTbl td.first {
	width: 42px;
}
.shopCartDiv .shopCartTbl td.last {
	width: 15%;
	text-align: right;
	white-space: nowrap;
}
#shopCart .dim,
.shopCartDiv .dim {
	color: #999;
	font-style: italic;
}
#shopCart .small,
.shopCartDiv .small {
	font-size: 11px;
}
.shopCartDiv .shopCartText SPAN {
	font-size: 10px !important;
}
.shopCartIcon {
	width: 32px;
	height: 32px;
	background: transparent url(/images_gui/icons/shopping_cart_sprite.png) 0 0 no-repeat;
}
.shopCartIcon.add {
	background-position: 0 -32px;
}

.ui-effects-transfer {
	z-index: 100000;
	border: 2px dashed #000;
	background-color: #39f;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



#webshop {
	margin: 0;
}
#webShopSteps {
	margin: 20px 0 25px 20px;
}
#webShopSteps .webShopStepsTbl {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
#webShopSteps .webShopStep {
	padding: 0 !important;
}
#webShopSteps .webShopStep b {
	margin-left: -4px;
	font: 11px/13px Roboto, sans-serif;
	color: #666;
}
#webShopSteps .webShopStep.active b {
	color: #000;
}
#webShopSteps .webShopStep span {
	display: inline-block;
	width: 23px;
	height: 29px;
	padding: 0 9px 0 1px;
	text-align: center;
	font: bold 15px/29px Roboto, sans-serif;
	color: #fff;
	text-shadow: #666 -1px -1px 1px;
	background: #fff url(/images_gui/icons/3d_ball_sprite.jpg) 0 -29px no-repeat;
}
#webShopSteps .webShopStep.active span {
	text-shadow: #000 -1px -1px 1px;
	background-position: 0 0;
}



.shopCartTable,
.checkoutTbl {
	width: 100%;
}
.checkoutTbl th {
	height: 35px;
	padding-bottom: 10px;
	background: #c4c4c4 url(/images_gui/bg_rightmenu_bar.gif) right bottom no-repeat;
	font: 500 14px/15px Roboto, sans-serif !important;
	color: #fff;
}
.checkoutTbl th.col1,
.checkoutTbl th#col1 {
	background-position: left bottom;
}

.reviewTbl {
	min-width: 415px;
	background-color: #c4c4c4;
}
@media screen {
	#webshop.receiptView .reviewTbl {
		max-width: 800px;
	}
}

.paymentMethodTable,
.campaignKeyTable {
	margin-top: 25px;
	margin-bottom: 10px;
}
.campaignKeyTable {
	margin-bottom: 25px;
}
.campaignKeyTable .head td {
	padding-top: 10px;
}

.reviewTbl td {
	background-color: #fff;
	border-top: 0 !important;
	padding: 5px !important;
	vertical-align: top !important;
}
.reviewTbl th {
	color: #000;
	background-color: #f0f0f0;
	text-align: left;
	height: 30px;
	padding: 0 5px;
}
.reviewTbl.margTop {
	margin-top: 35px;
}
.reviewTbl th.header {
	font: bold 13px/15px Roboto, sans-serif !important;
	color: #000;
	background-color: #c4c4c4;
	text-align: left;
	height: 30px;
	padding-left: 10px;
}
.reviewTbl .td0,
.customerTbl td {
	padding-left: 10px !important;
}

.checkoutTbl .col1 { text-align: left; padding-left: 10px; }
.shopCartTable #col1 { width: 49%; text-align: left; padding-left: 10px; }
.shopCartTable #col2 { width: 12%; text-align: right; }
.shopCartTable #col3 { width: 6%; }
.shopCartTable #col4 { width: 27%; text-align: right; padding-right: 20px; }
.shopCartTable #col5 { width: 6%; }
.shopCartTable td {
	padding: 5px;
}
.shopCartTable .item td,
.shopCartTable .hr td,
.shopCartTable .head td {
	font: bold 12px/15px Roboto, sans-serif !important;
}
.shopCartTable .item td,
.shopCartTable .hr td {
	border-top: 1px solid #ccc;
}
.shopCartTable .bigger {
	font: bold 16px/20px Roboto, sans-serif !important;
}
.shopCartTable .big {
	font: bold 14px/20px Roboto, sans-serif !important;
}
#webshop .al {
	text-align: left !important;
}
#webshop .ar {
	text-align: right !important;
}
.shopCartTable td.spacer {
	height: 5px;
}
button.iconPlus,
button.iconMinus,
button.iconDelete {
	display: block;
	width: 12px;
	height: 12px;
	border: 0;
	outline: 0;
	font-size: 0px;
	line-height: 0px;
	background: transparent url(/images_gui/icons/icon_12x12_sprite.gif?v=2) 0 0 no-repeat;
	cursor: pointer;
}
button.iconMinus {
	margin-top: 3px;
	background-position: 0 -15px;
}
button.iconDelete {
	background-position: 0 -30px;
}
button.iconPlus:hover {
	background-position: -20px 0;
}
button.iconMinus:hover {
	background-position: -20px -15px;
}
button.iconDelete:hover {
	background-position: -20px -30px;
}

#navButtons {
	padding: 15px 0;
}


#webshop .formTable {
	width: 100%;
}
#webshop .formTable TD {
	vertical-align: top;
	padding-bottom: 5px;
}
#webshop .formTable TD.td0 {
	padding-top: 3px;
}
#webshop .formTable HR { /* For Internet Explorer */
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	color: #ccc;
	border: none;
}
html>body #webshop .formTable HR { /* For Opera and Gecko-based browsers */
	margin: 10px 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
}
#webshop .errMess {
	display: none;
	padding: 3px 0 5px 0;
	font-size: 11px;
	color: #f33 !important;
}
#webshop .fieldError .errMess {
	display: block;
}
#webshop .fieldError INPUT {
	border-color: #f00 !important;
	background-color: #fee !important;
}
#webshop .fieldErrorRadio LABEL {
	color: #f00 !important;
}
#webshop .error H4 {
	color: #f00 !important;
}

.formField.filled {
	border-color: #090 !important;
	background-color: #efe !important;
}
.formField.notFound {
	border-color: #d00 !important;
	background-color: #fee !important;
}

#webshop.receiptView #logo {
	position: absolute;
	top: 2px;
	right: 0;
}
@media screen {
	#webshop.receiptView {
		padding-top: 20px;
	}
	#webshop.receiptView #logo {
		right: auto;
		top: 22px;
		left: 589px;
	}
}
#webshop.receiptView h1 {
	padding-left: 11px;
}
#webshop .receiptText {
	padding-left: 11px;
	font-size: 13px;
}
#webshop .receiptText.top {
	padding-bottom: 35px;
}
#webshop .receiptText.bottom {
	padding-top: 35px;
}

.infoDiv {
	margin: 10px 0;
	padding: 10px 10px 5px 10px;
	font-size: 11px;
	background-color: #ff9;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #999999;
	-webkit-box-shadow: 3px 3px 3px #999999;
	box-shadow: 3px 3px 3px #999999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
.infoDiv.dimmed {
	background-color: #f5f5f5;
}
.infoDiv.narrow {
	padding: 0;
}
.infoDiv.narrow .item {
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #ccc;
}
.infoDiv.narrow .item.first {
	border-top: 0;
}
.infoDiv p {
	margin: 0 0 5px 0;
}





/* *******************************************************************************************
 *         Form Generator / FormEngine                                                       *
 ******************************************************************************************* */

#formEngine {
	margin: 0;
	padding: 0px 30px 15px 20px;
}
FORM#formEngineForm {}
TABLE.formEngineTable {}
TABLE.formEngineTable TD,
TABLE.formEngineTable Th {
	border: 0 !important;
}
TABLE.formEngineTable TD {
	font-size: 14px;
}
TABLE.formEngineTable .td1 {
	width: 120px;
	padding: 6px 2px;
}
TABLE.formEngineTable .label_fullwidth {
	padding-top: 8px;
	padding-bottom: 8px;
}
#formEngine H2 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#formEngine .dividerHeading {
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	font: bold 18px Roboto, sans-serif;
}
#formEngine .dividerLine {
	border-bottom: 1px solid #ccc;
	height: 1px;
	line-height: 1px;
}
#formEngine .dividerSpacer {
	height: 10px;
	line-height: 1px;
}
TABLE.formEngineTable .tr_textarea TD,
TABLE.formEngineTable .tr_radiobutton TD,
TABLE.formEngineTable .tr_checkbox TD {
	padding-bottom: 12px;
}

.adminLinksDivs {
	clear: both;
	float: left;
	margin: 10px 0 0 0 !important;
	background-color: #f5f5f7 !important;
	border-width: 1px 2px 2px 1px !important;
	border-style: solid !important;
	border-color: #ccc #000 #000 #ccc !important;
	background-color: #f5f5f7 !important;
}
.adminLinksDivs .adminLinksTable {
	margin: 0 1px 1px 0 !important;
}
.adminLinksDivs .formBtn {
	position: relative;
	background: #3075a8 url(../images_gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #105588;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font: 9px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 0 2px 1px 2px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}



/* Blur effect */


.blur-in {
	-webkit-animation: blur 2s forwards;
	-moz-animation: blur 2s forwards;
	-o-animation: blur 2s forwards;
	animation: blur 2s forwards;
}

.blur-out {
	-webkit-animation: blur-out 2s forwards;
	-moz-animation: blur-out 2s forwards;
	-o-animation: blur-out 2s forwards;
	animation: blur-out 2s forwards;
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-moz-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-o-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}