.top-bar .global-search .ion-search:before, .ion-close-round:before { margin-top: 15px; }

body, div, span, object, iframe, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; border: 0; font-size: 12px; vertical-align: baseline; }

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; }

table { border-collapse: separate; }

caption, th, td { text-align: left; font-weight: normal; float: none !important; }

select { width: auto; }

input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0px !important; }

input[type="radio"] { margin: 0px 5px !important; }

table, th, td { vertical-align: middle; font-size: 100% !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

blockquote, q { quotes: "" ""; }

a img { border: none; }

:focus { outline: 0; }

.right { float: right !important; }

.left { float: left !important; }

.float-none { float: none !important; }

.clear, .extender { clear: both; display: block; }

.content { padding: 10px; }

p { margin: 0 0 1.5em; }

p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

blockquote { margin: 1.5em; font-style: italic; }

strong, dfn { font-weight: bold !important; }

em, dfn { font-style: italic; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #6e6259; color: #6e6259; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #6e6259; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

form { text-align: left; }

/* Because of the need for padding on TH and TD, the vertical rhythm on table cells has to be 27px, instead of the standard 18px or 36px of other elements. */
table.tableMain { margin-bottom: 1.4em; width: 100%; border: solid 1px #ddd; table-layout: fixed; border-collapse: collapse; }

table.tableMain th { color: #222; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ddd; background: #f2f2f2; background-color: #f2f2f2; margin: 0; padding: 4px 10px 4px 5px; }

table.tableMain thead th { color: #222; background: #ccc; background-color: #ccc; }

table.tableMain > tbody > tr > td { border-bottom: solid 1px #ddd; }

table.tableMain td, table.tableMain tr, table.tableMain caption { padding: 4px 10px 4px 5px; }

.tableMain .sub-table { border-collapse: collapse; }

.tableMain .sub-table th, .tableMain .sub-table td { border: 1px solid #222; }

.even { background: #f9f9f9; background-color: #f9f9f9; }

table.tableMain > tbody > tr:hover, table.tableMain > tbody > tr.even:hover { background: #e2e2e2; }

table.tableMain tfoot { background-color: #ddd; font-weight: bolder; font-size: inherit; margin-bottom: inherit; padding: 4px 10px 4px 5px; }

caption { background: #f5f5f5; background-color: #f5f5f5; color: #fff; font-weight: bold; border: inherit; }

caption strong { text-transform: uppercase; }

table.tableMain tr h2 { color: #222; background-color: #ddd; border-bottom: solid 1px #ddd; font-weight: bold; font-size: 1em; margin: -4px -10px -5px -5px; padding: 4px 10px 4px 5px; line-height: inherit; }

table.tableMain tr h3 { color: #222; background-color: #ccc; border-bottom: solid 1px #ddd; font-weight: bold; font-size: 1em; margin: -4px -10px -5px -5px; padding: 4px 10px 4px 5px; line-height: inherit; }

.buttons { clear: both; padding: 2px; }

.buttons a, .buttons a:link { margin-right: 5px; float: left; text-decoration: none; font: 11px "Arial", Helvetica, sans-serif !important; font-weight: bold !important; text-transform: uppercase !important; }

.buttons a span { padding: 0px 5px 0px 5px; float: left; line-height: 22px; cursor: pointer; }

.inline { clear: none; padding-left: 5px; }

.buttons a.grey { color: #fff !important; background-color: #A39D99; font-weight: normal !important; }

.buttons a.grey span:hover { background-color: #beb7ae; }

.buttons a.grey span { background-color: #A39D99; border: 1px solid #7d716d; }

.buttons a.green { color: #fff  !important; background-color: #5da423; }

.buttons a.green span:hover { background-color: #457a1a; }

.buttons a.green span { background-color: #5da423; }

.buttons a.orange { background-color: #bc204b; color: #fff !important; }

.buttons a.orange span:hover { background-color: #90193a; }

.buttons a.orange span { background-color: #bc204b; }

.buttons a.red { background-color: #d30b54; color: #fff !important; }

.buttons a.red span:hover { background-color: #90193a; color: #fff; }

.buttons a.red span { background-color: #d30b54; }

.buttons a.ltgrey { color: #222 !important; background-color: #cbc4bc; }

.buttons a.ltgrey span { background-color: #cbc4bc; }

.buttons a.ltgrey span:hover { background-color: #d0d0d0; cursor: default; }

.center-buttons { clear: both; text-align: center; }

.center-buttons a, div.center-buttons a:link { float: none; }

.center-buttons a span { float: none; padding: 4px; top: -3px; }

.fileElement { position: relative; width: 300px; overflow: hidden; height: 25px; }

.fileElement .maskInput { position: absolute; top: 0px; left: 0px; width: 180px; margin: 1px; }

.fileElement .customFileButton { position: absolute; left: 0px; top: 0px; background: #fff; height: 25px; width: 300px; }

.fileElement .customFileButton a, .fileElement .customFileButton a:link { position: absolute; right: 38px; top: 1px; text-decoration: none; font: 11px "Arial", Helvetica, sans-serif !important; font-weight: bolder; text-transform: uppercase; }

.fileElement .customFileButton a.grey span:hover { background: url(/insightweb/assets/en_US/ccms_img/buttons/btn-back-gry-122211.png) no-repeat top right; color: #dddddd; }

.fileElement .customFileButton a.grey { color: #fff !important; background: url(/insightweb/assets/en_US/ccms_img/buttons/btn-back-gry-122211.png) no-repeat top right; }

.fileElement .customFileButton a.grey span { padding: 0px 5px 0px 5px; float: left; line-height: 22px; cursor: pointer; background: url(/insightweb/assets/en_US/ccms_img/buttons/btn-back-gry-122211.png) no-repeat top left; }

.fileElement #fileUpload { position: absolute !important; top: 0 !important; z-index: 1000 !important; width: 270px !important; height: 30px !important; opacity: 0 !important; filter: alpha(opacity=0) !important; }

#outer, .outer { width: 1200px; margin-left: auto; margin-right: auto; background: #fff; font-weight: normal; word-spacing: normal; letter-spacing: normal; text-transform: none; height: auto; clear: both; }

.req_form { float: none; clear: both; overflow: auto; }

.req_partition { width: 470px; float: left; height: auto; }

.req_partition .leftfield { background: none repeat scroll 0 0 #f2f2f2; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #222; font-weight: bold; padding: 5px; width: 179px; text-align: right; float: left; height: 30px; }

.req_partition .empty { background: none repeat scroll 0 0 #f9f9f9; }

.req_partition .rightfield { background: none repeat scroll 0 0 #f9f9f9; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #222; padding: 5px; text-align: left; width: 267px; float: left; height: 30px; }

.req_partition .rowSpan { background: none repeat scroll 0 0 #f9f9f9; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #222; padding: 5px; text-align: left; width: 457px; float: left; height: 30px; }

/* error messages */
.alertError { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #ed1844; line-height: 24px; min-height: 24px; padding-left: 30px; background-image: url(/insightweb/assets/en_US/ccms_img/icon-Error.png); background-position: left top; position: relative; background-repeat: no-repeat; clear: both; }

.alertCustomCatalogError { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #bc204b; line-height: 24px; min-height: 24px; padding-left: 30px; position: relative; background-repeat: no-repeat; clear: both; }

.successUpdated { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #0098bb !important; line-height: 24px; min-height: 24px; padding-left: 30px; background-image: url(/insightweb/assets/en_US/ccms_img/icon-Success.gif); background-position: left top; position: relative; background-repeat: no-repeat; clear: both; }

.noticeAlert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #bc204b; text-decoration: none; line-height: 24px; min-height: 24px; padding-left: 25px; background-image: url(/content/dam/insight/styleguide/icons/Deep_Chat.png); background-position: left 5px; position: relative; background-repeat: no-repeat; clear: both; }

.errorField { border-color: #bc204b !important; border-style: solid; border-width: 1px; }

/* common divider */
.divider { border-color: #DDDDDD; border-right: medium none; border-style: solid none none; border-width: 1px medium medium; height: 1px; margin-bottom: 10px; }

/* framework icons */
.frameworkIcons { height: 16px; width: 16px; }

.frameworkIcons:hover { opacity: 0.5; filter: alpha(opacity=60); pointer: hand; }

.imageLocation { height: 16px; width: 16px; vertical-align: top; padding-right: 4px; }

#displayHeaderFooter { display: none; }

.subHeader { color: #222; display: block; font-size: 14px; font-weight: bold; }

/** wide options select box **/
.selectWideDiv { width: 140px; border: solid 1px #ddd; position: relative; overflow: hidden; }

.selectWideDiv .selectWideImg { background: #fff; padding: 5px 4px; padding-top: 7px; position: absolute; right: -1px; top: 1px; margin: 0; }

.selectWideDiv select { margin: 0; min-width: 200px; }

.selectWide { width: 150px; }

div .selectWide { border: 1px solid #ddd; }

/** Tool Tip **/
.commonTooltip { position: absolute; width: 200px; border: 1px solid #ddd; text-align: left; padding: 6px; font-size: 10px; background-color: #F5F5F5; display: none; }

.commonTooltip .tailLeft { position: absolute; top: -10px; left: 186px; width: 20px; height: 10px; background: url(/insightweb/assets/en_US/ccms_img/tooltip-left.png) no-repeat left top; }

.commonTooltip .tailRight { position: absolute; top: -10px; left: 5px; width: 20px; height: 10px; background: url(/insightweb/assets/en_US/ccms_img/tooltip-right.png) no-repeat left top; }

/* Steps Indicator */
#steps-indicator { position: relative; width: 99%; height: 30px; margin-top: 10px; padding-left: 10px; background: url(/insightweb/assets/en_US/ccms_img/steps-indicator/background-steps-indicator.gif) no-repeat left bottom; border-right: solid 1px #DDDDDD; }

#steps-indicator ul li { float: left; }

#steps-indicator ul li a { color: #999999; text-decoration: none; }

/* Breadcrumbs */
#steps-indicator ul { list-style: none; margin: 0; padding: 0; }

#steps-indicator ul.breadcrumbs li { position: relative; height: 30px; line-height: 32px; margin: 2px 0 0 0; padding: 0 20px 0 13px; background: url(/insightweb/assets/en_US/ccms_img/steps-indicator/step.gif) no-repeat right top; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #999; text-shadow: #fff 0px 1px 1px; top: -2px; }

#steps-indicator ul.breadcrumbs li:hover { cursor: default; }

#steps-indicator ul.breadcrumbs li span { display: none; position: absolute; left: 0px; top: 0px; width: 8px; height: 30px; background: url(/insightweb/assets/en_US/ccms_img/steps-indicator/step_tail.gif) no-repeat left top; }

#steps-indicator ul.breadcrumbs li.current { margin-left: -7px; padding-left: 21px; background-position: right bottom; color: #fff; text-shadow: #326490 0px 1px 1px; }

#steps-indicator ul.breadcrumbs li.current a { color: #ffffff; }

#steps-indicator ul.breadcrumbs li.current span { display: block; background-image: url(/insightweb/assets/en_US/ccms_img/steps-indicator/step_tail.gif); background-position: left bottom; }

/* End Steps Indicator */
/* Force word wrap */
.word-wrap { white-space: pre; white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ _white-space: pre; /* IE hack to re-specify in addition to word-wrap */ width: 194px; overflow: hidden; }

/*custom input display ----------------------------- */
.customInputDisplay { height: 25px; border: solid 1px #ddd; overflow: hidden; line-height: 25px; padding-left: 5px; cursor: pointer; position: relative; width: 200px; background: #fff; }

.customInputDisplay .customSelectIcon { position: absolute; right: 0px; top: 0px; padding-left: 10px; padding-right: 10px; height: 25px; margin: 0; background: url(/content/dam/insight/styleguide/down-arrow-unselected.png) no-repeat center center #fff; }

.customInputDisplay .customSelectIconHover { background: url(/content/dam/insight/styleguide/down-arrow-selected.png) no-repeat center center #fff; }

/*custom input display end ----------------------- */
/*custom select component ------------------------------ */
.customSelect .customOptions { display: none; position: absolute; border: solid 1px #ddd; border-bottom: none; background: #fff; cursor: pointer; z-index: 2000; max-height: 500px; overflow-y: hidden; overflow-x: hidden; }

.customSelect .customOptions .optionItem { min-height: 25px; border-bottom: solid 1px #ddd; line-height: 25px; padding-left: 10px; padding-right: 10px; width: auto; }

.customSelect .customOptions .optionItem:hover { background: #e2e2e2; }

/*custom select component end -------------------------- */
/*framework icons begin ------------------------------ */
.Deep_Accept_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Accept.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Add_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Add.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Add_fav_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Add_fav.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Add_user_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Add_user.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Alert_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Alert.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Billboard_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Billboard.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Billboard_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Billboard.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Cancel_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Cancel.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Chat_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Chat.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Close_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Close.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Communicate_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Communicate.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Copy_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Copy.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Cut_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Cut.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Delete_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Delete.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Delete_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Delete.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Delete_user_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Delete_user.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Edit_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Edit.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Faq_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Faq.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Fav_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Fav.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_File_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_File.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_File_add_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_File_add.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_File_delete_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_File_delete.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_File_edit_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_File_edit.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_File_info_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_File_info.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Flag_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Flag.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_add_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder_add.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_alert_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder_alert.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_delete_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder_delete.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_fav_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder_fav.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Folder_info_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Folder_info.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Home_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Home.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Info_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Info.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Key_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Key.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Lock_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Lock.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Login_in_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Login_in.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Login_out_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Login_out.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Paperclip_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Paperclip.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Paste_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Paste.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Percent_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Percent.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Pools_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Pools.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Prohibit_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Prohibit.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Refresh_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Refresh.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Remove_fav_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Remove_fav.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Ruler_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Ruler.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Save_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Save.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Search_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Search.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Shoppingbag_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Shoppingbag.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Shoppingcart_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Shoppingcart.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Star_empty_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Star_empty.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Star_full_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Star_full.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Star_half_full_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Star_half_full.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Telephone_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Telephone.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Tools_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Tools.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Unlock_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Unlock.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_User_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_User.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Users_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Users.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Wheel_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Wheel.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Wheels_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Wheels.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Wrench_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Wrench.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Zoom_in_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Zoom_in.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Zoom_out_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Zoom_out.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Calendar_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Calendar.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Sort_Order_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Sort_Order.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Wizard_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Wizard.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Utilities_Icon { background: url("/content/dam/insight/styleguide/icons/Utilities-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Compare_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Compare.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_Product_Research_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_Product_Research.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Deep_quick_view_Icon { background: url("/content/dam/insight/styleguide/icons/Deep_quick_view.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Print_Icon { background: url("/content/dam/insight/styleguide/icons/print-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Email_Icon { background: url("/content/dam/insight/styleguide/icons/email-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Download_Icon { background: url("/content/dam/insight/styleguide/icons/download-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Calculator_Icon { background: url("/content/dam/insight/styleguide/icons/calculator-new.jpg") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.DownloadPDF_Icon { background: url("/content/dam/insight/styleguide/icons/downloadPDF-new.png") no-repeat scroll 0 0 transparent; display: block; margin: 1px; padding-left: 20px; }

.DownloadExcel_Icon { background: url("/content/dam/insight/styleguide/icons/downloadExcel-new.png") no-repeat scroll 0 0 transparent; display: block; margin: 1px; padding-left: 20px; }

.ForwardNext_Icon { background: url("/content/dam/insight/styleguide/icons/forwardNext-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.BackReturn_Icon { background: url("/content/dam/insight/styleguide/icons/backReturn-new.png") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Toggle_inactive_Icon { background: url("/content/dam/insight/styleguide/icons/icon_toggle_inactive.gif") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Toggle_active_Icon { background: url("/content/dam/insight/styleguide/icons/icon_toggle_active.gif") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

.Toggle_inactive_Icon { background: url("/content/dam/insight/styleguide/icons/icon_toggle_inactive.gif") repeat scroll 0 0 transparent; display: block; float: left; margin: 1px; }

/*framework icons end ------------------------------ */
/*pagination component ------------------------------ */
.insightPagination { height: 30px; background: #e5e5e5; line-height: 30px; font-weight: bold; padding: 0px 5px 0px 5px; border: solid 1px #ddd; }

.insightPagination a { color: #222; }

.insightPagination a:hover { color: #bc204b; text-decoration: none; }

.insightPagination a.next { margin-left: 10px; }

.insightPagination a.previous { margin-right: 10px; }

.warningError { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #222; line-height: 24px; min-height: 24px; padding-left: 30px; background-image: url(/insightweb/assets/en_US/ccms_img/icon-warning-yellow.png); background-position: left top; position: relative; background-repeat: no-repeat; clear: both; }

.clp-page { margin-left: auto; margin-right: auto; width: 800px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; position: relative; }

.clp-page .grid_1 { width: 40px; }

.clp-page .grid_2 { width: 100px; }

.clp-page .grid_3 { width: 160px; }

.clp-page .grid_4 { width: 750px; overflow-x: hidden; }

.clp-page .grid_5 { width: 280px; }

.clp-page .grid_6 { width: 340px; }

.clp-page .grid_7 { width: 400px; }

.clp-page .grid_8 { width: 460px; }

.clp-page .grid_9 { width: 520px; }

.clp-page .grid_10 { width: 580px; overflow-x: hidden; }

.clp-page .grid_11 { width: 730px; overflow-x: hidden; padding-left: 5px; }

.clp-page .grid_12 { width: 735px; overflow-x: hidden; }

.clp-page .grid_13 { width: 760px; overflow-x: hidden; }

.clp-page .grid_14 { width: 820px; overflow-x: hidden; }

.clp-page .grid_15 { width: 880px; overflow-x: hidden; }

.clp-page .grid_16 { width: 940px; overflow-x: hidden; }

.clp-page #herowide { width: 735px; height: 342px; overflow: hidden; position: relative; margin: 0 0 35px 0; }

.clp-page .herowide-item { padding: 0 450px 20px 0; }

.clp-page .grid_11 h2 { border-bottom: 1px solid #ddd; font-size: 21px; font-weight: bold; padding: 0 0 10px 0; margin: 0px; }

.clp-page .grid_12 h2 { border-bottom: 1px solid #ddd; font-size: 21px; font-weight: bold; padding: 0 0 10px 0; margin: 0px; }

.clp-page .grid_11 h3 { margin-bottom: 5px; }

.clp-page .grid_12 h3 { margin-bottom: 5px; }

.clp-page .grid_11 h4 { clear: both; width: 730px; font-size: 14px; padding: 3px 0px 4px 0px; text-align: center; margin: 0px 0px 10px 0px; font-weight: bold; color: #fff; background-color: #6e6259; }

.clp-page .grid_12 h4 { clear: both; width: 730px; font-size: 14px; padding: 3px 0px 4px 0px; text-align: center; margin: 0px 0px 10px 0px; font-weight: bold; color: #fff; background-color: #6e6259; }

.clp-page .grid_11 .shop-box { float: left; display: block; width: 229px; height: 150px; margin: 20px 10px 0px 10px; border-right: 1px solid #ddd; }

.clp-page .grid_12 .shop-box { float: left; display: block; width: 229px; height: 150px; margin: 20px 10px 0px 10px; border-right: 1px solid #ddd; }

.clp-page .grid_11 #last { margin: 20px 0px 0px 0px; border: none; }

.clp-page .grid_12 #last { margin: 20px 0px 0px 0px; border: none; }

.clp-page .grid_11 .shop-box img { margin: 0 5px 0px 5px; float: right; }

.clp-page .grid_12 .shop-box img { margin: 0 5px 0px 5px; float: right; }

.clp-page .grid_11 .shop-box strong { color: #222; font-size: 13px; font-weight: bold; display: block; }

.clp-page .grid_12 .shop-box strong { color: #222; font-size: 13px; font-weight: bold; display: block; }

.clp-page .grid_11 .shop-box ul { margin: 10px 0px 0px 10px; padding: 0px; list-style-image: url(/content/dam/insight/bgimages/ul_bullet.png); }

.clp-page .grid_12 .shop-box ul { margin: 10px 0px 0px 10px; padding: 0px; list-style-image: url(/content/dam/insight/bgimages/ul_bullet.png); }

.clp-page .grid_11 .shop-box ul li { margin: 2px; }

.clp-page .grid_12 .shop-box ul li { margin: 2px; }

.clp-page .grid_11 .shop-box ul li a { font-size: 12px; }

.clp-page .grid_12 .shop-box ul li a { font-size: 12px; }

.clp-page .grid_11 .logo { padding: 10px 5px 10px 5px; width: 233px; height: 100px; display: block; float: left; vertical-align: middle; overflow: hidden; text-align: center; }

.clp-page .grid_12 .logo { padding: 10px 5px 10px 5px; width: 232px; height: 100px; display: block; float: left; vertical-align: middle; overflow: hidden; text-align: center; }

.clp-page .grid_11 .logo a { border: 1px solid #ddd; height: 100px; vertical-align: middle; width: 233px; display: block; }

.clp-page .grid_12 .logo a { border: 1px solid #ddd; height: 100px; vertical-align: middle; width: 232px; display: block; }

.clp-page .grid_11 .logo img { vertical-align: middle; margin: auto; }

.clp-page .grid_12 .logo img { vertical-align: middle; margin: auto; }

.headline { text-align: center; background-color: #cc0000; color: #fff; font-weight: bold; margin: 0 0 5px 0; font-size: 14px; padding: 2px; }

.product_img { text-align: center; margin-left: auto; margin-right: auto; width: 100%; height: 150px; position: relative; }

.product_name { height: 30px; font-weight: bold; margin: 0 10px 5px 10px; font-size: 12px; color: #bc204b; overflow: hidden; line-height: 14px; display: block; width: 215px; /* height:15px; font-weight:bold; margin-left:15px; font-size:12px; color:#bc204b; margin-bottom:5px; */ }

.mfr_part_num { height: 15px; font-size: 10px; color: #6e6259; margin: 0 0 0 15px; }

.secondary_action { height: 65px; color: #222; padding-top: 5px; padding-bottom: 5px; font-size: 11px; margin: 0 0 0 15px; }

.third_action { height: 15px; color: #222; margin: 0 0 0 15px; padding: 0px; }

.price { font-weight: bold; height: 14px; color: #222; margin: 0 0 0 15px; }

.add { text-align: center; width: 70%; margin-left: auto; margin-right: auto; padding-top: 10px; align: center; }

.productIndex { border: 1px solid #ddd; float: left; height: 365px; margin: 0 5px 20px 5px; padding: 0 0 10px 0; width: 233px; }

div.description { position: absolute; top: 40%; right: 10px; text-align: center; vertical-align: middle; display: block; width: 71px; height: 70px; }

div.descriptionText { /* styling bellow */ position: absolute; font-family: 'arial'; top: 5%; font-size: 12px; line-height: 13px; display: block; float: inherit; text-align: center; margin: 10px auto; width: 71px; text-transform: uppercase; font-weight: bold; padding: 0; }

a.pdf { background-image: url(/content/dam/insight/bgimages/pdf.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-size: 11px; }

a.pdf-bold { background-image: url(/content/dam/insight/bgimages/pdf.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-weight: bold; }

a.vid { background-image: url(/content/dam/insight/bgimages/video.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-size: 11px; }

a.vid-bold { background-image: url(/content/dam/insight/bgimages/video.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-size: 11px; }

a.shop { background-image: url(/content/dam/insight/bgimages/shop.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-size: 11px; }

a.shop-bold { background-image: url(/content/dam/insight/bgimages/shop.gif); background-repeat: no-repeat; padding-left: 25px; display: block; margin-bottom: 5px; font-weight: bold; }

a.arrow { background-image: url(/content/dam/insight/bgimages/insight-link-rollover-arrow.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 0px 12px; text-decoration: none; margin: 0; font-size: 12px; }

a.arrow:hover { background-position: 0px -39px; padding: 0 0 0px 12px; text-decoration: underline; font-size: 12px; }

a.arrowblue { background-image: url(/content/dam/insight/bgimages/insight-link-rollover-arrow.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 0px 12px; text-decoration: none; color: #bc204b; margin: 0; font-size: 12px; }

a.arrowblue:hover { background-position: 0px -39px; padding: 0 0 0px 12px; text-decoration: underline; font-size: 12px; }

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

.ui-state-default .ui-icon { left: 0 !important; top: 0 !important; }

.ui-dialog-content { height: auto !important; }

.ui-dialog-content select { display: block !important; }

.login-form-wrap p, .login-input, .create-account-form p, .search-order-target p, #orderTrackerForm span { font-size: 16px; }

.create-account-form label, .search-results-target label { font-size: 14px; }

#orderResults .inline { padding-left: 0px; }

.results-table th { font-size: 14px !important; }

.results-table td { font-size: 13px !important; }

#previewOrder dt, #previewOrder dd { font-size: 14px; }

div.create-account-container select { display: inline; }

#ui-datepicker-div select { display: inline !important; }

div#outer { width: 1200px; margin: 0 auto; /*Menu Nav CSS */ /* Sub-Nav styling */ }
div#outer label { cursor: default; }
div#outer select { display: inline !important; }
div#outer .outer { width: 1200px; margin: 0 auto; background: #fff; font-weight: normal; word-spacing: normal; letter-spacing: normal; text-transform: none; height: auto; clear: both; }
div#outer .cartNotReady { clear: both; width: 228px; background-color: #fff; border: 1px solid #BBBBBB; padding: 5px; margin-right: 2px; line-height: 18px; }
div#outer h1, div#outer h2, div#outer h3, div#outer h4, div#outer h5, div#outer h6 { font-weight: normal; color: #222; font-family: inherit; }
div#outer h1 { font-size: 1.8em; line-height: 1; padding-bottom: 5px; }
div#outer h2 { font-size: 1.5em; line-height: 1.3; color: #222; margin-bottom: 5px; }
div#outer h3 { font-size: 1.2em; line-height: 1; color: #222; }
div#outer h4 { font-size: 1em; line-height: 1.25; color: #222; }
div#outer h5 { font-size: 1em; font-weight: bold; }
div#outer h6 { font-size: .90em; font-weight: bold; }
div#outer h1 img, div#outer h2 img, div#outer h3 img, div#outer h4 img, div#outer h5 img, div#outer h6 img { margin: 0; }
div#outer .breadcrumbs > *:before { content: none; }
div#outer ul.breadcrumbs { border: none; overflow: visible; }
div#outer input { font-size: 12px; width: auto; height: auto; padding: 1px 0px; display: inline; margin: 0px; }
div#outer ul, div#outer ol { padding: 0; margin: 0; text-align: left; }
div#outer ul li, div#outer ol li { margin-left: 15px; }
div#outer ul.breadcrumbs li { list-style-type: none; }
div#outer ul { list-style-type: disc; }
div#outer ol { list-style-type: decimal; }
div#outer dl { margin: 0 0 1.5em 0; }
div#outer dl dt { font-weight: bold; }
div#outer dd { margin-left: 1.5em; }
div#outer ul li { line-height: 1.2em !important; }
div#outer a img { border: 0; }
div#outer a:focus, div#outer a:hover { color: #90193a; text-decoration: underline; }
div#outer a { color: #bc204b; text-decoration: none; font-weight: normal; }
div#outer a.orange, div#outer a.grey { margin-right: 0px !important; }
div#outer body { margin: 0; padding: 0; }
div#outer body, div#outer div, div#outer table, div#outer td { color: #6e6259; font-family: Arial,Helvetica,"Microsoft Sans Serif","Trebuchet MS",san-serif; font-size: 11px; }
div#outer span, div#outer a { font-family: Arial,Helvetica,"Microsoft Sans Serif","Trebuchet MS",san-serif; }
div#outer a, div#outer a:visited { color: #d30b54; font-size: 12px; }
div#outer a:hover { color: #d30b54; }
div#outer a img { border: none; }
div#outer textarea { padding: 2px; width: auto; height: auto; display: inline; min-height: initial; }
div#outer #dropdown_nav .sub_nav { top: 21px; top: 20px\9; margin-left: 0px; }
div#outer #orderUtilitiesDiv .sub_nav { width: 185px; width: 180px\9; float: right; margin-left: 0px; }
div#outer #dropdown_nav, div#outer #orderUtilitiesDiv { width: auto; padding: 0px; display: inline; list-style: none; }
div#outer #dropdown_nav { float: left; }
div#outer #orderUtilitiesDiv { float: right; }
div#outer #dropdown_nav li, div#outer #orderUtilitiesDiv li { padding: 5px 5px 0 5px; position: relative; display: inline; margin-left: 0 !important; }
div#outer #dropdown_nav li a, div#outer #orderUtilitiesDiv li a { color: #222; font-weight: bold; text-decoration: none; }
div#outer #dropdown_nav .sub_nav, div#outer #orderUtilitiesDiv .sub_nav { width: 220px; padding: 10px 0; position: absolute; top: 23px; top: 20px\9; left: 0px; border: 1px solid #DDD; list-style: none; background: #dfdfdf url(../../ccms_img/insight-home-top-drop-back-2011.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 10px; z-index: 1000; }
div#outer .orderUtili { border: none; float: right; }
div#outer .edit-ll-orderUtil { border: none; float: right !important; }
div#outer #dropdown_nav .sub_nav li, div#outer #orderUtilitiesDiv .sub_nav li { width: auto !important; padding: 5px; display: inline-block; }
div#outer #dropdown_nav .sub_nav li a, div#outer #orderUtilitiesDiv .sub_nav li a { color: #222; font-weight: normal !important; padding-left: 10px; }
div#outer #dropdown_nav .sub_nav li a:hover, div#outer #orderUtilitiesDiv .sub_nav li a:hover { text-decoration: underline; }
div#outer #full-width-slider { width: 940px !important; height: 275px !important; font-family: Arial, Helvetica, sans-serif; }
div#outer .coloredBlock { padding: 12px; background: rgba(255, 0, 0, 0.6); color: #FFF; width: 200px; left: 20%; top: 5%; }
div#outer .infoBlock { position: absolute; left: auto; padding: 0px; margin: 0px; z-index: 100; overflow: hidden; }
div#outer .infoBlockLeftBlack { color: #FFF; left: 15px; right: auto; }
div#outer .infoBlockBottom { position: absolute; top: 70px; right: 220px; left: auto; padding-bottom: 0; overflow: hidden; padding: 20px; }
div#outer .infoBlockRight { position: absolute; top: 158px; right: -20px; left: auto; padding-bottom: 0; overflow: hidden; padding: 20px; }
div#outer .infoBlock h1 { margin: 0; padding: 0px; color: #333; }
div#outer .infoBlock h1 #red { color: #cc0000; }
div#outer .infoBlock h1 #grey { color: #666; }
div#outer .infoBlock p { font-size: 14px; margin: 4px 0 0; }
div#outer .infoBlock a { color: #FFF; text-decoration: underline; }
div#outer p#banner-lead { background-image: url(/content/dam/insight/en_US/homepage/rotating-banner/parts/white-arrow-go.png); background-repeat: no-repeat; background-position: right 50%; border: #none; padding: 6px 12px 6px 15px; background-color: #cc0000; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; }
div#outer p#banner-lead-blue { background-image: url(/content/dam/insight/en_US/homepage/rotating-banner/parts/white-arrow-go.png); background-repeat: no-repeat; background-position: right 50%; border: #none; padding: 6px 12px 6px 15px; background-color: #0073b0; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; }
div#outer p#banner-lead-red { background-image: url(/content/dam/insight/en_US/homepage/rotating-banner/parts/white-arrow-go.png); background-repeat: no-repeat; background-position: right 50%; border: #none; padding: 6px 12px 6px 15px; background-color: #cc0000; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; }
div#outer p#banner-lead-green { background-image: url(/content/dam/insight/en_US/homepage/rotating-banner/parts/white-arrow-go.png); background-repeat: no-repeat; background-position: right 50%; border: #none; padding: 6px 12px 6px 15px; background-color: #56b146; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; }
div#outer p#banner-lead-blue:hover, div#outer p#banner-lead-red:hover, div#outer p#banner-lead-green:hover, div#outer p#banner-lead:hover { background-color: #666; }
div#outer #tech-feature-banner { padding: 0px; margin: 0px; top: 25px; left: 0px; background-image: url(/content/dam/insight/en_US/homepage/rotating-banner/parts/featured-solution-background-arrow.png); background-position: right; background-repeat: no-repeat; height: 35px; }
div#outer #tech-feature-banner h1#tech-feature-title { text-transform: uppercase; margin: 0 0 0 20px; padding: 11px 0 0 0; color: #fff; font-size: 10px; font-weight: bold; }
div#outer #slideshow { width: 940px; background-color: #eee; }
div#outer #slideshow ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; height: 1%; /* IE fix */ }
div#outer #slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
div#outer #slideshow .slides { overflow: hidden; width: 940px; }
div#outer #slideshow .slides ul { list-style-type: none; list-style-image: none; width: 3835px; }
div#outer #slideshow .slides li { list-style: none; list-style-image: none; width: 940px; height: 275px; margin: 0px; float: left; }
div#outer #slideshow .slides h2 { margin-top: 0; }
div#outer #slideshow .slides-nav { background-color: #666; border-top: 0px solid #ccc; }
div#outer #slideshow .slides-nav li { margin: 0px; float: left; }
div#outer #slideshow .slides-nav li a { display: block; padding: 6px 10px 6px 10px; outline: none; color: #fff; text-decoration: none; font-size: 11px; border-right: 1px solid #777; }
div#outer #slideshow .slides-nav li.on, div#outer #slideshow .slides-nav li.on a { background-color: #000; }
div#outer .news-social { width: 940px; height: 30px; margin: 10px auto; }
div#outer .news-social .recent-news { padding: 0px; margin: 0; float: left; width: 698px; height: 30px; }
div#outer .news-social .recent-news .newsticker_wrapper { background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: 0px 0px; background-repeat: no-repeat; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #6d6e70; padding: 7px 0 !important; line-height: 0px; height: 21px; -webkit-text-size-adjust: none; }
div#outer .news-social .recent-news .newsticker_wrapper h4 { color: #444; padding: 3px 8px 0 0; margin: 0 0 0 10px; overflow: hidden; font-size: 12px; height: 20px; font-weight: bold; border-bottom: none; font-family: Arial, Helvetica, sans-serif; }
div#outer .news-social .recent-news .newsticker_wrapper a { color: #666; text-decoration: none; }
div#outer .news-social .recent-news .newsticker_wrapper a:hover { text-decoration: underline; }
div#outer .news-social .recent-news .newsticker { margin: 0; padding: 0px; height: 20px; }
div#outer .news-social .recent-news .newsticker li { padding: 4px 0px 20px 0px; height: 12px; }
div#outer .news-social .recent-news .newsticker_controls { position: absolute; right: 0px; top: 7px; list-style-type: none; list-style-image: none; margin: 0; }
div#outer .news-social .recent-news .newsticker_style_reveal .newsticker_controls { right: 10px; top: 10px; }
div#outer .news-social .recent-news .newsticker_controls li { float: left; height: 21px; width: 25px; margin: 0 2px; background-position: center center; background-repeat: no-repeat; background-color: transparent; cursor: pointer; }
div#outer .news-social .recent-news .newsticker_controls .pause { background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); overflow: hidden; width: 25px; height: 25px; background-position: -522px -60px; background-repeat: no-repeat; }
div#outer .news-social .recent-news .newsticker_controls .resume { background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); overflow: hidden; width: 25px; height: 25px; background-position: -543px -60px; background-repeat: no-repeat; }
div#outer .news-social .recent-news .newsticker_controls .previous { background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); overflow: hidden; width: 25px; height: 25px; background-position: -468px -60px; background-repeat: no-repeat; border-right: 1px solid #ddd; }
div#outer .news-social .recent-news .newsticker_controls .next { background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); overflow: hidden; width: 25px; height: 25px; background-position: -495px -60px; background-repeat: no-repeat; border-left: 1px solid #ddd; }
div#outer .news-social .recent-news .newsticker_style_reveal .newsticker li { left: 15px !important; }
div#outer .news-social .recent-news .newsticker_style_scroll .newsticker li { margin-right: 80px; padding: 0; }
div#outer .news-social .follow-us { width: 237px; height: 30px; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: 0px -60px; float: right; text-align: right; margin: 0px 0 0 0; padding: 5px 5px 0 0; background-color: #eee; }
div#outer .news-social .follow-us a.blog-rss { margin: 1px 0px 0px 22px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -288px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.linkedin { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -324px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.youtube { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -360px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.facebook { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -396px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.twitter { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -432px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.spiceworks { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -613px -60px; background-repeat: no-repeat; }
div#outer .news-social .follow-us a.google { margin: 1px 0px 0px 6px; padding: 0px; display: block; font-size: 11px; text-decoration: none; width: 25px; height: 25px; border: none; text-indent: -9999px; overflow: hidden; float: left; background-image: url(/content/dam/insight/bgimages/insight-home-social-rss-icons-sprite.png); background-position: -576px -60px; background-repeat: no-repeat; }
div#outer .solution-services-ads { width: 940px; display: block; height: 210px; margin-bottom: 10px; }
div#outer .verticals { display: block; width: 305px; height: 200px; float: left; border: 1px solid #ddd; margin: 5px 9px 5px 0; padding: 0px; background-color: #fff; overflow: hidden; }
div#outer .vertical-end { display: block; width: 305px; height: 200px; float: right; margin: 5px 0 5px 0px; padding: 0px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; }
div#outer a.vertical-ad { outline: none; overflow: hidden; width: 305px; height: 200px; display: block; background-repeat: no-repeat; text-decoration: none; }
div#outer a.vertical-ad:hover { text-decoration: none; }
div#outer .vertical-open { display: block; width: 305px; height: 210px; float: right; border: 1px solid #ddd; margin: 5px 0 5px 0px; padding: 0px; background-color: #fff; overflow: hidden; display: block; text-decoration: none; }
div#outer a.vertical-ad h1#title, div#outer .vertical-open h1#title { font-size: 14px; font-weight: bold; color: #333; margin: 15px 10px 5px 10px; padding: 0px; }
div#outer a.vertical-ad:hover h1#title { color: #cc0000; }
div#outer a.vertical-ad h1.bottom { text-transform: uppercase; font-size: 22px; margin: -2px 0 0 0; padding: 0px; color: #666; }
div#outer a.vertical-ad img { width: 305px; height: 110px; display: block; border-bottom: 1px solid #ddd; }
div#outer a.vertical-ad:hover img { opacity: 0.9; filter: alpha(opacity=90); }
div#outer a.vertical-ad h2#description, div#outer .vertical-open h2#description { font-size: 12px; margin: 0px 10px; padding: 0px; line-height: 15px; color: #666; }
div#outer a.vertical-ad span#red { color: #cc0000; }
div#outer a.vertical-ad:hover span#red { color: #333; }
div#outer a.vertical-ad:hover h2#description { opacity: 0.7; filter: alpha(opacity=70); }
div#outer a.vertical-ad h2 .grey { display: block; color: #666; border-bottom: none; }
div#outer a.vertical-ad #info { line-height: 14px; font-size: 12px; color: #666; }
div#outer #vertical-table { margin: 15px 10px; width: 94%; border: 2px solid #ddd; font-size: 11px; color: #222; }
div#outer #vertical-table #odd { width: 60%; padding: 5px; background-color: #f9f9f9; font-weight: bold; }
div#outer #vertical-table #odd-2 { width: 40%; padding: 5px; background-color: #f9f9f9; }
div#outer #vertical-table #even { width: 60%; padding: 5px; background-color: #e9e9e9; font-weight: bold; }
div#outer #vertical-table #even-2 { width: 40%; padding: 5px; background-color: #e9e9e9; }
div#outer .carousel-top { background-image: url(/content/dam/insight/bgimages/this-weeks-top-tech-buys-background.jpg); background-repeat: no-repeat; background-position: 0 0; padding: 4px 0 0 0; width: 938px; margin: 0 auto; border: 1px solid #ddd; }
div#outer .weekly-top-deals { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 0px 10px; color: #fff; font-weight: bold; }
div#outer #carousel-image-and-text { width: 900px; height: 230px; margin: 0 auto; }
div#outer #carousel-image-and-text .arrow-holder { height: 220px; }
div#outer #carousel-image-and-text .touchcarousel-item { margin: 0px; width: 200px; height: 230px; padding: 0px; padding: 12px; border-left: 1px solid #ddd; list-style-image: none; }
div#outer #carousel-image-and-text .item-block { width: 200px; height: 220px; display: block; padding: 0; margin: 0px; }
div#outer #carousel-image-and-text .item-block img, div#outer #carousel-image-and-text .item-block h4, div#outer #carousel-image-and-text .item-block p { float: left; position: relative; display: block; margin: 0; height: 64px; }
div#outer #carousel-image-and-text .item-block img.product { z-index: 5; width: 200px; height: 125px; border: 0; padding: 0; }
div#outer #carousel-image-and-text .item-block:hover img.product { opacity: 0.9; filter: alpha(opacity=90); }
div#outer #carousel-image-and-text .item-block img { width: 200px; height: 125px; border: 0; padding: 0; }
div#outer #carousel-image-and-text .item-block img.learn-more { border: 0; padding: 0; z-index: 100; top: 0px; width: 200px; height: 180px; left: 0px; position: inherit; }
div#outer #carousel-image-and-text .item-block { text-decoration: none; color: inherit; }
div#outer #carousel-image-and-text .item-block h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; width: 200px; height: auto; font-size: 12px; padding: 5px 0 0 0; border: none; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
div#outer #carousel-image-and-text .item-block:hover h4 { border: none; color: #cc0000; }
div#outer #carousel-image-and-text .item-block p { font: normal 13px/20px Helvetica, Arial, sans-serif; font-size: 11px; color: #666; line-height: 16px; width: 200px; padding: 0px 0; }
div#outer #carousel-image-and-text .item-block:hover p { opacity: 0.6; filter: alpha(opacity=60); }
div#outer #carousel-image-and-text .scrollbar-holder { background: #fff; height: 1px; top: 251px; left: 0; right: 0; }
div#outer #carousel-image-and-text .scrollbar { background-color: #ccc !important; bottom: 0; }
div#outer .touchcarousel { position: relative; width: 900px; height: 230px; overflow: hidden; }
div#outer .touchcarousel .touchcarousel-container { position: absolute; margin: 0px; padding: 0px; list-style: none; left: 0; width: auto !important; }
div#outer .touchcarousel .touchcarousel-wrapper { position: relative; width: 1200px; overflow: hidden; height: 100%; margin-left: -18px; margin-top: -5px; }
div#outer .touchcarousel .touchcarousel-item { margin: 0; padding: 0; float: left; }
div#outer .touchcarousel .touchcarousel-item.last { margin-right: 0 !important; }
div#outer .touchcarousel #fifth { border-bottom: medium none; border-left: medium none; padding-bottom: 12px; padding-left: 13px; padding-right: 15px; border-top: medium none; border-right: medium none; padding-top: 12px; }
div#outer .touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0; display: block; cursor: pointer; z-index: 25; }
div#outer .touchcarousel .arrow-holder.left { left: 0; }
div#outer .touchcarousel .arrow-holder.right { right: 0; }
div#outer .touchcarousel .arrow-icon { width: 20px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer; }
div#outer .touchcarousel .arrow-holder.disabled { cursor: default; }
div#outer .touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }
div#outer .touchcarousel .tc-paging-container { width: 100%; overflow: hidden; position: absolute; margin-top: -242px; z-index: 25; }
div#outer .touchcarousel .tc-paging-centerer { float: left; position: relative; left: 435px; }
div#outer .touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: 435px; }
div#outer .touchcarousel .tc-paging-item { float: left; cursor: pointer; position: relative; display: block; text-indent: -9999px; }
div#outer .touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden; }
div#outer .touchcarousel .scrollbar { position: absolute; left: 0; height: 4px; bottom: 0px; }
div#outer .touchcarousel .scrollbar.dark { background-color: #828282; background-color: rgba(0, 0, 0, 0.5); }
div#outer .touchcarousel .scrollbar.light { background-color: #d2d2d2; background-color: rgba(255, 255, 255, 0.5); }
div#outer .touchcarousel.grey-blue .arrow-icon { background-image: url("/content/dam/insight/bgimages/insight-carousel-sprite.png"); background-repeat: no-repeat; width: 11px; height: 19px; margin-top: -9px; }
div#outer .touchcarousel.grey-blue .arrow-holder { width: 15px; height: 100%; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
div#outer .touchcarousel.grey-blue .arrow-holder.left { top: 10px; left: -18px; border-right: 1px solid #ddd; background-color: #fff; }
div#outer .touchcarousel.grey-blue .arrow-holder.right { top: 10px; right: -16px; border-left: 1px solid #ddd; background-color: #fff; }
div#outer .touchcarousel.grey-blue .arrow-icon.left { left: 0; background-position: -6px -15px; }
div#outer .touchcarousel.grey-blue .arrow-icon.right { right: 0; background-position: -186px -15px; }
div#outer .touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.left { background-position: -36px -15px; }
div#outer .touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.right { background-position: -156px -15px; }
div#outer .touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left { background-position: -66px -15px; }
div#outer .touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right { background-position: -126px -15px; }
div#outer .touchcarousel.grey-blue .arrow-holder:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
div#outer .touchcarousel.grey-blue .arrow-holder:active .arrow-icon { margin-top: -8px; }
div#outer .touchcarousel.grey-blue .arrow-holder.disabled { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
div#outer .touchcarousel.grey-blue .tc-paging-item { background: url("/content/dam/insight/bgimages/insight-carousel-sprite.png") no-repeat -95px -22px; width: 16px; height: 16px; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }
div#outer .touchcarousel.grey-blue .tc-paging-item.current { background: url("/content/dam/insight/bgimages/insight-carousel-sprite.png") no-repeat -95px -4px; }
div#outer .touchcarousel.grey-blue .tc-paging-item:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
div#outer .header-divider { border: 0; }

.insightCustomDialog .ui-dialog .ui-dialog-titlebar { display: none !important; }

.insightCustomDialog .insightLightBoxClose { float: right; position: relative; right: -10px; top: -10px; z-index: 1003; }

.insightCustomDialog .ui-dialog, .insightCustomDialog .ui-dialog .ui-dialog-content { overflow: visible; padding: 0px; }

.insightCustomDialog .ui-dialog-content .ui-widget-content { overflow: hidden; }

.buttons #addToCart { margin-right: 25px; margin-left: 30px; }

.bottonAlignRite #addToCart { margin-right: -3px; margin-left: 30px; }

.addToCartTabsContainer .ui-widget-content { border: none; width: 570px; padding: 5px; }

.addToCartTabsContainer .ui-widget-header { border-top: none; border-left: none; border-right: none; background: none; }

.addToCartTabsContainer .tab { margin-left: 10px; }

#tabsOuterDiv { clear: both; background: #fff; padding-left: 5px; float: left; width: 590px; border-bottom: 1px solid #DDD; }

#warrantyButtons .buttons { margin-right: 10px; }

#warrantyContent .warrantiesTable { table-layout: fixed; }

#warrantyContent .warrantiesTable td { overflow: hidden; vertical-align: top; }

.headerLinks { float: right; background-color: #f9f9f9; height: 35px; width: 270px; margin-right: -18px; border-radius: 10px 0 0 10px; }

.headerLinks .link { position: relative; top: 7px; }

.accessoriesContainer .productImageID, .AddItemsProductImage { width: 150px; height: 112px; }

.accessoriesProductImage { width: 150px; height: 112px; }

.accessoriesContainer .accessoryProductID { float: left; }

.accessoriesContainer .accessoryProductID { width: 150px; padding-right: 30px; }

.addToCartTabsContainer .tab { border-top-right-radius: 0px; border-top-left-radius: 0px; margin-left: 10px !important; }

.addToCartTabsContainer, .addToCartTabsContainer .accessoriesDesc { font-size: 12px; }

.viewAllAccessoriesLink { display: none; padding: 10px; }

#addToCartDialog #header { padding: 10px 10px 0px 10px; }

#addToCartDialog .continueOrViewCart { background-color: #f9f9f9; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

#addToCartDialog #loading { padding-top: 50px; }

.headerLinks { float: right; background-color: #f9f9f9; height: 35px; width: 270px; margin-right: -18px; border-radius: 10px 0 0 10px; }

.headerLinks .link { position: relative; top: 7px; }

#adItemsMainDiv { float: left !important; padding: 5px; }

.adItemCount { width: auto; height: 30px; text-align: left; color: #ed1844; font-family: arial,helvetica,'sans serif'; font-size: 8pt; font-weight: bold; }

.AdItemProductInfo { width: 560px; float: left; height: auto; }

.AdItemProductInfoStyle { height: 150px; padding: 0; float: left; background-color: #fff; width: 580px; }

.AddToCartInCSDialog { position: relative; }

.addToCartSimpleProductInfo { height: 250px; padding: 0; float: left; background-color: #fff; width: 580px; }

.addToCartMultipleParts { height: 250px; padding: 0; float: left; background-color: #fff; width: 580px; overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #BFBFBF; margin-left: 15px; }

.AddItemsProductImage { text-align: center; float: left; padding: 0; margin-top: 10px; margin-left: 10px; }

.addItemsProductTitle { width: 125px; padding-top: 15px; padding-left: 5px; float: right; }

.addItemsCartItems { width: 250px; padding-left: 20px; min-height: 150px; float: right; overflow: hidden; }

.addItemsSummary { font-family: arial, helvetica, 'sans serif'; font-size: 10pt; font-weight: bold; width: 156px; }

.addCartSingleCartClass { width: 450px; float: left; display: block; }

.protectYouPurchase { background: #fff; width: 434px; float: left; display: block; padding: 8px; border: 1px solid #DDD; }

.NoWarrantyOption { text-align: center; background: #fff; height: 100px; overflow: auto; overflow-X: hidden; padding: 8px; }

#icsWarrScrollContainer .touchcarousel { height: 200px; overflow: hidden; position: relative; width: 550px; }

#icsWarrScrollContainer .touchcarousel .touchcarousel-wrapper { height: 100%; margin-left: 20px; margin-top: 0px; overflow: hidden; position: relative; width: 545px; }

#icsWarrScrollContainer .touchcarousel.grey-blue .arrow-holder.left { border-right: none; left: -6px; top: -12px; }

#icsWarrScrollContainer .touchcarousel.grey-blue .arrow-holder.right { top: -12px; border-left: none; }

#icsWarrScrollDiv { width: 540px; overflow: visible; }

.icsWarrScrollItem { width: 160px; padding: 10px; min-height: 190px; }

/*#warrantyContent { overflow-x: hidden; overflow-y: scroll; }*/

.header-divider { border-top: 1px solid #DDDDDD !important; }

#continueShoppingSelect { width: 170px; }

/*scroller in dialog css*/
#recentlyViewedScrollContainer .touchcarousel { height: 200px; overflow: hidden; position: relative; width: 920px; }

#recentlyViewedScrollContainer .touchcarousel .touchcarousel-wrapper { height: 100%; margin-left: 20px; /*over ridden*/ margin-top: 0px; /*over ridden*/ overflow: hidden; position: relative; width: 920px; }

#recentlyViewedScrollContainer .touchcarousel.grey-blue .arrow-holder.left { border-right: none; left: -6px; top: -12px; }

#recentlyViewedScrollContainer .touchcarousel.grey-blue .arrow-holder.right { top: -12px; border-left: none; }

#recentlyViewedScrollDiv { width: 920px; }

.recentlyViewedScrollItem { width: 200px; padding-left: 15px; padding-right: 15px; /* height: auto; */ min-height: 190px; }

.recentlyViewedScrollItemDesc { height: 40px; overflow: hidden; }

.recentlyViewedScrollHdr { background-color: #f9f9f9; padding: 5px; }

#recommandedProductsScrollContainer .touchcarousel { height: 200px; overflow: hidden; position: relative; width: 920px; }

#recommandedProductsScrollContainer .touchcarousel .touchcarousel-wrapper { height: 100%; margin-left: 20px; /*over ridden*/ margin-top: 0px; /*over ridden*/ overflow: hidden; position: relative; width: 920px; }

#recommandedProductsScrollContainer .touchcarousel.grey-blue .arrow-holder.left { border-right: none; left: -6px; top: -12px; }

#recommandedProductsScrollContainer .touchcarousel.grey-blue .arrow-holder.right { top: -12px; border-left: none; }

#recommandedProductsScrollDiv { width: 920px; }

.recommandedProductsScrollItem { width: 200px; padding-left: 15px; padding-right: 15px; /* height: auto; */ min-height: 190px; }

.recommandedProductsScrollItemDesc { height: 40px; overflow: hidden; }

.recommandedProductsScrollHdr { background-color: #f9f9f9; padding: 5px; }

.touchcarousel { position: relative; width: 900px; height: 230px; overflow: hidden; }

.touchcarousel .touchcarousel-container { position: absolute; margin: 0px; padding: 0px; list-style: none; left: 0; width: auto !important; }

.touchcarousel .touchcarousel-wrapper { position: relative; width: 1200px; overflow: hidden; height: 100%; margin-left: -18px; margin-top: -5px; }

.touchcarousel .touchcarousel-item { margin: 0; padding: 0; float: left; }

.touchcarousel .touchcarousel-item.last { margin-right: 0 !important; }

.touchcarousel #fifth { border-bottom: medium none; border-left: medium none; padding-bottom: 12px; padding-left: 13px; padding-right: 15px; border-top: medium none; border-right: medium none; padding-top: 12px; }

.touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0; display: block; cursor: pointer; z-index: 25; }

.touchcarousel .arrow-holder.left { left: 0; }

.touchcarousel .arrow-holder.right { right: 0; }

.touchcarousel .arrow-icon { width: 20px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer; }

.touchcarousel .arrow-holder.disabled { cursor: default; }

.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }

.touchcarousel .tc-paging-container { width: 100%; overflow: hidden; position: absolute; margin-top: -242px; z-index: 25; }

.touchcarousel .tc-paging-centerer { float: left; position: relative; left: 435px; }

.touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: 435px; }

.touchcarousel .tc-paging-item { float: left; cursor: pointer; position: relative; display: block; text-indent: -9999px; }

.touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden; }

.touchcarousel .scrollbar { position: absolute; left: 0; height: 4px; bottom: 0px; }

.touchcarousel .scrollbar.dark { background-color: #828282; background-color: rgba(0, 0, 0, 0.5); }

.touchcarousel .scrollbar.light { background-color: #d2d2d2; background-color: rgba(255, 255, 255, 0.5); }

.touchcarousel.grey-blue .arrow-icon { background-image: url("/content/dam/insight/bgimages/insight-carousel-sprite.png"); background-repeat: no-repeat; width: 11px; height: 19px; margin-top: -9px; }

.touchcarousel.grey-blue .arrow-holder { width: 15px; height: 100%; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }

.touchcarousel.grey-blue .arrow-holder.left { top: 10px; left: -18px; border-right: 1px solid #ddd; background-color: #fff; }

.touchcarousel.grey-blue .arrow-holder.right { top: 10px; right: -16px; border-left: 1px solid #ddd; background-color: #fff; }

.touchcarousel.grey-blue .arrow-icon.left { left: 0; background-position: -6px -15px; }

.touchcarousel.grey-blue .arrow-icon.right { right: 0; background-position: -186px -15px; }

.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.left { background-position: -36px -15px; }

.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.right { background-position: -156px -15px; }

.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left { background-position: -66px -15px; }

.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right { background-position: -126px -15px; }

.touchcarousel.grey-blue .arrow-holder:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }

.touchcarousel.grey-blue .arrow-holder:active .arrow-icon { margin-top: -8px; }

.touchcarousel.grey-blue .arrow-holder.disabled { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }

.touchcarousel.grey-blue .tc-paging-item { background: url("/content/dam/insight/bgimages/insight-carousel-sprite.png") no-repeat -95px -22px; width: 16px; height: 16px; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }

.touchcarousel.grey-blue .tc-paging-item.current { background: url("/content/dam/insight/bgimages/insight-carousel-sprite.png") no-repeat -95px -4px; }

.touchcarousel.grey-blue .tc-paging-item:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }