﻿/* Elements */

body 
{
    height:100%;
	margin: 0;
    padding: 0;
	border: 0;
	font-family:Tahoma, Calibri, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #ffffff;
	background-color:#161616;
	scrollbar-track-color: #000000;
	scrollbar-face-color: #646464; 
    scrollbar-shadow-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-highlight-color: #000000; 
    


	

		
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
    
}


h1 
{

	font: 18px  Segoe Ui, arial, helvetica, geneva, sans-serif;
	line-height: 22px;
	color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}
h2 
{
     font-family: 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
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;

}
li
{
    background-image: url(../Standard/Images/Icons/img_list_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 14px; 
}
.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: TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:17px;
     font-weight:bold;
  

}
.content_table h2
{
     font-family: TeXGyreHeros, Sans-Serif, Arial ;
     color:#ffffff;
     font-size:14px;
     font-weight:bold;
 
     line-height:18px;
     
}
.content_head
{
      color:#ffffff;

}
.content_content
{
      color:#ffffff;

}
a 
{
	 border:0px;	
}
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;

}
/*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;


}
.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.7;         
	-moz-opacity:.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70), progid:DXImageTransform.Microsoft.Alpha(Opacity=70);



}

.modalPopup {
	background-color:#f1f1f1;
	border-width:5px;
	border-style:solid;
	border-color:#f8f8f8;
	
}
.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;
  
}



.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;

      


}
.box_fade
{
    background:black; 
    filter:alpha(opacity=60); 
    -moz-opacity:.60; 
    opacity: 0.6; 
    opacity:.60;
    z-index:1;
	-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;
}



