/* Minification failed. Returning unminified contents.
(4628,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1;
		}
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
.main-wrap
{
  width: 100%;
}
.clear
{
  clear:both;
}
.basic 
{
  font-size: 12px;
  line-height:normal;
}

/** 
{
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-text-size-adjust: none; 
}*/ 


/* #Basic Styles
================================================== */
.whitebox 
{
  background-color:#ffffff;
  padding: 30px;
  padding-top:30px;
  margin-top:10px;
}
.desktop-whitebox
{
  background-color:#f7f7f7;
  padding: 30px;
  padding-top:30px;
  margin-top:10px;
}
.accountbox 
{
  background-color:#ffffff;
  padding: 20px;
  border-bottom: 1px solid #cdd5da;
  border-left: 1px solid #cdd5da;
  border-right: 1px solid #cdd5da;
  }
.displayInline
{
  display:inline;
  float:left;
  margin-left:5px;
}

.displayInlineNoMargin
{
  display:inline;
  float:left;
}
.strong 
{
  font-weight:bold;
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;		
		font-family: Helvetica,Arial,sans-serif;
		 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 24px; line-height: 24px; margin-bottom: 4px; color:#5f7800}
	h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 25px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; color: #000000; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 10px 0; line-height: 120%}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: dotted #ddd; border-width: 1px 0 0; clear: both;height: 0; }
	


/* #Links
================================================== 
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
*/

/* #Lists
================================================== 
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; } */

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.homepage a.button,
	.homepage button,
	.homepage input[type="reset"],
	.homepage input[type="button"] {
		background: #fff;
	  border: 1px solid #efefef;
	  border-top: 1px solid #efefef;
	  border-left: 1px solid #efefef;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #0253a7;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: -2px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.homepage a.button:hover,
	.homepage button:hover,
	.homepage input[type="reset"]:hover,
	.homepage input[type="button"]:hover {
		color: #222;
		background: #efefef;
	  border: 1px solid #fff;
	  border-top: 1px solid #fff;
	  border-left: 1px solid #fff; }

	.homepage a.button:active,
	.homepage button:active,
	.homepage input[type="reset"]:active,
	.homepage input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; 
		
		}

	.homepage .button.full-width,
	.homepage button.full-width,
	.homepage input[type="reset"].full-width,
	.homepage input[type="button"].full-width {
		width: 92%;
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: left; 		
		}

/* nav buttons */
a.navbutton,
	navbutton {
	  color: #ffffff;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  text-decoration: none;
	  cursor: pointer;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	  height: 28px;
	  padding-top: 10px;
	  text-align: center;
	  width : 14%;
	  border-left: 1px #005f98 solid;
	  border-right: 1px #005f98 solid;
	}

	a.navbutton:hover,
	navbutton:hover {
		color: #222;
		background: #ddd;
	}


	a.navbutton:active,
	navbutton:active {
		background: #ccc; 
	}

	.navbutton.full-width,
	navbutton.full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }


/* #Forms */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 4px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		display: block;
		background: #fff;}
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="search"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;}
		input[disabled='disabled']
		{
		    color: #933 !important;
		    background: lightyellow !important;
		}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 95%;
}

.textBoxMulti
{
    width: 95%;
    height: 100px !important;
}

/* Hide Close Button on Dialogs */
.noclose .ui-dialog-titlebar-close
{
    display:none;
}

.roundedcorners {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*! jQuery UI - v1.11.1 - 2014-10-02
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.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 #005ba8;background:#fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #02345f;background:#005ba8 url("images/ui-bg_flat_75_005ba8_40x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#efefef url("images/ui-bg_flat_75_efefef_40x100.png") 50% 50% repeat-x;font-weight:normal;color:#005ba8}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#005ba8;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 #d3d3d3;background:#f9f9f9 url("images/ui-bg_flat_75_f9f9f9_40x100.png") 50% 50% repeat-x;font-weight:normal;color:#222}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#222;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #02345f;background:#005ba8 url("images/ui-bg_flat_65_005ba8_40x100.png") 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("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}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_005ba8_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_222222_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_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#102d58 url("images/ui-bg_diagonals-thick_30_102d58_40x40.png") 50% 50% repeat;opacity:.1;filter:Alpha(Opacity=10)}.ui-widget-shadow{margin:-2px 0 0 -2px;padding:2px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.1;filter:Alpha(Opacity=10);border-radius:2px}
/*! jQuery UI - v1.11.1 - 2014-10-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=%23005ba8&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%2302345f&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23005ba8&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23efefef&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23005ba8&iconColorDefault=%23005ba8&bgColorHover=%23f9f9f9&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23d3d3d3&fcHover=%23222222&iconColorHover=%23222222&bgColorActive=%23005ba8&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%2302345f&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23102d58&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=30&opacityOverlay=10&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=2px&offsetTopShadow=-2px&offsetLeftShadow=-2px&cornerRadiusShadow=2px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 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;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* 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: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.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;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.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: normal;
}
.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;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.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,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.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,
.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: 0;
}

/* 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,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	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: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.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;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.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;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.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: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* 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 #005ba8;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #02345f;
	background: #005ba8 url("images/ui-bg_flat_75_005ba8_40x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #efefef url("images/ui-bg_flat_75_efefef_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #005ba8;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #005ba8;
	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 #d3d3d3;
	background: #f9f9f9 url("images/ui-bg_flat_75_f9f9f9_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #222222;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #222222;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #02345f;
	background: #005ba8 url("images/ui-bg_flat_65_005ba8_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;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_005ba8_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	/*background-image: url("images/ui-icons_222222_256x240.png"); removed to make the checkboxes work after jquery 1.11 update*/
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_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-blank { background-position: 16px 16px; }
.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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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 {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #102d58 url("images/ui-bg_diagonals-thick_30_102d58_40x40.png") 50% 50% repeat;
	opacity: .1;
	filter: Alpha(Opacity=10); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -2px 0 0 -2px;
	padding: 2px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .1;
	filter: Alpha(Opacity=10); /* support: IE8 */
	border-radius: 2px;
}

body
{
    /*background: #efefef !important;*/
    background-image: none !important;
    font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

br {
    line-height: normal !important;
    height: 5px !important;
}

	/*a, a:visited { color: #025ab6 !important; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #003a76; text-decoration: underline; }*/
	/*p a, p a:visited { line-height: inherit; }*/


.desktopContainer
{
    width: 960px;
    background: #ffffff !important;
}

.desktopNavItem
{
    width: 137px;
    height: 50px;
    text-align: center;
    line-height: 16px;
    color: #ffffff;
    font-size: 14px;
    position: relative;
}

    .desktopNavItem a, .desktopNavItem a:hover, .desktopNavItem a:visited
    {
        color: #ffffff;
        text-decoration: none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .desktopNavItem:hover
    {
        background: #1b58aa;
        cursor: pointer;
    }

    .desktopNavItem div
    {
        position: absolute;
        top: 18%;
        margin: 0 auto;
        width: 100%;
    }

.desktopTopNav
{
    padding-left: 12px;
    font-size: 14px;
    line-height: 22px;
}
.desktopTopNav a
{
    color: #666666;
    text-decoration: none
}
.desktopTopNav a:hover
{
    color: #009edd;
    text-decoration: underline
}

.desktopMetals a
{
    color: #666666 !important;
    font-size: 12px;
}

.desktopSearchWarpper
{
    width: 470px;
    background: #9bb50d;
    padding: 2px;
    margin-right: 5px;
    margin-top: 10px;
    border-radius: 6px 0 0 6px;
}

.desktopLoginBtn
{
    color: #fe8800;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    width: 125px;
    height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
.desktopLoginBtn:hover
{
    background: #fe8800;
    color: #ffffff;
}
.desktopLoginBtn div {
    padding-top: 12px;
    padding-right: 5px;
    padding-left: 5px;
}
.desktopForgotPassBtn {
    margin-left: 10px;
    padding-top: 12px;
}
.desktopForgotPassBtn a, .desktopForgotPassBtn a:visited{
    font-size: 13px;
    color: #0064ba;
    font-style: italic;
    text-decoration: none;
}
.desktopForgotPassBtn a:hover{
    color: #666666;
    text-decoration: underline
}
.desktopLogoutBtn {
   padding-top: 12px;
    font-size: 14px;
    color: #444444;
}
.desktopSearchWarpper input
{
    width: 348px;
    height: 20px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #fff;
    border-radius: 3px 0 0 3px;
}

    .desktopSearchWarpper input:focus
    {
        outline: 0;
        background: #fff;
        height: 18px;
        width: 346px;
        box-shadow: 0 0 2px #666666 inset;
    }

    .desktopSearchWarpper input::-webkit-input-placeholder
    {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }

    .desktopSearchWarpper input:-moz-placeholder
    {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }

    .desktopSearchWarpper input:-ms-input-placeholder
    {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }

    .mAutoBlock {
        margin: 0 auto !important;
        display: block !important;
    }

/* Form submit button */
.desktopSearchWarpper button
{
    overflow: visible;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 112px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #9bb50d;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
}

    .desktopSearchWarpper button:hover
    {
        background: #9bb50d;
    }

    .desktopSearchWarpper button:active, .desktopSearchWarpper button:focus
    {
        background: #9bb50d;
        outline: 0;
    }

    .desktopSearchWarpper button:before
    {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #9bb50d transparent;
        top: 12px;
        left: -6px;
    }

    .desktopSearchWarpper button:hover:before
    {
        border-right-color: #9bb50d;
    }

    .desktopSearchWarpper button:focus:before, .desktopSearchWarpper button:active:before
    {
        border-right-color: #9bb50d;
    }

    .desktopSearchWarpper button::-moz-focus-inner
    {
        border: 0;
        padding: 0;
    }

.desktopCartBox
{
    /*margin-right: 2px;
    width: 115px;
    height: 40px;*/
    /*background: #009edd;*/
    border-radius: 5px;
    color: #ffffff;
}
.desktopCartBoxInfo a, .desktopCartBoxInfo a:hover,.desktopCartBoxInfo a:visited{
    color: #000 !important;
}
.desktopQTY
{
    height: 33px;
    margin: 2px;
    margin-top: 5px;
    width: 40px;
    text-align: center;
    font-size: 90%;
    line-height: 100%;
    vertical-align: bottom;
    white-space: nowrap;
}

.desktopPrice
{
    font-size: 90%;
    width: 40px;
    height: 33px;
    margin: 2px;
    margin-top: 5px;
    line-height: 14px;
    vertical-align: bottom;
}

/* NEW BLUE MENU NEEDS CLEANING */

.midmenu #current 
{

    display:block;
	text-decoration:none;
}

.midmenu #current a
{
    display:block;
	outline:1;
	text-decoration:none;
}

.midmenu li 
{
	float:left;
	position:relative;

}

.midmenu li a 
{
    display:block;
	color: #fff;
	outline:0;
	text-decoration:none;
	line-height: 125% !important;
    text-transform:capitalize;
}
.midmenu li:hover a 
{
	color:#161616;
}

.midmenu li .drop 
{
	text-align:center;
	padding-right:0px;
}
.midmenu li:hover .drop 
{
	text-align:center;
	padding-right:0px;
}
.midmenu li:hover div a {
	color:#025ab6;
	
}
.midmenu li:hover div a:hover {
	color:#1b58aa;

}
.midmenu li ul li a:hover {
	color:#025ab6;
}

/* Right aligned menu item */

.midmenu .right {
	float:right;
	margin-right:0;
}



.midmenu .dropdown_1column, 
.midmenu .dropdown_2columns, 
.midmenu .dropdown_3columns, 
.midmenu .dropdown_4columns,
.midmenu .dropdown_5columns,
.midmenu #dropdown_fullwidth_first,
.midmenu #dropdown_fullwidth_item2,
.midmenu #dropdown_fullwidth_item3,
.midmenu #dropdown_fullwidth_item4,
.midmenu #dropdown_fullwidth_item5,
.midmenu #dropdown_fullwidth_item6,
.midmenu #dropdown_fullwidth_item_right,
.midmenu .dropdown_1column, 
.midmenu .dropdown_2columns, 
.midmenu .dropdown_3columns, 
.midmenu .dropdown_4columns,
.midmenu .dropdown_5columns,
.midmenu #dropdown_fullwidth_first {
	margin:10px auto;
	left:-999em;
	position:absolute;
	background:#ffffff;
	border-top:none;
	padding:10px;
	text-align:left;
	z-index:99;
    border: 2px solid #1b58aa;
    margin-top: 25px;
}

/* Drop Downs Sizes */

.midmenu .dropdown_1column {width: 145px;}
.midmenu .dropdown_2columns {width: 300px;}
.midmenu .dropdown_3columns {width: 455px;}
.midmenu .dropdown_4columns {width: 485px;}
.midmenu .dropdown_5columns {width: 765px;}



/*
.midmenu #dropdown_fullwidth_first  {
	width: 936px;
}
.midmenu #dropdown_fullwidth_item2  {
	width: 600px;
}
.midmenu #dropdown_fullwidth_item3{
	width: 936px;
}
.midmenu #dropdown_fullwidth_item4{
	width: 700px;
}
.midmenu #dropdown_fullwidth_item5{
	width: 628px;
}
.midmenu #dropdown_fullwidth_item6{
	width: 680px;
}
.midmenu #dropdown_fullwidth_item_right {
	width: 600px;
} */

/* Showing Drop Down on Mouse Hover - Left aligned */

.midmenu li:hover .dropdown_1column, 
.midmenu li:hover .dropdown_2columns, 
.midmenu li:hover .dropdown_3columns,
.midmenu li:hover .dropdown_4columns,
.midmenu li:hover .dropdown_5columns {
	left:-1px;
	top:25px;
}

.midmenu li:hover #dropdown_fullwidth_first {
	left:0px;
	top:25px;

}
.midmenu li:hover #dropdown_fullwidth_item2 {left:0px; top:25px;}
.midmenu li:hover #dropdown_fullwidth_item3 {left:0px; top:25px;}
.midmenu li:hover #dropdown_fullwidth_item4 {left:0px; top:25px;}
.midmenu li:hover #dropdown_fullwidth_item5 {left:0; top:25px;}
.midmenu li:hover #dropdown_fullwidth_item6 {left:0; top:25px;}
.midmenu li:hover #dropdown_fullwidth_item_right {
	right:-1px;
	top:25px;
	left:auto;

} 

/* Columns Sizes */
.midmenu .col_0,
.midmenu .col_1,
.midmenu .col_2,
.midmenu .col_3,
.midmenu .col_4,
.midmenu .col_5,
.midmenu .col_6 {
	display:inline;
	float: left;
	position: relative;
}
.midmenu .col_0 {width:135px;}
.midmenu .col_1 {width:235px;}
.midmenu .col_2 {width:300px;}
.midmenu .col_3 {width:435px;}
.midmenu .col_4 {width:485px;}
.midmenu .col_5 {width:765px;}
.midmenu .col_6 {width:920px;}


/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.midmenu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}


.midmenu p,
.midmenu ul,
.midmenu li,
.midmenu h2,
.midmenu h3 {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}
.midmenu p {
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
    font-style: italic
}
.midmenu .strong {
	font-weight:bold;
}
.midmenu .italic {
	font-style:italic;
}
.midmenu h2 {
    font-weight: lighter;
	font-size:21px;
	line-height:18px;
	margin-top:0px;
	margin-bottom:8px;
	padding-bottom:5px;
}
.midmenu h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:21px;
	margin-top:7px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.midmenu .pusher { 
	margin-top:18px;
}


.midmenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.midmenu li ul li {
	font-size:13px;
	line-height:10px;
	position:relative;
	padding:0;
	float:left;
	text-align:left;
	width:145px;
		height:auto;
}
.midmenu li ul li:hover {
	background:none;
	line-height:10px;
	border:none;
	padding:0;
}


.midmenu li .greybox li 
{
    clear:both;
	vertical-align:middle;
	margin:0px 0px -1px 0px;
	padding:1px 3px 1px 3px;
	padding-top:2px;
	padding-bottom:3px;
	width:230px;
	height:auto;

}
.midmenu li .greybox li:hover {

    margin:0px 0px -1px 0px;
	padding:1px 3px 1px 3px;
	padding-top:2px;
	padding-bottom:3px;
    text-decoration: underline;

}



.arrowImgIcon {
    background-image: url("Images/arrow_side.gif");
    cursor: pointer
}
.arrowImgIcon:hover {
    background-image: url("Images/arrow_side_over.gif");
}
.arrowImgIcon-over {
    background-image: url("Images/arrow_down.gif");
    cursor: pointer
}
.arrowImgIcon-over:hover {
    background-image: url("Images/arrow_down_over.gif");
}

.desktopQuickOrderBTN {
    background: #9bb50d;
    font-size: 14px;
    font-weight: 500;
    padding: 2px;
    width: 110px;
    height: 30px;
    border: 0px;
    cursor: pointer;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0,0, .3);
}

#homepage-featured-product
{
    float: left;
    margin-top:5px;
    width:940px;
    line-height: 12px !important;
}
.homepage-featured-product-categories li
{
    display: inline-block;
    width: 120px;
    vertical-align: top;
    margin: 0px !important;
    padding: 0px;
}
.homepage-featured-product-categories div {
    margin: 0 !important;
    padding: 0 !important;
    width: 120px !important;
}
.homepage-featured-product-categories a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    line-height: 12px !important;
}
.homepage-featured-product-categories a:hover
{
    text-decoration: underline;
}
.homepage-featured-product-categories img
{
    border: 1px solid #ffffff;
    width: 120px !important;
}
.homepage-featured-product-categories img:hover
{
    border: 1px solid #3366FF;
}

/* Social Media Icons */
.socialIcons2 {width: 32px;height: 32px;float: left;display: inline;margin-right: 3px;}
.facebookIcon2 {background-image: url("Images/icons/social/facebook_hover.png");}
.facebookIcon2:hover {background-image: url("Images/icons/social/facebook.png");}
.pinterestIcon2:hover {background-image: url("Images/icons/social/pinterest.png");}
.pinterestIcon2 {background-image: url("Images/icons/social/pinterest_hover.png");}
.rssIcon2:hover {background-image: url("Images/icons/social/rss.png");}
.rssIcon2 {background-image: url("Images/icons/social/rss_hover.png");}
.twitterIcon2:hover {background-image: url("Images/icons/social/twitter.png");}
.twitterIcon2 {background-image: url("Images/icons/social/twitter_hover.png");}
.youtubeIcon2:hover {background-image: url("Images/icons/social/youtube.png");}
.youtubeIcon2 {background-image: url("Images/icons/social/youtube_hover.png");}
.linkedinIcon2:hover {background-image: url("Images/icons/social/linkedin.png");}
.linkedinIcon2 {background-image: url("Images/icons/social/linkedin_hover.png");}
.googleIcon2:hover {background-image: url("Images/icons/social/google.png");}
.googleIcon2 {background-image: url("Images/icons/social/google_hover.png");}

