/*  ROI360 Base Theme
**********************************************************************
* General Form fields and Text */

p, a, td, input, textarea, select, option {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #000000;
	}

p, form {margin: 0;}

select, input, textarea {
   margin-right: 3px;
   border-radius:0px;
  
	}

td.basic {
   vertical-align: top;
	}

/**********************************************************************
 * Body and Content */

 body.page { 
	Background: #ffffff url(Images/background.jpg);
	height:100%;
	width: 1200px;
	margin: 0 auto;
	}


td.pageContent {
	Background: #ffffff; 
	margin: 0px auto;
	padding: 25px 15px 0px 15px;
	}

img.pageMinimumWidth {
	width: 700px;
	height: 0px;
	}

/**********************************************************************
 * Navigation Bar  */



#tblNavigationBar {
	width: 100%;
	vertical-align: middle;
	padding: 0px 15px 0px 15px;
	height: 60px;
	background-color: #046c9f; 

}

/*
#tblNavigationBar:before {
    content: '';
    position: absolute;
    width: 100%; 
	height: 60px;
	left: 0;
	z-index: -1;
	display: block;
	background-color: #046c9f;
}
*/
 
td.navBar {
	vertical-align: middle;

	height: 60px;
}

td.navBarLeft {}

td.navBarRight {	height:60px;}

td.navBarCell {height: 60px;}

td.navBarMiddle {}

td.navBarMiddle td {}

td.navBarSeparator {}

div.navBarButton {	height:60px;
}

div.navBarButtonSelected-l {}
div.navBarButtonSelected-r {}
div.navBarButtonSelected { 
				background: #26a4dd; 
			height:60px;
}

div.navBarButton-l:hover {}
div.navBarButton-r:hover {}
div.navBarButton:hover { 
height:60px; 	background: #26a4dd; 
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}

div.navBarButtonRight-l {}
div.navBarButtonRight-r {}
div.navBarButtonRight { 	height:60px;
}

div.navBarButtonRight:hover-l {}
div.navBarButtonRight:hover-r {}
div.navBarButtonRight:hover { 
	background: #26a4dd; 
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}

div.navBarButton-inner,
div.navBarButtonRight-inner { 
	padding: 20px 0px 0px 0px; 
}


div.navBarButtonSelected-inner { 
	padding: 20px 0px 0px 0px; 
}

a.navBarButton, 
a.navBarButtonSelected {
	font-weight: 500;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	padding: 18px 16px;
	color: #ffffff;
}

div.navBarMessage {
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 16px 0;
	font-size: 18px;
	color: #ffffff;
}

a.navBarButtonRight {
	font-weight: 500;
	text-decoration: none;
	padding: 15px 15px 15px 15px;
	font-size: 18px;
	color: #ffffff;
}

a.navBarButton:hover {
	color: #ffffff;
	text-decoration:none;
}

a.navBarButtonRight:hover {
	color: #ffffff;
	text-decoration:none;
}

a.navBarButtonSelected {
	color: #ffffff;
	
}

/**********************************************************************
 * Areas  */

td.areaHeader-l {  }
td.areaHeader-r {  }
td.areaHeader   { 
	background: #ffffff;
    vertical-align: middle;
	height: 40px;
	border-radius: 0px 0px 0px 0px;
	display: none;
	}


td.simpleAreaHeader-l {  }
td.simpleAreaHeader-r { }
td.simpleAreaHeader   { 	
	background: #ffffff; 
    vertical-align: middle;
	height: 40px;
	border-radius: 0px 0px 0px 0px;
	}


td.area-l {  } 
td.area-r {  }

img.area-l {  }
img.area-r {  } 

td.areaComment-l { }
td.areaComment-r { }

td.areaComment {
   border-bottom: 0px solid #bde4f5;
  
}


td.area {
   background: #ffffff; 
   padding: 10px 0p 40px 0px;   
   max-width: 844px;

}

td.stepArea {
    background: #ffffff;
	max-width: 844px;
   padding: 11px 15px 11px 0px; 
}

td.popupArea {
   background: #ffffff;
   padding: 13px 15px 3px 15px;   
}

td.areaFooter-l {  }
td.areaFooter-r {  }
td.areaFooter   { 
	background: #ffffff; 
	border-radius: 0px 0px 0px 0px;
	height: 0px;
	}

td.stepAreaFooter-l {  }
td.stepAreaFooter-r {  }
td.stepAreaFooter   { 	
	background: #ffffff;
	 border-top: 5px solid #bde4f5;
    vertical-align: middle;
	height: 40px;
	border-radius: 0px 0px 0px 0px; 
	}

/* -----------------------------------------------------
 * Text styles for area header and "comment" lines
 */

div.areaTitle {
	padding: 0px 5px 5px 0px;
	font-size: 28px;
	font-weight: bold;
	color: #26a4dd;
	letter-spacing: 0px;
	white-space: nowrap;
	display: none;
}

td.areaTitlePopup  {
	padding: 20px 5px 5px 0px;
	font-size: 30px;
	font-weight: bold;
	color: #26a4dd;
	letter-spacing: 0px;
	white-space: nowrap;
}

div.areaTitleLink {
   font-size: 12px;
   padding-top: 10px;
}

a.areaTitleLink, 
a.areaTitleLinkRollover {
   font-size: 14px;
   color: #ffffff;
   text-decoration: none;
   text-transform:normal;
   display:none;
   font-weight:bold;
   letter-spacing: 0px;
   padding: 0 10px 0 5px;
}

a.areaTitleLinkRollover {
   color: #046c9f;
   cursor: pointer;
}

div.areaComment, 
div.areaCommentRight {
   font-size: 18px;
   font-weight: normal;
   color: #000000;
   text-transform: none;
   padding: 0px 5px 10px 0px;
   display: none;
}

div.areaEmptyMessage {
   text-align: center;
   padding: 12px 0 16px 0;
}

/* -----------------------------------------------------
 * Area title icons
 */

div.areaIconCheckout        {}
div.areaIconOrders          {}
div.areaIconEditDocument    {}
div.areaIconHelp            {}
div.areaIconLibrary         { }  
div.areaIconProfile         { } 
div.areaIconShoppingCart    { } 
div.areaIconStartDocument   {}

/**********************************************************************
 * Step Area
 */

span.stepLabel {}

span.currentStepIndicator {
   font-size: 16px;
   font-weight: normal;
   display:none;
   color: #000000;
   padding-left: 5px;
   padding-right: 12px;
}

span.stagedContentMessage {display:none;}

