﻿/* Elements */

body 
{
    height:100%;
	margin: 0;
    padding: 0;
	border: 0;
    font: 11px/18px "lucida sans unicode", "lucida grande", sans-serif; 
    font-size:0.7em;
	line-height:17px;
	color: #ffffff;
	background-color:#161616;	
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;

    
}

.image
{
     outline:none;	
}
.verify-banner {
	height: 48px; text-align: center; padding-top: 11px;
	background: url(../Standard/Images/Icons/regular-bg.jpg) repeat-x;
}
h1 
{

	font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
	font-size:18px;
	line-height: 22px;
	color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}
.con_tab_content h1
{
     font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:18px;
     font-weight:bold;

}
.comp_cont h1
{
     font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:18px;
     font-weight:bold;
     padding-left:6px;
     padding-bottom:6px;

}	
h2 
{
     font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
     color:#fff;
     font-size:14px;
     font-weight:bold;
     margin: 0 0 0 0;
     padding: 0 0 0 0;     
     line-height:22px;

}		

h3 
{
	font-family: Segoe Ui,verdana, helvetica, arial, geneva, sans-serif;
	color: #cccccc;
	font-size:14px;
	font-weight:normal;
	width: 750px;

}
h4 
{
	font: 18px  Segoe Ui, arial, helvetica, geneva, sans-serif;
	line-height: 22px;
	color: #777;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom:1px dotted #ffffff;

}	
.list td
{

}
ul
{
    padding: 0px;
    margin: 0px;
    padding-left:20px

}
/*li
{
    background-image: url(../Standard/Images/Icons/img_list_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 14px; 
}*/
.pager td
{
     border :1px solid #404040;
     padding:3px;
     

}
.prod_head
{

     background: none transparent scroll repeat 0% 0%;     
     margin: 0px 0px 3px 0px;  
     padding: 0px 0px 0px 0px;
     font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
     font-size: 18px;
     color: #ffffff;
     font-weight:normal;

}
.prod_details
{
     padding-left:20px;
     padding-top:5px;
     width:380px;
     float:left;
     text-align:left;

}

.prod_table td
{
     border-bottom :1px solid #404040

}
.d_head
{
      color:#cccccc;

}
.d_content
{
      color:#999999;
      line-height:15px;

}
.content_table td
{

     color:#ffffff;
     font-size:11px;
     vertical-align:top;

}
.content_table h1
{
     font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:18px;
     font-weight:bold;
 

}
.content_table h2
{
     font-family: Proxima Nova Lt, TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:14px;
     font-weight:bold;
     line-height:18px;
     
}
.content_head
{
      color:#ffffff;
      margin-top:-20px

}
.content_content
{
      color:#ffffff;

}
a 
{
	 border:0px;	
	 outline:none;
}
a:link, a:visited, a:active 
{
    text-decoration: none;
    color:#ffffff;
    outline:none;
    border: 0px 0px 0px 0px;

}

