﻿.popupbackground {
    height:100%;
    width:100%;
    position:fixed;
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.2;
	overflow:hidden;
	left:0;
	top:0;
	z-index:998;
}
.popup
{
    position:fixed;
    top:20%;
    left:50%;
    margin-left: -250px;
	width:500px;
	border: none;
	overflow: hidden;
	z-index:9999;
	background-color: white;
	padding:2px;	
	
}

/***** Tell a Friend *****/

.popup_tellafriend
{
    background-image:url('images/bg_popup_title.jpg');
	background-position:top;
    background-repeat:no-repeat;
    background-color:#fff;
    position:fixed;
    top:20%;
    left:50%;
    margin-left: -250px;
	width:544px;
	height:500px;
	border: none;
	overflow: hidden;
	z-index:9999;
	padding:2px;	
}

.popup_tellafriend .title
{
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
    color:#000;
}

.popup_tellafriend .title span
{
    text-transform: uppercase;
    float:left;
    margin:10px 140px;
    color:#fff;
}

.popup_tellafriend .popup_close
{
    background-image:url('images/close.png');
    background-repeat:no-repeat;
    width:23px; height:20px;
    position:absolute;
    top:13px; right:10px;
    text-indent:-9999px;
}

.popup_tellafriend .content
{
    font-size:11px;
    margin-top:90px;
    margin-left:60px;
    font-family:Tahoma;
    
}

.popup_tellafriend .content .send
{
    width:100px;
    height:18px;
    background-color:#000;
    color:#fff;
    display:block;
    text-decoration:none;
    padding-top:5px;
    display:inline-block;
   
}

/***** Terms and Conditions *****/
.tandc
{
    background-image: url('images/bg_big_popup.jpg'); 
    background-repeat:no-repeat; 
    width:800px;
    padding:0px;
    overflow:hidden;	
 }
 .tandcfooter
{
    background-image: url('images/bg_big_popup_bottom.jpg'); 
    background-repeat:no-repeat; 
    width:800px;
    height:137px;
    display:block;
 }

  .tandc .close
 {
    position:absolute;
    background-image: url('images/close.png'); 
    background-repeat:no-repeat; 
    color:#FFF;
    width:23px;
    height:20px;
    display:block;     
    bottom:12px;
    right:48px;
 }
 
 .tandc .tclose
 {
    font-family:Tahoma;
    font-size:11px;
    position:absolute;
    display:block;
    color:#FFF;
    bottom:14px;
    right:78px;
 }
 
.tandc .tandc_menu
{
     float:left;
     width:200px;
     position:absolute;
     top:170px; left:46px;
}

.tandc .tandc_menu ul li
{
     margin-top:10px;
     font-family:Tahoma;
     font-size:14px;        
     color:#000; 
} 


.tandc .tandc_menu ul li a
{
     font-family:Tahoma;
     font-size:14px;    
}

.tandc .tandc_menu ul li a:hover
{
    color:#000;
}

.tandc .tandc_menu ul li a.normal
{
     color:#888889;    
     font-weight:normal;
}

.tandc .tandc_menu ul li a.selected
{
     color:#000000;    
     font-weight:bold;
}

.tandc .tandc_content
{
     float:right;
     width:530px;
     margin-top:46px;
     margin-right:40px;
     font-family:Tahoma;
     font-size:12px;     
}

.tandc .tandc_content h1
{
    font-weight:bold;
    font-size:12px;     
    color:#000000;
}

.tandc .tandc_content p
{
    font-weight:normal;
    color:#707070;
    margin-top:25px;
    line-height:20px;
}
 
/******* Invoice popup styles *****/
.invoicepopup
{
    background-image: url('images/bg_big_popup.jpg'); 
    background-repeat:no-repeat; 
    width:800px;
    padding:0px;
    overflow:hidden;
    font-family:Tahoma;	
    font-size:12px;
    position:relative;
}

.invoicepopup .title
{
    margin-top:30px; 
    padding-left:50%; 
    margin-left:-30px;
    font-family:Tahoma; 
    font-size:16px; 
    font-weight:bold;
}
 

/****** Shopping Info popup styles *****/

.shoppinginfo
{
    background-image: url('images/bg_small_popup.png'); 
    background-repeat:no-repeat; 
    width:570px;
    height:230px;
    margin-left: -300px;
    padding:0px;	
 }
 
 .shoppinginfo .title
 {
     font-family:Verdana;
     font-weight:normal;
     font-size:16px;
     color:#FFF;
     margin-top:19px;
     margin-left:123px;
 }
 
 .shoppinginfo .content
{
    font-family:Tahoma;
    font-size:12px;
    font-weight:normal;
    color:#707070;
    line-height:16px;
    position:relative;
    margin-top:54px;
    margin-left:123px;
}

.shoppinginfo .accept
{
    position:absolute;
    background-image: url('images/accept.png'); 
    background-repeat:no-repeat; 
    width:73px;
    height:30px;
    display:block;
    top:90px;
}

.shoppinginfo .close
{
    position:absolute;
    background-image: url('images/close.png'); 
    background-repeat:no-repeat; 
    width:23px;
    height:20px;
    display:block;     
    top:14px;
    right:14px;
} 
 

/***** popup scollbar styles *****/

.popup2ScrollableContent
{
    height: 400px; 
    overflow: hidden;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #777;
	width:25px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #DDD;
	cursor: pointer;
	overflow: hidden;
	background: #00a7eb;
}
.jScrollPaneDrag:hover {
	background: #00a7eb;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height:1px;
	background: #000;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height:1px;
	background: #000;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #333;
	height: 14px;
}
a.jScrollArrowUp:hover {
	background-color: #00a7eb;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #000;
	height: 14px;
}
a.jScrollArrowDown:hover {
	background-color: #000;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #00a7eb;
}

table .shipping
{
}
 table .shipping tr td
 {
     padding-left:5px;
 }