/* -----------------------------------------------------
* Next/Previous controls
 */
td.stepAreaHeaderNextPrevControls {float:right;}
div.stepAreaHeaderNextPrevControls{ height: 39px;  background: #046c9f; border-radius: 0px; 	margin: 0px 0px 3px 0px; float: right; }


td.stepAreaFooterNextPrevControls {float:right;}
div.stepAreaFooterNextPrevControls { height: 39px;  background: #046c9f; border-radius: 0px; 	margin: 5px 0px 3px 0px; float: right;  }



td.stepNextPrevLabel {
	vertical-align: middle;
}

td.stepNextPrevLabel:hover {
	vertical-align: middle;
	
}

a.stepNextPrevLabel, 
a.stepNextPrevLabelRollover {
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0px;
	padding: 2px 10px 5px 10px;
}

a.stepNextPrevLabelRollover {
	color: #d4edf8;
	font-weight: bold;
	text-decoration:none;
	cursor: pointer;
		padding: 2px 10px 5px 10px;
}

td.areaGraphicNextStep  { 
	background: url(Images/next.png) no-repeat; 
	height: 39px; 
	width: 41px; 
	padding-left:3px; 
	}

td.areaGraphicNextStep:hover     { 
	background: url(Images/next.png) no-repeat; 
	height: 39px; 
	width: 41px; 
	}
td.areaGraphicPreviousStep { 
	background: url(Images/Back.png) no-repeat; 
	height: 39px; 
	width: 41px; }

td.areaGraphicPreviousStepRollover { 
	background: url(Images/Back.png) no-repeat; 
	height: 39px; 
	width: 41px; }

td.areaGraphicNextPrevSeparatorLine { 
	  Border-right: 5px solid #ffffff; 
	height: 39px; }


/**********************************************************************
 * Sidebars */

td.categorySidebarHeader-l, 
td.helpSidebarHeader-l, 
td.stepControlsHeader-l { }

td.categorySidebarHeader-r, 
td.helpSidebarHeader-r, 
td.stepControlsHeader-r { }

 
td.helpSidebarHeader, 
td.stepControlsHeader   { 
	background: #d4edf8;
	height:60px;

	border-radius: 0px 0px 0px 0px;
	}
td.categorySidebarHeader  { 
	background:#d4edf8;
	height:45px;
	border-radius: 0px 0px 0px 0px;
	}
	
	
td.categorySidebar-l, 
td.helpSidebar-l, 
td.stepControls-l {	}

td.categorySidebar-r, 
td.helpSidebar-r, 
td.stepControls-r {  }

td.categorySidebarFooter-l, 
td.helpSidebarFooter-l, 
td.stepControlsFooter-l { }

td.categorySidebarFooter-r, 
td.helpSidebarFooter-r, 
td.stepControlsFooter-r { }

td.categorySidebarFooter, 
td.helpSidebarFooter, 
td.stepControlsFooter { 
	background: #ffffff; 
	border-radius: 0px 0px 0px 0px;
	}

	

div.categorySidebarTitle {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #046c9f;
	}
	

div.helpSidebarTitle,
div.stepControlsTitle {
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 25px;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #046c9f;
	}

td.categorySidebar {
	background-color: #d4edf8; 
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 17px;
	border-left: 5px solid #d4edf8;
	border-right: 0px solid #d4edf8;
	border-radius: 0px 0px 0px 0px;
	}


td.helpSidebar,
td.stepControls {
background:#d4edf8;
	vertical-align: top;
	padding-top: 14px;
	padding-bottom: 8px;
	}


td.categorySidebar {
   background-repeat: repeat-x;
}

img.categorySidebarMarginRight { width: 20px; } /* margin separating category sidebar from product catalog */
img.helpSidebarMarginRight     { width: 20px; } /* margin separating help sidebar from help content */
img.stepControlsMarginRight    { width: 20px; } /* margin separating step controls from step area */

/* -----------------------------------------------------
 * Category sidebar - display and control selected catalog category
 */

td.categorySidebarSearch {
   background: #d4edf8;
 border-bottom: 23px solid #ffffff;
   padding: 0px 15px 15px 15px;

}

div.categorySidebarSearchTextBox {
   padding-bottom: 13px;
   height: 20px;;
}

input.searchInput {
   background: #ffffff url(Images/search.png) no-repeat left top;
   height:25px;
   width: 90%;
   padding-left: 22px;
  vertical-align:middle;
   font-size:13px;
   font-weight: normal;
   border: 0px;

   color: #046c9f;
}

td.categorySidebarSearchRule   { 
	
	}

td.categorySidebarSearchRule-l   {}
td.categorySidebarSearchRule-r   {}

td.categorySidebarLabel, 
td.categorySidebarLabelSelected {
   padding: 15px 10px 10px 0; 
}

td.categorySidebarLabelLevel1 { padding-left: 15px;}
td.categorySidebarLabelLevel2 { padding-left: 25px; }
td.categorySidebarLabelLevel3 { padding-left: 55px; }
td.categorySidebarLabelLevel4 { padding-left: 70px; }
td.categorySidebarLabelLevel5 { padding-left: 85px; }
td.categorySidebarLabelLevel6 { padding-left: 100px;}
td.categorySidebarLabelLevel7 { padding-left: 115px;}
td.categorySidebarLabelLevel8 { padding-left: 130px;}
td.categorySidebarLabelLevel9 { padding-left: 145px;}


a.categorySidebarLabel, 
a.categorySidebarLabelSelected {
   white-space: nowrap;

}	

a.categorySidebarLabelLevel1 { color: #046c9f; font-size: 18px; font-weight:bold; text-decoration: none; margin-top:8px; letter-spacing: 0px; margin-right:22px;}
a.categorySidebarLabelLevel2 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px}
a.categorySidebarLabelLevel3 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel4 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel5 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel6 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel7 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel8 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}
a.categorySidebarLabelLevel9 { color: #046c9f; font-size: 16px; font-weight:bold; text-decoration: none; margin-top:5px; letter-spacing: 0px;}

td.categorySidebarLabelSelected {
background: #d4edf8;
border: 0px solid #046c9f;
border-radius: 0px;
	} 

td.categorySidebarLabel {
background: transparent;
border: 0px solid transparent;
border-radius: 0px;
	} 

td.categorySidebarLabel:hover {
background: #d4edf8;
border: 0px solid #046c9f;
border-radius: 0px;
	} 

a.categorySidebarLabel:hover {
	text-decoration: none;
	   color: #86bed9;
}

a.categorySidebarLabelSelected {
   color: #046c9f;
}

/* -----------------------------------------------------
 * Help sidebar - display and change selected help topic

 */

td.helpTopic,
td.helpTopicSelected {
   font-size: 11px;
   padding: 3px 8px 3px 0;
   }

td.helpTopicSelected {
	border-radius: 0px;
	}

td.helpTopic:hover {
	background: #d1d2d4;
	border-radius: 0px;
	}

td.helpTopicLevel1 { padding-left:  8px; }
td.helpTopicLevel2 { padding-left: 20px; }
td.helpTopicLevel3 { padding-left: 32px; }

a.helpTopic, 
a.helpTopicSelected {
   font-size: 11px;
   color: #d1d2d4;
   text-transform: none;
   text-decoration: none;
   white-space: nowrap;
	}

a.helpTopic:hover {
   color: #046c9f;
   text-decoration: none;
}

a.helpTopicSelected {
	color: #046c9f;
    font-weight: bold;
}

a.helpTopicLevel1 {
   font-weight: normal;
}

/* -----------------------------------------------------
 * Step controls - Left "sidebar" to display and control steps of editing or checkout
 * 
 * Built as a sequence of stepControl cells, each containing
 * a stepControlNumber and a stepControlLabel link.
 */

td.stepControl {
  background: #d4edf8;
   vertical-align: top;
   padding: 3px 0 16px 15px;
   height:20px;
}


td.stepControlBlank, 
td.stepControlBlankRollover, 
td.stepControlBlankSelected {
font-size: 14px;
	font-weight: bold;
	background: #d4edf8 url(images/next2.png) top;
	width: 31px;
	height:  31px;
	color: #046c9f;
	border-radius: 0px;
	vertical-align: middle;
	padding: 0 5px 0 12px;
	}
	

	td.stepControlNumber, 
td.stepControlNumberRollover, 
td.stepControlNumberSelected {
	font-size: 14px;
	font-weight: bold;
	background: #ffffff;
	width: 8px;
	height:  31px;
	color: #046c9f;
	border-radius: 0px;
	vertical-align: middle;
	padding: 0 11px 0 12px;
	}

td.stepControlNumber {}
 
td.stepControlNumberSelected {
	background: #046c9f;
	background-repeat: none;
	color: #ffffff;
	}


	td.stepControlNumberRollover {
	background: #1ea0dc;
	background-repeat: none;
	color: #ffffff;
	-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
	}

td.stepControlBlankRollover, 
td.stepControlBlankSelected {
background: #d4edf8 url(images/arrow.png) top;
	color: #ffffff;

	}



td.stepControlLabel, 
td.stepControlLabelRollover, 
td.stepControlLabelSelected {
	font-size: 14px;
	font-weight: normal;
	padding: 0px 8px 0px 5px;
	vertical-align: middle;
	}


a.stepControlLabel, 
a.stepControlLabelSelected {
	font-size: 14px;
	font-weight: normal;
	color: #046c9f;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	white-space: nowrap;
	padding-left:5px;
padding-right:5px;
	}

a.stepControlLabelSelected {
	color: #046c9f;
    font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}

a.stepControlLabel:hover, 
a.stepControlLabelSelected:hover {
	color: #26a4dd;
	padding-left:5px;
	padding-right:5px;
}

/**********************************************************************
* Start page
*/

div.poweredByPageflex {
	display:none;
}

div.viewSwitcher {
	font-size: 10px;
	padding: 2px 15px 0 0;
}

a.viewSwitcher, 
a.viewSwitcher:hover {
	font-size: 12px;
	color: #046c9f;
	text-decoration: none;
	text-transform:none;
	white-space: nowrap;
	cursor: pointer;
}

a.viewSwitcher:hover {
	color: #26a4dd;
	text-decoration: none;
}

div.categoryPath {
	color: #046c9f;   
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 0px;
	padding-top:5px;
	margin-bottom: 5px;

}

div.categoryPath a {
	font-size: 20px;
	text-transform: normal;
	letter-spacing: 0px;
	color: #26a4dd;
	font-weight: bold;
	text-decoration: none;
}

div.categoryPath a:hover {
	color: #046c9f;
	text-decoration: none;
}

/**********************************************************************
 * Catalog cells
 */

div.catalogItemOuter {
	margin: 0px 15px 15px 0px;
	
}


div.catalogFolderOuter {
	margin: 0px 0px 15px 0px;
	
}
td.catalogItem {
	border-left: 0px solid #dadfe5; 
	border-right: 0px solid #dadfe5; 
	border-top: 0px solid #dadfe5; 
	border-top-right-radius: 0px;  
	border-top-left-radius: 0px;
		overflow: hidden;
	}

td.catalogFolder {
	border-left: 0px solid #dadfe5; 
	border-right: 0px solid #dadfe5; 
	border-top: 0px solid #dadfe5; 
		border-bottom: 0px solid #dadfe5; 
	border-top-right-radius: 0px;  
	border-top-left-radius: 0px;
		overflow: hidden;
	}

td.catalogItemFooter   {
	background:#ffffff; 
	vertical-align:top; 
	height: 34px; 
	border-radius: 0px 0px 0px 0px;
	}

td.catalogFolderFooter   {
	background:#046c9f; 
	vertical-align:top; 
	display:none;
	height: 54px; 
	border-radius: 0px 0px 0px 0px;
	}
	
	img.catalogThumbnail:hover {  -webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
-moz-transition:-moz-transform 0.10s ease-in; 
-webkit-transition:-webkit-transform 0.10s ease-in; 
-o-transition:-o-transform 0.10s ease-in;
}

td.catalogItemLandingPageLink {
	border-left: 0px solid #ffffff; 
	border-right: 0px solid #ffffff; 
	}

td.catalogFolder,
td.catalogItem {
background: #ffffff;
   height: 230px;
   text-align: center;
   padding: 0px 30px 0px 30px;
}


img.catalogThumbnail {
   border: 0px;

}

div.catalogItemLandingPageLink {
	text-align: center;
	}

div.catalogItemFooter,
div.catalogFolderFooter {
	text-align: center;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin : 0 auto;
	}


a.catalogItemFooter, 
a.catalogItemFooter:hover,
a.catalogFolderFooter, 
a.catalogFolderFooter:hover {
	font-size: 14px;
	color: #000000;
    font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	white-space: normal;
}

a.catalogItemLandingPageLink,
a.catalogItemLandingPageLink:hover {
	font-size: 14px;
	color: #1ea0dc;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	white-space: normal;
}


a.catalogItemFooter:hover {
	text-decoration: none;
	color: #000000;
}
a.catalogFolderFooter:hover {
	text-decoration: none;
	color: #000000;
}

a.catalogItemLandingPageLink:hover{
	text-decoration: none;
	color: #046c9f;
}

/**********************************************************************
 * Buttons
 */

div.siteButton   { background: #046c9f  ; border-radius: 0px;  margin: 3px 20px 2px 0px;   }
div.siteButtonwhite   { background: #046c9f ; border-radius: 0px;  margin: 3px 0px 2px 0px;   }

div.smallButton   { background: #046c9f ; border-radius: 0px;  margin: 3px 10px 2px 0px;  }

div.siteButton:hover   { background: #1ea0dc ; border-radius: 0px;  margin:3px 20px 2px 0; text-decoration: none;
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
div.siteButtonwhite:hover   { background: #046c9f ; border-radius: 0px;  margin:3px 20px 2px 0; text-decoration: none;
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}

div.searchButton   { background: #046c9f ; border-radius: 0px; margin:3px 20px 2px 0; }

div.searchButton:hover   { background: #1ea0dc; border-radius: 0px;  margin:3px 20px 2px 0; text-decoration: none;
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
 }

div.cartButton   { background: #046c9f; border-radius:0px;}

div.cartButton:hover   {  background: #1ea0dc; border-radius: 0px;  margin:3px 10px 2px 0; text-decoration: none;
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
 }

div.siteButton-inner,
div.siteButtonwhite-inner,
div.cartButton-inner,
div.searchButton-inner 
{padding: 10px 0px 10px 0px;}

a.searchButton, 
a.searchButton:hover,
a.siteButton, 
a.siteButtonwhite, 
a.cartButton,
a.siteButton:hover,
a.siteButtonwhite:hover,
a.smallButton, 
a.smallButton:hover {
   font-size: 16px;
   font-weight:normal;
   color: #ffffff;
   text-decoration: none;
   white-space: nowrap;
   text-transform:normal;
   letter-spacing: 0px;
   cursor: pointer;
   padding: 15px 10px 15px 10px; 
}



a.siteButton:hover,
a.siteButtonwhite:hover,
a.cartButton:hover,
a.smallButton:hover,
a.searchButton:hover{
   color: #ffffff;
   text-decoration: none;
}

p.endOfButtons {
   clear: both;
   margin: 0;
   font-size: 0;
}

/**********************************************************************

*  Warning Area
 */


td.warningAreaInlineInfo,
td.warningAreaInlineWarning {
	background: #ffffff;
	box-shadow: 1px 1px 5px #cccccc;
	padding: 25px 14px 25px 14px;

}


td.warningAreaInlineInfo {
   background: #ffffff;
}

td.warningIconWarning { 
	background: url(Images/IconWarning.gif) no-repeat left top; 
	width: 50px; 
	padding-left: 50px; 
	height: 50px; 
	}

td.WarningIconInfo    { 
	background: url(Images/IconInfo.gif) no-repeat left top; 
	width: 50px; 
	padding-left: 50px; 
	height: 50px; 
	}

div.warningAreaMessageInfo,
div.warningAreaMessageWarning {
   font-weight: bold;
   font-size: 20px;
   color: #046c9f;
   vertical-align:middle;
   margin-left: 10px;
   letter-spacing: 0px;
   margin-bottom: 10px;
}

/* -----------------------------------------------------
 * Login page
 */

td.loginExistingUsers {
   vertical-align: top;
   padding-right: 20px;
}

td.loginNewUsers {
   vertical-align: top;
   border-left: 1px solid #dadfe5;
   padding-left: 20px;
}

div.loginSubhead {
   font-weight: bold;
}

/* -----------------------------------------------------
 * Form Filling
 */

td.formFilling-form {
   vertical-align: top;

}

img.formMinWidth {
   height: 1px;
   width: 210px;
}

td.formFilling-preview {
   vertical-align: top;
   width: 100%;
  
   text-align: center;
   padding-left: 2px;
}
 td.previewButton {}
td.previewButtonFirst    { background: #1ea0dc url(Images/PreviewButtonFirst.png   ) no-repeat;    border-radius: 10px; border: 1px solid white;}
td.previewButtonPrevious { background: #1ea0dc url(Images/PreviewButtonPrevious.png) no-repeat;   border-radius: 10px; border: 1px solid white;}
td.previewButtonNext     { background: #1ea0dc url(Images/PreviewButtonNext.png   ) no-repeat;    border-radius: 10px; border: 1px solid white;}
td.previewButtonLast     { background: #1ea0dc url(Images/PreviewButtonLast.png    ) no-repeat;    border-radius: 10px;border: 1px solid white;}

td.previewButtonFirst:hover    { background: #046c9f url(Images/PreviewButtonFirst.png   ) no-repeat;    border-radius: 10px;  border: 1px solid white;}
td.previewButtonPrevious:hover { background: #046c9f url(Images/PreviewButtonPrevious.png) no-repeat;    border-radius: 10px; border: 1px solid white;}
td.previewButtonNext:hover     { background: #046c9f url(Images/PreviewButtonNext.png   ) no-repeat;    border-radius: 10px; border: 1px solid white;}
td.previewButtonLast:hover     { background: #046c9f url(Images/PreviewButtonLast.png    ) no-repeat;    border-radius: 10px; border: 1px solid white;}

img.previewButtonSizer {
   width: 31px;
   height: 31px;
  

   display: block;
   margin-right: 4px;
}

div.previewPageNumberText {
   font-size: 14px;
   padding: 1px 7px 0px 3px;
}

span.previewWaitMessage {
}

img.formFillingPreview {
   border: 1px solid #b1b2b3;
    box-shadow: 5px 5px 5px #d4d7d9;
}

/* -----------------------------------------------------
 * Printing Options
 */

td.childAreaHeader-l {  }
td.childAreaHeader-r {  }
td.childAreaHeader   { }

td.childArea-l { }
td.childArea-r { }

td.childArea {
   background: #ffffff;
   border: 1px solid #d4d6d7;
border-radius:0px;
   box-shadow: 5px 5px 5px #d4d7d9;
   padding: 13px 15px 18px 15px; 
}

td.childAreaFooter-l {  }
td.childAreaFooter-r {}
td.childAreaFooter   { }

div.priceEstimate { }

/* -----------------------------------------------------
 * Order summary page
 */

td.orderSummaryCell {
   border: 1px solid #cccccc;
   padding: 4px 0 4px 8px;
}

/* -----------------------------------------------------
 * AssetCell
 * For "My Library" and the "Select Image" page (via "Form Filling" page)
 */

td.assetThumbnail {  /* for "Select Image" page */
   background: #ffffff;
   height: 121px; 
   width: 150px; 
   text-align: center;
   padding-top: 20px;
   border-left: 1px solid #d4d6d7;
   border-right: 1px solid #d4d6d7;
   border-top: 1px solid #d4d6d7;
   
}

td.assetThumbnailWithOptions {  /* for "My Library" */
background: #ffffff;
   height: 115px; 
   padding: 15px 0 0 15px;
   border-left: 1px solid #d4d6d7;
   border-top: 1px solid #d4d6d7;
}

img.assetThumbnail {
   border: 0;
   vertical-align: top;
}

td.assetOptions {
background:  #ffffff;
   padding: 0 10px 0 10px;
   border-top: 1px solid #d4d6d7;
   border-right: 1px solid #d4d6d7;
}

td.assetCaption {
   border-bottom: 1px solid #d4d6d7;
   border-right: 1px solid #d4d6d7;
   border-left: 1px solid #d4d6d7;
   border-top: 1px solid #d4d6d7;
   background: #f9fafb;
   height: 30px; 
   font-size: 10px;
   text-align: left;
   padding: 0 6px 0 15px;
}

span.assetCaption,
a.assetCaption,
a.assetCaption:hover {
   font-size: 12px;
   color: #046c9f;
   font-weight: bold;
   text-decoration: none;
}

a.assetCaption:hover {
   text-decoration: underline;
   color: #046c9f;
}

/**********************************************************************
 * Common classes for content inside areas
 */

div.block {
   padding-bottom: 10px;
}

div.subhead {
   font-weight: bold;
   padding-bottom: 3px;
}

span.subheadDetail {
   font-weight: normal;
}

a.siteLink {
   color: #1ea0dc;
   text-decoration: none;
   font-weight: bold;
}
a.siteLink:hover {
   color: #046c9f;
   text-decoration: none;
   font-weight: bold;
}

span.tip
{
   font-weight: normal;
   
   color: #1ea0dc;
}

p.pricingComment
{

text-align: center;
}

/* -----------------------------------------------------
 * Forms
 */

div.fieldLabel {  font-weight: bold;
}

div.textField {
   padding-bottom: 10px;
}

input.textField {
   width: 300px;
}

div.fieldSpacer {   /* for editable form fields */
   margin-top: 8px;
}

td.fieldHeader {
   vertical-align: top;
   font-weight: bold;
   padding: 12px 0 3px 0;
}



.ffheader {color:#046c9f; font-weight:bold; font-size: 16px;}

td.fieldCell {      /* for read-only form fields */
   vertical-align: top;
   padding: 0 15px 3px 0;
}

select.multiSelectIncludeBox {
   margin-bottom: 3px;
}

p.error, span.error {
   color: red;
}

.validationError {
   display: block;
   color: red;
   font-weight: bold;
}

/* -----------------------------------------------------
 * Final step warnings
 */

div.finalStepWarningsHeader {
   font-weight: bold;
}

div.finalStepWarningsFooter {
   font-size: 18px;
   padding: 0px 0px 0px 0px;
   color: red;
}

/* -----------------------------------------------------
 * Tables of orders and items
 */


table.itemTable {
	vertical-align:center;
	padding: 10px;
	box-shadow: 5px 5px 5px #d4d7d9;
	border: 1px solid #d4d6d7;

}


td.itemTable {
	vertical-align:center;
	padding: 10px;
	border: 1px solid #d4d6d7;
}



td.itemTableHeader,
th.itemTableHeader {
	background: #ffffff;
	vertical-align:center;
	text-align: center;
    border: 1px solid #d4d6d7;
	padding: 10px;
}

table.itemTable td.itemTableHeader,
table.itemTable th.itemTableHeader {
    background: #d4edf8;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	color: #046c9f;
}

table.itemTable td.itemTable-Thumbnail {
	text-align: center;
	height: 112px;   
}

img.itemTableThumbnail {
	border: 1px solid white;
}

table.itemTable td
{
   margin-left: 10px;
   margin-right: 10px;
}

table.itemTable td,
table.itemTable p
{
   white-space: nowrap;
   font-size: 18px;
   color:#000000;
}

table.itemTable p.itemTable-Product,
table.itemTable td.itemTable-Product {
   font-weight: bold; 

}

table.itemTable td.itemTable-Options {
   width: 150px;

}

table.itemTable td.itemTable-Date {
   font-weight: normal;
   color:#000000;
}

table.itemTable td.itemTable-Price {
   white-space: nowrap;
   font-size: 16px;
   font-weight: normal;
   text-align: center;
   color:#000000;
}

td.itemTableSummary {
   text-align: right;
   padding: 5px 5px 0 5px;
}

td.itemTableSummaryRule {
   border-bottom: 1px solid #cccccc;
   line-height: 3px;
}

td.itemTableSummaryLine {
   font-size: 18px;
   font-weight: normal;
   color:#000000;
     text-align: right;
   padding-top: 20px;
   padding-right: 40px;
}

p.itemTableLabelWithIcon {
   text-indent: -23px;
   margin-left: 23px; 
   color: #046c9f;
}

/* -----------------------------------------------------
 * Tables
 */

td.dataListChoicesHeader,
td.dataListChoices {
   border-bottom: 1px solid #cccccc;
   padding: 0 15px 2px 0;
}

td.dataListChoicesHeader {
   font-weight: bold;
}

td.simpleTableHeader {
   font-weight: bold;
   padding: 0 15px 2px 0;
}

td.simpleTable {
   padding: 0 15px 2px 0;
}

/* -----------------------------------------------------
 * Pop-up Window
 */

td.dxpcControl_custom {
   border: solid 2px #046c9f;
}

div.pcModalBackground {
	background-color: #777777;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
} 
div.assetThumbnail {
    width: 150px; 
}
div.assetCaption {
    width: 129px;
    height: 22px;
    padding-top:7px;
    overflow:hidden;
    white-space: nowrap;
}
a.PagerPage {
    text-decoration:none;
    color:inherit;
}
span.PagerSelectedPage {
    font-weight:bold;
}
div.siteButtonBlock {
    float:right;
    margin-right:-4px;
}
div.block input[type=file] {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
/* -----------------------------------------------------
 * 7.5 add ons
 */
.roundedDiv { /*for use with rounded cornered divs*/
    background-color: #cccccc; /* border color when border-style is solid*/
    float:left; 
    margin:0px 9px 0px 0px; /* put only margin here */
    text-align:center;
    width:270px;
    padding:3px; /* holder for size of your rounded corners, padding is otherwise ignored, cannot be more than 9 */
    border-style:none;
}
.roundedDivContent { /*put only text formating and padding here, do not put margin, use roundedDiv for that*/
    text-align:center;
    color:#cccccc;
    
    background-color: white;
    padding:20px 20px 20px 20px; /*padding may increase with the size of the border in roundedDiv*/ 
}
div.columnPadding {
font-size: 10px; margin: 2px 4px 1px 0; 
}
div.ShipmentBody, 
div.ShipmentHeader, 
div.ShipmentPrintingOptions, 
div.PricingInfo, 
div.ShipmentLeftSide {
    border: 1px solid #cccccc;
    position: relative;
    padding: 5px;
 }
div.PricingInfo {
    width:250px;
}
p.ShipmentDocumentDetails {
    margin-bottom:5px;
}
div.ShipmentHeader {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    margin-top: 10px;
    margin-bottom: 0px;
}
div.ApprovalDocumentDetailLeft {
    float:left;
    width: 195px;
    height:400px;
    overflow:auto; 
}
div.ApprovalDocumentDetailRight {
	float:left;
	width:389px;
	height:398px;
	overflow:auto;
	padding-left:5px;
	border: 1px solid #cccccc;
}
div.ApprovalDocumentDetailRight td.orderSummaryCell {
	border-style:none;
}
div.userAddressLabel {
    border: 1px solid #cccccc;
    background-color: #E0E0E0;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.ShipmentAddress { }
div.ShipmentNumber {
   font-weight: bold;
}
div.ShipmentHeader {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    margin-top: 10px;
    margin-bottom: 0px;
}
div.Shipment {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 802px;
 }

#txtApproverComment {
	width:802px;
}
div.ShipmentItemRow {
    padding:5px;
}

div.ShipmentApprovalDataPreview
{
width: 780px;
overflow:auto;
}
div.ShipmentApproveDecline {
    float:left;
    margin:5px 5px 5px;
    width:182px;
}
div.ShipmentDocumentDetailsPDFPreviewLink {
    border-top: 1px solid #cccccc;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: blue;
    text-decoration: underline;
}
div.ShipmentApproveDeclineButtons {
    float:left;
    margin:5px; }
div.ShipmentApproveDeclineIcon {
    float:left;
    margin:5px;
    margin-right:20px;
}
div.ShipmentDocumentDetails {
    cursor:pointer;
    cursor:hand;
    float:left;
    margin-bottom:5px;
    margin-right:5px;
    border: 0px;
}
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px; } 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
} 
#shadow-container .shadow1 {
background: #F1F0F1;
}
#shadow-container .shadow2 {
background: #DBDADB;
}
#shadow-container .shadow3 {
background: #B8B6B8;
}
#shadow-container .container {
background: #eeeeee;
border: 1px solid #cccccc;
}

div.ShipmentComments {
float:left;
}
div.ShipmentDocumentDetailsThumbnail {
    text-align: center;
    padding: 10px;
}
IMG.ShipmentDocumentDetailsThumbnail { 
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.DocumentDetailsMain {
    float:left;
    width:150px;
    margin:5px 20px 0px 20px;
}
div.ShipmentLeftSide {
        float:left;
        width:333px;
}
a.addressBookIcon {
    display: block;
    width: 26px;
    height: 24px;
    background-image: url(Images/AddressBookIcon.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a.addressBookIcon:hover {
    background-position: 0 -24px;
 }
 a span.alt { 
 display: none;
 }
/* Shopping Cart "1ea0dc..." box */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #1ea0dc;
    width: 500;
    height: 500;
    zoom: 1; }.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #1ea0dc;
    background: #c3daf9;
    padding:2px; }.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #e8e8e8 url('Images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    cursor:wait; 
 }
 .masked {
    overflow: hidden !important; 
 }
 .masked-relative {
    position: relative !important;
}.masked-hidden {
    visibility: hidden !important; 
}
div.divsInARow {
    float:left;
    margin-right:5px;
}
div.clear { clear:both; }
/*--------------------------------*/
div.MultiShippingButton {
margin-bottom:5px;height:27px;
}
div.ShippingAddressBlock {
margin-bottom:20px;margin-top:20px; 
}
div.ShippingAddressBlockCart {
margin:10px;
}

/** 7.6 additions ***************/ 
/*--------------------------------*/ 
div.MultiShippingButton 
{ 
margin-bottom:5px;height:27px; 
} 
div.ShippingAddressBlock 
{ 
margin-bottom:20px;margin-top:20px; 
} 
div.ShippingAddressBlockCart 
{ 
margin:10px; 
} 
/*--------------------------------*/ 
/* UserEditDataMergeListPreview */ 
/* styles for the list preview */ 

table.listPreviewTable 
	{ 
		border: 1px solid #cccccc; 
		padding: 10px; 
	} 
tr.listPreviewTableHeader 
	{ 
	background: #1ea0dc; 
	font-size: 8; 
	font-weight: bold; 
	padding: 0 15px 2px 0; 
	} 

tr.listPreviewRow { 
} 
tr.listPreviewAlternatingRow { 
} 
/* Add to shopping basket button in steparea nextprev location */ 

td.areaGraphicCartStep {}
td.areaGraphicCartStepRollover      {
	color: #1ea0dc;
	cursor: pointer; }
   

td.areaGraphicCartStep div,
td.areaGraphicCartStepRollover div      {  
	color: #1ea0dc;
	cursor: pointer; }

td.areaGraphicCancelStep div,
td.areaGraphicCancelStepRollover div
     {  color: #1ea0dc;
		cursor: pointer;}

td.stepCart,
td.stepCartRollover { padding-right:5px; padding-left:3px; padding-top: 2px; color: #1ea0dc; }



td.stepCancel{  
		padding-right:35px; 
		padding-left:5px; 
		padding-top: 2px; 
		color: #1ea0dc; 
		background-image: url(Images/cross.png);  
		background-position: 158px 7px;
		background-repeat: no-repeat; 
		}

td.areaGraphicAddCancelSeparatorLine 
	{	background: url(Images/iconshopping.png) no-repeat; 
		height: 39px; 
		width: 28px; 
		background-position: 0px 0px;
		background-repeat: no-repeat; 
		padding-right:15px; 
		border-right: 1px solid #D4D6D7;

 }

div.CartButtons 
	{ 
		float: right; } 

td.priceHint 
{ 
	padding-left: 100px; 
	width:100%; 
} 


/* Scroll Image list used in form fill kit parts */ 
div.scrollButton 
	{ 
	width:25px; 
	height:84px; 
	float:left; 
	margin-top:3px; 
	} 

div.scrollLeft 
	{ 
	background: #1ea0dc url('./Images/scrollLeft.png'); 
	margin-right:5px;
	border-right: 1px solid #eeeeee;
	border-radius: 10px;
	} 

div.scrollRight 
	{ 
	background: #1ea0dc url('./Images/scrollRight.png'); 
	margin-left:5px; 
	border-left: 1px solid #eeeeee;
	border-radius: 10px;
	} 

div.scrollRight.hover 
	{ 
	background: #046c9f url('./Images/scrollRight.png'); 
	background-position: 0px -84px; 
	} 
div.scrollLeft.hover 
	{ 
	background: #046c9f url('./Images/scrollLeft.png'); 
	background-position: 0px -84px; 
	} 
div.scrollWrapper 
	{ 
	width:300px; 
	height:84px; 
	float:left; 
	overflow:hidden; 
	border:1px solid #b7b7b7; 
	position:relative; //IE 6 7 bug fix 
	}
	
div.scrollList 
	{ 
	width:365px; 
	} 

table.scrollData 
	{ 
	position:relative; left:0px; 
	} 

	table.scrollData td { 
	width:50px; 

	padding:2px; 
} 

table.scrollData img { 
height: expression( this.scrollHeight > 79 ? "75px" : "auto" ); /* sets max-height for IE */ 
max-height: 75px; /* sets max-height value for all standards-compliant browsers */ 
}

/* Address Book Upload Download PopUps */ 

div.AddressBookPopUpArea 
	{ 
	width:325px; 
	} 

/* Address Book tiles */ 
	div.AddressTile 	
	{ 
	float:left; 
	width:175px; 
	height:115px; 
	background-color:#edf0f4; 
	border-color:#D4D6D7; 
	border-style:solid; 
	border-width:1px; 
	margin:10px; 
	padding: 7px; 
	overflow: auto; 
	}
	
div.AddressTileHeader 
	{ 
	font-weight:bold; 
	margin-bottom:15px; 
	}
	
div.AddressTileDisplay {} 

html {height: 100%;}
form {height: 100%;}

.wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}
.push {
	height:100px;
	width: 100%
	background:#e1e4e9;
}
.table_footer {
	background:#e1e4e9;
}


/* Image Cropping Tool */

div.ImageEdit-Controls
	{
	border: 1px solid gray;
	margin:0 auto;
	text-align:center;
	width: 640px;
	margin-bottom: 10px;
	}
div.ImageEdit-Controls input[type=text]
	{
	width:50px;
	}
div.ImageEdit-Buttons
	{
	text-align:center;
	margin: 0 auto;
	width:190px;
	}

div.Rotate-Text
	{
	text-align:center;
	margin: 0 auto;
	}

div.Rotate-Button
{
	background: url(Images/rotate.gif);
	width: 32px;
	height: 33px;
	margin-left: 5px;
	margin-right: 5px;
}

div.Rotate-Button:hover 
	{
	background-position: 0 -33px;
	}

div.ImageEdit-Control
{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

div.ImageEdit-Control.Zoom
{
padding-top:10px;
}

div.ImageEdit-Quality div
	{
	float:left;
	}

div.ImageEdit-Control.Crop div.Crop-Section
	{
	float:left;
	text-align:left;
	padding-right: 10px;
	}

div.Crop-Section-Label
	{
	padding-bottom:9px;
	}

div.ImageEdit-QualityGood
	{
	background: url(Images/qualgood.gif);
	width:20px;
	height:20px;
	}

div.ImageEdit-QualityBad
	{
	background: url(Images/qualbad.gif);
	width:20px;
	height:20px;
	}

div.ImageEdit-Separator
	{
	float:left;
	background-color:gray;
	width:1px;
	height: 54px;
	margin-top:2px;
	margin-left:10px;
	}

.SliderRail {
	background: url(Images/slider-rail.gif) no-repeat scroll 0 0 transparent;
	height: 22px;
	position: relative;
	width: 50px;
}

.SliderMinus
{
	float: left;
	background: url(Images/slider-minus.gif) no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 14px;
}

.SliderContainer
{
	float: left;
}
.SliderPlus
	{
	float: left;
	background: url(Images/slider-plus.gif) no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 14px;
	}

.SliderPercent
{
	text-align:center;
	margin: 0 auto;
}
.SliderZoomImage
{	
	float: left;
	background: url(Images/slider-zoom.gif) no-repeat scroll 0 0 transparent;
	height: 13px;
	width: 13px;
}
div.Warn, div.Error
{
	color:red;
}

div.ImageEdit-Message div
	{
	text-align:center;
	margin:0 auto;
	padding-top:10px;
}

div.ImageEdit-Image div.ImageWrapper
{
	margin:0 auto;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}

div.ImageEdit-Image
	{
margin:0 auto;
	}

div.ImageEdit-Bottom
	{
	padding-top:10px;
	}
div.TrackingSiteIframe
{
	background-color:White;
}

div.EmptyImageSelect
{
	margin: 15px;
}

div.catalogItemOuter
{
	//optional fix for IE9 display bug
	height: 1300px;
	visibility: hidden;
}


/** RadioThumblist *******************/
/*-----------------------------------*/
div.radiothumblist
	{
	text-align:center;
	padding: 10px;
	margin: 10px;
	}

div.radiothumblist.selected
	{
	margin: 7px;
	border-style:solid;
	border-width:3px;
	border-color:#D4D6D7;
	background-color: #cccccc;
}
/*--------------------------------*/
/* Social Media Styles */

div.smfollowtext {
	font-weight: bold;
	font-size: 14px;
	color: #046c9f;
	padding: 24px 5px 0 5px;
}

img.smImageHeader {
	padding: 5px 5px 0 2px;
	border: 0px;
}

img.smImageLeftNav {
	padding: 5px 5px 10px 5px;
	border: 0px;
}
td.SMHeader-l { }
td.SMHeader-r { }
td.SMHeader { }
td.SMBody-l { }
td.SMBody { }
td.SMBody-r { }
td.SMFooter-l { }
td.SMFooter-r { }
td.SMFooter { }
div.smemail_displayname {
	font-weight: bold;
	padding-bottom: 3px;
	height:15px;
}

span.smemail_description {
	font-weight: normal;
}

/*--------------------------------*/
/* Horizontal Nav Styles */
div.topStepNav
	{margin-bottom: 30px;}

div.topStepNav div.stepControl
{
	float:left;
	margin-right:10px;	
	padding: 10px 5px 10px 5px;
	background-color: White;
	background-color:#d4edf8;

}



div.topStepNav div.stepControl.right
{
float:right;
}

div.topStepNav td.stepControlLabel,
div.topStepNav td.stepControlLabelRollover,
div.topStepNav td.stepControlLabelSelected{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background-color:transparent;
	min-width:78px;
}


div.topStepNav td.stepControlBlank {
	background-repeat: no-repeat;

}

div.topStepNav td.stepControlNumber{
	background:#1ea0dc;
	background-repeat: no-repeat;
}


div.topStepNav td.stepControlNumberRollover,
div.topStepNav td.stepControlNumberSelected {
	background:#046c9f;
	background-repeat: no-repeat;
	-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
-webkit-transition: color 500ms linear;
transition: color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}

,
div.topStepNav td.stepControlBlankRollover,
div.topStepNav td.stepControlBlankSelected {
}

div.topStepNav a.stepControlLabel{
	color: #1ea0dc;
	font-size:24px;
	font-weight:bold;
}
div.topStepNav a.stepControlLabelSelected
{
	color: #046c9f;
	font-size:24px;
	font-weight:bold;
}

div.topStepNav:hover a.stepControlLabel:hover
{
	color: #046c9f;
	font-size:24px;
	font-weight:bold;
}
div.topStepNav td.stepControlNumber div,
div.topStepNav td.stepControlNumberRollover div,
div.topStepNav td.stepControlNumberSelected div{
	color: #ffffff;
	font-size:18px;
	font-weight:bold;

}
div.topStepNav td.stepControlLabel,
div.topStepNav td.stepControlNumber
{
	border-radius: 0px;
	padding-bottom:0px;
}


div.topStepNav td.stepControlBlank
{
	border-radius: 0px;
	padding-bottom:0px;

}
div.topStepNav td.stepControlLabelRollover,
div.topStepNav td.stepControlLabelSelected,
div.topStepNav td.stepControlNumberRollover,
div.topStepNav td.stepControlNumberSelected,
div.topStepNav td.stepControlBlankRollover,
div.topStepNav td.stepControlBlankSelected
{
	border-radius: 0px;
	padding-bottom:0px;
}
div.topStepNav td.stepControlBlank,
div.topStepNav td.stepControlBlankRollover,
div.topStepNav td.stepControlBlankSelected {
	border-radius: 0px;
	padding-bottom:0px;
	padding:0px 5px 0px 0px;
}
/*--------------------------------*/
/* LandingPage Styles */

div.lp_displayname {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0px;
	height:15px;
	color: #046c9f;
	}

span.lp_description {
	font-weight: normal;
}

#pnlDescription {
	font-weight: normal;
	font-size: 14px;}

img.lp_customize {
	border: 0px;
	}

/****************************/
/*** language drop down selector ***/
div.languages
	{
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	line-height: 22px;
	margin-top: 8px;
	margin-bottom: 8px;
	float: right;
	cursor: pointer;
	white-space: nowrap;
	}

div.languages > div
	{
	padding-left: 15px;
	margin-right:10px;
	padding-right:20px;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('Images/DropDownArrow.png');
	}

div.languageList
	{
	text-align:left;
	border-color: #046c9f;
	border-style: solid;
	border-width:1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: White;
	color: #046c9f;
	cursor: pointer;
	white-space: nowrap;
	}

div.languageListItem.last
	{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}

div.languageListItem
	{
	padding:5px;
	}

div.languageListItem.hover
	{
	background-color: #d1d2d4;
	color: #046c9f;
	}

div.regionFlag
	{
	margin-top:2px;
	width:16px;
	float:left;
}

div.languageText
	{
	float:left;
	}

.languageText
	{
	padding-left:10px;
	}

div.languageListItem > div.regionFlag
	{
	margin-top:0px;
	}

/*** currency drop down selector ***/
div.currencies
	{
	color: #ffffff;
	font-size:11px;
	font-weight:bold;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 22px;
	float: right;
	cursor: pointer;
	white-space: nowrap;
	}
div.currencies > div
	{
	padding-left: 15px;
	margin-right:10px;
	padding-right:20px;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('Images/DropDownArrow.png');
	}

div.currencyList
	{
	text-align:left;
	border-color: #046c9f;
	border-style: solid;
	border-width:1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #ffffff;
	color: #046c9f;
	cursor: pointer;
	white-space: nowrap;
	}

div.currencyListItem.last
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
div.currencyListItem
	{
	padding:5px;
	}
div.currencyListItem.hover
	{
	background-color: #ffffff;
	color: #046c9f;
	}
div.currencyText {}


.currencyText
{padding-left:10px;}


#ui-datepicker-div {display: none;}

#bukdMenu .bukdFilterCategory {background-color:#1ea0dc !important;}


/*** QuickOrder ***/

#QOProducts
	{
	padding:10px;
	border-spacing:10px;
	border-style:solid;
	border-width:0px;
	border-color:#1ea0dc;
	border-collapse:collapse;
	}

#QOProducts th
	{
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	border-color:#1ea0dc;
	color:#ffffff;
	}

#QOProducts td{
	padding: 10px;
	border-width:1px;
	border-color:#1ea0dc;
	border-collapse:collapse;
	border-style: solid;
}

#QOProducts tr:nth-child(even) {
	background-color:white;
}
#QOProducts tr:nth-child(odd) {
	background-color:#d1d2d4;
}
#QOProducts img{
	border-color:transparent;
}

div.Form_Header, div.Form_Header p, div.Form_Header_ExtraSpaceAbove, div.Form_Header_ExtraSpaceAbove p {
		margin-bottom: 3px;
	   font-size: 22px;
	   font-weight:normal;
	   color: #26a4dd;
}

DIV.Form_Subhead, DIV.Form_Subhead P, DIV.Form_Subhead_Indent, DIV.Form_Subhead_Indent P, DIV.Form_Subhead_Indent2, DIV.Form_Subhead_Indent2 P {
    font-style: normal;
    font-weight: normal;
		   font-size: 16px;
		   color: #26a4dd;
		   	margin-top: 10px;
			margin-bottom: 3px;
}


.onclick {
cursor:pointer;
}

div.ccbutton {
    background: #343434 right no-repeat;
    width: 281px;
    height:100%;
	padding:10px;
cursor: pointer;
border-radius: 999px;

}

div.ccbutton:hover {
    background: #1ea0dc  right no-repeat;
}