.instaIcon2:hover {background-image: url("Images/icons/social/instagram_hover.png");}
.instaIcon2 {background-image: url("Images/icons/social/instagram.png");}
.emailIcon2:hover {background-image: url("Images/icons/social/email_hover.jpg");}
.emailIcon2 {background-image: url("Images/icons/social/email.jpg");}
.blogIcon{background-image:url("Images/riosblog-logo.png");display:block;width:192px;height:62px;}
.blogIcon:hover{background-image:url("Images/riosblog-logo-hover.png")}


.footerLinks {
    font-size: 12px;
}
.footerLinks a{
    text-decoration: none;
    color: #444444;
}
.footerLinks li{
    margin-bottom: 4px;
}

.desktopTopBanner {
    width: 755px;
    overflow: hidden;
    padding: 0px;
    margin-top: 0px !important;
    line-height: normal !important;
    float: left;
    display: inline;
    margin-bottom: 10px;
    height: auto;
}
.desktopTopBanner a {
    height: auto !important;
}

.desktopOutletDiv {
    margin-bottom: 10px;
    margin-right: 10px;
}
.desktopOutletDiv a{
    text-decoration: none;
    color: #444444;
    line-height: 120%;
}

.searchTabs .ui-widget-header
{
border: 1px solid #0253a7;
  background-color: #ffffff !important;
  background-image:  none !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
}
.searchTabs  .ui-state-active a 
{
  color:#0253a7 !important;
  border-bottom: 1px solid #ffffff;
  margin-bottom: -1px;
}
.searchTabs .ui-state-active {
    background: #ffffff !important;
  border: 1px solid #0253a7 ;
  border-color: #0253a7 !important ;
}
.searchTabs  .ui-state-default a
{
color: #ffffff;
}
.tabStyle .ui-state-default {
 background: #9bb50d;
    border-color: #9bb50d ;
}



/* Product Image and Zoom */
/*
   Magic Zoom Plus v4.5.19 
   Copyright 2013 Magic Toolbox
   Buy a license: www.magictoolbox.com/magiczoomplus/
   License agreement: http://www.magictoolbox.com/license/
*/


/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover {
    display: inline-block;
    cursor: url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/zoomin.cur), pointer;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%;
}

/* Style of the small image */
.MagicZoomPlus img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    height: auto;
}

.MagicZoomPlus > img {
    width: 100%;
}

.MagicZoomPlus.magic-for-ie8 > img {
    max-width: none !important;
}

.MagicZoomPlus.magic-for-ie7 > img, .MagicZoomPlus.magic-for-ie5 img {
    width: auto;
}

td > .MagicZoomPlus > img, td > .MagicZoomPlus.magic-for-ie8 > img {
    max-width: none;
    width: auto;
}


/* Style of the span inside the small image link */
.MagicZoomPlus span {
    display: none !important;
}

/* Style of hint box */
.MagicZoomPlusHint {
    background: url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

.MagicZoomPlusLoading {
    background: #fff url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}


/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText {
    display: none;
}


/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #dadad1;
    border: 3px solid #aaa;
    cursor:url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/zoomin.cur),pointer;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
display: block !important;
position: absolute !important;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
    cursor: default;
}

/* Style of the expanded image */
.MagicThumb-expanded {
    background: #ffffff;
    border: 1px solid #ccc;
    cursor: url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/zoomout.cur), pointer;
    outline: 0;
    padding: 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.MagicThumb-expanded img {
    background: #ffffff;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
    background: #ccc;
    border: 0 !important;
    color: #333;
    font: normal 10pt Verdana, Helvetica;
    min-height: 18px !important;
    padding: 8px;
    outline: 0 !important;
    text-align: left;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
    background: transparent url(https://web-archive.nli.org.il/National_Library/oe_/https://www.riogrande.com/images/buttons1.png) no-repeat 0 0;
    display: block;
    height: 24px;
}

.MagicThumb-buttons a {
    height: 24px;
    margin: 0px 1px !important;
    overflow: hidden;
    width: 24px;
}

.MagicThumb-expanded > div > div > div > img {
    max-height: none !important;
    max-width: none !important;
    height: auto !important;
    width: auto !important;
}

.MagicThumb-background {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}


.desktopProductPageLogin .whitebox{

    padding:5px !important;
    background:#efefef;
}

.desktopProductPageLogin h1{
    font-size: 16px;
    line-height: 18px;
    
}
.desktopProductPageLogin p, .desktopProductPageLogin a{
    font-size: 12px;
    line-height: 14px;
    
}
.desktopProductPageLogin input.btnLogin {
    clear: both !important;
    display: block !important;
    float: none !important;
    margin-left: 60px;
    margin-top: 10px;

}

 	.searchBtnOverride, .processLabelBtnOverride, .promoCodeOverride { 
  color:#ffffff !important; 
  background: #9bb50d repeat-x !important;
  border: #9bb50d !important;
  }
	.loginBtnOverride .ui-button { 
  color:#ffffff !important; 
  background: #ff8600 repeat-x !important;
  border: #ff8600 !important;
  }
  .checkoutBtnOverride .ui-button, .continueBtnOverride .ui-button{ 
  color:#ffffff !important; 
  background: #9cb608 repeat-x;
      border: #9cb608;
      font-size: 13px;
  }
    .checkoutVisitedBtnOverride .ui-button /*.activeOrderHistoryBtn*/{ 
  color:#ffffff !important; 
  background: #1d75cc repeat-x !important;
      border: #1d75cc;
      font-size: 16px;
  }
  .shopNowBtnOverride .ui-button{ 
  color:#ffffff !important; 
  background: #9ab700 repeat-x;
      border: #9ab700 !important;
      font-size: 16px;
  }
.processLabel {
     color:#ffffff !important; 
  background: #009edd repeat-x !important;
      border: #009edd !important;
      font-size: 13px;

}
	.rioProOverride .ui-button{ 
  color:#ffffff !important; 
  background: #005393 repeat-x;
  border: #005393
  }
ul.hoverli, .hoverli li {
    margin:0 !important; 
    padding:0 !important; 
    list-style:none;

}
.menu_class {
    border:1px solid #1c1c1c;
}
/* dropdown */
/*ADxMenu*/
/* page styling, unimportant for the menu. only makes the page looks nicer */
/* - - - ADxMenu: BASIC styles - - - */ 
/* remove all list stylings */
.menu, .menu ul {margin: -4px 0 0 0;padding: 0;	border: 0;list-style-type: none;display: block;}
/* move all list items into one row, by floating them */
.menu li {margin: 0;padding: 0;border: 0;display: block;float: left;}
/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {position: relative;z-index:99999;}
/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {width: 100%;font-family:Arial,Sans-Serif;letter-spacing:normal !important;font-size:13px;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
/*.menu li li:hover{background-color:#eeeeee;}*/
/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
/*.menu li li div {top: 3px;left: 0;}*/
/* ...and then place the submenu where it should be when shown */
/*.menu li li:hover div {left: 100%;}*/
/* initialy hide all sub menus */
.menu div {visibility: hidden;position: absolute;z-index: 10;}
/* display them on hover */
.menu li:hover>div * {visibility: visible;}
/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
/* IE7 float clear: */
.menu, .menu ul {min-height: 0;}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu div {	background-image: url(Images/empty.gif);/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}

/* - - - ADxMenu: DESIGN styles - - - */
.menu {}
.menu ul {width: 95px;background: #ffffff;}
.menu ul ul {background: #eeeeee;}
.menu li:hover input {visibility: visible;}
.menu a {text-decoration: none;	padding: .4em .4em;display: block;}
.menu, .menu ul {height: 1%;}

/* this style must be exact copy of: ".menu li li:hover ul" style above  */
.menu li li.adxmhover div {left: 100%;}
/* the following two rules simulate li:hover>ul selector repeat enough times to cover all nested levels
	look at aplus.rs/adxmenu/trouble/ if some of your submenus do now show up */
.adxmhover div,
.adxmhover .adxmhover div {visibility: visible;}
.adxmhover li div,
.adxmhover .adxmhover li div {visibility: hidden;}

/* - - - ADxMenu: DESIGN styles - - - */
.menu ul a {height: 1%;}
.menu li li {}
.hideDialogTitle .ui-dialog-titlebar
 {
    display: none !important;
}


/*Dropdown menu header*/
.desktopTopNav .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.desktopTopNav .white-block{
background-color:none;
border-radius:unset !important;
padding:unset !important;
margin:unset;
}

.desktopTopNav .create-account-box .loginInputClass{
    margin-top:0;
    width:auto;
}

.desktopTopNav .form-group.loginInputClass{
    padding:0 !important;
    margin:0 !important;
}

.desktopTopNav .form-group input[type=text],.desktopTopNav .form-group input[type=password]{
    width:94%;
}

.desktopTopNav .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: -webkit-match-parent;
    list-style: none;
    font-size: 14px;
    line-height: 1.42857143;
    color: #70737a;
    box-sizing: border-box;
}

.desktopTopNav .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    height: auto;
}


.desktopTopNav .form-control, .login-block .form-control {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
    vertical-align: middle;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a4a7ac;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.dropdown-menu {
    width: 220px !important;
    color: #70737a;
}

    .dropdown-menu a {
        color: #70737a;
        text-decoration: none;
        font-size: 14px;
    }

        .dropdown-menu a:hover {
            text-decoration: none;
        }

    .dropdown-menu > li > * {
        padding: 0 20px;
    }

.menu li li {
    border: none;
    padding: 0;
}

.dropdown-menu > li > a:hover {
    background-color: #efefef;
}


/*.desktopTopNav li a {
    padding: 3px 12px;
}*/

/*.desktopTopNav .navbar-form div input {
    height: 30px;
}*/

.desktopTopNav input[type=text], .desktopTopNav input[type=password]{
    height:24px;
}

.menu li .dropdown-menu li:hover {
    background-color: #fff !important;
    width: 100% !important;
}


#btnProcessOrder {
    background-image: none;
    background: #9bb50d !important;
    border: #9bb50d;
    color: #ffffff;
}

.productpagePriceLine {
    padding-top: 2px !important;
    border-bottom: 1px solid #ffffff !important;
    min-height: 16px;
   
}
.productpagePriceHeader {
        padding-top: 2px !important;
    border-bottom: 1px solid #ffffff !important;
}
.productpagePriceLine .floatLinline .productpagePriceHeader .floatLinline{
    min-width: 40px !important;
}
.productpagePriceHeader .floatLinline .productpagePriceHeader .floatRinline{
    max-width: 60px !important;
}
.productpagePriceLine .floatLinline {
    text-align: left !important;
}
.productpagePriceLine .floatRinline {
    text-align: right !important;
}
.existingAddressDiv {
    z-index: 999 !important;
position:relative;
background:#ffffff;
}
.existingAddressDiv .btnLogin{
    background: Orange !important;
}

#addressSuccess {
    top: 140px !important;
}
.desktopClicktoSendLoginEmail {
    display: none;
}
.desktopQuickViewBtn {
    cursor:pointer; position:absolute; top: 0px; left: 0px; background-color:#9bb50d; color:#ffffff; text-decoration: none; font-size: 11px;padding: 4px;
    display: none; text-align: center; font-weight: bold;
}
.desktopQuickViewBtn:hover {
    background-color:#444444; 
}
.QuickViewWindow {
    width: 500px;
    height: 500px;
}
.hideBody {
    display:none
}


	
		.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #ccc;
    		background: rgba(0,0,0,.6);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #ccc transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}
	
	/* returns Online */

.smallThumb {
    width: 100px !important;
    height: 100px !important;
}
        .refinementsSort {
        width: 168px;
        text-align: center;
        color: Black;
        margin: 0 15px 10px 0;
        border-radius: 15px;
        background: #efefef;
    }
            /*.refinementsSort div span {
                margin-left: 10px;
            }*/

        .refinementsSort div {
            text-align: left;
            margin: 0 auto;
            display: inline-block;
            width: 80%;
        }

            .refinementsSort div:last-child input {
                text-align: center;
                width: 100px;
                margin: 0 auto 10px auto;
            }

        .intlNote, .returnItemsBox, .scrapNote {
            width: 148px;
            text-align: center;
            color: Black;
            margin: 0 10px 10px 0;
            border-radius: 15px !important;
            overflow: hidden;
            font-size: 1em;
        }

        .intlNote {
            width: 148px;
            background: #009edd;
            padding: 10px;
            border: 1px solid #e0e0e0;
            color: white;
        }

            .intlNote a {
                text-decoration: none;
                font-weight: bold;
                background: #efefef;
                padding:0 5px;
                text-align:center;
                border-radius:2px;
            }

            .intlNote div {
                background: #fff !important;
                border-radius: 15px;
                margin-bottom: 5px;
            }



        .filtersBox span:first-child {
            font-weight: bold;
            margin-bottom: 5px;
        }

            .filtersBox span {
            margin-left:25px
            }

.headersBar, .headersBarLabels, .headersBarPendingOrders {
    background: #E6E6E6;
    width: 750px;
    height: 40px;
    border-radius: 15px;
    border: 1px solid #D9D9D9;
    margin-bottom: 10px;
}

.headersBarPendingOrders span {
    width: 18% !important;
    height:100%;
    line-height: 1.5em;
    float: left;
    color: #000;
    text-align: center;
    font-weight: bold;
            border-right: solid 1px #D9D9D9;
            font-size: 12px;
}

    .headersBarPendingOrders span:first-child, .headersBar span:first-child{
    margin-left:10px
    }

.headersBar span {
    width: 15% !important;
    height:100%;
    line-height: 1.5em;
    float: left;
    color: #000;
    text-align: center;
    font-weight: bold;
            border-right: solid 1px #D9D9D9;
            font-size: 12px;
        }
        .headersBarLast span, .headersBarLast {
            border-right: none !important;
}

.headersBarLabels span {
        width: 33% !important;
            height:100%;
    line-height: 1.5em;
    float: left;
    color: #000;
    text-align: center;
    font-weight: bold;
            border-right: solid 1px #D9D9D9;
            font-size: 12px;
        }



        .whiteBg {
            background: white;
        }

        .colorBg {
            background: #ffffcc;
        }

        .returnItemsBox div {
            background: #fff;
            margin-bottom: 5px;
            line-height: 2.5em;
            background: #9bb50d;
            color: #fff;
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 14px;
        }

        .ReturnItemBoxText {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
        }

        .returnItemsBox input {
            display: inline-block;
            margin: 0 auto 15px auto;
        }

        .returnItemsBox {
            width: 168px;
            border: 1px solid #9bb50d;
            overflow: hidden;
        }

    .scrapNote {
        width: 158px;
        background: #fff;
        padding: 5px;
        border: 1px solid #cccccc;
    }

        .scrapNote div {
            background: #efefef;
            border-radius: 15px;
            padding: 5px;
        }

        .scrapNote a {
            color: #007cc6;
            text-decoration: none;
            font-weight: bold;
        }

        .hasPowerNote {
            color: black;
            background-color: #FCFC9B;
            padding: 7px;
            border: 1px solid #EAC117;
            width: 455px;
            text-align: left;
            margin: -10px 50px 15px 0;
        }

        #divReturnInternationalAddressMessage {
        color: red; 
        width: 455px; 
        text-align: center; 
        margin-right:50px !important;
        }

    .returnsProccess {
        width: 928px;
        background-color: #efefef;
        border-radius: 15px;
        text-align: center;
        margin-bottom:10px;
        border: 1px solid #e0e0e0;
    }

        .returnsProccess div span {
            display: block;
            margin: 0 auto;
            /*width: 60%;*/
            color: #000;
            font-weight: bold;
        }

.returnsProccess .floatLwidth33 {
    margin:5px 0 !important;
}

    .floatLwidth33 {
        width: 33%;
        line-height: 1.2em;
        float: left;
        display: inline-block;
        vertical-align: middle;
    }

    .itemsDescription {
        background-color: #fff;
        border-radius: 15px;
        text-align: center;
        margin: 0 auto 15px auto;
        border: 1px solid #e0e0e0;
        width: 97%;
    }

        .itemsDescription .floatLwidth33 div:first-child {
            width: 80%;
            text-align: center;
            margin: 8% auto;
        }

        .itemsDescription span {
            margin: 9% auto;
        }

    .returnsProccessDetails {
        width: 50%;
        float: right;
        margin-right: 50px;
    }

        .returnsProccessDetails span {
            display: inline-block;
            max-width: 250px;
            /*margin-bottom: 10px;*/
        }
        .returnsProccessDetails div {
            display: inline-block;
            float: right;
            margin-bottom: 10px;
        }

        .returnsProccessDetails select {
            margin: 6% auto;
            width: 200px;
        }

        .returnsProccessDetails:first-child input {
            margin: 9% auto;
            display: table;
            width: 35px;
        }

        /*.returnsProccessDetails input:nth-child(even) {
            float: right;
            text-align: center;
        }*/

    .processLabel {
        margin-right: 50px !important;
    }

    .searchInvoice, .searchItemNumber {
        width: 368px;
        height: 170px;
        background-color: #efefef;
        border-radius: 15px;
        text-align: center;
        margin: 0 10px 10px 0;
        border: 1px solid #e0e0e0;
    }

        .searchInvoice h1, .searchItemNumber h1 {
            font-size: 22px;
            color: #007cc6;
        }

        .searchInvoice p, .searchItemNumber p {
            margin: 0 auto 10px auto;
            width: 300px;
        }

        .searchInvoice input:first-child, .searchItemNumber input:first-child {
            display: inline;
            border-radius: 5px;
            text-align: center;
            margin-bottom: 10px;
        }

        .searchInvoice span, .searchItemNumber span {
            color: red;
            font-size: 12px;
        }

    .searchOrderHistory, .noInvoice {
        width: 748px;
        height: 80px;
        background-color: #efefef;
        border-radius: 15px;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #efefef;
    }

        .searchOrderHistory h1, .noInvoice h1 {
            font-size: 22px;
            color: #878787;
        }

       #tabs-returns table {
        border-collapse: initial;
    }


