@charset "UTF-8";

/* CSS Document */

@font-face { font-family: 'Znediz'; src: url('css/Akzidenz/znediz-webfont.eot'); src: url('css/Akzidenz/znediz-webfont.eot?#iefix') format('embedded-opentype'),  url('css/Akzidenz/znediz-webfont.woff') format('woff'),  url('css/Akzidenz/znediz-webfont.ttf') format('truetype'),  url('css/Akzidenz/znediz-webfont.svg#webfontwOjgh2nV') format('svg'); font-weight: normal; font-style: normal; }

* { margin: 0; padding: 0; }

body { font: normal 12px Helvetica, Arial, sans-serif; color: #5b5b5b; }

a { text-decoration:none; color: #3d3d3d; outline: none; cursor: pointer; }

a:hover { text-decoration:underline; }

ul { list-style: none; }

ol { list-style: lower-alpha; padding: 15px 0 15px 50px; }

dd { }

dt { float:left; width: 150px; }

img a, a img { border: none; cursor: pointer; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

input.lightSubmit, a.lightSubmit { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-8 */
color:#555; padding:7px 12px 4px; text-transform: uppercase; font: normal 22px Znediz, Arial, Helvetica, sans-serif; cursor: pointer; border: solid 1px #bbb; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; text-shadow: 0px 0px 1px #ffffff; }

input.lightSubmit:hover, a.lightSubmit:hover { border-color: #888; text-decoration: none; }

input.lightSubmit:active, a.lightSubmit:active { background: #ededed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0%, #e5e5e5 50%, #d3d3d3 51%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(50%, #e5e5e5), color-stop(51%, #d3d3d3), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%, #e5e5e5 50%, #d3d3d3 51%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%, #e5e5e5 50%, #d3d3d3 51%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 0%, #e5e5e5 50%, #d3d3d3 51%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #ededed 0%, #e5e5e5 50%, #d3d3d3 51%, #e8e8e8 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-8 */
}

a.lightSubmit { display: block; }

.ie7 input.lightSubmit { padding: 4px 0 2px; }

input[type="submit"]:disabled, input[type="submit"].disabled, input[type="submit"].disabled:hover { background:#fff; border: solid 1px #ddd; color: #ccc; text-shadow: none; }

/*** Input submitArrow's ***/



input.submitArrow, a.submitArrow { background: url('largeThinArrowRight.gif') 100% 0 no-repeat; height: 37px; vertical-align:middle; color:#5b5b5b; padding: 3px 50px 0 0 !important; text-transform: uppercase; font: normal 26px/37px Znediz, Arial, Helvetica, sans-serif; cursor: pointer; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; margin: 15px 0 0; position: relative; }

input.submitArrow:hover, a.submitArrow:hover { color: #BB30BF; }

input.submitSmallArrow, a.submitSmallArrow { background: url('smallThinArrowRight.gif') 100% 0 no-repeat; height: 25px; display:block; vertical-align:middle; color:#5b5b5b; padding:0 28px 0 0; text-transform: uppercase; font: normal 22px/25px Znediz, Arial, Helvetica, sans-serif; cursor: pointer; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; margin: 15px 0 0; }

input.submitSmallArrow:hover, a.submitSmallArrow:hover { color: #BB30BF; text-decoration: none; }

a.submitSmallArrow { margin: 0; }

.dinosaur .searchArea input.submitArrow { padding: 2px 40px 0 0; }

.dinosaur .addtocart input.submitArrow { padding: 2px 25px 0 0; }

/*** other input's ***/



input[type="text"], input[type="password"], textarea { font: normal 12px Helvetica, Arial, sans-serif; line-height: 1.4; padding: 0.4em 3px; border: 1px solid #aeaeae; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #5b5b5b; }

textarea { resize:none; }

h1 { font: normal 30px Znediz, Arial, Helvetica, sans-serif; color: #307BBF; margin: 0 0 15px; text-transform:uppercase; }

h1.checkout { border-bottom: solid 1px #ddd; padding: 0 0 10px; margin: 0 0 5px; }

h2 { font: normal 30px Znediz, Arial, Helvetica, sans-serif; color: #5B5B5B; margin: 0 0 5px; text-transform:uppercase; }

h3 { font: normal 22px Znediz, Arial, Helvetica, sans-serif; color: #BB30BF; margin: 20px 0 0; text-transform:uppercase; position: relative; }

.znediz { font: normal 30px Znediz, Arial, Helvetica, sans-serif; text-transform:uppercase; }

.left { float:left; }

.right { float:right; }

.middle { margin: 0 auto; }

.centre { text-align:center; }

.lightBlue, .lightBlue a { color: #006899 !important; }

.brightBlue { color: #2a5a95; }

.darkBlue, .darkBlue a { color: #002e66 !important; }

.limeGreen, .limeGreen a { color: #9cb220 !important; }

.brightGreen { color: #33BF30; }

.brightPurple { color: #BB30BF; }

.purple { color: #990066; }

.darkPurple { color: #660066; }

.brightBrown { color: #BF7430; }

.arrowLink { background: url('smallThinArrowRight.gif') 100% 0 no-repeat transparent !important; height: 25px; vertical-align:middle; color:#5b5b5b; padding:0 28px 0 0 !important; text-transform: uppercase; font: normal 22px/25px Znediz, Arial, Helvetica, sans-serif; cursor: pointer; margin: 15px 0 0; float:right }

.arrowLink:hover { color: #BB30BF; text-decoration: none; }

.shadow { box-shadow: 0 5px 5px #ccc; -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; }

.shadowLight { box-shadow: 0 3px 3px #ddd; -moz-box-shadow: 0 3px 3px #ddd; -webkit-box-shadow: 0 3px 3px #ddd; }

.zeroMargin { margin: 0; }

.dotted { border-bottom: dotted 1px #222; margin: 0 0 10px; padding: 0 0 5px; }

.hide { display: none !important; }

.margin50px { margin: 50px 0 0; }

.noColumns p { margin: 0 0 5px; }

.columnText4 { -moz-column-count: 4; -moz-column-gap: 25px; -webkit-column-count: 4; -webkit-column-gap: 25px; column-count: 4; column-gap: 25px; }

.columnText4 p { margin: 0 0 15px; }

.columnText4 h2 { font-size:18px; color:#888; margin: 0; }


/* Xmas styling */

#xmas-message {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #333;
	border-top: 2px solid #1b1b1b;
	z-index: 9999;
	opacity: 0.85;

	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;

}

#xmas-message:hover {
	opacity: 1;
}

#xmas-message a {
	text-align: center;
	padding: 1em 0;
	color: #ccc;
	display: block;
}

#xmas-message span {
	font: italic 16px georgia, arial, sans-serif;
}


@media only screen and (min-width: 1150px) {

	.xmas  { display: block; position: fixed; background: url('images/template/xmas-assets.jpg') 0 0 no-repeat; }

	.red-ball { top: 0; left: -150px; background-position: 0 0; width: 250px; height: 360px; }
	.clear-ball { top: 0; right: -150px; background-position: -250px 0; width: 250px; height: 465px; }
	.xmas-lock { }

}


@media only screen and (min-width: 1250px) {

	.xmas  { }

	.red-ball { left: -100px; }
	.clear-ball { right: -100px;  }
	.xmas-lock { }

}


@media only screen and (min-width: 1400px) {

	.xmas  { }

	.red-ball { left: -50px; }
	.clear-ball { right: -50px; }
	.xmas-lock { bottom: 50px; right: -150px; background-position: -500px 0; width: 370px; height: 240px; }

}


@media only screen and (min-width: 1650px) {

	.xmas  { }

	.red-ball {  }
	.clear-ball { }
	.xmas-lock { right: -30px;  }

}

/* End Xmas styling */


/* Banner styling */

.Banner {
    margin: 0;
    display: flex;
    justify-content: center;
}

.Banner--covid {
    background-color: #ffeb3e;
}

.Banner--delivery {
    background-color: #ffeb3e;
}

@media screen and (max-width: 768px) {

    .Banner--covid {
        display: none;
    }
    
    .Banner--delivery {
        display: none;
    }

}

.Banner__container {
    width: 100%;
    max-width: 950px;
    padding: 10px;
}

.Banner__message {
    font-size: 13px;
    letter-spacing: 0.025rem;
    color: #1b1b1b;
}

/* End Banner styling */


/* tooltip styling */

.tooltip { position:absolute; padding: 10px; max-width: 300px; }

.attr-tooltip { background: #006899; margin: 0 0 0 10px; padding: 2px 5px; border-radius: 3px; color: #fff; cursor: pointer; font: 11px normal Verdana, Geneva, sans-serif; }

.attr-tooltip:hover { background: #BB30BF; text-decoration: none; }

/* page template styling */



#topBar { background: url('topBar.gif') 0 0 repeat-x; height: 40px; line-height: 35px; vertical-align: middle; text-align: center; position:relative; z-index: 40; color: #eee; margin: 10px 0 0; }

#topBar ul li { float:left; display: block; }

#topBar ul#priceDisplay { background: url('topBarLeft.gif') 0 0 no-repeat; height: 40px; padding: 0 0 0 28px; position:absolute; top:0; left:0; overflow:hidden; } /* Overflow set here */

#topBar ul#priceDisplay li#priceDisplayContainer { height: 35px; overflow: hidden; } /* AND HERE - twice as first is for ie7 & second prevents jumpy hover behaviour */

.no-js #topBar ul#priceDisplay li { display: none; }

#topBar ul li #priceDisplayOptions { padding: 0 15px; cursor: pointer; text-align:left; position:relative; }

#topBar ul li #priceDisplayOptions li { float:none; background: none !important; }

#topBar ul.topMenu { background: url('topBarRight.gif') 100% 0 no-repeat; height: 40px; padding: 0 28px 0 0; }

#topBar ul.topMenu li a { color: #eee; line-height: 35px; text-decoration:none; padding: 0 15px; }

#topBar ul#priceDisplay li:hover, #topBar ul.topMenu li:hover, #topBar ul.topMenu li.current { background:  url('topBar.gif') 0 -40px repeat-x; }

#topBar ul.topMenu li.noHover { background: none; padding: 0 15px; }

#topBar ul.topMenu li#miniCart a { padding: 0; }

#topBarCart { background: url('topBarCart.png') 18px 0 no-repeat; padding: 0 15px 0 51px; height: 35px; }

#topBarCart li { padding: 0 5px !important; }

#topBarCart li:last-child { padding: 0 0 0 5px !important; }

.no-js #topBarCart li { display: none; }

#miniItems a, #miniValue a { padding: 0 !important; }

#topBar .division { background:  url('topBarDivision.png') 0 0 no-repeat !important; height: 35px; width: 3px; margin: 0 -1px; padding: 0 !important; position: relative; z-index: 50; }

.password-password { display: none; }

/* minicart bar */



#minicartcontainer, #addtocartcontainer { position:absolute; right:0; top: 50px; width: 280px; border: 1px solid #d2d2d2; background: #fff; z-index:30; padding: 0 20px; display: none; }

#addtocartcontainer p.text { font-size:14px; text-align:center; width: 220px; margin: 25px auto; vertical-align:middle; display: none; }

#addtocartcontainer p.tick { background: url('greenTick.gif') 0 0 no-repeat; line-height: 21px; }

#addtocartcontainer p.loadingIcon { background: url('loader.gif') 0 0 no-repeat; line-height: 31px; }

.minicartheader { margin: 10px 0 0; }

.minicartheader li { padding: 10px 5px; display: inline-block; line-height:normal; }

.dinosaur .minicartheader li { display: inline; }

.minicartitem li { padding: 10px 5px; display: inline-block; line-height:normal; vertical-align: top; line-height: 20px; }

.dinosaur .minicartitem li { display: inline; }

.minicartitem li a { color: #333; border: none; padding: 0; }

.minicartitem li a:hover { border: none; text-decoration:underline; }

.minicol1 { width: 165px; text-align:left; }

.minicol2 { width: 20px; }

.minicol3 { width: 55px; text-align:left; }

.cartPreviewBase { border-top: 3px solid #d2d2d2; padding: 0 5px; }

.cartPreviewBase p { line-height: 40px; text-align: left; }

.cartPreviewBase span { line-height: 40px; float: right; }

.cartPreviewBottom { text-align:center; margin: 0 0 10px; }

.cartPreviewBottom p a { background:#006899; padding: 10px 0; display:block; color: #fff; }

.cartPreviewBottom p a:hover { background:#990066; color:#fff; }

/* end minicart bar */





.content { width: 950px; margin: 0 auto; position: relative; }

#logo-container { position: relative; }

.logo { position: relative; z-index: 10; margin: 20px 0; }

.logo a { background: url('logo.gif') 0 0 no-repeat; display: block; width: 250px; height: 84px; text-indent: -5000px; }

.logo a:hover { background-position: 0 -84px; }

.cgiurl { position: absolute; z-index: 20; top: 0; left: 0; }

.searchArea { margin: 44px 0 0; float:right; position: relative; text-align:right; }

.searchArea input.search { width:260px; color: #888; padding: 0.6em 8px; margin: 0 10px 0 0; vertical-align: middle; position: relative; z-index: 3; }

.searchArea #simpleSearchSubmit { margin: 0; }

.searchArea #ssl { position: absolute; z-index: 2; top: -50px; right: 85px; }

#simplesearch { margin: 19px 0 0; }

#simpleSearchError .ui-state-error { margin: 0 10px 0 0; padding: 0.6em 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.searchResultsArea { width: 370px; margin: -20px 0 25px; float:none; }

#SearchProperties { display:none; }

#menu { clear: both; position: relative; z-index: 20; margin: 5px 0 15px; border-bottom: 1px solid #ccc; width: 950px; display: block; height: 42px; }

#menu ul li a.menuLink { font: normal 36px Znediz, Arial, Helvetica, sans-serif; color: #5b5b5b; text-transform:uppercase; border-top: 1px solid #fff; }

.fontface #menu ul li a.menuLink { display: block; height: 42px; }

#menu ul li a.menuLink.current { border-top: 1px solid #307BBF; }

#menu > ul > li { float:left; margin: 0 0 0 67px; }

.ie6 #menu ul li { display: inline; }

#menu ul li:hover a.menuLink { color: #333; text-decoration: none; border-top: 1px solid #BB30BF; }

#menu ul li.menu_465, #menu ul li.menu_70 { margin: 0; }

#menu ul li.menu_70 { float:right; }

#menu ul li ul.subNav { position: absolute; top: 42px; left: 0; z-index: 10; border: solid 1px #ccc; display: none; background: #fff; width: 950px; padding: 0 0 40px; }

.no-touch #menu ul li:hover ul.subNav, .no-js #menu ul li:hover ul.subNav { display: block; }

#menu ul li ul.subNav > li { float: left; margin: 0; font-size:14px; }

#menu ul li ul.subNav > li.subNavInfo { float: none; text-align:center; font-size: 12px; line-height: 35px; vertical-align: middle; color: #fff; background: url('topBar.gif') 0 -40px repeat-x; height: 35px; width: 100%; position:absolute; bottom: 0; left: 0; }

#menu ul li ul.subNav li ul { padding: 0 1px 0 0; margin: 0 0 25px 30px; width: 260px; }

#menu ul li ul.subNav li ul.popularSections { margin: 0; padding: 25px 0 0 50px; background: url('popularSections.gif') 10px center no-repeat; min-height: 250px; }

#menu ul li ul.subNav li ul.popularSections li { text-align: center; width: 145px; margin: 0 0 25px; background: none; display: inline-block; vertical-align: top; } /*** width is not 150px due to display: inline-block adding padding for whitespace, simple solution, reduce the width a bit to accomodate ***/

#menu ul li ul.subNav li ul.popularSections li p { color: #888; font-size: 12px; padding: 5px 0 0; }

#menu ul li ul.subNav li ul.popularSections li a { line-height: 18px; }

#menu ul li ul.subNav li ul.popularSections li a:hover p { color: #333; }

#menu ul li ul.subNav li ul.popularSections li:hover a:before { top: 78px; }

#menu ul li ul.subNav li ul.popularSections li a img { width: 75px; height: 75px; }

#menu ul li ul.subNav li ul.twoColumns { width: 600px; }

#menu ul li ul.subNav li ul.threeColumns { width: 300px; }

#menu ul li ul.subNav li ul li { background: #FFF; }

#menu ul li ul.subNav li ul li a { display: block; padding: 0 25px 0 20px; color: #5b5b5b; line-height: 30px; vertical-align: middle; position: relative; }

#menu ul li ul.subNav li ul li a:hover { text-decoration:none; color: #333; }

#menu ul li ul.subNav li ul li:hover a { background: url('images/template/blue-star.png') 0 8px no-repeat #fff; }

#menu ul li ul.subNav li ul.popularSections li:hover a { background-position: 0 85px; }

#menu ul li ul.subNav li ul li.subtitle { font: normal 26px Znediz, Arial, Helvetica, sans-serif; color: #1995e4; text-transform:uppercase; padding: 25px 20px 10px; }

.dinosaur #menu ul li ul.subNav li ul.popularSections li { display: inline; }

.breadcrumb { color: #888; margin: 0 0 -10px; }

.breadcrumb ul li:first-child { margin: 0; }

.breadcrumb ul li { margin: 0 0 0 10px; display: inline; }

.breadcrumb ul li a { color: #888; }

.breadcrumb ul li a:hover { text-decoration:underline; }

.maincontent { display: block; margin: 25px 0 0; position: relative; }

.liveSupport { position: fixed; top: 200px; left: 0; text-indent: -5000px; }

#footer { margin: 50px 0 0; width: 950px; }

.footerMenu { width: 500px; }

.footerMenu ul { float: left; margin: 0 50px 0 0; }

.footerMenu ul:last-child { margin: 0 0 0 15px; }

.footerMenu ul li { margin: 0 0 9px; }

.footerMenu ul li h3 { margin: 0; color: #888; margin: 0 0 15px; }

.footerMenu ul li a { color: #5b5b5b; }

.footerMenu ul li a:hover { color: #333; }

.footerBanners { float: right; width: 450px; }

.footerBanners div { float: right; }

.footerBanners #acceptance { width: 450px; }

.footerBanners #acceptance #googleCheckoutLogo { margin: -6px -12px 15px 0; }

.footerBanners #acceptance #paypalacceptance { margin: 4px 15px 15px 0; }

.footerBanners .cardBanner { background: url('cards.jpg') 0 0 no-repeat; width: 195px; height: 35px; text-indent: -5000px; }

.copyright { text-align: center; margin: 30px 0 20px; color: #999; background: url('mla.gif') 50% 0 no-repeat; padding: 70px 0 0 0; }

/*** Page Styling Elements ***/



.boxRow { margin: 25px 0 0; }

.boxRow > a { display: inline-block; vertical-align: top; }

.dinosaur .boxRow > a { display: inline; }

.box { border: 1px solid #ccc; text-align:center; font-size:11px; margin: 20px 0 0; position:relative; z-index: 2; }

.box30 { width: 300px; height: 260px; vertical-align: top; margin: 0 17px 0 0; }

.dinosaur .box30 { margin: 0 22px 0 0; }

.box30.left { float: none; }

.box30.right { margin: 0; float: none; }

.box100 { width: 100%; }

.box .section { display:inline-block; text-align:center; margin: 25px 0 0; vertical-align: bottom; border-top: none; padding: 0; }

.dinosaur .box .section { display: inline; }

.box .section:hover { border-top: none; }

.box a:hover { text-decoration: none; }

.box .section img { position: relative; z-index: 1; }

.box .section > div { position: absolute; top: 0; left: 0; height: 260px; z-index: 3; }

.box .section div div { position: absolute; bottom: 0; left: 0; }

.box .section p { color: #3b3b3b; }

.box p { margin: 10px 0 0; color: #5d5d5d; }

.box30 .section h2 { font: normal 14px Helvetica, Arial, sans-serif; color: #3b3b3b; border-top: 1px solid #fff; text-align: center; padding: 12px 0; margin: 0; text-transform:capitalize; background: none; }

.box30 .section p { padding: 0 20px 15px; border-bottom: 1px solid #d4d4d4; }

.box30 .section div { width: 300px; }

.box100 h4 { font-size: 14px; font-weight: normal; color: #3b3b3b; text-align: center; padding: 12px 0; background: url('borderHighlight.gif') 0 0 repeat-x; text-transform:capitalize; }

.box100 a:hover .section p { font-weight: normal; text-decoration:underline; }

.box100 .sectionDesc { width: 70%; margin: 10px auto 0; }

.box100 .section3 { width: 316px; }

.box100 .section3 p { height: 60px; padding: 0 20px; }

.box30.showPrice, .box.showPrice .section > div { height: 290px; }

.box30.showPrice .section p { border-bottom: none; padding: 0 20px 10px; }

.box30.showPrice .section p.sectionPrice { border-bottom: 1px solid #d4d4d4; padding: 0 20px 10px; color: #717171; font-size: 22px; margin: 0; }

.box30.showPrice .section p.sectionPrice span { text-transform: uppercase; font-size: 11px; }

.box span.recommended { background: url("images/template/lsw-approved.png") 100% 0 no-repeat; width: 64px; height: 66px; position: absolute; top: -5px; right: -12px; z-index: 3; }

.roundedCorners { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.roundedTopCorners { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }

/*** Design Gradients ***/



.ie9 .gradient, .ie9 .menuGradient, .ie9 input.lightSubmit { filter: none; }

.gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(236,236,236,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(255,255,255,0)), color-stop(100%, rgba(236,236,236,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(236,236,236,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(236,236,236,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0) 31%, rgba(236,236,236,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ececec', GradientType=0 ); /* IE6-8 */
}

a:hover .gradient, a.gradient:hover { /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(221,221,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(255,255,255,0)), color-stop(100%, rgba(221,221,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(221,221,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(221,221,221,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0) 31%, rgba(221,221,221,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dddddd', GradientType=0 ); /* IE6-8 */
}

.menuGradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 5%, #9e9e9e 53%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(53%, #9e9e9e), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 5%, #9e9e9e 53%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 5%, #9e9e9e 53%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 5%, #9e9e9e 53%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 5%, #9e9e9e 53%, #ffffff 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 ); /* IE6-8 */
}

.textIndent { text-shadow: 0px 1px 0px #ffffff; }

.textIndentLight { text-shadow: 0px 1px 0px #eeeeee; }

/*** Section Level ***/



.pageContent { position:relative; }

.js .sideOn { width: 700px; float:right; } /* only set up sideOn when JS is enabled */

#searchResults { margin: 0; display: none; }

.no-js #searchResults { display: block; }

.setionTitleBox { padding: 25px 25px 50px; color: #717171; position:relative; margin: 0 0 25px; border: 1px solid #ddd; }

.setionTitleBox h1 { color: #717171; background: url('littleLine6b6b6b.gif') 0 100% no-repeat; padding: 0 0 6px; margin: 0 0 10px; }

.setionTitleBox #bannerExtras { position: absolute; bottom: 0; right: 15px; z-index: 2; }
.dinosaur .setionTitleBox #bannerExtras { width: 184px; }

.setionTitleBox #bannerExtras #sortOrder-button { margin: 0 0 -8px; }

.setionTitleBox #bannerExtras .addthis_toolbox a { float: right; }

#bannerImage { width: 898px; height: 170px; padding: 25px; }

#bannerImage, #bannerImage h1 { color: #5b5b5b; }

#bannerImage p { width: 550px; font-size: 11px; }

.topSellers a .product { width: 25%; }

.topSellers a .product p.image { overflow: hidden; height: 120px; margin: 25px 0 0; text-align:center; position:relative; }

.topSellers a .product div { padding: 25px; }

.topSellers a .product div h3 { background: url('littleLineFFF.gif') 0 100% no-repeat; padding: 0 0 10px; margin: 0 0 10px; color: #fff; }

.topSellers a .product div p { color: #fff; padding: 0 0 10px; }

.topSellers a .product div p.price { color: #fff; padding: 0; }

.topSellers a .product div p.exclusive { background: #fff; margin: 15px 0 0 -25px; padding: 5px; font: normal 22px Znediz, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; width: 85%; }

.topSellers a .product:hover .image div.moreInfo { display:block; }

.topSellers .product.darkblue div { background: #002e66; }

.topSellers .product.darkblue div p.exclusive { color: #002e66 !important; }

.topSellers .product.blue div { background: #006899; }

.topSellers .product.blue div p.exclusive { color: #006899 !important; }

.topSellers .product.green div { background: #0e8e56; }

.topSellers .product.green div p.exclusive { color: #0e8e56 !important; }

.topSellers .product.lime div { background: #9cb220; }

.topSellers .product.lime div p.exclusive { color: #9cb220 !important; }

/* .section Styling */



.section { width: 210px; border-top: solid 3px #999; padding: 25px 0 0; margin: 0 0 50px; }
.section:hover { border-top: solid 3px #BB30BF; }

.section.left { margin: 0 33px 50px 0; }
.searchResults .section.left { margin: 0 35px 50px 0; }

.pageContent .section, #popular .section { display: inline-block; vertical-align: top; margin: 0 31px 50px 0; }

#popular .section:nth-child(4n) { margin: 0 0 50px; }

.dinosaur .pageContent .section, .dinosaur #popular .section { display: inline; }

.no-js .pageContent .section { margin: 0 33px 50px 0; }
.no-js .pageContent .section.end, .no-js #searchResults .section:nth-child(4n) { margin: 0 0 50px; }

.js .sideOn .section, .js .section.end { margin: 0 0 50px; }

.js .sideOn .section.middle { margin: 0 31px 50px; }

.js.dinosaur .sideOn .section.middle { margin: 0 33px 50px; }

.section .image { overflow: hidden; width: 210px; height: 120px; padding: 0 0 20px; position:relative; text-align:center; }
.section h2 { font-size: 22px; background: url('littleLine6b6b6b.gif') 0 100% no-repeat; color: #5b5b5b; padding: 0 0 6px; }
.section h3 { background: url('littleLine6b6b6b.gif') 0 100% no-repeat; color: #888; padding: 0 0 6px; }
.section p { padding: 10px 0 0; }

.section a p, a .section p { color: #717171; }
.section a p.price, a .section p.price { color: #990066; padding: 15px 0 0; }
.section a:hover { text-decoration: none; }

.no-touch .section:hover .image div.moreInfo { display:block; top: 30px; z-index: 1; }


.sectionClearer { float: left; width: 950px; }

.imageIcons { position:absolute; top: 0; right: 0; background: rgba(255,255,255,0.7); padding: 0 0 0 5px; margin: 0 !important; z-index: 2; }

.no-rgba .imageIcons { background: #fff; }

.imageIcons span { background: url("icon-pngs.png") 0 0 no-repeat; width: 35px; height: 35px; display:block; margin: 0 0 5px; }

.imageIcons span.bs { background-position: -175px 0; height: 41px; }

.imageIcons span.securebronze { background-position: -70px 0; height: 61px; }

.imageIcons span.securesilver { background-position: -35px 0; height: 61px; }

.imageIcons span.securegold { background-position: 0 0; height: 61px; }

.imageIcons span.cen3 { background-position: -105px 0; }

.imageIcons span.cen4 { background-position: -105px -35px; }

.imageIcons span.cen5 { background-position: -140px 0; }

.imageIcons span.cen6 { background-position: -140px -35px; }

.productImage .imageIcons span { width: 55px; height: 55px; }

.productImage .imageIcons span.bs { background-position: -280px -70px; }

.productImage .imageIcons span.securebronze { background-position: -140px -70px; height: 95px; }

.productImage .imageIcons span.securesilver { background-position: -70px -70px; height: 95px; }

.productImage .imageIcons span.securegold { background-position: 0 -70px; height: 95px; }

.productImage .imageIcons span.cen3 { background-position: -280px 0; }

.productImage .imageIcons span.cen4 { background-position: -210px -140px; }

.productImage .imageIcons span.cen5 { background-position: -210px 0; }

.productImage .imageIcons span.cen6 { background-position: -210px -70px; }

.section-grad-title { }

#popular { background: url('images/template/popular-bar.jpg') 0 0 no-repeat; width: 950px; padding: 72px 0 0; margin: 50px 0 0; }

#brands { background: url('images/template/brands-bar.jpg') 0 0 no-repeat; width: 950px; padding: 42px 0 0; margin: 50px 0 0; }

#brands.popularOn { margin: 0; }

/* End .section Styling */



.searchoptions p { margin: 0 0 15px; }

.searchoptions div { line-height: 22px; padding: 0 0 0 150px; vertical-align:middle; margin: 0 0 10px; }

.image div.moreInfo { position: absolute; top: 55px; left: 0; background: url('sectionHoverArrow.png') 100% 0 no-repeat; width:200px; height: 31px; display: none; }

p.price { font-size: 18px; padding: 15px 0 0; }

p.price span { text-transform: capitalize; font-size:11px; }

.solidUnderline { border-bottom: solid 1px #999; margin: 0 0 15px; }

.incVat { display: none; }

#sideBar { width: 200px; display: none; }

#sideBar p { font-size: 14px; color: #3b3b3b; padding: 0 0 5px; margin: 25px 0 10px; display: none; border-bottom: 1px solid #ddd; }

#sideBar ul li { font-size: 12px; line-height: 24px; color: #3b3b3b; display: none; cursor: pointer; padding: 0 0 0 7px; margin: 0 0 1px; background: #fff; text-transform:capitalize; }

#sideBar ul li:hover { background: #eee; }

#sideBar ul li span.state { margin: 6px 10px 0 0; background: url('filterTickBox.gif') 0 -11px no-repeat; width: 11px; height: 11px; display:block; float:left; }

#sideBar ul li span.state.tick { background-position: 0 0; }

#sideBar ul li span.filterVol { color:#5b5b5b; }

#sideTitle { color: #fff; font-size: 13px; background: #9cb220; line-height: 23px; vertical-align: middle; padding: 5px 7px; display: none; position:relative; }

#sideTitle span { background: url('greenBoxDownArrow.gif') 0 0 no-repeat; position:absolute; bottom: -5px; left: 10px; width: 10px; height: 5px; display:block; }

.ie #sideTitle span { bottom: -7px; }

.ie9 #sideTitle span { bottom: -6px; }

/* #searchResults.sideOn #sideBar, #searchResults.sideOn #sideBar .sideTitle, #searchResults.sideOn #sideBar p, #searchResults.sideOn #sideBar ul li { display: block; } */



.sectionBanner { position: relative; text-align:right; overflow: hidden; }

.sectionBanner h1 { color: #5d5d5d; position: absolute; top: 20px; left: 400px; }

.sectionBanner p { color: #3b3b3b; position: absolute; top: 60px; left: 400px; line-height: 16px; text-align:left; padding: 0 20px 0 0; }

.sectionDesc { font-size: 11px; color: #5b5b5b; }

#moreInfoDesc { background: #7b95ae; border: 1px solid #586877; padding: 4px 0; color: #fff; margin: 15px auto 0; display:block; text-align:center; width: 100px; cursor: pointer; }

#moreInfoDesc:hover { background: #87a6c3 }

.productImage { float: left; text-align:center; width: 280px; overflow:hidden; position: relative; }

.productImage .extendedInfo, .productImage .simpleLink { margin: 17px 0 0; }

.productImage .extendedInfo a, .productImage .simpleLink a { background: url('info-blobs.gif') 0px 0 no-repeat; line-height: 42px; padding: 0 0 8px 55px; font-size: 22px; color: #888; display:inline-block; }

.productImage .extendedInfo a:hover, .productImage .simpleLink a:hover { background-position: 0 -50px; text-decoration:none; color: #333; }

.productImage div { margin: 40px 0 25px 5px; text-align:left; }

.productImage div #sideTitle { background: #990066; display: inline; }

.productImage div #sideTitle span { background: url('purpleBoxDownArrow.gif') 0 0 no-repeat; }

.productImage .productImageThumbs { height: 60px; overflow: hidden; margin: 25px 0; text-align:center; }

.no-js .productImage .productImageThumbs { display: none; }

.productImage .productImageThumbs img { width: 60px; margin: 0 5px; cursor: pointer; }

a.ui-state-default:hover { text-decoration: none; }

.productMainContent { margin: 0 0 0 300px; border-top: dotted 1px #222; width: 650px; }

.productContent.first-child .productMainContent { border-top: none; }

.priceArea { margin: 0 0 15px; }

.priceArea .priceTitle { color: #525d67; font-size: 14px; margin: 0 0 10px; }

.priceArea .priceDetails { color: #333; font-size: 14px; }

.priceArea p.priceDetails, .priceArea dl.priceDetails dt, .priceArea dl.priceDetails dd { line-height: 28px; }

.priceArea .priceDetails span { color:#888; }

.productMainContent .code { font-size: 0.91em; color:#888; float: right; }

.productMainContent { color: #5d5d5d; }

.productMainContent.recommended { background: url("lsw-approved.gif") 100% 0 no-repeat; }

.productMainContent p { margin: 0 0 15px; }

.productMainContent div.desc { margin: 0 0 25px; }

.productMainContent h2 { margin: 0 0 15px; }

.productMainContent ul.iconArea { clear:right; margin: 0 0 25px; }

.recommended h1, .recommended h2 { margin: 0 0 25px; padding: 0 75px 0 0; }

.descTitles li { display: inline-block; font-size: 14px; color: #675c53; margin: 0 15px 5px 0; }

.productContent.first-child .productImage, .productContent.first-child .productMainContent { padding: 0; }

.productContent .productImage, .productContent .productMainContent { padding: 50px 0 0; }

.productoptions { clear:right; }

.productoptions > div { margin: 0 0 10px; }

.productoptions div div { display: inline; }

.productoptions div.vertical { display: inline-block; }

.productoptions div.vertical label.ui-button { display: block; }

.productoptions div div input { margin: 0 8px 0 0; }

.no-js .radio { display: inline-block; }

.dinosaur.no-js .radio { display: inline; }

.no-js .radio input, .no-js .radio label { vertical-align: middle; line-height: 30px; }

.no-js .radio label:after { content:"\A"; white-space:pre; }

.dinosaur.no-js .radio label { margin: 0 25px 0 0; }

span.text_options { display: inline-block; width: 150px; line-height: 30px; vertical-align:top; color: #333; }

.dinosaur span.text_options { display: inline; }

.userOptionsInput { width: 300px; height: 60px; resize:none; }

.productMainContent div.qty { margin: 10px 0 20px; }

.productMainContent div.qty input { text-align: right; }

.productMainContent div.qty span { display: inline-block; width: 150px; line-height: 22px; vertical-align:middle; color: #333; }

.addtocart { float: right; margin: -20px 0 0; }

label.error { margin: 0 0 0 10px; }

.dimensionsChart { width: 650px; padding: 30px 0 25px; overflow:auto; clear:right; }

.dimensionsChart ul { float: left; margin: 0 3px 0 0; }

.dimensionsChart ul li { border: 1px solid #5b5b5b; padding: 5px 12px; font-size:12px; margin: 0 0 2px; text-align:center; }

.dimensionsChart ul li.solid { background: #717171 !important; color: #fff; }

.dimensionsChart ul li:nth-child(even) { background: #eee; }

.dimensionsChart ul.title li { border: 1px solid #307BBF; text-align:left; }

.dimensionsChart ul.title li.solid { background: #307BBF !important; }

.deliveryInfo { width: 250px; border-left: 3px solid #ddd; margin: 0 0 0 15px; padding: 0 0 0 15px; display: none; }

.deliveryInfo h3 { margin: 0 0 2px; }

.productContent.first-child .productMainContent .deliveryInfo { display: block; }

ul.iconArea { margin: 5px 0 0; }

.iconArea li { background: url("icons.gif") -360px 0; no-repeat;
display: inline-block; width: 45px; height: 45px; position:relative; margin: 10px 6px 0 0; cursor: pointer; z-index: 10; }

.dinosaur .iconArea li { display: inline; }

.section .iconArea li:nth-child(4n) { margin: 10px 0 0; }

p.tooltip { border: 1px solid #999; margin: 0; padding: 10px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 20; text-align:center; min-width: 150px; }

p.tooltip span.point-left { background: url("images/template/leftArrow.png") 0 0 no-repeat; display:block; width: 9px; height: 11px; position: absolute; left: -9px; top: 11px; }

p.tooltip span { background: url("upArrow.png") 0 0 no-repeat; display:block; width: 11px; height: 9px; position: absolute; top: -9px; left: 12px; }

.iconArea li.heavy { background-position: 0 0; }

.iconArea li.approved { background-position: -45px 0; }

.iconArea li.waterproof { background-position: -90px 0; }

.iconArea li.fire { background-position: -135px 0; }

.iconArea li.cash1k { background-position: -180px 0; }

.iconArea li.cash3k { background-position: -225px 0; }

.iconArea li.cash6k { background-position: -270px 0; }

.iconArea li.cash17k { background-position: -315px 0; }

.iconArea li.cash1-5k { background-position: -360px 0; }

.iconArea li.electronic-opening { background-position: -405px 0; }

.iconArea li.key-opening { background-position: -450px 0; }

.iconArea li.ka { background-position: 0 -45px; }

.iconArea li.mk { background-position: -45px -45px; }

.iconArea li.restricted { background-position: -90px -45px; }

.iconArea li.thatcham { background-position: -135px -45px; }

.iconArea li.cash2k { background-position: -180px -45px; }

.iconArea li.cash4k { background-position: -225px -45px; }

.iconArea li.cash10k { background-position: -270px -45px; }

.iconArea li.cash35k { background-position: -315px -45px; }

.iconArea li.cash30k { background-position: -360px -45px; }

.iconArea li.cash100k { background-position: -405px -45px; }

.no-js .iconTooltips { display: none; }

.iconTooltips p { display: none; }

#keyProfilesContainer { display: none; }

/** search page **/



#resultsHeader { height: 50px; margin: 0 0 10px; }
#resultsHeader h1 { width: 500px; }
#resultsHeader #sortOrder-button { margin: 0 15px 0 0; }

p.results { border: 1px solid #ccc; padding: 10px 0; text-align: center; width: 165px; display: block; }

p.noResults { font-size:14px; color: #675c53; padding: 50px 0; text-align:center; }

#loader { background: url('loader.gif') 50% 0 no-repeat; width: 700px; text-align:center; padding: 50px 0 0; margin: 100px 0 50px; float: right; }

.no-js #loader { display: none; }

/** Shopping Cart Styling **/



.maincart div p { display:inline-block; vertical-align:top; margin: 0; }

.dinosaur .maincart div p { display:inline; }

.cartheaders { margin: 0 0 5px; border-bottom: solid 1px #ddd; padding: 0 0 10px; }

.cartheaders p { text-transform:uppercase; font: normal 11px baskerville, "Times New Roman", Times, serif; color: #888; }

.cartline { border-top: solid 1px #ddd; padding: 20px 0; }

.cartsub { border-top: solid 1px #ddd; padding: 20px 0 0; }

.cartsub, .cartvat, .cartship, .carttotal, .cartsummary { margin: 0 0 10px; }

.maincart .col0 { width: 140px; text-align:center; }

.maincart .col1 { width: 95px; }

.maincart .col2 { width: 375px; }

.maincart .col3 { width: 60px; text-align:center; }

.maincart .col4 { width: 85px; text-align:right; }

.maincart .col5 { width: 85px; text-align:right; }

.maincart .col6 { width: 770px; text-align:right; color: #000; }

.maincart .col7 { width: 85px; text-align:right; }

.maincart .col9 { width: 85px; text-align:center; }

.textInput { padding: 10px 0 5px !important; display: none; }

.textInput .col2 textarea { width: 300px; height: 60px; resize:none; }

.col3 input { width: 30px; text-align: right; margin: -5px 0 0; }

.col0 img { width: 90px; }

.cartItem { padding: 5px 0; }

.cartItemPrice { padding: 5px 0; }

.cartupdate { position: relative; margin: 0 0 5px; border-bottom: solid 1px #ddd; padding: 0 0 20px; }

.cartchange { display: none; background: url("arrowLeft.gif") 0 0 no-repeat; padding: 0 0 0 34px; line-height: 16px; vertical-align: middle; top: 12px; left: 110px; }

#discountingInfo { max-width: 380px; border-right: 3px solid #ddd; margin: 0 15px 25px 0; padding: 0 15px 10px 0; display:inline-block; }

#discountingInfo h3 { margin: 0 0 2px; }

/** Checkout, Account & Login Form Styling **/



span.textLabel { width: 200px; display:inline-block; }

span.textLabel a { text-decoration:underline; }

span.textLabel a:hover { color: #1d1d1d; }

.checkoutform, .infoform { margin: 0 0 5px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 20px 0; }

.checkoutform div { margin: 20px 0 0; display: inline; }

.checkoutform div:first-child { margin: 0; }

.checkoutform p, .infoform p { margin: 15px 0 0; }

.checkoutform p:first-child, .infoform p:first-child { margin: 0; }

.checkoutform label.textLabel, .infoform label.textLabel { width: 240px; display:inline-block; }

.checkoutform input[type='text'], .checkoutform input[type='password'], .infoform input[type='text'], .infoform input[type='password'] { width: 200px; position:relative; margin: 0 50px 0 0; }

.accountform div { margin: 15px 0 0; display: inline; }

.accountform div a { margin: 0 !important; }

.accountform p, .ui-dialog-content.accountform p { margin: 15px 0 0; }

.accountform label.textLabel { width: 200px; display:inline-block; }

.accountform input[type='text'], .accountform input[type='password'] { width: 200px; position: relative; }

.forminput { float:left; padding: 450px; }

input.invoiceform { position:absolute; left: 430px; top: -6px; }

.navforms { border-top: solid 1px #ddd; padding: 20px 0 0; overflow:auto; }

.alternate.navforms { margin: 20px 0 0; height: 51px; }

.alternate span { font-size: 22px; color: #888; vertical-align: middle; margin: 0 10px 0 0; }

.alternate img { vertical-align: middle; }

.alternate a { margin: 0 0 0 15px; }

#lstInvoiceCountry, #lstDeliveryCountry, #lstInvoiceCountry-button, #lstDeliveryCountry-button { width: 206px; margin: 0 50px 0 0; }

.InvoiceFieldTitle, .DeliveryFieldTitle { width: 191px; padding: 2px 0 0 15px; font-size: 25px; display:inline-block; color: #717171; border-left: 3px solid #ddd; margin: 0 0 10px; }

.DeliveryFieldTitle { margin: 0 0 0 50px; }

#lstInvoiceRegion, #lstInvoiceRegion-button, #lstDeliveryRegion, #lstDeliveryRegion-button { display: none; }

input.reqText { color: #bbb; }

.checkoutProgressBar { background: url("checkoutProgressBar.jpg") 0 0 no-repeat; width: 960px; height: 55px; margin: 0 0 15px -5px; }

.checkoutProgressBar span a { text-indent: -5000px; display:block; width: 74px; height: 55px; }

.checkoutProgressBar span a:hover { background: url("checkoutProgressBarCartHover.jpg") 0 0 no-repeat; }

.step1 { background-position: 0 0; }

.step2 { background-position: 0 -55px; }

.step3 { background-position: 0 -110px; }

.step4 { background-position: 0 -165px; }

/* Account Page Styling */



.js #idCHANGEPASSWORD, .js #idCHANGEBUYER { display: none; }

#address-area { margin: 50px 0 25px; }

#address-area .title { margin: 0 0 25px; }

#address-area div { display: block; }

.checkoutform #address-area { margin: 10px 0 25px 240px; display: block; }

.checkoutform div.delivery-address-holders { margin: 0 0 0 265px; }

.checkoutform div.invoice-address-holders { margin: 0; }

div.delivery-address-holders { margin: 0 0 0 350px; }

div.address-holder { width: 250px; border: 1px solid #ddd; padding: 15px 0 25px; margin: 0 0 25px; text-align: center; }

div.address-holder.delivery { margin: 0 0 25px 350px; }

div.address-holder p { margin: 10px 0 0; text-align:left; padding: 0 25px; }

div.address-holder p.topLine { border-top: 1px solid #ddd; margin: 15px 0 0; padding: 20px 25px 0; }

div.address-holder.active { background: #f7f7f7; border: 1px solid #bbb; }

div.address-holder.active p.topLine { border-top: 1px solid #bbb; }

#idORDER_TRACKING { margin: 50px 0 0; }

#recent-orders { border: 1px solid #ddd; padding: 25px 25px 15px; margin: 25px 0 0; }

#recent-orders div span { font-size: 14px; width: 150px; display: inline-block; }

#recent-orders .headers span { margin: 0 0 15px; }

#recent-orders .order span { font-size: 12px; line-height: 40px; color: #717171; }

#recent-orders div span.small { width: 100px; }

.past-order { margin: 15px 0 0; }

.past-order > p { line-height: 30px; }

.account-cart { margin: 25px 0 0; }

.account-cart p { display: inline-block; }

.account-cart .col1 { width: 95px; }

.account-cart .col2 { width: 375px; }

.account-cart .col3, .account-cart .col4, .account-cart .col5, .account-cart .col6 { width: 85px; text-align:center; }

.account-cart .col7 { width: 90px; text-align:right; }

.account-cart .col8 { width: 825px; text-align:right; color: #000; }

.accountUpdateMessage { display: none; }

/** Checkout Confirm Styling **/



.address { margin: 50px 0 25px; background: url("confirmLines.gif") 0 0 repeat-y; }

.address ul { text-align:center; display:block; float:left; color: #7d7d7d; width: 316px; }

.address ul li { line-height: 22px; }

.confirmDelivery { width: 317px; }

.change { margin: 50px 0 5px; border-bottom: solid 1px #ddd; padding: 0 0 25px; }

.checkout-change-button { }

.paymentOptions { padding: 25px 0; margin: 0 0 5px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }

.paymentOptions span.option { display:inline-block; margin: 0 75px 0 0; vertical-align:middle; cursor: pointer; }

.paymentOptions span.selected, .paymentOptions span.showOption { opacity: 1 !important; }

.paymentOptions span.fadeOption { opacity: 0.5; }

.confirmHeaders { background: url('confirmRoundHeaders.gif') no-repeat; display:block; width: 77px; height: 77px; text-indent: -5000px; margin: 0 auto 25px; }

.confirmHeaders.invoice { background-position: 0 0; }

.confirmHeaders.delivery { background-position: -77px 0; }

.confirmHeaders.shipping { background-position: -154px 0; }

/* Receipt Page Styling */



#receipt-company-info { overflow:auto; padding: 0 0 25px; border-bottom: solid 1px #ddd; margin: 0 0 5px; }

#receipt-company-info div { width: 400px; }

#receipt-company-info p { padding: 0 0 2px; }

#receipt-company-info p span { width: 120px; display:inline-block; }

.receipt-details { padding: 25px 0; font: normal 22px/25px Znediz, Arial, Helvetica, sans-serif; text-transform:uppercase; }

.receipt-details span.textLabel { color: #307BBF; }

.receipt-details p { margin: 0 0 15px; }

/** Brochure Page Styling **/



.museoDotted { border-bottom: dotted 1px #222; margin: 25px 0 15px; padding: 0 0 10px; }

.left5050 { width: 435px; margin: 0 80px 0 0; }

.right5050 { width: 435px; }

.left5050 p, .right5050 p { padding: 0 0 2px; }

.contactForm { width: 435px; margin: -15px 80px 0 0; }

.contactForm p input { width: 240px; margin: 0 0 10px; }

.contactForm p textarea { width: 411px; height: 120px; resize:none; }

.contactDetails { margin: -15px 0 0; }

.contactDetails p { padding: 0 0 2px; }

.contactDetails p span { width: 120px; display:inline-block; }

.contactDetails iframe { margin: 15px 0 0; }

.gap { margin: 10px 0 0; }

#resultsSummary { padding: 50px 0 0; text-align:center; font-size: 14px; }

.dinosaur #resultsSummary { display: inline; }

#resultsSummary span { padding: 0 5px; color:#5b5b5b; cursor: pointer; }

#resultsSummary span.current { color: #BB30BF; cursor: default; }

#resultsSummary span.nextprev { text-transform: uppercase; font: normal 22px/25px Znediz, Arial, Helvetica, sans-serif; padding: 0 25px; width: 50px; display:inline-block; }

#resultsSummary span.nextprev:hover { color: #BB30BF; text-decoration: none; }

#whatWeDo { height: 177px; overflow: hidden; margin: 25px 0 0; }

#whatWeDo li { float: left; background: url('images/home/what-we-do-banner.jpg') 0 20px no-repeat; height: 177px; width: 236px; position:relative; z-index: 1; }

#whatWeDo li a { color: #fff; }

#whatWeDo li a:hover p { text-decoration:underline; }

#whatWeDo li p { padding: 10px 8px; color: #fff; }

.fedex { border-right: 1px solid #ff4942; width: 237px !important; }

.fedex p { background: #ff4942; }

.keys { border-right: 1px solid #ff1a39; background-position: 0 -168px !important; }

.keys p { background: #ff1a39; position:absolute; bottom: 0; left: 0; width: 236px; z-index: 2; }

.corporate { border-right: 1px solid #990066; background-position: 0 -295px !important; width: 237px !important; }

.corporate p { background: #990066; }

.tools { background-position: 0 -473px !important; }

.tools p { background: #660066; position:absolute; bottom: 0; left: 0; width: 236px; z-index: 2; }

#accordianBanner { overflow:hidden; position:relative; width: 950x; }

#accordianBanner div#accordianContent { position: relative; }

#accordianBanner div#accordianContent > div { position: relative; }

#accordianBanner ul { position: absolute; top: 0; left: 0; background: url('images/home/black-75.png') 0 0 repeat-y; padding: 0 0 0 10px; }

#accordianBanner ul.white { left: -220px; background: none; z-index: 1; padding: 0; }

#accordianBanner ul.black { left: -240px; background: none; z-index: 2; padding: 0; }

#accordianBanner ul.hover { z-index: 3; }

#accordianBanner > ul li { margin: 0 0 1px; }

#accordianBanner > ul li a { display:block; width: 200px; height: 60px; padding: 10px; position:relative; }

#accordianBanner > ul.white li a { background: url('images/home/white-75.png') 0 0 repeat; color: #222; left: 230px; }

#accordianBanner > ul.black li a { background: url('images/home/black-75.png') 0 0 repeat; color: #fff; padding: 10px 30px 10px 10px; text-decoration: none; }

#accordianBanner > ul li h2 { font-size: 22px; margin: 0 0 5px; }

#accordianBanner > ul.white li a h2 { color: #222; }

#accordianBanner > ul.black li a h2 { color: #fff; }

.homeBanner { height: 323px; }

.homeBanner #accordianContent > div { height: 323px; overflow:hidden; }

#accordianContent { font: normal 22px Znediz, Arial, Helvetica, sans-serif; color: #fff; }

#accordianContent div p { padding: 5px 10px; }

#accordianBanner #accordianContent ul { background: none; position:relative; }

#accordianBanner #accordianContent ul li a { color: #fff; line-height: 30px; }

.lightBlueBack { background: rgba(0, 104, 153, 0.9); }

.no-rgba .lightBlueBack, .oldie .lightBlueBack { background: #006899; }

.darkBlueBack { background: rgba(0, 46, 102, 0.9); }

.no-rgba .darkBlueBack, .oldie .darkBlueBack { background: #002e66; }

.orangeBack { background: rgba(255, 73, 66, 0.9); }

.no-rgba .orangeBack, .oldie .orangeBack { background: #ff4942; }

.purpleBack { background: rgba(102, 0, 102, 0.9); }

.no-rgba .purpleBack, .oldie .purpleBack { background: #660066; }

.doorBanner p { position:absolute; top: 100px; left: 558px; z-index:3; }

.doorBanner div { width: 270px; position:absolute; top: 130px; right: 0; padding: 15px; z-index: 2; }

.doorBanner div ul.rightList { margin: 0 0 0 140px !important; }

#accordianContent div.windowBanner p { position:absolute; top: 251px; right: 0; z-index:3; padding: 5px 25px 5px 10px; }

.windowBanner > div { position:absolute; top: 38px; left: 790px; z-index: 2; }

.windowBanner > div ul.darkBlueList { margin: 25px 0 0 !important; }

.padlockBanner p { position:absolute; top: 25px; left: 290px; z-index:3; }

.padlockBanner > div { position:absolute; top: 80px; left: 290px; z-index: 2; }

.padlockBanner > div ul.darkBlueList { margin: 30px 0 0 !important; }

.phafImage { height: 162px; top: 106px; display:block; position:absolute; z-index: 2; text-indent: -5000px; background: url('images/home/phaf.jpg') 0 0 no-repeat; }

#phafCylinder { width: 134px; left: 364px; background-position: 0 0; }

#phafPadlock { width: 82px; left: 580px; background-position: -134px 0; }

#phafCylinder:hover { background-position: 0 -162px; }

#phafPadlock:hover { background-position: -134px -162px; }

#serviceBanner { border: 1px solid #006899; background: #e9e8d9; padding: 10px 0 10px 20px; font-size: 18px; margin: 25px 0; }

#serviceBanner li { display: inline; }

#serviceBanner li.division { padding: 0 40px; background: url('images/home/blueStar.gif') 50% 3px no-repeat; }

#pastCustomers { width: 950px; height: 70px; background: url('images/home/past-customers.jpg') 0 0 no-repeat; text-indent: -5000px; margin: 25px 0; }

#customerSupportLines { background: url('images/home/customer-stuff.jpg') 0 0 no-repeat; width: 239px; height: 188px; position: relative; padding: 20px 0 0 150px; font: normal 20px Znediz, Arial, Helvetica, sans-serif; color: #fff; }

#customerTestimonials { background: url('images/home/customer-stuff.jpg') 0 -208px no-repeat; width: 535px; height: 206px; position: relative; border: 1px solid #006899; }

#customerTestimonials p.title { position: absolute; left: 0; top: 45px; padding: 4px 8px 4px 35px; color: #fff; font: normal 20px Znediz, Arial, Helvetica, sans-serif; background: #006899; }

#testimonialArea { position: absolute; left: 75px; top: 105px; width: 370px; padding: 10px 15px 25px 25px; font: normal 14px Helvetica, Arial, sans-serif; }

#testimonialArea span { position: absolute; display:block; }

#testimonialArea span.begin { left: 0px; top: 0; width: 17px; height: 13px; background: url('images/home/quotes.png') 0 0 no-repeat; }

#testimonialArea span.end { right: 0px; bottom: 20px; width: 16px; height: 13px; background: url('images/home/quotes.png') -17px 0 no-repeat; }

#testimonialArea p span { right: 15px; bottom: 0; color: #444; }

/** Sitemap Styling **/



.sitemap ul li { padding: 8px 0 0; }

.sitemap ul a h1 { margin: 50px 0 25px; }

/** Validation Styling **/



.validateform .inputHolder { position:relative; }

.validateform input.error, .validateform textarea.error { background: url('cross.png') 96% 6px no-repeat; padding-right: 28px; }

.validateform label.error { color: #fff; line-height: 20px; vertical-align: middle; background: #525d67; padding: 10px 20px; border: 1px solid #222; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 200px; }

.validateform span.errorHide { position: absolute; z-index: 100; width: 300px; background: url("arrowLeft.gif") 0 1px no-repeat; padding: 0 0 0 25px; }

.chunkyform input, .chunkyform textarea { padding: 0.8em 12px; }

.chunkyform input.error { width: 224px; background-position: 96% 10px; }

.chunkyform textarea.error { width: 395px; background-position: 97% 10px; }

.chunkyform span.errorHide { left: 279px; top: 6px; }

.chunkyform span.textareaError.errorHide { left: 450px; top: 6px; }

.checkoutform input.error { width: 175px; }

.checkoutform span.errorHide { left: 215px; top: -4px; }

/** JQuery UI Styling **/



.ui-widget { font-family: MuseoSans500, Arial, sans-serif !important; font-size: 1em !important; }

.no-js select { padding: 3px 0 3px 2px; }

.js select, .ui-selectmenu-menu li a, .ui-selectmenu-status { padding: 0.405em 1.5em 0.405em 1em; line-height: 1.4em; }

a.ui-selectmenu:hover { text-decoration:none; }

.no-js .check_YesNo_Label { display: none; }

.noJavaError { font-size:18px; color:#C00; }

.ui-error { margin: 0 0 15px; }

.ui-state-error { display: inline-block; padding: 10px; margin: 0 0 25px; }

span.ui-icon-alert, span.ui-icon-info { float: left; margin: 0 5px 0 0; }

.accountform .ui-state-error { margin: 0 0 10px; }

.accountform label.ui-state-error { background: none; border: none; padding: 0; margin: 0 0 0 210px; }

.productForm label.ui-state-error { margin: 0 0 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-dialog-content p { margin: 0 0 5px; }

.dialog { display: none; }

.fragment .dialog { display: block; }

/*** AddThis Styling ***/



.atclear { clear: none !important; }

.addthis_toolbox { margin: 0 0 15px; overflow: auto; }

/*

 * jQuery UI CSS Framework 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Theming/API

 */



/* Layout helpers

----------------------------------*/

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

.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:before, .ui-helper-clearfix:after { content: ""; display: table; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { zoom: 1; }

.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%; }

/*

 * jQuery UI CSS Framework 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Theming/API

 */



/* Layout helpers

----------------------------------*/

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

.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:before, .ui-helper-clearfix:after { content: ""; display: table; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { zoom: 1; }

.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%; }

/*

 * jQuery UI CSS Framework 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Theming/API

 *

 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=e1e1e1&bgTextureHeader=01_flat.png&bgImgOpacityHeader=0&borderColorHeader=bbbbbb&fcHeader=5b5b5b&iconColorHeader=717171&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=0&borderColorContent=bbbbbb&fcContent=5b5b5b&iconColorContent=717171&bgColorDefault=ffffff&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=bbbbbb&fcDefault=5b5b5b&iconColorDefault=717171&bgColorHover=bb30bf&bgTextureHover=01_flat.png&bgImgOpacityHover=0&borderColorHover=bb30bf&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=307bbf&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=307bbf&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=307bbf&fcHighlight=3b3b3b&iconColorHighlight=307bbf&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: 1.1em; }

.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 #bbbbbb; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; color: #5b5b5b; }

.ui-widget-content a { color: #5b5b5b; }

.ui-widget-header { border: 1px solid #bbbbbb; background: #e1e1e1 url(images/ui-bg_flat_0_e1e1e1_40x100.png) 50% 50% repeat-x; color: #5b5b5b; font-weight: bold; }

.ui-widget-header a { color: #5b5b5b; }

/* Interaction states

----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #bbbbbb; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #5b5b5b; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #5b5b5b; 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 #bb30bf; background: #bb30bf url(images/ui-bg_flat_0_bb30bf_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #307bbf; background: #307bbf url(images/ui-bg_flat_0_307bbf_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.ui-widget :active { outline: none; }

/* Interaction Cues

----------------------------------*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #307bbf; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #3b3b3b; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #3b3b3b; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(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(images/ui-icons_717171_256x240.png); }

.ui-widget-content .ui-icon { background-image: url(images/ui-icons_717171_256x240.png); }

.ui-widget-header .ui-icon { background-image: url(images/ui-icons_717171_256x240.png); }

.ui-state-default .ui-icon { background-image: url(images/ui-icons_717171_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }

.ui-state-active .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon { background-image: url(images/ui-icons_307bbf_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */

.ui-widget-overlay { background: #aaaaaa url(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(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*

 * jQuery UI Resizable 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Resizable#theming

 */

.ui-resizable { position: relative; }

.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }/*

 * jQuery UI Selectable 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Selectable#theming

 */

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*

 * jQuery UI Accordion 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Accordion#theming

 */

/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { width: 100%; }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }

.ui-accordion .ui-accordion-content-active { display: block; }

/*

 * jQuery UI Autocomplete 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Autocomplete#theming

 */

.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*

 * jQuery UI Menu 1.8.17

 *

 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Menu#theming

 */

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; }

.ui-menu .ui-menu { margin-top: -3px; }

.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }

.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }

.ui-menu .ui-menu-item a.ui-state-hover,  .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

/*

 * jQuery UI Button 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Button#theming

 */

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */

.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */

.ui-button-icons-only { width: 3.4em; }

button.ui-button-icons-only { width: 3.7em; }

/*button text element */

.ui-button .ui-button-text { display: block; line-height: 1.4; }

.ui-button-text-only .ui-button-text { padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */

input.ui-button { padding: .4em 1em; }

/*button icon element(s) */

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }

.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/

.ui-buttonset { margin-right: 7px; }

.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }



/* workarounds */

button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
} /* reset extra padding in Firefox */

/*

 * jQuery UI Dialog 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Dialog#theming

 */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }

.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }

.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 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 { position: relative; 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 .ui-dialog-buttonset { float: right; }

.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }

.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }

.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*

 * jQuery UI Slider 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Slider#theming

 */

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }/*

 * jQuery UI Tabs 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Tabs#theming

 */

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }

.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: 1em 1.4em; background: none; }

.ui-tabs .ui-tabs-hide { display: none !important; }

/*

 * jQuery UI Datepicker 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Datepicker#theming

 */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.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: .9em; border-collapse: collapse; margin:0 0 .4em; }

.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: right; 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%; font-size:0em; }

/* 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*/ }/*

 * jQuery UI Progressbar 1.8.17

 *

 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT or GPL Version 2 licenses.

 * http://jquery.org/license

 *

 * http://docs.jquery.com/UI/Progressbar#theming

 */

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }

.ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; }

/* Selectmenu

----------------------------------*/

.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }

.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }

.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005; } /* z-index: 1005 to make selectmenu work with dialog */

.ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; }

.ui-selectmenu-open { display: block; }

.ui-selectmenu-menu-popup { margin-top: -1px; }

.ui-selectmenu-menu-dropdown { }

.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }

.ui-selectmenu-menu li a, .ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,  .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }

.ui-selectmenu-status { line-height: 1.4em; }

.ui-selectmenu-open li.ui-selectmenu-item-focus a { }

.ui-selectmenu-open li.ui-selectmenu-item-selected { }

.ui-selectmenu-menu li span, .ui-selectmenu-status span { display:block; margin-bottom: .2em; }

.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }

.ui-selectmenu-menu li .ui-selectmenu-item-content { }

.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }

/* for optgroups */

.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }

.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

/* IE6 workaround (dotted transparent borders) */

* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }

* html .ui-selectmenu-menu li a { position: relative }

/* IE7 workaround (opacity disabled) */

*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

/*

 * FancyBox - jQuery Plugin

 * Simple and fancy lightbox alternative

 *

 * Examples and documentation at: http://fancybox.net

 * 

 * Copyright (c) 2008 - 2010 Janis Skarnelis

 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.

 * 

 * Version: 1.3.4 (11/11/2010)

 * Requires: jQuery v1.3+

 *

 * Dual licensed under the MIT and GPL licenses:

 *   http://www.opensource.org/licenses/mit-license.php

 *   http://www.gnu.org/licenses/gpl.html

 */



#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox/fancybox.png'); }

#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }

#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }

#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }

#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }

#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancybox/blank.gif'); z-index: 1102; display: none; }

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

#fancybox-left-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -30px; }

#fancybox-right-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span { left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); }

#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -162px; }

#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); background-position: -20px 0px; }

#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -182px; }

#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -20px; }

#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -142px; }

#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); }

#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -122px; }

#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }

.fancybox-title-outside { padding-top: 10px; color: #fff; }

.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }

#fancybox-title-over { padding: 10px; background-image: url('fancybox/fancy_title_over.png'); display: block; }

.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }

#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }

#fancybox-title-float-wrap td { border: none; white-space: nowrap; }

#fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -40px -90px no-repeat; }

#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox/fancybox-x.png') 0px -40px; }

#fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -55px -90px no-repeat; }

/* IE6 */



.fancybox-ie6 #fancybox-close { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1; }

.fancybox-ie6 #fancybox-title-float-left { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {  _height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0;  _top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div { background: transparent; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */



.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

/* In Context PSP form style*/
.container-popup {
	position: relative;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	display: none;
}
#pspwait {
	height: 5em;
	min-width:1px;
	width:8em;
	max-width:90%;
	margin: auto;
	padding:0.5em;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:#FFF000;
	text-align: center;
	border: solid 1px #FFFFFF;
}
#payment {
	height: 32em;
	min-width:1px;
	width:400px;
	max-width:90%;
	margin: auto;
	padding:0.5em;
	position:absolute;
	top:1em;
	right: 0;
	bottom: 0;
	left: 0;
	background:#eeeeee;
}
#payment .has-error {
	color:red;
}
#payment .form-group {
	float:left;
	width:100%;
}
#payment .form-group label, #payment .form-group div {
	float:left;
	margin:0.5em 0;
}
#payment .form-group label {
	width:10em;
	padding:0.3em;
}
#payment .form-group div {
	width:55%;
}
#payment .form-group div input {
	width:100%;
	padding:0.3em;
}
#payment > a, #payment > a:hover {
	float:left;
	}
#payment button, #payment button:hover {
	float:right;
	}
#payment button, #payment button:hover, #payment > a, #payment > a:hover {
	clear:none;
	width:auto;
	margin:4% 1em 4% 0;
	padding:0.2em 0.5em;
	font-size:1em;
	line-height:1.9em;
	font-weight:bold;
	color:#666666;
	text-align:center;
	text-decoration:none;
	border:none;
	background:#cccccc;
}
#payment button:hover, #payment > a:hover {
	cursor:pointer;
	background:#ffffff;
}