@import url('social.css');
@import url('main.css');

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype');
}

body { font-family: 'Source Sans Pro' , sans-serif; padding: 0px; margin: 0px; }
img { border: 0px; }
:focus { outline: 0px; }
#top_bar { background: #366bb8; height: 20px; /*width: 1003px;*/ margin: 0 auto; padding-top: 3px; width: 100%; }
#top_bar .top_container { /* width: 1003px;*/ right: 50px; position: relative; width: 100%; }
#top_bar .top_text { font-size: 11px; color: #bebebe; font-size: 12px; text-align: right; }
#top_bar .top_text span { padding: 0px 5px; }
#top_bar .user_name { color: #ffffff; }
#top_bar .top_text a { color: #c9c9c9; text-decoration: none; }
#top_bar .top_text a:hover { color: #c9c9c9; text-decoration: none; }

.fl { float: left; }
.fr { float: right; }
.mtminus5 { margin-top: -5px; }
.mt20 { margin-top: 20px; }
.mt26 { margin-top: 26px !important; }
.mt40 { margin-top: 40px; }
.ml0 { margin-left: 0px !important; }
.ml10 { /*margin-left: 10px;*/ }
.ml20 { margin-left: 20px !important; }
.ml35 { margin-left: 35px; }
.ml50 { margin-left: 50px !important; }
.ml75 { margin-left: 75px !important; }
.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr50 { margin-right: 50px; }
.mr115 { margin-right: 115px; }
.blue_text { color: #366bb8 !important; }
.blue_title { color: #003e7e !important; }
.textleft { text-align: left !important; }
.active_link { color: #003e7e !important; border-bottom: 3px solid #003e7e !important;
 }
.active_class { color: #003e7e !important; }

.fs11 { font-size: 11px !important; }
.fontbold { font-weight: bold !important; }

.wrapper { /*width: 1003px;*/ margin: 0px auto; width: 100%; background: #ffffff;min-height:566px; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDhkOWQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top,  #ffffff 58%, #d8d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(100%,#d8d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 58%,#d8d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 58%,#d8d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 58%,#d8d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffffff 58%,#d8d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d9d9',GradientType=0 ); /* IE6-8 */ }
/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
header { min-height: 85px; background: #ffffff; width: 100%; }
header #logo { margin-top: 5px; margin-bottom: 5px; float: left; }
header #logo:hover { }
header #logo img { display: block; margin: 0 0 0 30px; }

/*-----------------------------------------------------------------------------------*/
/*	LAYOUTS
/*-----------------------------------------------------------------------------------*/

.welcome_block { background: #ffffff; float: left; margin-bottom: 10px; margin-right: 1%; padding: 25px; }
.welcome_block h1 { font-family: 'Lato' , sans-serif; font-size: 27px; padding: 0px; margin: 0px 0px 0px 0px; line-height: 30px; color: #071b44; font-weight: normal; }
.welcome_block p { color: #3d6c9c; font-size: 14px; }

.welcome_block_inner { padding: 13px; }
.welcome_block_inner h1 { font-family: 'Lato' , sans-serif; font-size: 27px; font-family: 'Lato' , sans-serif; color: #071b44; line-height: 30px; font-weight: normal; padding: 0px; margin: 10px 0px 5px 0px; }
.welcome_block_inner p { color: #3d6c9c; font-size: 14px; }
.welcome_block_inner p a { color: #3d6c9c; text-decoration: underline; }
.welcome_block_inner p a:hvoer { color: #3d6c9c; text-decoration: none; }

.login_block { background: #ffffff; padding: 10px; }
.login_box { width: 400px; padding: 24.5px 0px; margin: 0 auto; position: relative; text-align: center; }
.login_input { background: url('/../Content/FrontLayout/images/NewImages/urser_bg.jpg') no-repeat; width: 300px; height: 43px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.password_input { background: url('/../Content/FrontLayout/images/NewImages/password_bg.jpg') no-repeat; width: 300px; height: 43px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.login_input_small { background: url('/../Content/FrontLayout/images/NewImages/urser_bg.jpg') no-repeat; width: 300px; height: 37px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.password_input_small { background: url('/../Content/FrontLayout/images/NewImages/password_bg.jpg') no-repeat; width: 300px; height: 37px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.register_text { color: #3d6c9c; margin-left: 12px; font-size:10px; }
.register_text a { color: #3d6c9c; text-decoration: none; font-weight: bold; }
.register_text a:hover { color: #3d6c9c; text-decoration: none; font-weight: bold; }
.submit { background: url('/../Content/FrontLayout/images/NewImages/submit_button.png') no-repeat; width: 58px; height: 57px; border: 0px; cursor: pointer; position: absolute; top: 40px; right: -5px; }


.login_boxLoginWindow { width: 320px; padding: 0px 0px; position: relative; text-align: center;}
.login_inputLoginWindow { background: url('/../Content/FrontLayout/images/NewImages/urser_bg.jpg') no-repeat; width: 210px; height: 43px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.password_inputLoginWindow { background: url('/../Content/FrontLayout/images/NewImages/password_bg.jpg') no-repeat; width: 210px; height: 43px; padding-left: 62px; border: 0px; color: #3d6c9c; }
.submitLoginWindow { background: url('/../Content/FrontLayout/images/NewImages/submit_button.png') no-repeat; width: 58px; height: 57px; border: 0px; cursor: pointer; position: absolute; top: 17px; right: -8px; }

.container { width: 1003px; margin: 0 auto; }

/****************************** HOME - Content Part - Footer ******************************/
#footer { background: #003e7e; height: 25px; padding-top: 0px; margin: 0px auto 0px auto; width: 100%; bottom: 0; left: 0; /*float:left;*/ }
#footer .footer_container { width: 1003px; margin: 0 auto; }
#footer .footer_text { font-size: 11px; color: #c9c9c9; width: 30%; margin: 5px 15px; }
#footer .footer_text a { color: #c9c9c9; text-decoration: none; }
#footer .footer_text a:hover { color: #c9c9c9; text-decoration: none; }

.text_right { text-align: right; }

.footer p { color: white; }
.footer h3 { color: #bfd6e4; }
.bottom_logos { width: 50%; margin: 10px auto 10px auto; text-align: center; }

.one_half { width: 475px; background: #ffffff; min-height: 245px; }

.one_third { width: 475px; background: #ffffff; min-height: 245px; }
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .cart_one_third { margin-right: 1%; margin-bottom: 10px; float: left; }

.cart_one_half { float: right; }

.one_fourth { width: 313px; min-height: 230px; background: #ffffff; }
.one_fifth { /*width: 199px;*/ width: 219px; background: #ffffff; min-height: 200px; padding-top: 30px; }
.lastcolumn { margin-right: 0 !important; clear: right; }
.box_title { font-family: 'Lato' , sans-serif; color: #636363; font-size: 15px; font-weight: bold; text-transform: uppercase; padding-top: 10px; letter-spacing: 1px; }
.box_title a { color: #636363; text-decoration: none; font-family: 'Lato' , sans-serif; }
.box_title a:hover { color: #003e7e; text-decoration: none; }
.box_title_active { color: #003e7e !important; }
.box_title_active a { color: #003e7e; }
.box_title_active a:hover { color: #003e7e; }
.box_images { width: 210px; }


.navigation { font-family: 'Lato' , sans-serif; background: #cfe0f9; -moz-box-shadow: inset 0 0 5px #999999; -webkit-box-shadow: inset 0 0 5px #999999; box-shadow: inset 0 0 5px #999999; padding: 10px 0px; }

.navigation_container { width: 100%; margin: 0 auto; text-align: center; font-size: 14px; /*font-weight:bold;*/ color: #636363; text-transform: uppercase; }
.navigation_container span { padding: 0px 10px; }
.navigation_container a { color: #636363; text-decoration: none; letter-spacing: 1px; font-weight: bold; font-family: 'Lato' , sans-serif; }
.navigation_container a:hover { color: #003e7e; text-decoration: none; }
.navigation_container .nav_active { color: #003e7e; text-decoration: none; }


/* Cart css start here */

.cart_top_table { font-family: 'Lato' , sans-serif; border-collapse: collapse; }
.cart_row { background: #f2f7ff; font-family: 'Lato' , sans-serif; font-size: 12px; color: #003e7e !important; }
.cart_top_table td { padding: 4px 0px; text-align: center; border: 1px solid #ebebeb; color: #646464; font-size: 10px; white-space: nowrap; letter-spacing: 1px; }

.cart_top_table1 { font-family: 'Lato' , sans-serif; }
.cart_row1 { background: #f2f7ff; font-family: 'Lato' , sans-serif; font-size: 12px; color: #003e7e !important; }
.cart_top_table1 td { padding: 4px 0px; text-align: center; color: #646464; font-size: 11px; white-space: nowrap; letter-spacing: 1px; }

.cart_one_half { /*width: 475px;*/ margin-top: 51px; /*margin-bottom:25px;*/ }
.cart_one_third { width: 450px; margin-top: 30px; margin-bottom: 25px; }
.cart_main_table { font-family: 'Lato' , sans-serif; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-collapse: collapse; /*width:1003px;*/ }
.cart_main_row { }
.cart_main_table td { padding: 4px; text-align: center; border: 1px solid #d3d3d3; color: #646464; font-size: 11px; text-transform: uppercase; }
.table-container { /*overflow-y: scroll; -webkit-overflow-scrolling: touch;*/ }
.row_grey { background: #ececec; }


.contentHolder { position: relative; margin: 0px auto; padding: 0px; width: 100%; min-height: 200px; overflow: hidden; }
.contentHolder .content { width: 1600px; padding-bottom: 20px; }
.spacer { text-align: center; }


.contentHolder1 { position: relative; margin: 0px auto; padding: 0px; width: 100%; min-height: 200px; overflow: hidden; }
.contentHolder1 .content1 { width: 1600px; height: 200px; }
.spacer1 { text-align: center; }

.contentHolder2 { position: relative; margin: 0px auto; padding: 0px; width: 100%; min-height: 200px; overflow: hidden; }
.contentHolder2 .content1 { width: 1600px; height: 200px; }
.spacer2 { text-align: center; }


.contentHolder3 { position: relative; /*margin:0px auto 20px auto;*/ margin-bottom: 20px; padding: 0px; width: 97%; overflow: hidden; }
.contentHolder3 .content3 { width: 1600px; padding-bottom: 20px; }
.spacer3 { text-align: center; }

.contentHolder4 { position: relative; /*margin:0px auto 20px auto;*/ margin-bottom: 20px; padding: 0px; width: 97%; overflow: hidden; }
.contentHolder4 .content4 { width: 1600px; padding-bottom: 20px; }
.spacer4 { text-align: center; }


/* Dashboard css starts here */

.mypurchase_table { border-collapse: collapse; }
.mypurchase_table td { font-family: 'Source Sans Pro' , sans-serif; padding: 5px; text-align: center; border: 1px solid #ebebeb; color: #646464; font-size: 11px; letter-spacing: 1px; background: #ffffff; }
.mypurchase_table td a { color: #646464; text-decoration: none; }
.mypurchase_table td a:hover { color: #003e7e; text-decoration: underline; }
.to_text { color: #636363; font-size: 10px; font-weight: bold; }
.mypurchase_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; }

.view_details_arrow { background: url('../../images/NewImages/view_details_arrow.png') no-repeat center top !important; text-align: center; width: 27px; height: 15px; margin: 0 auto; }
.view_details_arrow:hover { background: url('../../images/NewImages/view_details_arrow.png') no-repeat 0px -15px !important; text-align: center; width: 27px; height: 15px; cursor: pointer; }

.load_search_icon { background: url('../../images/NewImages/search.png') no-repeat center top !important; text-align: center; width: 18px; height: 20px; margin: 0 auto; }
.load_search_icon:hover { background: url('../../images/NewImages/search.png') no-repeat 0px -20px !important; text-align: center; width: 18px; height: 20px; cursor: pointer; }

.delete_icon { background: url('../../images/NewImages/cross.png') no-repeat center top !important; text-align: center; width: 16px; height: 14px; margin: 0 auto; display: inline-block; }
.delete_icon:hover { background: url('../../images/NewImages/cross.png') no-repeat 0px -14px !important; text-align: center; width: 16px; height: 14px; cursor: pointer; }

/* Dashboard css ends here */

.cart_main_table tr:nth-child(odd) { background: #ececec; border-bottom: 0px !important; }
.cart_main_table tr:nth-child(even) { background: #FFF; border-bottom: 0px; }

.cart_main_table tr:hover { background: #E9F5FE; transition: background-color 0.5s ease; cursor: pointer; }

.cart_main_table tr:first-child td { background: #f2f7ff !important; border-top: 1px solid #d3d3d3; font-family: 'Lato' , sans-serif; font-size: 11px; text-transform: uppercase; color: #003e7e !important; white-space: nowrap; font-weight: bold; -moz-box-shadow: inset 0 6px 6px -6pxpx #b4ceec, inset 0 -6px 6px -6px #b4ceec; -webkit-box-shadow: inset 0 6px 6px -6px #b4ceec, inset 0 -6px 6px -6px #b4ceec; box-shadow: inset 0 6px 6px -6px #b4ceec, inset 0 -6px 6px -6px #b4ceec; }
.cart_main_table td:nth-child(odd) { border-bottom: 0px !important; border-top: 0px; }
.cart_main_table td:nth-child(even) { border-bottom: 0px !important; border-top: 0px; letter-spacing: 1px; white-space: nowrap; }

.cart_top_table tr:first-child td { color: #003e7e !important; font-weight: bold; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; }
/* Cart css ends here */

/* Purchase css starts here */
.purchase_top_table { font-family: 'Lato' , sans-serif; border-collapse: collapse; padding: 10px 0px; }
.purchase_top_table td { padding: 12px 3px; color: #646464; font-size: 10px; font-weight: bold; letter-spacing: 1px; white-space: nowrap; color: #003e7e; text-transform: uppercase; }

.purchase_bottom_table { font-family: 'Lato' , sans-serif; border-collapse: collapse; }
.purchase_bottom_table td { font-family: 'Source Sans Pro' , sans-serif; padding: 8px; text-align: center; border: 1px solid #ebebeb; color: #646464; font-size: 12.5px; white-space: nowrap; letter-spacing: 1px; background: #ffffff; }
.purchase_bottom_table td a { color: #646464; text-decoration: none; }
.purchase_bottom_table td a:hover { color: #003e7e; text-decoration: underline; }
.to_text { color: #636363; font-size: 10px; font-weight: bold; }
.purchase_bottom_table tr:first-child td { font-family: 'Lato' , sans-serif; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; }
.purchase_bottom_table tr th { font-family: 'Lato' , sans-serif; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; background: none repeat scroll 0 0 #FFFFFF; color: #646464; letter-spacing: 1px; padding: 8px; text-align: center; white-space: nowrap; border-collapse: collapse; border: 1px solid #EBEBEB; }

.purchase_top_table input { border: 1px solid #c8c8c8; padding: 2px; color: #646464; font-size: 10px; }

.purchase_top_table input[type=submit] { background: #b0d0ff; width: 125px; height: 30px; color: #003e7e; text-transform: uppercase; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; cursor: pointer; }
.purchase_top_table input[type=submit]:hover { background: #003E7E; color: #ffffff; }

/* Purchase css ends here */

.pagination_container { background: #ffffff; width: 95%; margin: 0 auto 10px auto; font-family: 'Lato' , sans-serif; font-size: 10px; color: #646464; padding: 10px; }
/*.pagination_box select{border:1px solid #c4c4c4; top:2px; position:relative;}*/

.styled-select select { background: transparent; width: 50px; padding: 3px; font-size: 10px; line-height: 1; border: 0; border-radius: 0; height: 16px; -webkit-appearance: none; }

.styled-select { width: 30px; height: 16px; overflow: hidden; background: #fff url('../../images/NewImages/down_arrow_select.jpg') no-repeat right; border: 1px solid #ccc; }

.veiw_details { background: url('../../images/NewImages/view_details.png') no-repeat 0 0; width: 18px; height: 19px; display: block; float: left; margin-right: 2px; }
.veiw_details:hover { background: url('../../images/NewImages/view_details.png') no-repeat 0px -19px; width: 18px; height: 19px; z-index: 99999; position: relative; display: block; }
.view_detials_deactive { background: url('../../images/NewImages/view_details_deactive.png') no-repeat 0px 0px; width: 18px; height: 19px; z-index: 99999; position: relative; display: block; float: left; margin-right: 2px; }

.medal { background: url('../../images/NewImages/medal.png') no-repeat 0 0; width: 18px; height: 19px; display: block; float: left; margin-right: 2px; }
.medal:hover { background: url(../../images/NewImages/medal.png) no-repeat 0px -19px; width: 18px; height: 19px; z-index: 99999; position: relative; display: block; }
.medal_deactive { background: url(../../images/NewImages/medal_deactive.png) no-repeat 0px 0px; width: 18px; height: 19px; z-index: 99999; position: relative; display: block; float: left; margin-right: 2px; }

.camera { background: url(../../images/NewImages/camera.png) no-repeat 0 0; width: 20px; height: 19px; display: block; float: left; margin-right: 5px; }
.camera:hover { background: url(../../images/NewImages/camera.png) no-repeat 0px -19px; width: 20px; height: 19px; z-index: 99999; position: relative; display: block; }
.camera_deactive { background: url(../../images/NewImages/camera_deactive.png) no-repeat 0px 0px; width: 20px; height: 19px; z-index: 99999; position: relative; display: block; float: left; margin-right: 5px; }

.hd { background: url(../../images/NewImages/hd.png) no-repeat 0 0; width: 22px; height: 19px; display: block; float: left; }
.hd:hover { background: url(../../images/NewImages/hd.png) no-repeat 0px -19px; width: 22px; height: 19px; z-index: 99999; position: relative; display: block; }
.hd_deactive { background: url(../../images/NewImages/hd_deactive.png) no-repeat 0px 0px; width: 22px; height: 19px; z-index: 99999; position: relative; display: block; float: left; }

.purchase_top_table { border: 1px solid #ebebeb; font-family: 'Lato' , sans-serif; }


/* Dimond page css starts here */

/*.search_nav { color: #fff !important; }*/
.search_nav:hover { color: #fff !important; }
#search_nav { margin: 20px auto 0px auto; color: #fff; font-family: 'Lato' , sans-serif; }
#search_nav span { background: #f4f4f4; padding: 10px 30px;/* color: #fff !important; */margin: 0px 5px 0px 0px; background: #f4f4f4; -moz-box-shadow: inset 0 0 4px #d2d2d2; -webkit-box-shadow: inset 0 0 4px #d2d2d2; box-shadow: inset 0 0 4px #d2d2d2; }

#search_nav span:hover { background: #003e7e; color: #ffffff !important; cursor: pointer; }
.search_nav span:hover { background: #003e7e; color: #ffffff !important; cursor: pointer; }

.search_nav_container { width: 100%; margin: 0 auto; text-align: center; font-size: 12px; color: #003E7E; text-transform: uppercase; }
/*color: #003E7E;*/ 
.search_nav_container a { text-decoration: none; letter-spacing: 1px; font-weight: bold; font-family: 'Lato' , sans-serif; }
.search_nav_container a:hover {color: #ffffff !important; text-decoration: none; }
.search_nav_container .nav_active { color: #b0d0ff; text-decoration: none; }
.search_nav_active { background: #b0d0ff !important; }
.search_nav_active:hover { background: #003e7e !important; }

.diamond_search_left { }


.lab_table { border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px#9d9d9d; box-shadow: 0 0 5px #9d9d9d; margin-bottom: 10px; }
.lab_table td { font-family: 'Source Sans Pro' , sans-serif; /*padding: 1px;*/ color: #646464; font-size: 11px; /*letter-spacing: 1px;*/ background: #ffffff; }
.lab_table td a { color: #646464; text-decoration: none; }
.lab_table td a:hover { color: #003e7e; text-decoration: none; }

.lab_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; }
.select_carat_title { font-family: 'Lato' , sans-serif; color: #003e7e; font-size: 16px; text-transform: uppercase; padding: 0px 0px 15px 0px; margin: 0px; text-align: center; }
.select_carat td { background: #ffffff !important; box-shadow: none; color: #646464; font-size: 15px; letter-spacing: 1px; }
.lab_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }
.lab_image {
  border-bottom: 3px solid #FFFFFF;
  float: left;
  font-size: 14px;
  margin-right: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 70px;
}

.lab_small_image { /*width: 50px;*/ }
.shape_image {border-bottom: 3px solid #FFFFFF; /*width: 60px;*/ float: left; text-align: center; margin-right: 3px; font-size: 12px; }
.shape_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }

.size_carats_table { border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px#9d9d9d; box-shadow: 0 0 5px #9d9d9d; margin-bottom: 10px; }
.size_carats_table td { font-family: 'Source Sans Pro' , sans-serif; color: #646464; font-size: 11px; letter-spacing: 1px; background: #ffffff; }
.size_carats_table td a { color: #646464; text-decoration: none; }
.size_carats_table td a:hover { color: #003e7e; /*text-decoration: underline;*/ }

.size_carats_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; /*padding: 1px;*/ font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; }
.cut_text { font-size: 12px !important; font-weight: normal; color: #003e7e !important; }
.cut_text input[type=checkbox] { position: relative; top: 2px; }

.space { padding: 0px 50px; }

.color_text { font-family: 'Lato' , sans-serif; font-size: 10px; font-weight: bold; color: #003e7e; text-transform: capitalize; margin-top: -5px; display: inline-block; }
.color_text input[type=checkbox] { border: 1px solid #c8c8c8; position: relative; top: 2px; }
.color_text input[type=radio] { border: 1px solid #c8c8c8; position: relative; top: 2px; }
.color_list span { font-size: 15px; color: #646464; padding: 0px 10px; margin: 0px 14px; text-transform: uppercase; }
.color_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }
.color_select_box { font-family: 'Lato' , sans-serif; font-size: 12px; font-weight: bold; color: #646464; text-transform: uppercase; padding-bottom: 15px; float: left; padding-left: 30px; }
.color_select_box div { float: left; width: 200px; margin-right: 20px; }
.color_select_box div:last-child { margin-right: 0px !important; }
.color_select_box select { width: 200px; }

.clarity_list span { font-size: 15px; color: #646464; padding: 0px 10px; margin: 0px 6px; /*text-transform:uppercase;*/ }
.clarity_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }
.clarity_select { font-size: 10px; text-transform: capitalize; }
.clarity_ceckbox { position: relative; top: 2px; }

.size_carats_table input { border: 1px solid #c8c8c8; width: 125px; text-align: center; color: #646464; font-family: 'Source Sans Pro' , sans-serif; }

.cut_list span { font-size: 15px; color: #646464; padding: 0px 6px 0px 6px; margin: 0px 35px 0px 10px; text-transform: uppercase; }
.cut_list span:hover { color: #003e7e !important; font-size: 15px !important; border-bottom: 3px solid #003e7e; cursor: pointer; }


.fluorescence_list span { font-size: 15px; color: #646464; padding: 0px 6px 0px 6px; margin: 0px 20px 0px 5px; text-transform: uppercase; }
.fluorescence_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }

.stoneid input { width: 600px !important; border: 1px solid #c8c8c8; width: 125px; text-align: center; color: #646464; font-family: 'Source Sans Pro' , sans-serif; }

.discout_pirce_total { }

.discount_table { border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px#9d9d9d; box-shadow: 0 0 5px #9d9d9d; margin-bottom: 25px; }
.discount_table td { font-family: 'Source Sans Pro' , sans-serif; padding: 2px; color: #646464; font-size: 11px; letter-spacing: 1px; background: #ffffff; }
.discount_table td a { color: #646464; text-decoration: none; }
.discount_table td a:hover { color: #003e7e; text-decoration: underline; }

.discount_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; }
.discount_table input { border: 1px solid #C8C8C8; color: #646464; font-family: 'Source Sans Pro' ,sans-serif; text-align: center; width: 100px; }


.grading_table { border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px#9d9d9d; box-shadow: 0 0 5px #9d9d9d; margin-bottom: 25px; }
.grading_table td { font-family: 'Source Sans Pro' , sans-serif; padding: 10px 5px; color: #646464; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #cdcdcd; text-transform: uppercase; background: #ffffff; white-space: nowrap; }
.grading_table td span { padding: 0px 9px; }
.grading_table td a { color: #646464; text-decoration: none; }
.grading_table td a:hover { color: #003e7e; text-decoration: none; }
.grading_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }
.grading_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 12px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; padding: 4px; }

.measurement_table { border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px#9d9d9d; box-shadow: 0 0 5px #9d9d9d; margin-bottom: 25px; }
.measurement_table td { font-family: 'Source Sans Pro' , sans-serif; padding: 5.3px 0px 5.3px 30px; color: #646464; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #cdcdcd; text-transform: uppercase; background: #ffffff; }
.measurement_table td a { color: #646464; text-decoration: none; }
.measurement_table td a:hover { color: #003e7e; text-decoration: underline; }
.measurement_list span:hover { color: #003e7e !important; border-bottom: 3px solid #003e7e; cursor: pointer; }
.measurement_table tr:first-child td { font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 12px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; padding: 4px; }
.measurement_table input { border: 1px solid #C8C8C8; color: #646464; font-family: 'Source Sans Pro' ,sans-serif; text-align: center; width: 100px; }
.to_space { padding: 0px 10px; text-transform: capitalize; }


/* Left slide css starts here */
a.trigger { position: absolute; background: #88bbd4 url(images/plus.png) 6% 55% no-repeat; text-decoration: none; font-size: 16px; letter-spacing: -1px; font-family: verdana, helvetica, arial, sans-serif; color: #fff; font-weight: bold; z-index: 2; }
a.trigger.left { left: 0; /*background:url(../images/quick_modify_button.jpg) no-repeat 0px 0px; 	width:24px; 	height:145px;*/ }

a.trigger:hover { /*background-color:#59B;*/ }
a.active_button.trigger { background: url(../images/minus.png) 6% 55% no-repeat; width: 16px; height: 16px; position: absolute; z-index: 100; }
.panel { color: #CCC; position: absolute; display: none; background: #ffffff; width: 300px; height: auto; z-index: 1; }
.panel.left { left: 0; padding: 20px 30px 20px 100px; }

.panel p { font-size: 11px; }
/* Left slide css ends here */

pre.tip { font-family: 'Source Sans Pro' , sans-serif; margin: 0px; /*padding: 5px;*/ font-size: 12px; font-weight: normal; }
.box { display: none; }
.white { background: #ffffff; }
.fancy { background: #ffffff; padding-left: 105px; }


/* Added By Bhavesh*/
.TermsCondition_block, .CompleteReg_block { background: #ffffff; float: left; margin-bottom: 10px; margin-right: 0%; padding: 25px; }
.TermsCondition_block h1, .CompleteReg_block h1 { font-family: 'Lato' , sans-serif; font-size: 27px; padding: 0px; margin: 0px 0px 0px 0px; line-height: 30px; color: #071b44; font-weight: normal; }
.TermsCondition_block p, .CompleteReg_block p { color: #3d6c9c; font-size: 14px; }

h1 { font-family: 'Lato' , sans-serif; font-size: 27px; padding: 0px; margin: 0px 0px 0px 0px; line-height: 30px; color: #071b44; font-weight: normal; }



/* coomented by nirmal  */
/* Main Common table css starts here */
/*.main_common_table {border-collapse:collapse; padding:10px 0px;}*/
.main_table td { padding: 2px 4px; color: #646464; font-size: 15px; white-space: nowrap; color: #003e7e; }
.main_table input { border: 1px solid #c8c8c8; padding: 4px; color: #646464; font-size: 14px; }

.main_table input[type=submit] { background: #b0d0ff; width: 125px; height: 30px; color: #003e7e; font-size: 14px; font-weight: bold; cursor: pointer; }
.main_table input[type=submit]:hover { background: #003E7E; color: #ffffff; }

.main_table button[type=button] { background: #b0d0ff; width: 125px; height: 30px; color: #003e7e; font-size: 14px; font-weight: bold; cursor: pointer; }
.main_table button[type=button]:hover { background: #003E7E; color: #ffffff; }
.main_table button { border: 1px solid #c8c8c8; padding: 4px; color: #646464; font-size: 14px; }

.main_table select { padding: 3px; }

/* Purchase css ends here */

.red_border { border: 1px solid #FF0000 !important; }


.SetValidIamge { background: #FFFFFF url('../../images/Success.png') no-repeat scroll 0 0; color: #3C8136; float: left; font-size: 12px; font-weight: bold; padding-left: 10px; vertical-align: top; margin-left: 3px; }

.SetInValidIamge { background: #FFFFFF url('../../images/tree_dnd_no.png') no-repeat scroll 0 0; color: #FF6364; float: left; font-size: 12px; font-weight: bold; padding-left: 10px; vertical-align: top; margin-left: 3px; }


.btncomplete { background: none repeat scroll 0 0 #b0d0ff; border: medium none; color: #003e7e; cursor: pointer; margin-left: 3px; margin-top: 7px; padding: 6px 18px; text-decoration: none; text-transform: capitalize; font-size: 15px; }
.btncomplete:hover { background: #003E7E; color: #ffffff; }

#SaveSearch-box1 { margin-top: 60px; display: none; z-index: 99999; top: -8px; position: absolute; }
#SaveSearch-body1 { background-color: white; border: 1px solid #BBBBBB; box-shadow: 0 0 15px #999999; max-height: 68px; min-height: 0; /*width: 680px;*/ z-index: 99999; margin-top: -20px; position: absolute; /*added by bahvesh */ left: 48%; width: 51%; }
#SaveSearch-body1 .arrow { border-bottom: 11px solid white; border-left: 11px solid transparent; border-right: 11px solid transparent; height: 0; /* left: 530px;*/ position: absolute; top: -11px; width: 0; z-index: 1001; left: 77%; }
#SaveSearch-body1 .arrow-border { border-bottom: 11px solid #BBBBBB; border-left: 11px solid transparent; border-right: 11px solid transparent; height: 0; /*left: 530px;*/ position: absolute; top: -11px; width: 0; z-index: 1000; left: 77%; }


#aftrReqActivation { margin-top: 60px; display: none; z-index: 99999; top: -8px; position: absolute; }
#aftrReqActivation-body1 { background-color: white; border: 1px solid #BBBBBB; box-shadow: 0 0 15px #999999; max-height: 68px; min-height: 0; /*width: 680px;*/ z-index: 99999; margin-top: -20px; position: absolute; /*added by bahvesh */ left: 48%; width: 51%; }
#aftrReqActivation-body1 .arrow { border-bottom: 11px solid white; border-left: 11px solid transparent; border-right: 11px solid transparent; height: 0; /* left: 530px;*/ position: absolute; top: -11px; width: 0; z-index: 1001; left: 77%; }
#aftrReqActivation-body1 .arrow-border { border-bottom: 11px solid #BBBBBB; border-left: 11px solid transparent; border-right: 11px solid transparent; height: 0; /*left: 530px;*/ position: absolute; top: -11px; width: 0; z-index: 1000; left: 77%; }


.note { padding: 5px; cursor: default; text-align: left; color: #2B6176; background-color: #C6DFE8; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; float: right; font-size: 15px; width: 303px; margin-top: 33px; }
/*.note1 { padding: 5px; cursor: default; float: left; color: #2B6176; background-color: #C6DFE8; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; float: right; font-size: 15px; margin-top: 33px; }*/
/*.note1 { padding: 5px; cursor: default; color: #2B6176; background-color: #C6DFE8; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; font-size: 15px; float:left;}*/
.note1 { padding: 5px; cursor: default; color: #0a2029; background-color: #c0eeff; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; font-size: 15px; float:left;}

/* Added  by Bhavesh */
/*  Normal Grid design Start from here    */

.grid_common_table { font-family: 'Lato' , sans-serif; border-collapse: collapse; }
.grid_common_table td { font-family: 'Source Sans Pro' , sans-serif; border: 1px solid #D3D3D3; color: #646464; font-size: 12px; white-space: nowrap; letter-spacing: 1px;padding-left: 10px !important;}
/*.grid_common_table tr:nth-child(2n+1) { background: none repeat scroll 0 0 ##ECECEC; border-bottom: 0 none !important; }*/
.grid_common_table tr:nth-child(odd) { background: none repeat scroll 0 0 ##ECECEC; /*border-bottom: 0 none !important; */ }
.grid_common_table tr th, .main_table tr th { font-family: 'Lato' , sans-serif; font-size: 11px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: inset 0 4px 4px -4pxpx #b4ceec, inset 0 -4px 4px -4px #b4ceec; -webkit-box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; box-shadow: inset 0 4px 4px -4px #b4ceec, inset 0 -4px 4px -4px #b4ceec; border-bottom: 0px; text-transform: uppercase; background: none repeat scroll 0 0 #FFFFFF; color: #646464; letter-spacing: 1px; padding: 5px; text-align: center; white-space: nowrap; border-collapse: collapse; border: 1px solid #D3D3D3; }

/*  Normal Grid design End here    */

.divblock_full { padding: 5px; cursor: default; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; margin-top: 10px; position: relative; display: inline-block; width: 96%; }

.divblock_50 { padding: 5px; cursor: default; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65); box-shadow: 0 0 6px rgba(0,0,0,0.5); border: solid 1px #fff; margin-top: 10px; position: relative; display: inline-block; }

.btncommon { background: none repeat scroll 0 0 #b0d0ff; border: medium none; color: #003e7e; cursor: pointer; margin-top: 7px; padding: 6px 18px; text-decoration: none; text-transform: uppercase; font-size: 15px; font-family: 'Source Sans Pro' ,sans-serif; box-shadow: inset 0 0 4px #d2d2d2; }
.btncommon:hover { background: #003E7E; color: #ffffff; }

.btnsimple { background: none repeat scroll 0 0 #f4f4f4; border: 1px solid #D2D2D2; -moz-box-shadow: inset 0 0 5px #d2d2d2; -webkit-box-shadow: inset 0 0 5px #d2d2d2; box-shadow: inset 0 0 5px #d2d2d2; color: #003e7e; cursor: pointer; margin-left: 3px; margin-top: 7px; padding: 6px 18px; text-decoration: none; text-transform: uppercase; font-size: 15px; font-family: 'Source Sans Pro' ,sans-serif; }

.btnsimple:hover { background: #003e7e; color: #ffffff !important; cursor: pointer; }


.btndiamonddetail { background: none repeat scroll 0 0 #b0d0ff; border: medium none; color: #003e7e; cursor: pointer; margin-left: 3px; margin-top: 7px; padding: 6px; text-decoration: none; text-transform: uppercase; font-size: 15px; font-family: 'Source Sans Pro' ,sans-serif; }
.btndiamonddetail:hover { background: #003E7E; color: #ffffff; }

/* Added  by Bhavesh */
/*  JqGrid Grid design Start from here    */


.main_jqgrid { font-family: 'Lato' , sans-serif; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-collapse: collapse; /*width:1003px;*/ }

.main_jqgrid td { padding: 4px; text-align: center; border: 1px solid #d3d3d3; color: #646464; font-size: 11px; text-transform: uppercase; height: 17px; padding-left: 5px; padding-right: 5px; }
.main_jqgrid tr:nth-child(odd) { background: #FFFFFF !important; border-bottom: 1px !important; }
.main_jqgrid tr:nth-child(even) { background: #ECECEC !important; border-bottom: 1px; }

.main_jqgrid tr:hover { background: #E9F5FE !important; transition: background-color 0.5s ease; cursor: pointer; }

.main_jqgrid tr th { background: #f2f7ff; border-top: 1px solid #d3d3d3; font-family: 'Lato' , sans-serif; font-size: 11px; text-transform: uppercase; color: #003e7e !important; white-space: nowrap; font-weight: bold; -moz-box-shadow: inset 0 6px 6px -6pxpx #b4ceec,inset 0 -6px 6px -6px #b4ceec; -webkit-box-shadow: inset 0 6px 6px -6px #b4ceec,inset 0 -6px 6px -6px #b4ceec; box-shadow: inset 0 6px 6px -6px #b4ceec,inset 0 -6px 6px -6px #b4ceec; border: 1px solid #D3D3D3; height: 28px; padding-left: 5px; padding-right: 5px; }

.main_jqgrid td:nth-child(odd) { border-bottom: 1px solid #D3D3D3 !important; border-top: 0px; }
.main_jqgrid td:nth-child(even) { border-bottom: 1px solid #D3D3D3 !important; border-top: 0px; letter-spacing: 1px; white-space: nowrap; }

/*  JqGrid Grid design End   */


/* MyPurchase Detail Css start from here */

.purchase_detail { border-collapse: collapse; padding: 0px 10px; border: 1px solid #EBEBEB; }


.purchase_detail ul li, .purchase_detail tr td { color: #646464; font-size: 13px; font-weight: bold; letter-spacing: 1px; white-space: nowrap; color: #003e7e; text-transform: uppercase; }

.purchase_detail span { color: #646464; font-size: 14px; font-weight: normal; text-transform: none; }
/* MyPurchase Detail Css end here */

.edit_icon { background: url('../../images/NewImages/edit.png') no-repeat center top !important; text-align: center; width: 18px; height: 20px; margin: 0 auto; display: inline-block; }
.edit_icon:hover { background: url('../../images/NewImages/edit.png') no-repeat 0px -19px !important; text-align: center; width: 18px; height: 20px; cursor: pointer; }

input[type="radio"] { border: 0 none; /* float: left;*/ height: 13px; margin: 5px 4px 0 0; outline: medium none; padding: 0; width: 13px; }

option
{
    padding-left:5px;
}
.pl85 {
  padding-left: 85px;
}
.pl187 {
  padding-left: 187px;
}
.pl90 {
  padding-left: 90px;
}
.pl90 {
  padding-left: 90px;
}
.pl80 {
  padding-left: 80px;
}


/* Side Panel CSS starts Here ----------------------- */


/* Left slide css starts here */
a.trigger{
	position: absolute;
	background:url(../images/minus.jpg) 6% 55% no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: bold;
	z-index:2;
}
a.trigger.left {
	left: 0;
	background:url(../images/quick_modify_button.jpg) no-repeat 0px 0px;
	width:24px;
	height:145px;
}

a.trigger:hover {
	/*background-color:#59B;*/
	background:url(../images/quick_modify_button.jpg) no-repeat 0px 0px;
}
a.active_button.trigger {
	background:url(../images/minus.jpg) no-repeat 0px 0px;
	width:24px;
	height:145px
	position:absolute;
	z-index:1000;
}
.panel {
	color:#CCC;
	position: absolute;
	display: none;
	background: #ffffff;
	width: 300px;
	height: auto;
	z-index:1;
}
.panel.left {
	left: 0;
	padding: 5px 30px 20px 50px;
	border:1px solid #c4c4c4;
}

.panel p {
	font-size:11px;
}

.quick_modify_table{font-family: 'Source Sans Pro', sans-serif; font-size:11px; color:#646464; margin-bottom:5px;}

.quick_modify_table input[type=checkbox]{border:1px solid #c4c4c4; vertical-align:middle;}

/* Left slide css ends here */

pre.tip
		{
			font-family: 'Source Sans Pro', sans-serif; 
			margin: 0px;
			/*padding: 5px;*/
			font-size: 12px;
			font-weight:normal;	
		}
.box{
        display: none;
    }
    .white{ background: #ffffff; }
    .fancy{ background: #ffffff; padding-left:105px;}
	
	label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	/*padding-left: 15px;*/
	margin-right: 0px;
}

input[type=radio],
.quick_modify_table input[type=checkbox] {
	/*display: none;*/
}
.quick_modify_table label:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border:1px solid #c8c8c8;
	margin-right: 5px;
	position: absolute;
	left: 0;
	bottom: 3px;
	background-color: #ffffff;
}

.radio label:before {
	border-radius: 8px;
}
.checkbox label {
	margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}

.quick_modify_table input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.quick_modify_table input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 9px;
	color: #000000;
	text-align: center;
    line-height: 9px;
}
.clarity_listing span{font-size:10px; color:#646464;  padding:0px 4px; margin:0px 7px 0px 0px;}
.clarity_listing span:hover {color:#003e7e!important; border-bottom:2px solid #003e7e; cursor:pointer;}
.clarity_listing input{width:25px; border:1px solid #dcdcdc; font-size:10px; color:#646464; text-align:center;}

.cut_listing span{font-size:10px; color:#646464;  padding:0px 4px; margin:0px 73px 0px 0px;}
.cut_listing span:hover {color:#003e7e!important; border-bottom:2px solid #003e7e; cursor:pointer;}
.cut_listing input{width:25px; border:1px solid #dcdcdc; font-size:10px; color:#646464; text-align:center;}

.reset{ color:#003e7e; font-size:10px; text-align:right;}
.reset a{ color:#003e7e; text-decoration:underline;}
.reset a:hover{ color:#003e7e; text-decoration:underline;} 

.HighLightSortGreen
{ 
    background-color: #CEF6CE !important;
}

/* Quick Modify styles */
a.trigger {
position: absolute;
background: url(../images/minus.jpg) 6% 55% no-repeat;
text-decoration: none;
font-size: 16px;
letter-spacing: -1px;
font-family: verdana, helvetica, arial, sans-serif;
color: #fff;
font-weight: bold;
z-index: 2;
}
a.active_button.trigger {
/*background: url(img/quick_modify_button.jpg) no-repeat 0px 0px;*/
width: 24px;
height: 145px position:absolute;
z-index: 1000;
}

a.trigger.left {
left: 0;
/*background: url(img/quick_modify_button.jpg) no-repeat 0px 0px;*/
width: 24px;
height: 145px;
}

.quick_panel_box{ width:420px; left:0; border:1px solid #c5c5c5;}
.quick_reset{ float:right; padding:2px 10px 8px 0px; margin:0px;}
.blue_link{ color:#003e7e; font-size:12px; padding:2px 5px; border-bottom:2px solid #bfcfdf; text-decoration:none; letter-spacing:0.1em;}
.box_shadow{border-collapse: collapse; -moz-box-shadow: 0 0 5px #9d9d9d; -webkit-box-shadow: 0 0 5px #9d9d9d; box-shadow: 0 0 5px #9d9d9d;}
.text_center{ text-align:center;}
.quick_modify_title{font-family: 'Lato', sans-serif; font-size:12px; font-weight:900; color:#003e7e; text-transform:uppercase; padding: 0px 15px 0px 0px; float: left; text-align: center; width: 100%; position: absolute; left: 0;}
.blue_top{font-family: 'Lato' , sans-serif; white-space: nowrap; font-size: 12px; color: #003e7e !important; font-weight: bold; background: #f2f7ff !important; -moz-box-shadow: 0 0px 4px -4pxpx #b4ceec; -webkit-box-shadow:  0 0px 4px -4px #b4ceec; box-shadow:  0 0px 4px -4px #b4ceec;  }
.quick_checkbox { position: relative; top: 2px; }
.blue_top td{ padding:2px 5px;}
.quick_content_box td{ background:none !important; width:20%; font-size:12px;}
.fright{ float:right;} .fleft{ float:left;}
.quick_content_box{margin: 5px auto; overflow: hidden; padding: 0px 15px; text-align:center;}
.quick_shape_img{ height:23px;}
.clarity_span{ text-align:center; line-height:35px;}
.clarity_span a{ color:#646464 !important; font-size:12px; padding:0px 9px 2px 9px !important; text-decoration:none; line-height:27px;}
.clarity_span a:hover{ color:#003e7e !important; text-decoration:none;border-bottom: 3px solid #003e7e; }
.cut_gray label{ color:#646464 !important; font-size:13px !important;}
.quick_content_box:hover{ color:#003e7e;}
.quick_content_box span{color:#646464; font-size:12px;}
.quick_content_box span:hover{ color:#003e7e;}
.quick_cut_box{ width:100%; margin:0px auto 2px auto; overflow:hidden;}
.quick_cut_text{ text-align:center; line-height:23px; padding:5px 15px; display:inline; }
.big_underlined_text{ font-size:12px !important; text-transform:uppercase; text-decoration:none;border-bottom:3px solid #fff;}
.big_underlined_text:hover{color:#003e7e !important; border-bottom:3px solid #003e7e;  text-decoration:none; cursor:pointer;}
.big_underlined_textactive{color:#003e7e !important; border-bottom:3px solid #003e7e;  text-decoration:none; cursor:pointer;}
a .big_underlined_textactive{color:#003e7e !important; border-bottom:3px solid #003e7e;  text-decoration:none; cursor:pointer;}

.fluorescence_text{ font-size:13px !important; padding:5px 0px !important;}
.padd_20_left{ padding-left:20px !important;}
.quick_color_margin{ margin-left:-125px;}
.quick_lab{ display:inline-block; margin:0px 3px;}
.quick_lab_text{ color:#646464; font-size:12px !important; text-transform:uppercase; padding:0px 3px 2px 3px !important; display: block; /*border-bottom:3px solid #003e7e; font-weight:normal;*/}
.quick_lab_text:hover{ color:#003e7e;}
.quick_lab_img_box{ clear:both; padding-bottom:3px;}
.quick_lab_img{ height:34px;}
.padd_lr{ padding:0px 7px;}
.size_field{ border:1px solid #dcdcdc; height:18px; width:50px; color:#646464; font-size:12px; padding:2px;}
.fields_margin{ margin:5px 0px 10px 0px;}
.measurements_box{ padding:0 0 0 25px;}
.measurements_div{ width:30%; margin:5px 5px; float:left; font-size:12px;}
.measurements_field{ border:1px solid #dcdcdc; height:15px; width:35px; color:#646464; font-size:12px; padding:2px;}
.measurements_div div{ text-align:center; clear:both; font-size:12px;  color:#646464; text-transform:uppercase; line-height:15px;}
.measurements_box_2{width:100%; overflow:hidden; margin:0 0 10px 50px}