.accordion-returns {
    width: 750px !important;
    border-collapse: initial;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.contentContainer {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.returnsBtn {
    margin-bottom: 10px !important;
    color:#777982 !important;
    padding:7px;
    background-color:#eee;
    border-radius:5px;
    border:1px solid;
    max-width:200px;
}

.returnsBtnGrey a {
    text-decoration:none;
}

.returnsBtnGrey {
    color:#888888;
    margin-bottom: 10px !important;
}

.AddToReturnCart {
    text-decoration: none !important;
}

.noTxtDecoration  {
        text-decoration:none !important;
}

.reviewBtn {
    margin-bottom: 10px !important;
    text-decoration:none !important;
    color:#fff !important;
    padding:7px;
    background-color:#fe8800;
    border-radius:5px;
    border:1px solid;
    max-width:200px;
}

.reorderBtn {
    text-decoration:none !important;
    color:#fff !important;
    padding:7px;
    background-color:#9bb50d;
    border-radius:5px;
    border:1px solid;
    max-width:140px;
}

.smallerThumb {
 width:100px !important;
 height:100px !important;
}

.accordion-returns .ui-state-default a {
    color: #4e6e81;
}

.accordion-returns.searchTabs {
    border: 0;
}

.headerContainerPendingOrders span + span {
        width: 20% !important;
        line-height: 1.7em;
        float: left;
        color:#000;
        top:50% !important;
        font-weight:100;
}

.headerContainer, .headerContainerPendingOrders {
    text-align: center;
    width: 100%;
    border: 0;
    color: #007cc6;
    overflow: hidden;
    border: 0 !important;
    padding-left:0 !important;
}

    .headerContainer span + span {
        width: 16% !important;
        line-height: 1.7em;
        float: left;
        color:#000;
        top:50% !important;
        font-weight:100;
    }
    .headerContainer span:nth-child(2) {
    margin-left:10px;
    }
    .headerContainer span {
     font-size:11px
    }

#OrderHistoryStartDate, #OrderHistoryEndDate, #PendingOrderStartDate, #PendingOrderEndDate {
width:98px !important; display:inline; text-align:center !important;
}

.filterByDate img{
margin-left:3px}

.updateButtons {
    float: right;
    padding: 0 35px 20px 0;
    margin-top: 10px;
}

.marqueeStyle {
border: 1px solid #0253a7;
margin-top: 5px;
background: #efefef;
border-radius: 4px;
padding: 3px 10px;
text-align:center;
font-size:12px;
}

    /* jquery-fix switching from 1.8 ui to 1.11 */

.accordion h3 {

line-height:1em;
}
.accordion {
height:100%;
}

/*Calculator page*/
.alloyMe{font-size:1.2em;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}
table.jumprings.fontOver{font-size:1em !important;}
.jumprings td{text-align:left !important;}
.alloyMe input{display:inline;margin-bottom:5px;}
.alloyMe select{display:inline;width:120px;}
#goldKarat.alloyMe {max-width:520px;}
#serveKarats{margin-left:20px;}
#response, #response2{margin-top:25px;margin-bottom:25px;}
.calcError {padding: 10px;background-color: #b43e3e;border: 1px solid #777929;color: white;font-weight: bold;}
.hideme {display: none !important;}

@media screen and (max-width:480px){
td.hideme{display:none;}
}


.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 13px Helvetica, Arial, Sans-Serif;
    margin-top: -10px;
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: #999999;
			text-decoration: none; 
			padding: 10px 0 10px 15px;
			background: #efefef;                   /* fallback color */
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 10px solid #efefef;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 10px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
		}
		/*.breadcrumb li:nth-child(2) a       { background:        #efefef; }
		.breadcrumb li:nth-child(2) a:after { border-left-color: #efefef; }
		.breadcrumb li:nth-child(3) a       { background:        #efefef; }
		.breadcrumb li:nth-child(3) a:after { border-left-color: #efefef; }
		.breadcrumb li:nth-child(4) a       { background:        #efefef; }
		.breadcrumb li:nth-child(4) a:after { border-left-color: #efefef; }
		.breadcrumb li:nth-child(5) a       { background:        #efefef; }
		.breadcrumb li:nth-child(5) a:after { border-left-color: #efefef; }*/
		.breadcrumb li:last-child a {
			background: none; 
			color: #999999;
		    padding-right: 10px;
		}
		.breadcrumb li:last-child a:after { border: 0; }
		.breadcrumb li a:hover { background: #e6e5e5; }
		.breadcrumb li a:hover:after { border-left-color: #e6e5e5 !important; }



        /*searchPage Syling form SLI implementation*/


@media (max-width:940px) {
    .catSearchPage .arrowImgIcon, .refSearchPage .desktopCatArrow {
        margin-top: 3px;
    }

    .catSearchPage .categoryName, .refSearchPage .refName {
        width: 80% !important;
    }

    .pageNumbersSpan input {
        padding: .1em .5em;
    }

    .pageNbrs button {
        width: 20px;
        height: 20px;
    }

    .pageNbrs form {
        margin-bottom: 5px;
    }
}


@media only screen and (min-width: 200px) and (max-width: 767px) {
   

    .refinementDropDiv, .categoryDropDiv, .categoryItemsDiv, .pageNumbersSpan, .categoryNameDivTablet, .catBreadCrumbDiv {
        display: none;
    }

    .refinementDropDiv {
        margin-top: 10px;
    }

    #nextBtn {
        float: right;
    }


    .resultsCountDivPhone {
        display: inline;
        width: 320px;
    }

    .searchPageRefining {
        font-size: 13px;
        margin-bottom: 0;
        width: 49.1%;
    }
    /*#categoryDropDiv { position: absolute; z-index: 99; background-color: #ffffff;}*/
    .catorderInput {
        width: 100%;
    }

    .productsearch {
        height: 160px;border-bottom: 1px dotted #5aa8ff;
    }

    .productdesc {
        margin-left: 15px;
    }

    .categoryBtn, .refinebyBtn {
        width: 100%;
        margin: 0px;
    }

    .categoryBtn {
        margin-bottom: 5px;
    }

  .tabStyle [role="tab"]{
    width: 100%;
    border-radius:0;
}
  .resultsPerPageBlock, .numPagesBlock{
      width:100%;
      text-align:center;
      display:block;
  }

  .resultsPerPageBlock select, .resultsPerPageBlock label{
      float:none;
  }

  .pageNumbersSpan{
      width:85%;
  }

  .productsearch{
      height:auto;
      padding-top:20px;
  }
}

/* Table of Content
==================================================
	#Site Styles 
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#homebtnImg, .cartbtnImg, #plusBtn  {display:none; visibility:hidden;}
.navbar {background-color: #007cc6; width:100%; height: 38px; margin-bottom: 10px;}
.searchBox, .metalmarketsBox {float:right;}
.searchIcon {background-image:url(Images/10go.gif); height:26px; width:90px;border: 0px solid red !important; vertical-align: top; background-repeat:no-repeat;}
.homebtnNbr {display:block; font-weight:bold; margin-bottom: 10px;}
.homebtnNbr a, .homebtnNbr a:visited,.homebtnNbr a:hover  {text-decoration:none; color:#005ec2; font-size: 16px; padding-left: 0px;}
.navbar li{display: inline; width: 100%; margin: -2px !important; padding: 0px !important;}
.navbar nav {float:left; display:inline; height: 38px;}
.homenav {width:12.5%}
.menunav {width:87.5%}
.carouseldiv{margin-top:10px !important; margin: 0px auto; padding-left:0; width:930px !important; margin-bottom: -5px;margin-left: auto; margin-right: auto; display:block; width: 100%}
#carouselwrapper {width:900px;height:225px;float:left;position:relative;z-index:1;overflow:hidden;background:#ffffff; margin: 0px auto;}
#scroller {width:2475px;height:100%;float:left;padding:0;}
#scroller ul {list-style:none;display:block;float:left;width:100%;height:100%;padding:0;margin:0;text-align:left;}
#scroller li {background-position: -30px 0px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;display:block; float:left; width:225px; height:225px; border-right: 1px solid #efefef; border-left: 1px solid #efefef; padding: 10px; }
.carousel-bkgimg {font-size: 18px; font-weight:bold; color:#000000}
.prevarrow, .nextarrow{background-position: 0px 75px;background-image: url('Images/carousel_arrows.gif');
  width: 15px;height: 225px;display: inline;float: left;background-repeat: no-repeat;background-color: #ffffff;}
.nextarrow{background-position: -15px 75px;}
.tagline, .taglineDesktop {line-height:16px;text-align: center;color:#007cc6; font-size: 12px;}
.riologo, .riologoDesktop, .riologoDesktopSquare {margin-left: auto; margin-right: auto;display: block;}
.livechat {position:absolute; top: 55px; left:300px;}
.loginBlock {position:absolute; top: 48px; left:480px;height: 21px;}
.loginBtn {cursor:pointer; height: 21px; padding: 5px; width:130px; background-color:#fe8800; color:#ffffff; text-align:center; display:inline;}
.whitebox.register {height:148px;}
.loginInputClass {display:inline; float:left; margin-bottom:10px; margin-top:10px; width: 100%}
.cartSlide{ position:absolute; top:0; right:150px;}
.cartSlideLink{color:#ffffff; font-weight:bold; text-decoration:none; text-align:left; font-size: 14px}
#basketWrap {background-color: #ffffff; color:#1b58aa; font-size: 11px; padding: 5px;border-top-right-radius: 0;border-top-left-radius: 0;top: 13px;
left: 0;z-index: 1000;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;height: auto;color:#70737a;font-family: Arial,Sans-Serif;}
#basketWrap a:first-child, li.slideCartLi:first-child{margin-top:10px;}
li.slideCartLi:first-child{border-top:1px dashed #cecece}
#basketWrap a {color:#1b58aa; line-height: 1.5em;border-radius:6px;margin-bottom:10px}
#basketWrap a:hover{text-decoration:none;}
#basketItemsWrap{text-align:center}
#basketTitleWrap{font-size: 14px; text-align:center;}
.basketCheckout{font-weight:bold; font-size: 12px;}
.alertMessage{background-color: lightyellow;margin: 14px 0 10px 0;padding: 8px;border-radius: 13px;color: red;font-size: 14px; font-weight:normal;}
.text-left{text-align:left}
.clearfix::before {content: " ";display: table;}
.clearfix::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;clear: both;}
.clearfix {display: inline-block;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.row {margin-bottom: 0 !important;}
.contactUs.navbutton span {color:black !important}
.error-txt-hidden{display:none;}
.img-responsive {width:100% !important;height:auto;display:block;}
.metalmarkets-responsive{position: relative;}
#sli-btnSearch{min-height:inherit !important }
.LPMcontainer.LPMoverlay img{z-index:99 !important;}
#totalsDropDown{margin-left:3px;background: #efefef;padding: 2px 4px;border-radius: 5px;}

/* ------ Buttons ----- */ 

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}

.btn-success {
background-color: #449d44 !important;
border: 1px solid #3c8d3c !important;
color: white !important;
margin-right: 5%;
}

.btn-success:hover {
background-color: #3c8d3c !important;
border: 1px solid #367936 !important;
}

.btn-danger, .goBackToAccount {
background-color: #e68f8d !important;
border: 1px solid #cf817f !important;
color: white !important;
margin-right: 5%;
}

.btn-danger:hover{
background-color: #cf817f !important;
border: 1px solid #c37977 !important;
}

.btn-primary {
background-color: #007cc6 !important;
border: 1px solid #0374b7 !important;
color: white !important;
margin-right: 5% !important;
}

.btn-primary:hover {
background-color: #0374b7 !important;
border: 1px solid #03639c !important;
}


.btn-block {
    display: block;
    width: 100%;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-primary {
    color: #fff;
    background-color: #007cc6;
    border-color: #006cad;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #006cad;
    border-color: #00619b;
}

a.btn.btn-block.btn-primary {
    width: auto;
    color: #fff;
    line-height: 2em;
}

.text-danger {
    color: #e68f8d;
}

.bg-primary {
    color: #fff;
    background-color: #00619b;
    line-height:1.5em;
}
.bg-warning {
    color: #fff;
    background-color: #d58512;
    line-height:1.5em;
}
.bg-success {
    color: #fff;
    background-color: #367936;
    line-height:1.5em;
}
.bg-danger {
    color: #fff;
    background-color: #c37977;
    line-height:1.5em;
}

#newIcon {
    background: #9bb50d;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    margin: 3px 0;
    display:none;
}

#webOnly {
    background: #f0ad4e;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    margin: 3px 0;
    display:none;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a4a7ac;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}


.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}


.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-header .close {
    margin-top: -2px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}



/* ------------ Font Colors ---------- */

.text-alert {color: #e68f8d;}
.text-success {color: #449d44;}
.text-primary {color: #007cc6 !important;}
/* Colours */
.red {color:#c44127;}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}


@media (min-width: 768px) {
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        position: relative;
        width: auto;
        margin: 10px;
    }
}

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }
}


/*bootstrap*/ 



/* New Homepage */
.shopBttn13{width:50%;}
.shopBttn23{width:20%;}
.shopBttnFull{width:20%;}
.shop2014{background-color:#9bb50d;padding:10px;text-align:center;border-radius:3px;margin-left:auto;margin-right:auto;margin-bottom:15px;text-shadow: 0 -1px 0 rgba(0, 0,0, .3);font-size:14px;border:1px solid #81970c;color:#fff;font-weight:bold;text-decoration:none;}
.hpBttnLinkage {color:#fff;font-weight:bold;text-decoration:none;}
.hpBttnLinkage :visited{color:#fff;font-weight:bold;text-decoration:none;}
.hpBttnLinkage :hover{color:#e7f1b3;font-weight:bold;text-decoration:none;background-color:#81970c;border:1px solid #9bb50d;}

.w150{width:150px;}
.w200{width:200px;}
.w240{width:240px;}

/*Homepage banners*/
#hpContain{width:960px;margin-right:auto;margin-left:auto;background-color:#fff;}
.hpThinText{width:940px;margin:0 auto;font-size:14px;padding:10px 10px;line-height:1em;}
#hpBannerPrime{}
.hpFullLarge{width:960px; margin:0 auto 15px auto;border:none;display:block;}/* psd uses 18pt font at 300dpi Cannot go smaller than 11pt Shrink to 277w to see how it will look on a phone */

.hpTriBannerSet{width:960px;margin:15px auto 0 auto;}
.hpTriBanner{width:305px;margin-right:22px;float:left;margin-bottom:20px;} /* psd uses 8pt font at 300dpi Cannot go smaller than 4pt Shrink to 250w to see how it will look on a phone */
.hpTriBannerSet> div:first-child + div + div {margin-right:0 !important;} /*Necessary for IE8 only*/
.hpTriBannerSet>div:nth-of-type(3n+3){margin-right:0;}

.hpThinBanner{width:960px; margin:0 auto 20px auto;background-color:#fff;}
.hpThinBanner img{float:left;display:block;margin-right:15px;}
.hpThinBanner h2{font-size:1.4em;}
.hpThinBanner p{padding:0 10px 10px 15px;font-size:1.25em;}

.hpPromoBanner{width:305px;margin-right:22px;float:left;margin-bottom:20px;background-color:#f0f0fa;} /* psd uses 8pt font at 300dpi Cannot go smaller than 4pt Shrink to 250w to see how it will look on a phone */
.hpPromoBanner p{padding:10px 10px 10px 15px;font-size:1.25em;}

.hpDblTriple{width:960px;margin:15px auto 0 auto;}
.hpDblTriple>div:nth-of-type(odd){margin-right:22px;}
.hpDblTriple>div:first-child + div {margin-right:0;} /*Necessary for IE8 only*/
.hpDblTriple>div:nth-of-type(even){margin-right:0;}
.hpDblWide{width:632px;float:left;margin-bottom:15px;}

.hpSkyscraperR {width:305px;float:right;margin-bottom:20px;}
.hpSkyscraperL {width:305px;float:left;margin-bottom:20px;}
.hpSkyRight{margin-left:22px;}
.hpSkyLeft{margin-right:22px;}

/* back to top */
#back-top {position: fixed;right:25px;bottom: 0;width: 180px;text-align: right;clear: both;}
#back-top a {color: #81970c;text-transform: uppercase;text-decoration: none;-webkit-transition: background-color .7s;-moz-transition: background-color .7s;-o-transition: background-color .7s;transition: background-color .7s;}
#back-top a:hover {color: #566508;}
#back-top em {float: right;}
#back-top span {width: 35px;height: 35px;background: url('https://web-archive.nli.org.il/National_Library/oe_/https://media1.riogrande.com/marketing/landing/zz-00-homepage/pageup.png') no-repeat;background-color: rgba(255,255,255,1);display: block;float: right;cursor: pointer;margin: -8px 0 0 6px;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;}
#back-top a:hover span {background-color: #f5ec82;background-color: rgba(245,236,130,.8);}


#branded{width: 100%; height:33px; background:#007cc6; display:block; color: #ffffff; text-align:center;padding-top: 17px;font-size:1.25em;}


/*#slidingTopWrap {width: 210px; z-index: 10; background-color: #1b58aa; text-align:center}*/
#slidingTopFooterLeft{height: 28px; width:140px; position:absolute;background-color: #007cc6; padding:5px;}
#slidingTopFooterLeft div {margin-top:4px; width:120px; display:block;}
.checkoutBtn {margin-left:160px;}
a.cartBtninCart {margin-top:5px; margin-bottom:2px; width:80%; background-color: #CCCCCC; color:#414141; display:block; padding: 2px; text-decoration:none;border: 1px solid #ffffff;}
a.cartBtninCart:hover {background-color: #bdbdbd;border-color: #b0b0b0;}
#footerDock {width:100%; background-color:#007cc6;}
#backtoListTablet { display:block !important}
#backtoListPhone{ display:none !important}

/* Search Page */
.searchPageRefining { width:100%;}
.contentsearch.columns {border-bottom: 1px dotted #CCCCCC; padding-bottom: 4px }
.refineOptionsDiv {padding-top: 2px; padding-bottom: 2px}
.categoryItemsDiv {width: 100%; }
.backBtn, .pageNumbersSpan {width: 36px; display: inline; float: left;}
.pageNumbersSpan {width: auto; margin-right: 5px; margin-left: 5px;}
.nextBtn { display: inline; float: left; width: 36px; }
.categoryNameDivPhone {display: none; padding-bottom: 10px; text-align:center}
.resultsCountDivPhone {text-align: center; display: none; float: left; font-weight: bold;font-size: 12px;padding-left: 5px; padding-right:5px;line-height: 14px; padding-top: 10px}
.searchPageRefining { font-size: 13px !important; margin-bottom: 4px}
.productsearch {height: 230px }
.subcatdiv {display:block; width: 100%; padding-top: 5px; padding-bottom:5px; border-bottom: 1px dotted #00499c; cursor:pointer}
.subcatdiv a{text-decoration:none}
.subcatdiv h5{font-size: 13px;}
.viewFromSearchBtn {margin-top: 10px;}
img.new_item {position: absolute; float:right; top: 0px; right:0;} 
.contentSearchTitle{font-size: 12px; width: 75%; line-height: 13px; margin-top: 5px; margin-bottom:5px}
.contentSearchTitle a {color:#1b58aa !important; text-decoration:none; font-weight: bold} 
.box-Video, .box-Class, .box-Project , .box-HowTo , .box-Instruction, .box-Chart, .box-Bio, .box-MSDS, .box-WhitePaper {font-size: 12px; color:#ffffff;}
.box-Video {background:#97b43d; }
.box-Class {background:#d47d00}
.box-Project {background:#20549c}
.box-Bio {background:#2162bc}
.box-MSDS {background:#404040}
.box-WhitePaper {background:#CCCCCC}
.box-HowTo {background:#c10505}
.box-Instruction {background:#d78c36}
.box-Chart {background:#3f1fb7}


/* Product Page */
.productHead {font-size: 20px; margin:0; line-height:normal}
.productpagePrice{background-color:#ffffff; border:1px solid #CCCCCC;}
.productpagePriceHeader {padding:3px 6px 3px 6px; font-weight: bold;}
.productpagePriceLine{border-bottom:1px dotted #efefef; padding:3px 6px 3px 6px;}
.cartTotal {position:relative; width:10px; height: 0px; top:8px; right:-115px; color:#ffffff; font-size: 14px}
.selectMoreBtn {margin-bottom: 5px;}
.selectMoreOptions {position:absolute; top:36px; border: 1px solid #1b58aa; padding: 10px; background: #ffffff; z-index:99; width:90%}
.ProductOptionsSelected, .ProductOptions {border-bottom: 1px dotted #CCCCCC; padding: 5px;}
.ProductOptions:hover {background:#efefef; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
.selectMoreItem { color:#343434; font-size: 14px; font-weight: bold; text-decoration:none;}
.ProductOptionsSelected {background:#1b58aa; color:#ffffff}
/*.rating {display: inline-block;background: transparent url(Images/stars.png) repeat-x scroll 0px 0px;height: 30px;width: 150px;}
.rating .ratingHighlight {display: inline-block;background: transparent url(Images/stars.png) repeat-x scroll 0px -30px;height: 30px;}
.rating span {display: none;}
#toprating {opacity:0.8;filter:alpha(opacity=80); cursor: pointer; color:#b14c00; margin-top:-10px;}
#toprating:hover {opacity:1;filter:alpha(opacity=100);}
#toprating .rating {display: inline-block;background: transparent url(Images/stars-top.png) repeat-x scroll 0px 0px; height: 23px;width: 115px;}
#toprating .rating .ratingHighlight {display: inline-block;background: transparent url(Images/stars-top.png) repeat-x scroll 0px -23px;height: 23px;}*/
.multipleViews, .touchslider-viewport, .touchslider-item, touchslider-item img, .multiViewWrapper { height:300px !important; width:280px !important;}
.PriceBreakPerc{display:inline-block;  width: 38%;}
.productpagePriceSave{background:#9bb50d; color:#fff;text-align:center}
.PriceBreakPercDisc{padding-left:5px;display:inline-block; float:left}

/* Outlet Item */
.outletItemAvailHead { background:#be0000; width: 100%;}
.outletItemAvailHead div{padding: 1px; color: #ffffff; text-align:center }
.outletItemAvailSub { width: 100%;}
.outletItemAvailSub div{padding: 1px; color: #ffffff; text-align:center }
#outletBoxMain { width: 400px}

/* MTO Form */
.mtoInputField { height:26px}
.mtoLabelField {margin-top:8px;}
.column-MTO { padding:10px; background-color:#fff; border: 1px solid #1b58aa}
.ui-widget-content {border-color: #1b58aa !important}
.mtoPronoun {margin-top:8px; font-weight:bold}
.selectFractionDrop option {font-size: 10px}
.selectFractionDrop .ui-selectmenu-status { white-space: normal; line-height: 200%; margin-top:-4px;}
.Mto-Bold {font-weight:bold; color:#81a520}
.quickTotal label{line-height: 20px}
.quickTotal {border-top: 1px dotted #cccccc; margin-top: 4px; padding-top:4px}

/* Checkout Page */
 a.checkoutBtninCart {margin-top:5px; width:80%;background-color: #f0ad4e;border-color: #eea236;border: 1px solid;border-color: #ffffff; color:#ffffff;  display:block; padding: 2px; text-decoration:none;}
a.checkoutBtninCart:hover {background-color: #e2a34a;border-color: #d99431;}
a.wishlistBtninCart{background-color: #ffe54f!important;border-color: #f5dc4b; color:#414141}
a.wishlistBtninCart:hover {background-color: #e1ca46!important;border-color: #d3bd42; color:#414141}
.checkoutbody { background-color:#ffffff; margin-bottom: 10px; border: 1px solid #869197;}
.checkoutHead {padding: 5px; background-color:#869197; color:#ffffff; font-weight:bold; font-size:16px;}
.checkoutinner {padding: 10px;}
.checkoutSectionTitle { font-weight:bold; color: #353535; margin-right: 6px; float: left; display: inline; width: 130px;}
.checkoutSectionBlock { text-align:left;  font-size: 17px !important; color:#373737; margin-top: 2px; border-bottom: 1px dotted #CCCCCC}
.checkoutPriceSectionBlock { float: right;margin-right: 3px;background-color: #efefef;padding: 15px 10px;border-radius: 10px;}
.checkoutSectionBlock label {font-size: 18px !important; }
.radioItem {margin-top:5px; border-bottom: 1px dotted #869197; padding-bottom: 5px}
.radioItem div {display:inline; float:left;}
.orderlabelSpan {vertical-align:top;padding-left:10px; display:block; margin-bottom:10px; margin-top:-2px}
.orderlabelSpan strong {color: #7c970f; font-size: 13px; min-width:50px;display:inline-block}
.stepHidden { background-color: #efefef !important;}
.stepVisited { display:none; float:right; background-image:url(images/check.png); margin-top:2px; background-repeat:no-repeat; color: #ffffff; font-weight: bold; height: 30px; width: 30px;}
.labelGreen {color: #7c970f !important; font-weight:bold}
.savedCardDiv {margin-top:10px; margin-bottom:10px;}
.creditCardLogos {padding-top:20px}
.revisit {font-size: 14px; text-decoration:underline; color:Blue; padding-left: 10px;}
.Checkout{background: #fe8800 !important; border-color: #fe8800 !important; color:#ffffff !important;}
.DeleteSelected{background: #db0000 !important; border-color: #db0000 !important; color:#ffffff !important;}
.tooltip-addcard{ font-size:18px; font-weight:600; color:#7c970f !important;    border:2px solid #CBD59F;padding: 1px 6px;border-radius: 50%;text-align: center; cursor:pointer}

/* Impressions Page */
.impressionsHead  {padding: 8px; color:#474747; font-weight:bold; font-size:16px;background-image: url("Images/diagonalMaskWhiteBg.gif") repeat scroll center center #E5E5E5 !important;position: relative;padding-left: 40px;}
.impressionsHeadSummary, .divMain .ui-accordion-header {padding: 8px; color:#5f7800 !important; font-weight:bold; font-size:18px; background-image: url("Images/diagonalMaskWhiteBg.gif") repeat scroll center center #ef5122 !important;} 
.impressionsHead img {position: absolute;top: 2px;left: 2px;}
.impressionsinner {padding: 10px; border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.impressionsbody { background-color:#ffffff; margin-bottom: 10px;}
.thumbPlacement {width: 100px;}

/*Balance Forward*/ 

.headerContainerBF, .contentContainerBF {width:96%; padding:10px;  text-align:center; border-radius:10px}
.headerContainerBF {background:#E6E6E6; border:1px solid #ededed; margin-bottom:1%; font-weight:bold}
.contentContainerBF {background:#EFEFEF;}
.headerContainerBF span, .contentContainerBF input, .purpleCheckBoxes input {width:19%; display:inline-block; margin-bottom:1%}
.headerContainerBF span  {border-right: solid 1px #D9D9D9;}
.contentContainerBF span:first-child, .purpleCheckBoxes span:first-child  {margin-left: -4%;}
.headerContainerBF span:last-child  {border: none;}
.contentContainerBF span {width:20%; display:inline-block; text-align:right; margin-bottom:1%}
.contentContainerBF span:last-child{margin:0}
.checkboxBlock input, .checkboxBlock label {height: 17px;border: 0;}
.contentContainerBF div > label > span {margin:0 auto !important}
.checkboxBlock p {display: inline-block;}
.contentContainerBF input, .purpleCheckBoxes input{margin-left:6%}
.selectionContinerBF, .selectionNotApplyBF {width:80%; margin:0 auto}
.selectionContinerBF span, .selectionNotApplyBF span{font-size: 14px; font-weight: bold; text-align:left;margin-left:15px}
.contentContainerBF input[type="checkbox"], .selectionContinerBF input[type="radio"], .selectionNotApplyBF input[type="radio"], .purpleCheckBoxes input[type="checkbox"]{display:none;}
.contentContainerBF label  {width: 20%; border:0 !important; background:none !important}
.selectionContinerBF label, .selectionNotApplyBF label {border:0 !important; background:none !important}
.remCreditAvailable div{ margin-top: 15px;}
.remCreditAvailable{font-size: 14px; float:left;margin-top: 15px;text-align: left;}
.dialogApplyCredit {font-size: 14px;margin-top: 5px;text-align: left;}
.remCreditAvailable p, .remBalanceDue p, .dialogApplyCredit p {margin: 10px;display: inline;font-weight: bold;}
.redFont {color:#b50d0d; font-weight:bold}
.radioApplyCredit {margin:5px 0}
.greenFont {color:#7C9713; font-weight:bold}
.remCreditAvailable span, .dialogApplyCredit span {margin-bottom:1%; display:inline-block; font-size:14px;}
#applyPromoCodeBtn span{ background-color:#a7a7a7;color:white}
.remCreditAvailable label, .dialogApplyCredit label {background: none !important;border: none !important;}
.remCreditBlock {font-size: 14px;margin-top: 15px;}
.amountsToPay {float: right;font-size: 14px;margin-top: 15px;background-color: #dedede;padding: 15px 25px;border-radius: 13px;width: 75%;}
.applyToOrder, .totalAccountPay, .toPayWithCredit {float:right}

/* Register Page */
.registerbody { background-color:#ffffff; margin-bottom: 10px !important;}
.registerinner {padding: 10px;border: 1px solid #869197;}
.regFormBox {width: 100%;}
.regBlockCentered {width:600px; margin-left:auto !important; margin-right:auto !important;}
 #txtPhone { margin-bottom: 4px }
 .existingUserDiv, .existingAddressDiv, .existingUserDivNoWebId
 .existingAddressDivSuccess { border: 2px solid #7c970f; padding: 5px;}
 #contactSuccess, #addressSuccess { width: 100%;margin-top:10px;}
 .errorColor { color: Red !important}
.whiteDotLine {font-weight: bold;padding: 7px 0;border-bottom: white dotted 2px;}

/*Reviewer Profile and Submission */
.BV {padding:0}

/* Contact Page */
.contactText { font-size: 12px; line-height:17px; }
.contactDialog {height: 800px !important; }/*width:520px !important; then need to adjust layout-mobile as well*/
.editor-label, .editor-field { margin-bottom: -5px;}
#CapEquipLbl {display:none}

/* Scrap */
.scrap { padding-top:2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; vertical-align:middle}
.scrap label { color: #005aa9;}
#tblScrap hr { border-color: #005aa9;}
.scrap h6, .scrap strong { font-size: 13px; padding-right:5px}
.scrap .strong {background:#efefef; width:85px; padding-left:2px}

/* Wishlist */
.selectListDrop { border: 1px solid #CCCCCC; width: 200px; display: none; padding:5px; position:absolute; background-color: White;}
.wishListItemInfo { width: 280px; margin-top: 5px }
.wishListComment {width: 430px;}
.wishListStar {border: 1px #403d39 solid; margin: 0 auto; text-align:center; font-weight: bold; color:#FFFFFF; padding: 3px; background-color: #ffc14f; background-repeat: no-repeat}

  /*  ETA  */  
.containerOutOfStock {font-size: 14px;   text-align: center;}
.containerOutOfStock span:nth-child(2), .notifyMeOS {font-size: 12px;}
.notifyMeOS label {display: inline; font-size: 12px;margin:0;}
.notifyMeOS input[type="submit"]:hover {background-color:#5d6886}
.notifyMeOS input[type="email"] {width: 100px; display: inline}
.submitBtnPurple {font-size: 13px; color: white; border: none; background-color: #708BD8; padding: 4px 7px; border-radius: 3px;}
.containerOutOfStock div:first-child {font-size: 14px; font-weight: bold;}
.containerOutOfStock span:first-child {color: #685F91; font-size: 18px;}
.notifyMeOS span {text-decoration:underline; font-weight:bold}
.wBottomLine {padding: 10px 0; border-bottom: 1px solid #ffffff}
.BKONowBtn {font-size: 13px;color: white;border: none;background-color: #9bb50d;padding: 4px 7px;border-radius: 3px;display:inline-block; cursor: pointer;}
.txtProductETAEmail {padding: 4px 2px !important}

/* BackOrder Page */
.backOrderMessage { width: 800px }
	
/* Cat Order form */
.catorderInput {width: 50%; min-height:65px}
.catorderInput input { width: 90%}
	
/* Content Page */
.mediaAll {display:block; padding: 10px; margin-bottom: 10px;}
.mediaAll h5 {color:#ffffff}

.media-HowTo {background-color:#b02616;text-align:center; border: 1px solid #860e00;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b02616', endColorstr='#7e0d00');
              background: -webkit-gradient(linear, left top, left bottom, from(#b02616), to(#7e0d00));
              background: -moz-linear-gradient(top,  #b02616,  #7e0d00);}
.media-Projects{background-color:#1547af;text-align:center; border: 1px solid #0a2e78;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1547af6', endColorstr='#0a2e78');
              background: -webkit-gradient(linear, left top, left bottom, from(#1547af), to(#0a2e78));
              background: -moz-linear-gradient(top,  #1547af,  #0a2e78);}
.media-Videos {background-color:#87a822;text-align:center; border: 1px solid #67850d;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87a822', endColorstr='#67850d');
              background: -webkit-gradient(linear, left top, left bottom, from(#87a822), to(#67850d));
              background: -moz-linear-gradient(top,  #87a822,  #67850d);}
.media-InstructionSheets {background-color:#d78c36;text-align:center; border: 1px solid #99580d;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d78c36', endColorstr='#99580d');
              background: -webkit-gradient(linear, left top, left bottom, from(#d78c36), to(#99580d));
              background: -moz-linear-gradient(top,  #d78c36,  #99580d);}
.media-ChartsandGraphs {background-color:#69398e;text-align:center; border: 1px solid #381354;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69398e', endColorstr='#381354');
              background: -webkit-gradient(linear, left top, left bottom, from(#69398e), to(#381354));
              background: -moz-linear-gradient(top,  #69398e,  #381354);}
.media-MSDS, .media-Bio {background-color:#292929;text-align:center; border: 1px solid #000;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#000');
              background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#000));
              background: -moz-linear-gradient(top,  #292929,  #000);}
.media-Classes{background-color:#d47d00;text-align:center; border: 1px solid #d47d00;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d47d00', endColorstr='#d47d00');
              background: -webkit-gradient(linear, left top, left bottom, from(#d47d00), to(#d47d00));
              background: -moz-linear-gradient(top,  #d47d00,  #d47d00);}
.media-WhitePapers{background-color:#7f7f7f;text-align:center; border: 1px solid #474747;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#474747');
              background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#474747));
              background: -moz-linear-gradient(top,  #7f7f7f,  #474747);}
.media-BlogArticles{background-color:#7f7f7f;text-align:center; border: 1px solid #474747;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#474747');
              background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#474747));
              background: -moz-linear-gradient(top,  #7f7f7f,  #474747);}


/*New Styles -- My Info
====================================================*/

.inputAsText {background-color: transparent;text-decoration: underline;border: none;color: #9bb50d;cursor: pointer;}
.purpleCheckBoxes  { text-align:left;margin-left:10px}
.purpleCheckBoxes label {border:0 !important; background:none !important; display:inline-block;}
.purpleCheckBoxes span { margin-left:10px}

.submitBigGreenBtn {font-size: 13px; color: white; border: none; background-color: #9bb50d; padding: 8px 20px; border-radius: 3px;}

.showTitle {opacity:1 !important}
.hideTitle {opacity:0 !important}
.tabStyle .ui-state-default {background: #efefef;}
.tabStyle .ui-state-default a {color: #686868;}

.btnNoBkg {background: none;border: none;text-decoration: underline;color: #9bb50d;font-weight: bold;}
.myAcctInfoBlock div{margin-left:30px;padding-bottom: 3px;}
.myAcctInfoBlock, .socialMediaAccts {margin: 0 !important; display: inline-block; vertical-align: top;}
.socialMediaAccts li {margin-bottom: 7px !important;}
.socialMediaAccts a {text-decoration: none;font-size: 14px;margin-left: 5px;display:inline-block; vertical-align:top}
.socialMediaAccts input {display:inline-block; vertical-align:top}
.purpleCheckBoxes input {padding-bottom:3px; display:none}
.emailPrefBlock small {margin-left: 25px;width: 80%;display: inline-block;color: #708BD8;}
.orangeLinks li a{color:orange;font-size:14px;}
.businessCommentsBlock, .rioProMessageBlock, .emailPrefBlock, .jewelerProfileBox {margin: 0; text-align:left;}
.businessCommentsBlock div, .businessCommentsBlock h5, .emailPrefBlock h5, .jewelerProfileBox h5, .helpfulLinksBlock h5{margin-left: 29px;}
.catalogOptBlock h5, .socialMediaAccts ul,  .materialUsed h5{margin-left: 59px;}
.businessCommentsBlock textarea {width: 380px; height: 80px; margin-bottom:4px}
.businessCommentsBlock p { margin-bottom:4px}
.catalogOptBlock, .salutationBlock, .helpfulLinksBlock, .materialUsed { margin: 0 !important; text-align: left}
.emailPrefBlock div, .jewelerProfileBox div, .helpfulLinksBlock div {margin: 10px 0 0 29px;} 
.catalogOptBlock div,  .materialUsed div {margin: 10px 0 0 59px;} 
.catalogOptBlock div:last-child, .materialUsed div:last-child { width:380px}
.emailPrefBlock, .jewelerProfileBox {line-height: 1em;}
.addressBlockL, .addressBlockR {margin: 5px 0 0 0 !important;text-align:left;}
.grey-block {background: #efefef;padding:15px; text-align:left;border-radius:13px; display:inline-block;min-height: 150px;}
.addressBlockL h6, address h6{height: 30%;margin-left: 15px;}
.addressBlockR div, .addressBlockR {float:right !important}
/*.addressBlockL, .addressBlockR span {display: inline-block;width: 25%;}*/
.addressBlockL p, .addressBlockR p {font-size: 16px;height: 65%;margin: 5px 0 0 15px !important;display: inline-block;width: 70%;}
.rioProMessageBlock {float: right;}
.rioProMessageBlock p{font-size: 14px;}
.rioProMessageBlock div{display:inline-block;padding: 10px;text-align:left; margin-left:8%}
.rioProMessageBlock img {margin-right: 10px;display: inline-block;}
.rioProMessageBlock div strong{color: #009edd;font-size: 16px;}
.rioProMessageBlock a {display: inline-block; vertical-align:top; background-color:#9bb50d; border-radius:7px; padding:5px 10px;color:white; text-decoration:none}
.rioproNewsletter {line-height: 1.75em;}
.rioproNewsletter a {background-color: #007cc6;color: white;text-decoration: none;padding: 1px 4px;border-radius: 4px;border: 1px solid #006baa;}
.salutationBlock img{border-radius: 50%; display: inline-block; vertical-align: middle;margin:20px 0 0 30px; width: 113px;height: auto;}
.salutationBlock div{display: inline-block;vertical-align: middle;margin: 15px 0 0 31px;font-size: 16px;}
.salutationBlock span:first-child {font-weight: bold;}
.addressBook h1{display: inline-block; margin-left: 30px; line-height:1em}
#viewAllAddresses {color: #009edd;display: block;padding: 15px 0;margin-left: 25px;}
.dialogStyle {border: none;border-radius: 15px;}
.styleDialogBtn {display:inline-block;padding:5px;text-align: center;width: 60px;text-decoration:none;border-radius: 5px;}
.submitBigPurplBtn {font-size: 13px !important; color: white !important; border: none !important; background: #708BD8 !important; padding: 4px 7px; border-radius: 3px; margin-right:0 !important;}
.viewAllAddressesDialog + div, #divCustomerPayments + div,#UpdatePhoneWindow + div, #UpdateUsernameWindow + div, #UpdateWebsiteWindow + div, #UpdatePasswordWindow + div, #UpdateEmailWindow + div, #AddAddressWindow + div {border:0; margin-top:0; padding-top:0}
.viewAllAddressesDialog + div div, #divCustomerPayments + div div {float:none !important; text-align:center}
.viewAllAddressesDialog div:first-child p {font-weight:bold}
.hidetitle {color:rgba(200, 54, 54, 0)}
#UpdatePhoneWindow input:last-of-type, #UpdateUsernameWindow input:last-of-type, #UpdateWebsiteWindow input:last-of-type, #UpdatePasswordWindow input:last-of-type, #UpdateEmailWindow input:last-of-type{ margin:5px 0 !important}
#UpdatePasswordWindow label {font-weight: normal;}
.greenLink {color: #9bb50d !important;font-size: 14px;}
.redLink {color:red !important;font-size: 14px;}
.priceLevels span {font-size: 12px}
.priceLevels img {height: 30px !important;width: 30px !important;border: 0 !important;margin: 0 !important;}
.selectionDescription {display: inline-block;vertical-align: top;width: 400px; margin-bottom:15px;}
.selectionDescription span {margin-left:10px !important; }
.materialUsed textarea, .jewelerProfileBox textarea {width: 300px}
.materialUsed div > span, .jewelerProfileBox div > span, .emailPrefBox div > span{vertical-align:top}

/*---------------AccountBalanceTab---------------*/

.payTermsBox {display: inline-block; width: 80%; vertical-align: top; font-size:14px;margin:20px 0 0 30px; text-align:left;}
.payTermsBox p { font-weight:bold; color:#009edd; border-bottom:1px dotted #dfdfdf; padding-bottom:3px;font-size:16px;}
.payTermsBox .headline {font-weight:bold; color:#009edd;text-align:left;font-size:14px; width:39%; display:inline-block;}
.payTermsBox .headline + span{float:right}
.payTermsBox .details p span{display:inline-block; width:32%; font-size:14px;color:#000;font-weight:normal}
.payTermsBox .details p span + span {text-align:right}
.payTermsBox #ShowAllPayments{ color:#fff;background: #009edd;padding: 0;line-height: 1.5em;border-radius:5px;cursor:pointer;width:75px;display:inline-block; text-align:center;margin-top:5px;}
.payTermsBox #ShowAllPayments:hover{ background: #0080b2;}
.plusFiveAll{width:100%}
.balanceTotalsBox{display: inline-block; width: 200px; vertical-align: top;background:#efefef;border-radius:13px; font-size:14px;padding:30px;margin: 20px 0 0 30px;}
.balanceTotalsBox div:first-child {font-weight:bold; display:inline-block; width:48%;}
.balanceTotalsBox div:nth-child(2) {display:inline-block; width:48%; text-align:right}
.balanceTotalsBox span {margin-bottom:13px; display:inline-block; border-bottom:dotted #cecece 1px; width:100%}
.balanceTotalBox hr {margin: 3px;}
.submitBtn {background:#9cb608 !important; font-size: 13px !important;color: white !important;border: none !important;padding: 8px 14px;border-radius: 3px; text-decoration:none; display:inline-block;margin-left: 110px;}
.payTermsDetailsBox {background: #efefef;border-radius: 10px;font-size: 14px;padding: 5px;border: 1px solid #dfdfdf;margin-left: 25px;width: 80%;}
.payTermsDetailsBox div{display:inline-block; text-align: center; margin-top:5px;}
.payTermsDetailsBox div:nth-of-type(2n+1){color: #009edd;text-align: left;padding-left: 50px;width: 35%;border-right: 1px dotted #dfdfdf;font-weight:bold;}
.payTermsDetailsBox div:nth-of-type(2){font-weight:bold;}
.payTermsDetailsBox div:nth-of-type(2n+2){color: black;text-align: right;padding-right: 50px;width: 35%;}
.WebGrid {font-family: 'Arial';border:none; font-size:14px; width:700px;margin: 50px auto 0 auto;}
.WebGrid .Header{background-color: #dfdfdf;}
.WebGrid th, .WebGrid td {border:none; line-height:2.5em; text-align:center}
.WebGrid a {text-decoration:none; color:#009edd}
.WebGrid tfoot {border-top: 1px dotted #dfdfdf;}
.WebGrid tfoot tr td {text-align: left;padding-left: 15px;}


/* #Page Styles
================================================== */


/* Popup Styles */
/* Z-index of #mask must lower than #boxes .window */
#Mask, #UpdateInProgressMask { width: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; display: none; }   
#UpdateInProgressModalWindows { width: 100%; position: fixed; top: 0px; left: 0px; display: none;z-index: 9999;  }  
#Mask { z-index: 9000; }   
#UpdateInProgressMask { z-index: 9800; }   
	
/* Customize your modal window here, you can add background image too */
.PopupWindow2 { background-color: White; display: none; z-index: 9500; }
.PopupWindow { background-color: #005aa7; margin: 0px; position: fixed; top: 50%; left: 48%; display: none; z-index: 9500; }
#PayPalBackorderWindow .PopupWindow { left: 0 !important;}

/* LoginRegister */
.input-column1 {float: left; text-align:right; width: 135px; border: 0px solid #ccc; padding-left: 10px; padding-right: 0px; }
.input-column2 {float: left; width: 200px; border: 0px solid #ccc; padding-left: 5px;  padding-right: 0px;}
.box-column1 {float: left; width: 420px; border: 0px solid #ccc; padding-left: 50px; padding-right: 0px; }
.box-column2 {float: left; width: 420px; border: 0px solid #ccc; padding-left: 50px;  padding-right: 0px;}

/* Shipping Options */
.shippingCarrier { width: 100%; padding: 10px; margin-left: 40px; font-size: 10px;}
.shippingDetails { margin-right: 10px;margin-left: 50px;margin-bottom: 10px;}
#russianCustomsMoreInfo { padding-bottom:15px; margin:0 auto; width:90% }

/* Truck Freight Accordion Dropdown Styles */
#truckedFreight h4 {font-weight: bold;font-size: 15px;margin-bottom: 10px;line-height: inherit;}
.tFreightDiv {margin-bottom:20px;}
.tFreightContainer {padding:10px;width:90%;}
.show{display:inline-block;}
.tFreightDiv{border:2px solid #d0d0d0;border-radius:10px;}
.tFreightDiv p{padding:10px 10px 0px 10px;margin-bottom:5px;}
.tFreightDiv h4{margin-top:0px;padding:10px;background-color:#eeeeee;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:2px solid #d0d0d0;}
.tFreightFee{color:#b85a63;margin:2px;font-weight:bold;}
.tfBttn {margin:5px 10px 10px 10px !important;display:inline-block;text-align:center;padding:0 !important;}
.tfBack{margin:5px 10px 10px 10px !important;display:inline-block;border-radius:5px;min-width:50px;text-align:center;background:#BFC3D2; color:#565A68;}
.tfBack p{margin:0;padding:5px;cursor:pointer;}
#tfAllBack{margin-right:30px !important;float:right;}
#shipping-fees{width:220px;margin-left:auto;margin-right:10px;font-weight:bold;font-size:105%;float:right;}
#shipping-fees table{width:220px;}
#shipping-fees td{border-bottom:2px solid #d0d0d0;padding:5px;}


/*Power Reviews*/

#reviewsTab + .ui-accordion-content { padding:0}


/*Craftsy Classes*/

.craftsyHeaderContainer {width: 68%;float: right;position: relative;}
.craftsyBox {background: #f05331 !important;border-radius: 5px !important;margin-bottom:15px;padding :10px;text-align:center;}
.craftsyBox p {display: inline;vertical-align: top;line-height: 3em;font-size: 16px;color: white;font-weight: bold;}
.styleClass {width: 535px;margin-bottom: 10px;border-radius: 5px;padding: 15px;color:#000;background:#F9F9F8}
.styleClass .productHead {margin-bottom: 10px;background: #f1efed;padding: 5px 10px;border-radius: 5px;color:black}
/*.powerReviewsCraftsy {background: #fff;border-radius: 5px;background: #f1efed;}*/
.craftsyHeader div{background: #f05331;width: 98%;height: 50px;border-radius: 5px;float: left;margin-top: 15px;margin-left: 10px;}
.craftsyHeader p {margin-top:9px;margin-left: 80px;color:white;font-size:24px; display:inline-block}
.craftsyHeader small {color:white;display:inline-block}
.craftsyHeader img {height: 80px;left:0; width: auto; position: absolute;}
.productHead {  margin-top: 15px;}
.productHeadCraftsy {width: 68%;float: right;text-align: center;}
.craftsyBoxMirror .craftsyBox {background:#99d4c9 !important}

/* Freegoods*/

.freegoodsBlock {color: white;font-size: 14px;background-color: #009edd;text-align: center;margin-top: 3px;display: block;border-radius: 5px; font-weight:bold}
.freegoodsBlock a {border: none;color:black;text-decoration:underline; display:inline-block; font-weight:bold}
.freegoodsBlock a img {vertical-align:middle}
#FreeGoodsDisclaimerModal {display:none}


/* USPS/UPS Cannot ship to selected addres*/

.cannotShipToUpsOrUsps {
    border: 2px double #f7670c;
    border-radius: 6px;
    padding: 14px;
    display: block;
    color: #f7670c;
    font-size: 14px;
}

/*Login Redesign*/
.dialogStyle .ui-dialog-titlebar{display:none}

/*-------GifCertificate-------*/

.gc-container a {text-decoration:none;}
.gc-container {width: 80% !important;}
.gc-container h3 {font-size: 22px;line-height: 0;margin-bottom: 0;}
.gc-container label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.gc-container p, .gc-container label, .gc-container input {font-size: 16px;font-family: "Helvetica",Arial,sans-serif;font-weight: 100;line-height: 1.5em;}
.gc-container ::-webkit-input-placeholder {padding-left: 5px;}
.gc-container :-moz-placeholder {padding-left: 5px;}
.gc-container :-ms-input-placeholder {padding-left: 5px;}
.gc-container .input-lg {height: 26px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;}
.text-center {text-align: center;}
.gc-container .form-group {display: inline-block;width: 49.6%;padding: 15px 0;}
.gc-container .form-group.address {width: 98%;}
.gc-container .form-group.address input {width: 100%;}
.gc-container .form-group.date {width: 24.6%;}
.gc-container .main-heading {background-color: #9bb50d;padding: 5px 0;border-radius: 6px;font-size: 30px;color: #fff;}
.gc-container .main-heading img {vertical-align: sub;}
.gift-container {background-color: #efefef;padding-bottom: 15px;border-radius: 6px;text-align: center;}
.gc-container .main-copy {padding: 15px;}
.gc-container label[for=certificateAmount] {font-size: 25px;}
.gc-container input[type="text"]{padding:0;padding-left:4px;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.gc-container .btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.gc-container .btn-primary {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.gc-container .gc-container a {text-decoration: none;}
.gc-container input[type="radio"] {display: inline-block;width: auto;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;box-shadow: none;-o-transition: none;transition: none;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;}

.gc-container .emailPreferences-block .form-group {padding: 0;}
.gc-container .emailPreferences-block span, .emailPreferences-block textarea {float: left;}
.gc-container .emailPreferences-block div textarea {text-align: left;}
.gc-container .emailPreferences-block > div {text-align: center;}
.gc-container .emailPreferences-block input + label {padding: 10px;background-color: #efefef;border-radius: 6px;width: 26px;}
.gc-container .emailPreferences-block input:checked + label {background-color: #808080;color: white;}
.gc-container .emailPreferences-block p {width: 50%;float: left;}
.gc-container .emailPreferences-block label {float: left;margin-right: 5px;}
.gc-container .adress-details input{ width: 95%;}
.gc-container .adress-details { width: 24.5%;}
.input-group-addon{padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;width: 1%;white-space: nowrap;vertical-align: middle;display: table-cell;border-right: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.gc-container .gift-amount span{ font-size:22px !important;}
.gc-container .gift-amount input, .gc-container .gift-amount span{ float:left}
.gc-container .gift-amount input{ width:90%}
#CertificateAmount{font-weight: 600;font-size: 20px;text-align: left; width: 75% !important;height: 14px;border-left: none;border-top-left-radius: 0;border-bottom-left-radius: 0;}
#PersonalMessage { display:block; text-align:left;}
@media only screen and (max-width: 767px) {
#CertificateAmount {width:100px !important; }
.gc-container {width:98% !important; }
}
@media only screen and (max-width: 480px) {
#PersonalMessage {width:250px !important; }
}


/*--------Account Payments Online---------*/

.makePayBtn {display: inline-block;width: 260px;vertical-align: top;font-size: 14px;margin: 20px 0 0 30px;text-align: center;}
.makePayBtn a {background: #9cb608 !important;font-size: 13px !important;color: white !important;border: none !important;padding: 8px 14px;border-radius: 3px;text-decoration: none;display: inline-block;}
.makePayBlock {width: 100%;margin: 20px 0 0 30px;background-color: #efefef;border-radius: 13px;}
.makePayBlock > div {display: inline-block;width: 40%;padding: 0 5%;}
.makePayBlock > div strong span{float:right}
.makePayBlock div:first-child {margin: 20px 0 0 5px;}
.makePayBlock .makePayBtn {width: auto;margin-left: 0;}
.desktopSearchWarpper form input{max-width:345px;}
.makePayBtnNote{width:100% !important; padding:0 !important; text-align:right}
.makePayBtnNote small{width: 45%;display: inline-block;text-align: center;margin-right: 2.5%;}

/* Login Register Forgot username & Password */
.adxm .white-block{position:inherit}
.create-account-box .white-block {background-color: #fff;border-radius: 15px;padding:20px;border:1px solid #dedede;}
/*.white-block .form-group {padding:10px}*/
#login-block, #login-block p, #login-block label, #login-block a {font-size: 16px;}
.create-account-box .login-block .loginInputClass,.create-account-box #whyAnAcctBtn small {width: 100%;}
.register-container .form-control{width:94% !important;}
#forgot-pass-box input{padding:2.5% 2.5%}
#login-block .chkRememberMe {margin-top: 10px;}
#login-block .form-group {padding: 10px;}
.create-account-box label {line-height: 2em;}
.register-container .create-account-box .space-blocks {margin: 15px 0;display: block;}
.register-container .btnLogin {display:block}
.register-container  input[type=text], .register-container input[type=password]{margin-bottom:10px;}
.create-account-box .loginInputClass, .create-account-box .lblUserNameRequired, .create-account-box .lblPasswordRequired, .create-account-box .LoginErrorMessage {margin-top: 10px;margin-bottom: 0;}
.create-account-box .loginInputClass small {float:right;}
.form-group input[type=text], .form-group input[type=password] {width: 100%;padding: 3%;font-size: 18px;line-height: 1.3333333;border-radius: 6px;height: auto;}
.create-account-box input[type=submit] {line-height:2em;font-size:18px;}
.float-help {position: absolute;top: 0;right: 0;}
#login-block .six.columns {width: 50%;margin: 0;}

#loginPopUp .form-group input[type=text], #loginPopUp .form-group input[type=password], .desktopProductPageLogin .form-group input[type=text],.desktopProductPageLogin .form-group input[type=password]{
    width: 95%;
    padding: 3%;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    height: auto;
}

#loginPopUp .btnLogin {
    margin: 10px 0;
}

.desktopProductPageLogin .btnLogin{
    display:block;
    margin:10px 0;
}

.desktopProductPageLogin label[for='chkRememberMe']{
        width: 87% !important;
}
.desktopProductPageLogin{
    background-color:#fff !important;
}
.desktopProductPageLogin .white-block{
    background-color:#efefef;border:1px solid #dedede;
}
/*-------Header and Footer-------*/
.header-containLeft { float: left; }/*margin-top:6px;*/
.minormenu {margin-top:5px;display:inline-block; }
.minormenu ul { margin-bottom: 20px; }
.minormenu li { float: left; display: block; padding-right: 14px; padding-left: 14px; border-right: 1px solid #cecece; }
.minormenu li:last-child { padding-right: 0px; border: none; }
.minormenu li:first-child { padding-left: 0px; }
.minormenu a { font-weight: normal; color: #666; text-decoration: none; }
.minormenu a:hover { color: #1b58aa; text-decoration: underline; }
.minormenu a:visited { color: #1b58aa; text-decoration: underline; }
.miMenuShow { margin-top:6px !important;}
.miClearance { color:#c60000 !important;margin-top:-1px;}
#minorMenuRight { float:right;margin-left:14px;margin-top:2px; padding-left: 14px; border-right: 1px solid #cecece;}
#minorMenuRight a {text-decoration:none;}
#lgCartNew {margin-top:7px;display:inline-block;float:right;height:22px;padding-left:14px;}
.minorMenuCart ul {}
.minorMenuCart li { float: left; display: block;  }
.minorMenuCart li:first-child { padding-left: 0px; }
.minorMenuCart a { font-weight: normal; color: #1b58aa; text-decoration: none !important; }
.minorMenuCart a:hover { color: #1b58aa; text-decoration: underline; }
.minorMenuCart a:visited { color: #1b58aa; text-decoration: underline; }


.header-containMid { float: left; width: 525px; margin-top: 14px; } /*margin-top:6px;*/
.liveEngage { text-align: right; margin: 0 0 6px 0; padding: 0; position: relative; left: 0px; height: 32px; width: 138px; }
.metalPrice { width: 420px; margin: 13px auto 0px auto; text-align: center; font-size: 15px; }
.header-containMid .minormenu li:first-child { border-left: 2px solid #7b7b7b; padding-left: 14px; }
.tweakMenuUl { margin-top: 0 !important; }
.tweakMenuLi { border: none !important; padding-left: 0 !important; }
.tweakA a { font-weight: normal; color: #666; }
.tweakA a:hover { color: #1b58aa; text-decoration: underline; }
.tweakPlace { margin-left: -145px !important;padding-right:0 !important;margin-right:0 !important; margin-top:-20px !important;}
.hrLine { }
div.tweakPlace ul.dropdown-menu li { padding-bottom:8px;}
.dropdownLogout{color:#fe8800 !important;}
.dropdownLoginMenu{padding-top:10px !important;}

.header-containRight { float: left; width: 150px; margin-left: 35px; margin-top: 14px; }/*margin-top:4px;*/
.AccountBtn { margin-top: 18px !important; width: 125px; height: 32px; background-color: #fe8800; border-radius: 5px; color: white; text-align: center; padding-top: 8px !important; }
.AccountBtn a { text-decoration: none; color: white; }
.AccountBtn a:hover { color: white; }
.AccountBtn a:visited { color: white; }
.AccountBtn .dropdown-menu a:visited{color:color: #666; }
.AccountBtn .desktopLogoutBtn {color:white;visibility:visible;}
.AccountBtn .desktopLogoutBtn a { margin-left: 8px; margin-top:-2px;}
.btn-warning.logoutPoint { cursor:pointer;}
 #desktopHeader.hidden-sm.hidden-xs{height: 50px;position:relative;margin-top:10px; }
.cart-block {position:relative; }

.cartPlace { position:relative;left:0px;z-index: 9999 !important; opacity: .99;margin-left:-8px;}
.desktopCartBox{ color:black;}

#basketWrap > div.basketCheckout > div.basketCheckout > center > a.wishlistBtninCart {color:#414141 !important;font-weight:bold !important; }
#basketWrap > div.basketCheckout > center > a.cartBtninCart {color:#414141 !important;font-weight:bold !important; }
#basketWrap > div.basketCheckout > center > a.checkoutBtninCart {color:white !important;font-weight:bold !important; }


.dropdown-menu a.acctBtnColor { color: white !important; }
.acctBtnColor a:visited { color: white !important; }
.dropdown-menu.tweakDrop{width:100px !important;}


.riologo-block { width: 200px; text-align: center; margin-top: 30px; margin-right: 30px; }
.desktopSearchWarpper { position: static; width: 524px; }
.desktopSearchWarpper input { width: 498px; }
.desktopSearchWarpper form input { max-width: 398px; }
.desktopSearchWarpper input:focus { width: 398px; }

.homebtnNbr { margin-top: 10px; margin-left: 6px; font-size: 17px; color: #007cba; }
.homebtnNbr a, .homebtnNbr a:visited, .homebtnNbr a:hover { font-size: 18px; }
#slidingTopContent { width: 200px; min-height:200px;position: absolute; right: -5px; top: 9px; z-index: 99999 !important; display: block;}
.slideCartLi { float:none !important;padding-right:0 !important;}      
#basketWrap {border-top:none; border-right:1px solid rgba(27,88,170,1);border-left:1px solid rgba(27,88,170,1);border-bottom:1px solid rgba(27,88,170,1);margin-top:0px;}
#basketWrap::after {content:''; width:100%;position: absolute;left:0;top:0px;height: 1px;  background: rgba(27,88,170,1);
background: -moz-linear-gradient(left, rgba(27,88,170,1) 0%, rgba(27,88,170,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,88,170,1)), color-stop(48%, rgba(27,88,170,1)), color-stop(48%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(27,88,170,1) 0%, rgba(27,88,170,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(27,88,170,1) 0%, rgba(27,88,170,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(27,88,170,1) 0%, rgba(27,88,170,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(27,88,170,1) 0%, rgba(27,88,170,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%);
}
.white-block { margin:0 !important;padding:20px !important;}
#minorMenuRight > li > .tweakPlace > ul > li > form > div.white-block {height:1px;padding:0px !important; }

.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; position: relative; top: 13px; left: 0; z-index: 9997; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; height: auto; }
.desktopTopNav .form-control, .login-block .form-control { display: inline-block; margin-bottom: 0; width: auto; vertical-align: middle; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #a4a7ac; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.dropdown-menu a { color: #70737a; text-decoration: none; font-size: 14px; }
.dropdown-menu a:hover { text-decoration: none; }
.dropdown-menu > li > * { padding: 0 20px; }
.dropdown-menu > li > a:hover { background-color: #efefef; color:#007cc6;}
.form-group input[type=text] { width:94%;}
.form-group loginInputClass { padding-bottom:0 !important;}
.create-account-box .white-block {  }
.create-account-box .loginInputClass { margin-top:0;margin-bottom:0;padding-bottom:0;}
#sli-backgroundset {width:398px !important;}
#PasswordHeader { width:94%;}
.text-primary.space-blocks a{ color: #007cc6 !important;}
.cart-openglyph { position: absolute; bottom: 2px; right: 5px; }

.riologo-block { margin-top:15px;}

hr.sliHR {border: 0; height: 1px; margin-bottom:20px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));}

/*Bootstrap*/
/*@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.eot');
  src: url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/National_Library/oe_/https://www.riogrande.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/
.glyphicon {position: relative;top: 1px;display: inline-block;line-height: 1;}

.glyphicon-shopping-cart {background-image:url('/National_Library/oe_/https://www.riogrande.com/Content/Images/icons/shopping-cart.svg');width:12px;height:12px; }
.glyphicon-earphone {background-image:url('/National_Library/oe_/https://www.riogrande.com/Content/Images/icons/phone.svg');width:17px;height:17px; }
.glyphicon-user {background-image:url('/National_Library/oe_/https://www.riogrande.com/Content/Images/icons/user.svg');width:12px;height:12px; }
/*.glyphicon-user:before {content: "\e008";}
.glyphicon-shopping-cart:before {content: "\e116";}
.glyphicon-earphone:before {content: "\e182";}
.glyphicon-comment:before {content: "\e111";}*/

/*-------------------- Media Queries ---------------------*/
/*-------------------------------------------------------*/



/*----------Hide in diferent breakpoins------------*/ 

@media (min-width:960px){
    .hidden-lg {display: none;}
}

@media (max-width:959px) and (min-width:768px){
       .hidden-md {display: none !important;}
}
@media (max-width:767px) and (min-width:480px) {
        .hidden-sm {display: none !important;}
}

@media (max-width:480px) {
        .hidden-xs {display: none !important;}
}

/*----------Hide in diferent breakpoins------------*/ 



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) 
{	
#carouselwrapper {width:675px;}
.carouseldiv{margin: 0px auto; padding-left:0; width:705px !important;}
.loginBlock{left:404px;}
.livechat {left:-140px;top:0px;}
.cartSlide{right:82px;}
.checkoutBtn {margin-left:160px;}
#contactSuccess, #addressSuccess {width: 300px;}
.multipleViews, .touchslider-viewport, .touchslider-item, touchslider-item img, .multiViewWrapper { height:240px !important; width:200px !important;}

/* ------------ hotfoil ------------ */
.removePadding {padding: 0 !important;}
.splitOrderBodyMobile {width: 100% !important; text-align:left !important;}
.StampingChargeMobile {text-align: left !important; display:block}
.marginleft0 {margin-left:0 !important; display:block;}

/* ------------ RioPro ------------ */
.rioProMainImg { width:100% !important;}
.width50 { width:100% !important;text-align:center !important;}
.benefitsContainer, .benefitsBullets, .benefitsCopy, .benefitsIcon {height: auto !important; display:block !important; margin:0 auto !important;}
.benefitsBullets {position: inherit !important;}
.benefitsCopy p {text-align: center !important; width:100% !important; margin-left:0 !important;padding:0 !important;}
.contactRep img {width:80% !important;}
.rioproteam > div + div {margin-top:10px; display:block;margin-left:25%;float:none}
.contactRep > div div{width:50% !important; margin:0 !important}
.contactRep > div div h1 {margin-top:20px;}
.benefitsContainerBottom {height:auto !important}
.benefitsIconBig{display: block !important;width: 100% !important; text-align:center}
.riopro-intro a {display:block; width:50%;margin-left:25%; text-align:center}


/* ------------ Homepage ------------ */
#hpContain{width:96%;}
.hpThinText{width:96%;}
.hpFullLarge{width:96%}
.hpTriBannerSet{width:98%;}
.hpTriBannerSet img{width:285px !important;}
.hpTriBanner img {
    width: 97.5% !important;
}

.hpTriBannerSet>div:nth-of-type(odd){margin-right:20px;}
.hpTriBannerSet>div:nth-of-type(even){margin-right:20px;}
.hpDblTriple{width:98%;}
.hpDblTriple>div:nth-of-type(odd){margin-right:16px;}
.hpDblTriple>div:nth-of-type(even){margin-right:0;}
.hpDblWide {width:592px;}
.hpDblWide img{width:592px;}
.hpSkyscraperR {width:285px;}
.hpSkyscraperR img{width:285px;}
.hpSkyscraperL img{width:285px;}
.hpThinBanner{}
.hpMarginLeft{margin-left:22px !important;}

/* ------------ Returns Online ------------ */
.scrapNote {width:44%;}
.intlNote {width:44%;}
.sbinvoice, .sbitem {width: 46.6%;}
.searchInvoice, .searchItemNumber,.searchOrderHistory,.noInvoice {width: 97%; margin:0 1.5% 1.5% 1.5% ;height: 140px;}
.widthFixMobile {width:100%;text-align: center;}

/*------- ETA --------*/
.ninety5percent {width: 96%;}


/*-------  Freegoods --------*/
 .freegoodsBlock {width:200px;float:right;position:relative;color: white;font-size: 14px;background-color: #009edd;text-align: center;margin-top: 3px;display: block;border-radius: 5px; font-weight:bold}


 /*-------  My Account --------*/
.socialMediaAccts ul {margin-left:30px; margin-top:10px;}
.addressBlockL div {padding:0;}
.addressBlockL > div {width:100%}
#divOrderHistoryContainer .clearfix {display:block}
.desktopContainer > div > div, .phone-number, #desktopHeader {
width: 100% !important;} 
.desktopMetals {text-align: center;}
.desktopContainer > div > .desktopTopNav, .desktopTopNav li, #desktopHeader {float: none;display: inline-block;text-align: center;}
.desktopContainer {text-align: center;}
.riologo-block, #desktopHeader {float: none !important;margin: auto;text-align: center;display: inline-block;}
#desktopHeader img, #desktopHeader > div {display: inline-block;}
.container {padding-top: 0 !important;padding-left: 0 !important;}
.phone-number {float: none !important;display: block !important;height: auto !important;}
.phone-number > div {margin: 0 !important;text-align: center;}
.loggin-block {width: 150px !important;text-align: center;position: absolute;top: 0;left: 0;}
.loggin-block > div {width: 100%;margin: 0;padding: 0;}
.cart-block {position: absolute;top: 30%;right: 0;}
#slidingTopWrap {float: right;}
#desktopQuickCartToggle img {right: 100px;}
.livechat-block {position: absolute;top: 0;right: 0;margin: 0 !important;height: auto !important;width: auto !important;}
.desktopSearchWarpper {margin: 0 0 10px 0 ;width: 99.5%;}
#txtSearchString {width: 80% !important;}
.desktopNavItem {width: 109.7px;height: 65px;}
#desktopNav {height: 65px !important;}
.drop > div {margin-top: 40px;}
.desktopSearchWarpper form input {width:80%; max-width:81%;}
.categoryDropDiv div div+div, .refinementDropDiv .desktopCatArrow+div {width:100px !important;}
#refineByPO {display:none;width:100% !important; }
#refineByPO > div {width:100% !important; margin-top:10px;}
.refineByBtn,.searchByBtn{ display:none}
.scrapNote img,.intlNote img {display:none}
#divOrderHistory {width:100%; margin-left:0;}
#divOrderHistoryContainer > div .refinementsSort {width:49% !important; margin-left:0 !important; margin-right:0 !important; display:none; vertical-align:top; margin-bottom:15px; position:relative !important; }
#dateRefinment{float:left}
#searchByItemInv{float:right}
#myAcctPage .ui-tabs-anchor{padding:.5em .7em}
.selectionDescription{width:90%;}
.benefitsBullets > div, .benefitsBullets > div > p  {width:100% !important; text-align:center; margin-left:0 !important;}
.benefitsBullets > div > p > strong {display:block;}
.catalogOptBlock div:last-child, .materialUsed div:last-child { margin-left:0;}
.dateRefinmentBtn div {border-radius: 5px;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.filterByDate > span{width: 45%;display: inline-block;}
#divOrderHistoryContainer .refinementsSort div{text-align:center;}
.scrapNote,#divOrderHistoryContainer .refinementsSort{width:50%; margin-left:25%; padding:0;}
.free-returns-banner{width:50%; margin-left:25%; text-align:center;border-radius: 15px;background: #efefef;}
.free-returns-banner img {border-radius:0; border:none}
#myAcctPage .intlNote {width: 50%;margin-left: 25%; text-align:center;padding:0} 
#myAcctPage .intlNote div {margin:8px;}
#divOrderHistoryContainer > div {float:none}
/*#divPendingOrders > div{width: 75% !important;float: left;}*/
.filterByDate span, .filtersBox, .filtersBox span {display:block; text-align:center; width:100%; margin-left:0 !important;}
#tabs-3 > div {padding:0;border:0}
#tabs-3 > div >div  {margin:15px;}
.alertMessage{width:100% !important}
.headersBar span:first-child {margin-left: 5px;}
.headersBarPendingOrders span:first-child {margin-left: 5px;}
#divPendingOrders > div{width: 100% !important;}
.free-returns-banner,.scrapNote,.intlNote{ width:100% !important;display:block; margin:10px 0 !important;}
.contentContainer {text-align:center}
.contentContainer div {float:none; margin-left:0 !important; width:100% !important; display:block !important;}
.contentContainer div.returnsBtn{width:140px !important;margin-right:auto;margin-left:auto !important;}
.contentContainer div.reviewBtn{width:140px !important;margin-right:auto;margin-left:auto !important;}
.contentContainer div.reorderBtn{width:140px !important;margin-right:auto;margin-left:auto !important;}

/*Account Balance*/
.makePayBlock > div {width:unset; padding:0;}
.balanceTotalsBox { width:67%; }
.makePayBlock{width:82% !important;text-align:center}
.makePayBtnNote{text-align:center}
.makePayBtnNote small{ width:unset !important}


/*-------Megamenu-------

.midmenu li:hover #dropdown_fullwidth_item6 {left: -548px;}
.midmenu li:hover #dropdown_fullwidth_item5 {left: -438px;}
.midmenu li:hover #dropdown_fullwidth_item4 {left: -329px;}
.midmenu li:hover #dropdown_fullwidth_item3 {left: -219px;}
.midmenu li:hover #dropdown_fullwidth_item2 {left: -109px;}
.midmenu #dropdown_fullwidth_first {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item2 {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item3 {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item4 {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item5 {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item6 {width: 744px;margin-top: 40px;}
.midmenu #dropdown_fullwidth_item_right {width: 744px;margin-top: 40px;} */
.cart-block > div {top: 50px;}

/*-------Megamenu-------*/


/*-------Homepage Banners-------*/
.hpTriBanner {width: 31.4% !important;display: inline-block;}
.hpDblWide.hpSkyLeft {width: 65% !important;}
.hpDblTriple .hpTriBanner {width: 31.4% !important;}
.hpDblTriple .hpDblWide .hpSkyLeft {width: 65% !important;}
.hpSkyscraperL .hpSkyLeft {width: 62% !important;}

/*-------Truck Freight Shipping-------*/
#shipping-fees {float:none;margin-right:auto;margin-left:auto;}
#tfAllBack{display:block;width:85px;margin-right:auto !important;margin-left:auto !important;margin-top:15px;float:none;}

}

/* ------------ Tablet Portrait size to standard 960 (devices and browsers) ------------------  */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.column-MTO {margin-top: 0;}
.wishListItemInfo {width: 190px;}
.wishListComment {width: 330px;}
.backOrderMessage {width: 600px;}
#outletBoxMain {width: 300px;}
#tabs{width:auto !important;}
    
     /*hotfoil*/
.defaultImageMobile {float: none !important;padding: 17px 0 0 0 !important;position: relative !important;}
.breakLineMobile {float: none !important;text-align: center !important;}
.removeFloat2step {float: none !important;}
  
    /*RioPro*/
.rioProMainImg {width: 100% !important;}
.width50 {width: 100% !important;text-align: center !important;}
.benefitsContainer, .benefitsBullets, .benefitsCopy, .benefitsIcon {height: auto !important;display: block !important;margin: 0 auto !important;}
.benefitsBullets {position: inherit !important;}
.benefitsCopy p {text-align: center !important;}

    /*New HomePage*/
#hpContain{width:96%;}
.hpThinText{width:96%;}
.hpFullLarge{width:96%;}
.hpTriBannerSet{width:96%;}
.hpTriBannerSet>div:nth-of-type(odd){margin-right:90px;}
.hpTriBannerSet>div:nth-of-type(even){margin-right:0px;}
.hpDblTriple{width:96% !important;}
.hpDblTriple>div:nth-of-type(odd){margin-right:0;}
.hpDblTriple>div:nth-of-type(even){margin-right:0;}
.hpDblWide {width:98%;margin-right:auto !important;margin-left:auto !important;}
.hpDblWide img{width:100%;margin-right:auto !important;margin-left:auto !important;}
.hpSkyscraperR {width:305px;float:none;margin-bottom:20px;margin-right:auto;margin-left:auto !important;}
.hpSkyscraperL {width:305px;float:none;margin-bottom:20px;margin-right:auto !important;margin-left:auto !important;}
.hpThinBanner{width:96%;}
.hpMarginLeft{margin-left:22px !important;}

    /*Shipping Options*/
#divShippingOptions {width:100%}
.shippingCarrier {width: 80% !Important;}

    /*Balance Forward*/
.checkoutPriceSectionBlock {float:right !important}
.contentContainerBF {font-size:12px}
.displayBalanceDue {width: 65%;margin-right: 65px;}

/*mobile product page*/
.tabletFix {width: 508px !important;}
.productpagePrice {width:auto !important;float:right; margin-top:20px;}

#selectMtoBlock {float:right; margin:0 auto !important;}

/*Free Goods*/
.freegoodsBlock {width:323px;}

/*Header/Footer*/
#lgCartNew{width:150px !important;}
.header-containMid{margin-top:5px;}
.header-containRight{float:none;margin:-40px 0 0 0; position:absolute;left:630px;}
#divContainRight.header-containRight{width:150px !important;margin-top:30px;}
.cart-block > div{top:0;overflow:hidden}
.cart-block{top:0;right:65px;}
.cartPlace{position:static;}
#divContainRight{position: absolute; top:15px;left:30px;}
.minormenu{margin-bottom:10px;}
.homebtnNbr{margin-top:10px;}
#desktopQuickCartToggle{position:static;width:10px !important;}
#slidingTopContent{width: 200px; position:absolute; right:-34px; top: 15px; z-index:auto !important;overflow:hidden}
.desktopSearchWarpper{position:relative;z-index:0;}
#desktopNav {height:90px!important; }
.desktopNavItem { height:90px!important;}
.rowMegaMenu {height:100px; }

#lgCartNew{float:none;display:block;position:absolute;left:605px;top:40px;z-index:999999;}
#minorMenuRight{float:none;margin-left:0;margin-right:0;border-right:none;position:absolute;top:65px;left:601px;}
}
	
	

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) 
{
.column-MTO {width:180px !important;}  
.menunavPhone { display:block !important }
body { background-image: url(Images/bkg-small.gif); background-attachment:scroll !important;}
#TopMenu ul{display:none; padding: 1px 0px 1px 2px; border: 1px solid #cccccc; position:absolute; right: 0; top:38px; background-color:#007cc6; z-index:2; width:100% }
.checkoutBtn {margin-left:0;} 
#homebtn, #loginFirstName, #slidingTopFooterLeft, .listLoaded, #ClearanceCategoriesSide {display: none !important; visibility:hidden;}
.livechat {position:relative;top:0;left:0;}
#homebtnImg, .cartbtnImg {display:inline;visibility:visible;}
.loginBlock {display: none; position:absolute; top: 10px; left:160px;height: 21px;}
.shopBtnBlock {height: 36px; margin: 0px; padding: 0px; display:block !important; position:absolute; cursor: pointer; }
.loginBtn {background-color:transparent; font-size:12px}
#homebtnImg {margin-left:5px !important;}
.metalmarketsBox{margin-top:10px; width:100% !important}
.metalmarketsBox div{ width:100% !important}
.searchBox {margin-top:5px; width:100%}
.searchBox .search.column{width: 91% !important;}
.searchIcon {background-image:url(Images/magnifyglass.gif); height:26px; width:26px;}
.cartbtnImg {position:absolute; right: 0px; background-color: #007cc6; padding:4px; width:50px; margin-top: 0px !important}
.cartbtnImg a {color:#ffffff;}
.homebtnNbr {display:block;text-align:center;position:static !important; margin: 5px 0 0 0; top:76px; left: 10px; }
.homebtnNbr a, .homebtnNbr a:visited,.homebtnNbr a:hover,.cartbtnImg a{text-decoration:none;font-size: 14px;}
.homenav, .menunav {width:20%}
#plusBtn {z-index: 3; position:absolute; visibility:visible; display:block; top:3px; right:0; cursor:pointer}  
#carouselwrapper {width:390px;}
.carouseldiv{margin: 0px auto; padding-left:0; width:420px !important;}
#scroller li {width:195px; height:225px; background-position: -50px 0px;}
.riologo, .tagline {display:none;}
a.navbutton, .navbutton { width:100% !important;border-bottom:1px #062f5d dotted;}
.navbar {height: 100%;}
.cartSlide{right:40px;}
#slidingTopWrap {padding:1px;margin-top:0}
.productHead {font-size: 16px;}
#divMTO.column-MTO{width:100% !important;padding:0;}
#products-details-style, #pricing-box-style > div > div, #pricing-box-style {width:100% !important;}
#tabs.searchTabs{width:100% !important}
#divMTO .column-MTO-inside{width:95%; margin:5%}
.productpagePrice{position:absolute; top:193px; right:0;}
.creditCardLogos {padding-top:2px}
.BVCPRootElement, .BVCPTab, .BVRRReviewText, .BVCPUnit, .BVCPUserSummaryCompositeModule, .BVCPProfileBookmarkingModule, .BVCPCompositeModuleContainer, .BVCPTabGroupModuleContainer, .BVCPTabGroupModule { max-width:280px !important; min-height: 0px !important; margin-left: 0px !important; overflow:visible!important; padding:2px !important; margin:0 !important; width: 98% !important; display:inline-block !important; float:left !important; position:inherit !important; }
.BVCPProfileProductReferencesModuleContainer,.BVRRAreYouATagDimensionContainer, .BVRRReviewDisplayStyle5BodyUser {display:none}
div.BVRRReviewText {width:90% !important}
.chartScroll {width:420px}
.chartScroll div, .chartScroll img, .chartScroll table{ width: 90% !important; white-space: normal; font-size: 10px; max-width: 420px; height: auto;}
#contactSuccess, #addressSuccess { position:inherit; width:100%}
.multipleViews, .touchslider-viewport, .touchslider-item, touchslider-item img, .multiViewWrapper { height:220px !important; width:200px !important;}
.wishListItemInfo { width: 220px; }
.wishListComment {width: 380px;}
#outletBoxMain { width: 420px}
#backtoListTablet { display:none !important}
#backtoListPhone, #CartSubTotal2{ display:block !important;}
.cartTotal { position:absolute; right: 10px; font-size:12px}
.removeFloat {float: none;}
.midmenu li:hover #dropdown_fullwidth_item6 {left: -40px;}
#totalsDropDown > div a span {color:#fff !important}

/*newheader*/
.glyphicon-shopping-cart{background-image:none;height:25px;}
#mobCartNew{width: 80px; height: 40px; position: absolute;left:60%; z-index: 99 !important; opacity: .99; right: 0;float:left;display:inline;}
.minorMenuCart li{display:inline;float:none;}
.minorMenuCart a, .minorMenuCart a:hover, .minorMenuCart a:visited{color:white;}
.cart-glyph{display:none !important;}
.cart-block > div{top:17px;}
#minorMenuCart li{display:block;text-align:center}
#minorMenuCart li a{vertical-align: sub;}
#totalsDropDown {margin-left: 0;background: none;padding: 0;border-radius: 0;vertical-align: bottom;}


/*Content pages*/

.title-content, .title-content >div{width:100% !important;}
.title-content >div {padding:0;}
.title-content >div >h4{margin:15px;}
.five.columns.mediaAll{padding:0;}

    /*hotfoil*/
.resize100per {width:100% !important;}
.colorsContainerMobile {position: relative; height: 350px; width: 450px; padding-bottom:35px; width:100% !important;}
.defaultImageMobile {float: none !important; padding:17px 0 0 0 !important; position:relative !important;}
.logoPlacementCopyMobile {width: 90% !important;}
.rePositionStatic {position: static !important;}
.pathWindowMobile {position:static !important; width: 96% !important; margin-bottom:15px !important;}
.marginTopMobile { margin-top:50px !important;}

    /*RioPro*/
.rioProMainImg { width:100% !important;}
.width50 { width:100% !important;text-align:center !important;}
.benefitsContainer, .benefitsBullets, .benefitsCopy, .benefitsIcon {height: auto !important; display:block !important; margin:0 auto !important;}
.benefitsBullets {position: inherit !important;}
.benefitsCopy p {text-align: center !important;}
#mob-calculation{position:fixed;bottom:0;left:0;width:100%;margin-bottom:-10px;}
.impressionsHeadSummary{font-size:14px !important;}
.impressionsHeadSummary.ui-accordion-header.ui-helper-reset.ui-state-default{padding:4px !important;}
.mob-hide{display:none;}
.impressionsinner{padding:0 10px !important;}
.rioproteam > div + div {width:100% !important;margin-left:0 !important; margin-top:10px;}


    /*New Homepage*/
.hpThinText{width:94%;}
.hpThinBanner{width:94%;}
.hpSkyscraperR {width:305px;float:none;margin-bottom:20px;margin-right:auto;margin-left:auto !important;}
.hpSkyscraperL {width:305px;float:none;margin-bottom:20px;margin-right:auto !important;margin-left:auto !important;}

    /*Shipping Options*/
#divShippingOptions {width:100%}
.shippingCarrier {width: 80% !Important;}

    /*Balance Forward*/
.checkoutPriceSectionBlock {float:none}
.displayBalanceDue {width: 65%;margin-left: 63px;}
.contentContainerBF {font-size:12px}


/*------ETA-------*/

.MessageMobileFix {width:50%}

    /*Craftsy Classes*/
.craftsyHeader small {margin-left: 80px !important;}
.craftsyHeader p {  margin-bottom: 0; margin-top:0}
.craftsyHeaderContainer {width: 100%;float: right;position: relative;}
.productHeadCraftsy {width: 100%;}
.craftsyBox {padding:0 !important}
.craftsyBox p:last-of-type {line-height:0}
.craftsyHeader div {width: 94%;height: 70px;float: right;margin-top: 4px;}

#myAcctPage .accountTabs .ui-widget-header{border: 1px solid #cdd5da;background-color: #efefef !important;background-image:  none !important;border-top: 0px !important;border-right: 0px !important;border-left: 0px !important;}
#myAcctPage .accountTabs .ui-state-active a {color:#0253a7 !important;border-bottom: 1px solid #ffffff;margin-bottom: -1px;}
#myAcctPage .accountTabs .ui-state-active {background: #ffffff url(themes/base/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x !important;border: 1px solid #cdd5da;}
#myAcctPage .accountTabs .ui-state-default a{color: #ffffff;}
#myAcctPage .tabStyle .ui-state-default {background: #084181  url(themes/base/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;}
#myAcctPage .tabStyle .ui-state-default a {color:#fff}


/*RioPro*/

.rioproteam div p {padding:10px;}
.riopro-intro > div,.rioproteam > div + div { width:100% !important;}
.riopro-intro p,.riopro-intro h4{text-align:center}


/*-------Homepage Banners-------*/
.hpTriBanner,.hpDblWide.hpSkyLeft,.hpDblTriple .hpTriBanner{width:100% !important;}
/*-------Homepage Banners-------*/

#txtSearchString {width: 69% !important;}
.desktopSearchWraper {width: 98.7%;}
.loggin-block {width: 100px !important;}
.desktopCartBox {background-color: none;background:none;}
.desktopSearchWarpper {top: 7%;}
.desktopSearchWarpper form input{width:70%}
.productsearch {height:auto !important;padding-bottom: 25px;}
.productdesc{margin-bottom: 15px;width: 200px !important;margin-left:40px; margin-top: 40px;}
.cart-block > div {top:15px;right:50px !important; width:125px !important}
.navmobile-block {background-color: #007cc6;}
.navbar-mobile > a {text-transform: uppercase;color: #fff;text-decoration: none;font-size: 16px;text-align: left;line-height: 1.9em;}
.navbar-mobile {text-align: center;position: relative;}
.navbar-mobile > a:last-of-type {position: absolute;top: 6px;left: 0;}
.headermobile-block .metalmarketsBox {float: none;margin: 0;text-align: center;}
.headermobile-block .homebtnNbr {position: absolute;bottom: 8px;left: 0;top: auto;}
.headermobile-block .two-thirds.column{margin:0 !important}
.searchBox #txtSearchString {width: 100% !important;}
#desktopFooter .four.columns {float: none;display: inline-block;vertical-align: top;text-align: center;border-bottom: solid 1px #efefef;margin-bottom: 10px;}
.four.columns a[href*=riograndeblog] {display: block;text-align: center;}
.socialMediaIcons {text-align: center;}
.socialMediaIcons > div {padding-left: 0 !important;}
.socialIcons2 {background-size: 28px;height: 28px;width: 28px;float: none;display: inline-block;}
.emailSignupForm {height: 28px !important;float: none;display: inline-block;}
/*.hpSkyscraperL img {width: 33.3%;}*/

/*------------- My Account Page--------------*/

.emailPrefBlock form div, .jewelerProfileBox div, .materialUsed div, #CatalogOptions h5, #CatalogOptions div  {margin-left:0}
.emailPrefBlock form div span, .jewelerProfileBox div span, .materialUsed div span {width:90%;}
#CatalogOptions div, #divOrderHistory > div{width:100% !important}

#tabs-3 > div {width:100% !important}
#tabs-3 > div button, #btnValidateCard {margin-top:10px;}
#tabs-3 #divAddCreditCard {background: #efefef;padding: 15px;border-radius: 10px;border: 0;margin-top: 5px;}

/* Login Register Forgot username & Password */
#login-block .six.columns{width:100%;}



/*Account Balance*/
.makePayBlock{width:87% !important;}
.payTermsDetailsBox{width: 82% !important;margin: 20px 0 0 30px;}
.payTermsDetailsBox >div {text-align:center !important;width:100% !important; padding:0 !important}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menunavPhone {display: block !important;}
.shopBtnBlock {top: -3px;left: 180px;}
.regFormBox {width: 100%;}
.backOrderMessage {width: 300px;}
.refinementDropDiv, .categoryDropDiv, .categoryItemsDiv, .pageNumbersSpan, .categoryNameDivTablet, .catBreadCrumbDiv {display: none;}
.refinementDropDiv {margin-top: 10px;}
#nextBtn {float: right;}
.categoryNameDivPhone {display: inline;}
.resultsCountDivPhone {display: inline;width: 320px;}
.searchPageRefining {font-size: 13px;margin-bottom: 0;width: 49.1%;}
#homebtnImg a img {margin-top: 2px !important;}
.catorderInput {width: 100%;}
.productsearch {height: 160px;border-bottom: 1px dotted #5aa8ff;}
.productdesc {margin-left: 15px;}
.categoryBtn, .refinebyBtn {width: 100%;margin: 0px;}
.categoryBtn {margin-bottom: 5px;}
#phoneLogin {display: block !important;margin-top: 20px;}
#tabletLogin {display: none;}
#outletBoxMain {width: 420px;}
#ClearanceCategoriesMobile {padding-left: 40px !important;}


/*New Homepage*/
.hpTriBanner img {
    margin-left: 5px;
}

.hpPromoBanner {margin-left: 45px;}
.hpThinBanner h2 {padding: 10px;font-size: 1.25em;line-height: 1.1em;}
.hpDblWide {margin-right: 0;margin-left: 5px;width: 390px !important;}
.hpDblWide img {width: 385px !important;}
.hpDblTriple .hpTriBanner {float: left !important;}

/*Shipping Options*/
#divShippingOptions {width: 100%;}
.shippingCarrier {width: 80% !Important;}

/*Balance Forward*/
.checkoutSectionBlock input {float: right;}
.displayBalanceDue {width: 65%;margin-left: 60px;}
.contentContainerBF {font-size: 12px;}
.wBottomLine {width: 80%;margin: 0 auto;}


/* Product Page */
.tabletFix {width: 420px !important;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

/*----------------Home page banner----------------*/

#skinnybanner{display:none}
img[src*='dme_header_02']{width:100%;}

}

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

.RDM-mobile-80 {width: 80% !important;float: right;}
.mobile-free {text-align: center;}
.RDM-mobile-20 {width: 20% !important;}
.DiamondSliders {width: 90% !important;}
.DiamondSliders img {width: 100% !important;}
.DiamondColor {width: auto !important;}
.DiamondCut {width: 12.5% !important;}
.DiamondCutNote {margin-top: 32px;}
.DiamondSlidersLabels {width: 90% !important;}
.DiamondSlidersLabels-cut {width: 100% !important;}
.DiamondClarity {width: auto !important;}
#DiamondSearchResults div {padding: 0 !important;}
.shippingOptionsDesc {display: inline-block;width: 70%;}
.midmenu li:hover #dropdown_fullwidth_first {left:0; top:50px; width:auto}
.midmenu li:hover #dropdown_fullwidth_item2 {left:0; top:50px; width:auto}
.midmenu li:hover #dropdown_fullwidth_item3 {left:0; top:50px; width:auto}
.midmenu li:hover #dropdown_fullwidth_item4 {left:0; top:50px; width:auto}
.midmenu li:hover #dropdown_fullwidth_item5 {left:0; top:50px; width:auto}
.midmenu li:hover #dropdown_fullwidth_item6 {left: -39px;top: 50px;width: auto;}
.midmenu li:hover #dropdown_fullwidth_item_right {right:-1px;top:50px;left:auto; width:auto} 
.desktopNavItem {width: 109.7px;height: 90px !important;}

}

@media only screen and (min-width: 479px) and (max-width: 768px) {
.shippingOptionsDesc {display: inline-block;margin-left: 40px;}
}

@media only screen and (max-width: 479px) {
    #icons-shop-mobile > div,#icons-shop-mobile > div > div{ text-align:center !important; margin:0 !important;}
.hide-479{display:none;}
.column-MTO {width:275px !important;}
.mobile-free {text-align:center !important; display:block !important;float:none;}
.mobile-free >span {text-align:center !important; display:block !important;float:none;}
.menunavPhone {display: block !important;}
#metalMarketlbl {display: none;visibility: hidden;}
.loginBlock {display: none;position: absolute;top: 10px;left: 115px;}
.shopBtnBlock {top: 3px;left: 135px;height: 21px;}
#carouselwrapper {width: 270px;}
#scroller li {width: 270px;height: 225px;background-position: 0 0 ;}
#scroller {width: 2475px;}
.carouseldiv {width: 300px !important;}
.loginInputClass {width: 98%;}
.productpagePrice {position: inherit;font-size: 12px;}
.chartScroll {width: 300px;}
.chartScroll div, .chartScroll img, .chartScroll table {width: 90% !important;white-space: normal;font-size: 10px;max-width: 300px;height: auto;}
.regFormBox {width: 100%;}
.multipleViews, .touchslider-viewport, .touchslider-item, .touchslider-item img, .multiViewWrapper {height: 300px !important;width: 300px !important;}
#txtCardName {width: 100% !important;}
.showQuickView{float:none !important}
.wishListItemInfo {width: 120px;}
.wishListItemInfo button {margin-top: 10px;}
.wishListComment {width: 270px;}
.backOrderMessage {width: 260px;}
.productsearch {border-bottom: 1px dotted #5aa8ff;height: 140px;text-align:center; padding-bottom:0;}
.refinementDropDiv, .categoryDropDiv, .categoryItemsDiv, .pageNumbersSpan, .categoryNameDivTablet, .catBreadCrumbDiv {display: none;}
.refinementDropDiv {margin-top: 10px;}
.categoryNameDivPhone {display: inline;}
.resultsCountDivPhone {display: inline;width: 200px;}
#nextBtn {float: right;}
.searchPageRefining {font-size: 13px;margin-bottom: 0;width: 48.8%;}
.catorderInput {width: 100%;}
.productdesc {margin-left: 15px;margin-top:10px;}
.categoryBtn, .refinebyBtn {width: 100%;margin: 0px;}
.categoryBtn {margin-bottom: 5px;}
#phoneLogin {display: block !important;margin-top: 20px;}
#tabletLogin {display: none;}
#outletBoxMain {width: 300px;}
.contactDialog {height: auto !important;}
#ClearanceCategoriesMobile {padding-left: 40px !important;}


/*NewHeader*/
#mobCartNew{left:57%;}
.cart-block > div {top:20px;right:50px !important; width:125px !important}

/*hotfoil*/
.marginleft0 {margin-left: 0 !important;display: block;}
.resize100per img {width: 100% !important;}
.textAlingCenter {text-align: center;}

/*New Homepage*/
.hpThinText {width: 92%;font-size: 13px;}
.hpTriBannerSet > div:nth-of-type(odd) {margin-right: auto;}
.hpTriBannerSet > div:nth-of-type(even) {margin-right: auto;}
.hpTriBanner img {width: 250px !important;margin-left: 13px;}
.hpPromoBanner {width: 250px;margin-left: 13px;}
.hpPromoBanner img {width: 250px;}
.hpSkyscraper img {width: 250px;margin-left: 13px;}
.hpSkyRight {margin-left: 0;}
.hpSkyLeft {margin-right: 0;}
.shopBttn23 {width: 50%;}
.shopBttnFull {width: 50%;}
.hpThinBanner {width: 92%;}
.hpThinBanner img {float: none;margin-right: auto;margin-left: auto;}
.hpThinBanner h2 {padding: 10px;font-size: 1.25em;line-height: 1.1em;}
.hpThinBanner p {font-size: 1.2em;}
.hpDblWide {margin-right: 0;margin-left: 5px;width: 280px !important;}
.hpDblWide img {width: 275px !important;}
.hpDblTriple .hpTriBanner {float: none !important;}
.hpSkyscraperR img {width: 250px;margin-left: 15px !important;}
.hpSkyscraperL img {width: 250px;margin-left: 15px !important;}
.hpDblTriple {margin-left: 5px;}

/*Shipping options*/
.shippingDetails {margin-left: 10px !important;}
.shippingCarrier {width: 90% !important;margin-left: 3px !important;}
.fontSize12 {display: table-cell;}
#divShippingOptions {width: 100%;}

/*Returns Online*/
.headerContainer span {font-size: 10px !important;}
.headerContainerPendingOrders span + span {font-size: 10px;}
.headersBarPendingOrders span {font-size: 10px;}

/*Calculator page*/
table.jumprings.fontOver {font-size: .9em !important;}
td.hideme {display: none;}

/*Balance Forward*/
.checkoutPriceSectionBlock {float: none;}
.headerContainerBF, .contentContainerBF {width: initial;padding: 0;text-align: center;font-size: 10px;border-radius: 10px;}
.headerContainerBF span {vertical-align: top;}
.displayBalanceDue {width: 90%;text-align: center;float: none;font-size: 14px;margin: 0 auto;}
.contentContainerBF {font-size: 9px;}
.contentContainerBF span {margin-top: 5px;}
.contentContainerBF label {width: 16%;}
.width17Mob {width: 17%;}
.checkoutSectionBlock input {float: right;}

/*Power Reviews*/
.pr-snapshot-head {background: #ccc;background-image: none;}
.pr-review-faceoff-img {display:none}
#submitReviewIframe {width: 100%;}
.pr-review-author-name span {display:inline-block; word-break:break-all}
.pr-modal-container, .pr-base-modal {width: 300px !important;height: auto !important;}
.pr-base-modal {left:0 !important}
.pr-profile-reviews-container {width:100% !important;margin-top:10px}
.pr-profile-review-product-info a img {width:50px}
.pr-profile-author-container {height:auto !important;width:100% !important}
.pr-ratings-histogram-content li p {margin: 0 5px 0 0 !important}
.pr-modal-shadow {height: 605px !important;width: 330px;}

/*---------------ETA--------------*/
.MessageMobileFix {width:100%}
.marginTop25M {margin-top:0 !important}

    
/*----------------Home page banner----------------*/

#skinnybanner{display:none}


/*--------------Rio Diamond Market Place--------------*/

.DiamondSliders {width:90% !important;}
.DiamondSliders img{width:100% !important;}
.DiamondColor {width:8.3% !important;}
.DiamondCut {width:15% !important;}
.DiamondSlidersLabels {width:100% !important;}
.DiamondClarity {width:9.5% !important;}
#DiamondSearchResults div {padding:0 !important;}

/*Free Goods*/
.freegoodsBlock {width: 100%;}

/*RioPro My Acct*/

.contactRep > div div h1 { margin-top:5px;font-size:18px !important;}
.contactRep > div div {width:45% !important;}
.contactRep > div div span {font-size:12px !important}

/*.desktopCartBox{width:50px;}*/
.desktopSearchWarpper button#btnSearch{width:80px!important;}
.desktopSearchWarpper form input {width:59%}
.cart-block > div{width:65px !important;}
.searchInvoice, .searchItemNumber,.searchOrderHistory,.noInvoice {height: 180px;}
.searchInvoice > *, .searchItemNumber > *,.searchOrderHistory > *,.noInvoice > * {width: 100% !important;}

}
@media only screen and (max-width: 350px) {
.cart-block > div{right:100px;}
    #icons-shop-mobile > div,#icons-shop-mobile > div > div{width:100% !important; }

}
/* Table of Contents
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid */

html {
    overflow: scroll;
} 

.container
{
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.column, .columns
{
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.columnsNoMargin
{
    float: left;
    display: inline;
}

.row
{
    margin-bottom: 20px;
}


/* Nested Column Classes */
.column.alpha, .columns.alpha
{
    margin-left: 0;
}

.column.omega, .columns.omega
{
    margin-right: 0;
}

/* Base Grid */
.container .one.column
{
    width: 40px;
}

.container .two.columns
{
    width: 100px;
}

.container .three.columns
{
    width: 160px;
}

.container .four.columns
{
    width: 220px;
}

.container .scrap
{
    width: 220px;
}

.container .five.columns
{
    width: 280px;
}

.container .six.columns
{
    width: 340px;
}

.container .seven.columns
{
    width: 400px;
}

.container .eight.columns
{
    width: 460px;
}

.container .nine.columns
{
    width: 520px;
}

.container .ten.columns
{
    width: 580px;
}

.container .eleven.columns
{
    width: 640px;
}

.container .twelve.columns
{
    width: 700px;
}

.container .thirteen.columns
{
    width: 760px;
}

.container .fourteen.columns
{
    width: 820px;
}

.container .fifteen.columns
{
    width: 880px;
}

.container .sixteen.columns, .BV
{
    width: 940px;
}

.container .logoblock.columns
{
    width: 300px;
}

.container .search.column
{
    width: 360px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container .productsearch.columns,
.container .productdesc,
.container .productimage.columns
{
    width: 125px;
}

.container .contentsearch.columns
{
    width: 355px;
    height: 165px;
}

.container .contentdesc
{
    width: 220px;
}

.container .one-third.column
{
    width: 300px;
}

.container .two-thirds.column
{
    width: 620px;
}

/* Offsets */
.container .offset-by-one
{
    padding-left: 60px;
}

.container .offset-by-two
{
    padding-left: 120px;
}

.container .offset-by-three
{
    padding-left: 180px;
}

.container .offset-by-four
{
    padding-left: 240px;
}

.container .offset-by-five
{
    padding-left: 300px;
}

.container .offset-by-six
{
    padding-left: 360px;
}

.container .offset-by-seven
{
    padding-left: 420px;
}

.container .offset-by-eight
{
    padding-left: 480px;
}

.container .offset-by-nine
{
    padding-left: 540px;
}

.container .offset-by-ten
{
    padding-left: 600px;
}

.container .offset-by-eleven
{
    padding-left: 660px;
}

.container .offset-by-twelve
{
    padding-left: 720px;
}

.container .offset-by-thirteen
{
    padding-left: 780px;
}

.container .offset-by-fourteen
{
    padding-left: 840px;
}

.container .offset-by-fifteen
{
    padding-left: 900px;
}

.block75
{
    width: 75%;
    display: inline;
    float: left;
}

.block25
{
    width: 25%;
    display: inline;
    float: left;
}

.floatLinline
{
    float: left;
    display: inline;
}

.floatRinline
{
    float: right;
    display: inline;
}

.productpagePrice
{
    float: left;
    display: inline;
    width: 200px;
}

.noMtoBlock
{
    float: left;
    display: inline;
    width: 400px;
}

/* #Clearing */

/* Self Clearing Goodness */
.container:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after
{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after
{
    clear: both;
}

.row,
.clearfix
{
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .container .one.column                      { width: 28px;  }
        .container .two.columns                     { width: 76px;  }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .scrap                           { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns, .BV                   { width: 748px; }
        .container .logoblock.columns               { width: 236px; }
        .container .search.column                   { width: 245px; }
        .container .productsearch.columns,
        .container .productdesc,
        .container .productimage.columns {width: 125px;}
        .container .contentsearch.columns {width: 275px;}
        .container .contentdesc {width: 140px;}


        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
        .block75 {width:72%; display:inline; float: left;}
        .block25 {width:28%; display:inline; float: left;}
        .productpagePrice { display: inline; width: 160px;}
        .noMtoBlock {float: left; display: inline; width:300px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .BV,
        .scrap,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px;}
        
        .container .search.column      { width: 170px;}
        .container .productsearch.columns {width: 290px;}
        .container .productdesc.columns  {width: 160px;}
        .container .productimage.columns {width: 140px;}
        .container .contentsearch.columns {width: 290px; height: 180px}
        .container .contentdesc  {width: 140px;}
        
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        .block75 {width:100%; display:inline; float: left;}
        .block25 {width:100%; display:inline; float: left;}
        
        .productpagePrice {width: 300px;}
        .noMtoBlock {float: left; display: inline; width:300px;}

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .scrap,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .BV,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px;}
        
        .container .entiresearch.column { width: 280px;}
        .container .search.column       { width: 280px;}
        .container .productsearch.columns {width: 410px;}
        .container .productdesc  {width: 280px;}
        .container .productimage.columns {width: 140px;}
        .block75 {width:100%; display:inline; float: left; }
        .block25 {width:100%; display:inline; float: left;}
        .productpagePrice {width: 200px;}
        .noMtoBlock {float: left; display: inline; width:200px;}
                .container .contentsearch.columns {width: 390px;}

        
    }



/*Login Page */
.rioProLoginBody {
    background: #005393;
}

.loginFix .desktop-whitebox {
    padding-top: 0px !important;
}

.rioProh1, .rioProh5 {
    font-family: Oswald !important;
    font-weight: 400;
    color: #ffffff!important;
}

.rioProh1 {
    font-size: 65px;
    line-height: 70px;
}

.rioProh5 {
    font-size: 28px;
    line-height: 30px;
}

.rioProLogin h1 {
    display: none;
}

.rioProLogin {
    width: 300px;
}

.transparent_class {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.rioprowhitebox {
    background: none !important;
    color: #ffffff !important;
    font-weight: bold;
}
/* RIOPRO My Account Tab */

.rioProTab {
    width: 100%;
    margin: 0;
    padding: 0;
}

/*.rioProTab h1, h3 {
    font-family: 'oswald',Arial,Verdana;
    font-weight: 400;
    color: #1f59aa;
}*/

.benefitsListdiv {
    margin-bottom: 7px;
    margin-left: 35px;
}

.benefitsList {
    vertical-align: middle;
    font-size: 14px;
    color: #1f59aa;
    height: 60px;
}

.benefitsListdiv img {
    margin-right: 10px;
}

.width50 {
    width: 50%;
}

.benefitsDescription p {
    padding:15px 50px 15px 50px;
    font-size:14px;
}

.benefitsDescription {
    margin-top:15px;
}

.width35 {
    padding:20%;
}

.headlineBlue {
    width: 100%;
    text-align: center;
    font-size: 22px;
}

.benefitsContainer, .benefitsContainerBottom {
    position: relative;
    text-align: left;
    font-weight: 300;
    font-size: 18px;
    color: #000000;
}

.benefitsContainer {
    height: 60px;
    width: 100%;
    font-size: 18px;
    /*font-family: 'Oswald', Arial, sans-serif;*/
}

.benefitsContainerBottom {
    height: 50px;
    width: auto;
    margin:0 auto;
}

.benefitsBullets {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}

.benefitsIcon {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    width: 35px;
    height: 35px;
    padding-left: 10px;
}

.benefitsIconBig {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    width: 50px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size:14px;
}

.contactRep {
    width: 80%; 
    margin: 0 auto; 
    border-radius: 5px; 
    overflow: hidden; 
    border: solid 1px #808080;
    background-color:#efefef;
}

.benefitsIcon img {
    width: 35px;
    height: 35px;
}

.benefitsCopy {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

.benefitsCopy p {
    text-align: left;
    padding-left: 5px;
    font-size: 14px;
}

.blueButton { 
    background: #005393;
    width: 150px;
    float: left;
    font-size: 36px;
    font-family: 'oswald', Arial, sans-serif;
    color: white;
    margin: 10px 0 0 20px;
    padding: 10px;
    font-weight: 300;
    text-align: center;
}

.centerDiv {
    width: 490px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

    .width100 img {
        width: 100%;
    }



@media only screen and (min-width: 767px) and (max-width: 1100px) {
    .blueButtom {
        width: 35% !important;
    }

    .contactRep {
        width: 100%;
    }
        /*.contactRep div div {width:100%}
    .contactRep div div img {width: 136px !important;}*/
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*RioPro Login*/
    .removeFloat {
        float: none;
    }

    .rioProLogin {
        width:100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 4%;
    }

    .blueButton span {
        display: none;
    }

    .blueButton {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .rioProh1 {
        font-size: 55px;
    }

    .centerDiv {
        width: 65%;
    }
        .contactRep div div {width:100%}
    .contactRep div div img {width: 136px !important;}

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .removeFloat {
        float: none;
    }
    .centerDiv {
        width: 80%;
    }

    .blueButton {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rioProLogin {
        display: block;
        width: 100% !important;
        margin-bottom: 4%;
    }

    .blueButton span {
        display: none;
        margin: 0;
        width: 100% !important;
    }
    .rioProh1 {
        font-size: 45px;
        line-height:50px;
    }

    .contactRep div div {
    width:100%;
    }
    .widthMobileFix p {
        width: 100%;margin:0 !important;
    }

    .bottomMargin p,.bottomMargin h3 {margin:0 !important;}

    .benefitsContainer {margin-bottom: 15px !important;}   
}