a:hover
{
 	 color: #ffffff;
 	 outline:none;
 	 text-decoration:underline;

}
.emptydata_notice td { background: #f4f4f4; color: #333333; border: 1px solid #cccccc; height:30px; padding-left:5px; text-transform:uppercase; font-size:11px }

/* Status Messages */
.error,
.notice, 
.success    { padding: 8px; margin-bottom: 10px; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #f0f9ff; color: #5b70af; border-color: #dbeefb; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
/*a:link, a:active, a:visited 
{
    font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 11pt;
	font-weight:bold;
    color:#ffffff;
    text-decoration: none;
    outline:none;
    cursor:hand;

}

a:hover  
{
     text-decoration: none;
 	 color: #99c1da;
 	 outline:none;	
}*/

a.master 
{
    font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 11pt;
	font-weight:bold;
    color:#ffffff;
    text-decoration: none;
    outline:none;
    cursor:hand;
		
}
a.master:link, a.master:visited, a.master:active 
{
    text-decoration: none;
    color:#ffffff;
    outline:none;
    cursor:hand;

}
a.master:hover
{
    color:#ffffff;
    text-decoration:none;
    outline:none;
    cursor:hand;
		
}
		
input 
{
	font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
}			
	
select 
{
	font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
	background-color:#404040;
	border:1px solid #4d4d4d;
	padding:5px;
	color:#999999;
}		

textarea 
{

}


table
{
    
}

th
{
    font-weight: normal;
    text-align: left
    
}

td
{
}

tfoot
{
}

.browse
{
	font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 15pt;
	color: #bbbbbb;
	font-weight:bold;
}


/* Modules menu styles */

.search_list
{
  padding:20px;

}
.search_results
{
	margin: 0 0 0 240px;


}
.search_results_bo
{
	margin: 0 0 0 380px;


}
.featured_product_thumb
{	
	width: 691px; 
	height: 263px;
	text-align:center;
	position: relative; 
	float:left; 
	z-index: 0; 
	margin-right:8px;
	
}
.popupMenu 
{
    background-image: url(../Standard/Images/Icons/Menu_BG.jpg);
	background-repeat:no-repeat;    
	position:absolute;
	visibility:hidden;
	font-family:Segoe Ui,  Arial, Verdana, sans-serif;
	font-size:12px;	
	color:#ffffff;
	width:180px;
	height:143px;

}
.popupMenuLarge 
{
    background-image: url(../Standard/Images/Icons/Menu_BG_Large.jpg);
	background-repeat:no-repeat;    
	position:absolute;
	visibility:hidden;
	font-family:Segoe Ui,  Arial, Verdana, sans-serif;
	font-size:12px;	
	width:202px;
	height:265px;
	line-height:33px;

}
.popup_img
{
    background-image: url(../Standard/Images/Icons/img_detail_bg.gif);
	background-repeat:no-repeat;    
	visibility:hidden;
	width:638px;
	height:600px;

}

.popupHover {

	z-index:100;
	
}
.modalBackground
{
	background-color: Gray;
	opacity:0.4;         
	-moz-opacity:.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter:alpha(opacity=40), progid:DXImageTransform.Microsoft.Alpha(Opacity=40);



}

.modalPopup {
	background-color:#f1f1f1;
	border-width:5px;
	border-style:solid;
	border-color:#666666;
	box-shadow:0px 0px 20px #333;
}
.wireFrame {
    display: 	none; 
    overflow: hidden; 
    z-index: 2; 
    background-color: #FFFFFF; 
    border: solid 1px #D0D0D0;

}
.menutable:hover
{
    background-image: url(../Standard/Images/Icons/Menu_BG_Hover.jpg);
	background-repeat:no-repeat; 
	height:33px;
	width:202px;
	padding:0px;
	line-height:33px;
}

.ModuleMenu a:link, .ModuleMenu a:visited, .ModuleMenu a:active 
{
  color: #787878; 
}


.main_nav
{
	width: 200px;
	float:left;
	margin-top:150px;


	

}
#nav tr
{
     height:35px

}
.page_content
{
    float:left;
    width:100%
}

#global_nav
{
	width: 100%;
	height:78px;

}


#footer
{
	width: 100%;
	clear:both;
	height:90px;
	background-color:Black;
    filter:alpha(opacity=40); 
    -moz-opacity:.40; 
    opacity: 0.4; 
    opacity:.40;

	

}

#footer a
{
    color:#5d87c3
}
a.footer:link, a.footer:visited, a.footer:active 
{
    text-decoration: none;
    outline:none;

}
a.footer:hover
{
    color:#5d87c3;
    text-decoration: underline;
    outline:none;
		
}
.Info
{
    background-image: url(Images/Icons/DrawPin1.gif);
    background-repeat: no-repeat;
    padding:10px 20px 10px 35px;
    border: 1px solid #cccccc;
    color:#b9b9b9;
    background-color:#eeeeee;    
}
.Warning
{
    background-image: url(Images/Icons/messagebox_warning.png);
    background-repeat: no-repeat;
    color:#ff6600;
    padding:0px 0px 0px 25px;
  
}
.SearchWarning
{
    background-image: url(Images/Icons/Flag.png);
    background-repeat: no-repeat;
    padding:0px 20px 0px 25px; 
     

  
}
.EmptyDataWarning 
{

    color:#cccccc;
  
}

.EmptyDataWarning td
{
    background-image: url(Images/Icons/messagebox_warning.gif);
    background-repeat: no-repeat;
    padding:7px 20px 5px 35px;
    border: 1px dotted #000000;
    color:#666;
    background-color:#ffffff;
  
}
.EmptyData td
{
    color:#eee;
    padding-left:10px;
  
}


.FileUploadSuccess
{
    background-image: url(Images/Icons/messagebox_warning.gif);
    background-repeat: no-repeat;
    padding:0px 0px 0px 25px;
    font-size:12px;

}
.EditSortOrderBox
{
    text-align:center;


}
.MainContainer 
{
	margin-bottom:40px;
	float:left;

}
.prod_page
{
	margin-left:200px;
	background-image: url(../Standard/Images/Icons/prod_bg.jpg);
	background-repeat:no-repeat; 
	height:1024px;

	  
	

}
.prod_repeat
{
	background-image: url(../Standard/Images/Icons/prod_bg_black.jpg);
	background-repeat:repeat-x;
	height:1024px;

	  
	

}
.price
{
    background-image: url(../Standard/Images/Icons/icon_price_bg1.gif);
	background-repeat:no-repeat;   
	clear:both; 

}
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#ffffff;
	font-family: Verdana;
	font-size:10px;	
	color:#ff6600;
	padding:7px;
	border:1px solid #dddddd;	

}

.helppopupMenu {
	position:absolute;
	visibility:hidden;
	background-image : url(../App_Themes/TT/Images/Icons/Speech-Bubble.gif);
	font-family: Verdana;
	font-size:10px;	
	color:#777777;
	padding:7px;
	background-repeat:no-repeat;
	text-align:left;	

}

.popupHover {

	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffffff;
	font-family: Verdana;
	font-size:11px;
}





.TextBoxAlign
{
    text-align:right;
    padding-right:3px;
    
}


.PageUnderConstruction
{
    margin-left:50px;
    margin-top:40px;
    /*background-image: url(../TT/Images/Icons/Spanner.gif);*/
    background-repeat: no-repeat;
    padding:10px 20px 15px 20px;
    border: 1px solid #cccccc;
    width:630px;
}


.ProductThumb
{
	width: 182px; 
	height: 182px;
    border: solid 1px #333333;
	text-align:center;
	padding:7px;
	float:left;
	padding-bottom:25px;
	
}
.ProductThumb_large
{
	width: 900px; 
	height: 500px;
    border: solid 2px #404040;
	text-align:center;
	padding:7px;
	
}
.ProductThumb_detail_bo
{
	width: 1050px; 
	height: 720px;
    border: solid 2px #404040;
	text-align:center;
	padding:7px;
	
}
.Product_detail
{
	width: 380px; 
    border: solid 1px #292929;
	text-align:center;
	padding:7px;
	padding-bottom:20px;
	
}
.left_nav_options
{
    background-image: url(../standard/Images/Icons/bg_left_nav.jpg);
    background-repeat:no-repeat;
    float:left; 
    width:228px;
    height:715px; 
    margin-top:20px;
	
}
.left_nav_options_bo
{
    background-image: url(../standard/Images/Icons/bg_left_nav.jpg);
    background-repeat:no-repeat;
    float:left; 
    width:228px;
    height:715px; 
    margin-top:20px;
	
}


.autocomplete_completionListElement
{
	font-family: Verdana, Arial, geneva, sans-serif;
    background-color: #eeeeee;	
	font-size: 10px;
	color:#4a4a4a;
    text-align:left;
    border: 1px solid #dddddd;
    margin:0px;	
    cursor: hand;
    overflow: auto;
    text-align: left;
    list-style-type: none;
    z-index:100;
    width:175px;

}
.autocomplete_listItem
{
    cursor: hand;  
    border-bottom:1px solid #dddddd; 
    padding-left:5px; 
    z-index:100;
    width:175px

}
.autocomplete_highlightedListItem
{
    color:#ff6600;
    cursor: hand;
    background-color: #fffedf;
    border-bottom:1px solid #dddddd; 
    padding-left:5px;
    z-index:100;
    width:175px
  
}
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-image : url(../Standard/Images/Icons/Speech-bubble.gif);
	font-family: Verdana;
	font-size:10px;	
	color:#777777;
	padding:7px;
	background-repeat:no-repeat;
	text-align:left;	
    z-index:100;
    border:none;
    background-color:Transparent;
}

.popupHover {

	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffffff;
	font-family: Verdana;
	font-size:11px;
	z-index:100;
	border:none;
}

#pagefoot 
{
    position:absolute; 
    bottom:0px; 
    width:2100px;  
    height:78px; 
    font-family:Verdana;
    background-image: url(../TT/Images/Icons/POSFooterNew.gif);
    background-repeat:repeat-x;
    font-size:10px;
    color:#ffffff;
    
}

/*.........................................................................*/

#cont {
	z-index: 0; 
	position: absolute; 
	overflow: auto; 
	width:100%;
	height:100%;
	top: 0px; 
	left: 0px
}

.box {
	position: absolute; 
	z-index: 999; 
	padding-bottom: 100px; 
	width: 500px; 
	top: 15%; 
	right: 200px;
	line-height: 1.5em; 
	padding-left: 30px; 
	padding-right: 30px; 
	background: #fff; 
	padding-top: 40px;

}

.box div a 
{
	text-decoration: underline
}

.box_top
{
    background:white; 
    filter:alpha(opacity=60); 
    -moz-opacity:.60; 
    opacity: 0.6; 
    opacity:.60;
     padding:20px;

      


}
.page_detail_rg td
{
    width:962px;
    height:622px;
    background-color:#363636;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius:12px; /* bottom left corner */
	-webkit-border-bottom-right-radius:12px; /* bottom right corner  */   
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;

     
}
.listing_detail td
{
    vertical-align:top;
    padding-left:15px;
    padding-bottom:5px;
    color:#000000;
 
 
} 
.listing_detail select 
{
	font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	color:#000000;
	padding:1px;
	border:1px solid #999;
}	
.listing_detail input 
{
	font-family: Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	color:#000000;
	padding:2px;
	border:1px solid #999;
}
.popupHover {

	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffffff;
	font-family: Verdana;
	font-size:11px;
	z-index:1;
}
.mobilepopupMenu {
	position:absolute;
	visibility:hidden;
	background-image : url(../Standard/Images/Icons/Speech_bubble_mobile.gif);
	font-family: Verdana;
	font-size:10px;	
	color:#777777;
	padding:7px;
	z-index:1;
	background-repeat:no-repeat;
	text-align:left;	

}
.button {
	height: 24px !important;
	font-family:Sans-Serif, Arial, Helvetica !important;
	margin: 0;
	padding: 3px 6px;
	background: #f1f1f1 url(../Standard/Images/Icons/bg-panel-header.gif) left bottom repeat-x;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #808080;

		
}
.box_fade
{
    background:black; 
    filter:alpha(opacity=60); 
    -moz-opacity:.60; 
    opacity: 0.6; 
    opacity:.60;
    z-index:1;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius:12px; /* bottom left corner */
	-webkit-border-bottom-right-radius:12px; /* bottom right corner  */   
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;

      


}
.box_right 
{
    width:100%;
    background:black; 
    filter:alpha(opacity=40); 
    -moz-opacity:.40; 
    opacity: 0.4; 
    opacity:.40;
    height:47px

      


}
.box_text 
{
    font-size:10px;
    font-family: Arial, sans-serif;
    color:#636668;  
    font-weight:bold;
    

}
.box_text td
{
    color:#636668;  
    font-weight:bold;
}
.bg_Image
{

    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;	
    z-index: -1;  
	
}
.logo_nav
{

    position:absolute;
    top:560px;
	
}
.nav
{

    position:absolute;
    top:640px;
    width:100%
	
}
.fadebox
{

    position:absolute;
    top:0px;
    right:50px;

	
}
.fadebox_left
{

    position:absolute;
    top:0px;
    left:50px;

	
}

.fadebox_parts
{
    margin-left:10px;
	
}

.PageText
{
    float:left;
    text-align:left;
    height:500px;

	
}
.mobilepopupMenu
{
    display:none;
	z-index:100;
	background-repeat:no-repeat; 

}
.popupHover {

	z-index:999;
}

/* -- tab object styles ------------------------------- */
    
    
.ajax__ctab .ajax__tab_header {font-family:"lucida sans unicode", "lucida grande", sans-serif; color:#ddd; font-size: 1.0em; line-height:32px; border-bottom:solid 1px #fff; border-bottom:0px; height:32px;}
.ajax__ctab .ajax__tab_outer {padding-right:0px; height:32px; line-height: 32px; background-color:#c0c0c0; border-top:solid 1px #404040; margin-left:-1px; border-left:solid 1px #404040; border-right:solid 1px #404040; border-bottom:solid 1px #404040; }
.ajax__ctab .ajax__tab_inner {padding:0px; padding-left:10px; padding-right:10px; background-color:#404040; line-height: 31px;  border-top:1px solid #404040; border-left:1px solid #404040; border-right:1px solid #404040; height:31px;  } /* all inactive tabs */
.ajax__ctab .ajax__tab_tab { padding:0px; margin:0; height:31px;  }
.ajax__ctab .ajax__tab_hover .ajax__tab_outer {background-color:#cccccc; height:31px; }
.ajax__ctab .ajax__tab_hover .ajax__tab_inner {background-color:#cccccc; height:31px;}
.ajax__ctab .ajax__tab_hover .ajax__tab_tab {color:#404040;}
.ajax__ctab .ajax__tab_active .ajax__tab_outer {background-color:#161616; border-left:solid 1px #404040; color:#ddd; height:31px; }/* active tab */
.ajax__ctab .ajax__tab_active .ajax__tab_inner {background-color:#161616; border-bottom:1px solid #161616; border-left:1px solid #161616; border-top:1px solid #161616;}
.ajax__ctab .ajax__tab_active .ajax__tab_tab {border-bottom:1px solid #161616; color:#ddd; height:30px;}
.ajax__ctab .ajax__tab_body { border-top:1px solid #404040; margin-top:1px; margin-left:-1px; padding-bottom:0px; width:469px;  border-right:1px solid #404040; border-left:1px solid #404040; border-bottom:1px solid #404040;}

.ajax__mytab .ajax__tab_header {font-family:lucida grande, lucida sans unicode, sans-serif;font-size:13px;border-bottom:solid 1px #999999}
.ajax__mytab .ajax__tab_outer {padding-right:0px; height:21px; background-color:#c0c0c0; margin-right:2px; border-right:solid 1px #666666; border-top:solid 1px #aaaaaa;  }
.ajax__mytab .ajax__tab_inner {padding-left:3px;background-color:#c0c0c0;  }
.ajax__mytab .ajax__tab_tab {height:13px;padding:4px;margin:0; }
.ajax__mytab .ajax__tab_hover .ajax__tab_outer {background-color:#eeeeee; }
.ajax__mytab .ajax__tab_hover .ajax__tab_inner {background-color:#eeeeee;}
.ajax__mytab .ajax__tab_hover .ajax__tab_tab {}
.ajax__mytab .ajax__tab_active .ajax__tab_outer {background-color:#fff; border-left:solid 1px #999999; border-bottom:1px solid #ffffff}
.ajax__mytab .ajax__tab_active .ajax__tab_inner {background-color:#fff; border-bottom:1px solid #ffffff}
.ajax__mytab .ajax__tab_active .ajax__tab_tab {border-bottom:1px solid #ffffff}
.ajax__mytab .ajax__tab_body {font-family:lucida grande, lucida sans unicode, sans-serif; border:1px solid #999999;border-top:0;padding:0px; background-color:#161616; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #e0dfe3;} 

.con_tab_content
{
    height:400px;
    background-color:#161616;
    padding-left:10px;
    padding-top:10px;
}

.c_systemgridview th
{  
    border-top:1px solid #404040;
    border-bottom: 1px #404040 solid;
    border-right: 1px #404040 solid;
    height:17px;
    padding-left:6px;
    text-align:left;
    font-weight:normal;
    color:#999999;

}
.c_systemrowstyle input
{  
     width:15px;
     background-color:#fffedf;

}
.c_systemrowstyle input
{  
     width:15px;
     background-color:transparent;

}
.c_systemalternatingrowstyle input
{  
     width:15px;
     background-color:transparent;

}
.c_systemrowstyle td
{  
    border-right:1px solid #404040;
    border-bottom: 1px #404040 solid;
    height:17px;
    padding-left:6px;
    padding-right:6px;
    color:#999999;
   
}
.c_systemalternatingrowstyle td
{  
    border-right:1px solid #404040;
    border-bottom: 1px #404040 solid;
    height:17px;
    padding-left:6px;
    padding-right:6px;
    color:#999999;
}



