/*
New styles for accordion navigation
Author: Alex S // BD Network
Site: Optac.info
Last updated: 21/06/2010
*/


#main-nav 
	{ font-family: Myriad, Verdana, Arial; font-size: 10px; font-weight: bold; line-height: 12px; }

#main-nav .submenuheader 
	{ }

#main-nav .submenu 
	{ margin-bottom: 2px; }

#main-nav .submenu ul 
	{ list-style: none; margin: 0; padding: 0; }

#main-nav .submenu ul li 
	{ }

#main-nav .menuitemstyle1 
	{ background:url("/images/nav-arrows.gif") no-repeat scroll 175px 7px #DBDADA; 
	font-family: Myriad, Verdana, Arial; font-size: 10px; font-weight: bold; line-height: 12px;
	margin: 0 0 2px; padding: 5px 6px 5px 14px; text-decoration: none; }

#main-nav .submenuheader .menuitemstyle1 
	{ background:url("/images/nav-arrows.gif") no-repeat scroll 175px -23px #DBDADA; }

#main-nav .menuitemstyle1:hover 
	{ background-color: #82BAD8; cursor: pointer; }

#main-nav .menuitemstyle1 a 
	{ text-decoration: none; }

#main-nav .menuitemstyle2 
	{ background-color: #ececec; display: block; margin: 0 0 2px; padding: 5px 6px 5px 24px; }

#main-nav .menuitemstyle2:hover 
	{ background-color: #82BAD8; cursor: pointer; }
#de #main-nav .menuitemstyle1,
#se #main-nav .menuitemstyle1 {
	font-size: 9px;
	background: url("/images/nav-arrows.gif") no-repeat scroll 175px 7px #DBDADA;
	padding: 5px 6px 5px 10px;
	}


















/* Start obsolete nav styles */




#topnav {
    background-color:#000000;
	margin:2px 0;
	width:100%;
    padding: 0px;
    list-style: none;
    overflow: hidden;
}

#topnav ul {
    float: right;    
    background-color: #fff;
    list-style: none;
    padding: 0px;
    margin: 0px; 
}

#topnav ul li {
    float: left;
    background-color: #000;
    margin-left: 2px;
    font-size: 10px; 
    display: inline;
    padding: 0px;
    margin: 0px; 
}

#topnav ul li a {
    float: left;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 7px;
    font-size: 10px;
    text-decoration: none;
    height: 21px;
    line-height: 20px;
    clear: right;
}

#topnav ul li a:hover {
    background-color: #666666;       
}

#topnav ul li a.selected {
    color: #000;
    background-color: #fff;    
}

#topnav ul li a.childelected {
    color: #000;
    background-color: #fff;    
}


/* Left nav */
.leftcolumn #leftnav {
    width: 165px;       
    margin: 0px;
    padding: 0px;
}

.leftcolumn #leftnav ul
{
    margin: 0px;
    padding: 0px;
    width:165px;
    list-style: none;
}

.leftcolumn #leftnav li {
    background-color: #dbdada;      
    width:165px;    
    float:left;
    display: block;    
    border-bottom: 2px solid #ffffff;
	word-wrap: break-word;
}

.leftcolumn #leftnav li a {
    color: #777777;
    font-weight: bold;
    text-transform: uppercase;    
    width:145px;
    display: block;   
    padding-left: 14px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 4px;  
    font-weight: bold;
    text-decoration: none;
    font-family: Myriad, Verdana, Arial;
    font-size: 10px;
    line-height: 12px;  
    float: left;
    clear: right; 
}

.leftcolumn #leftnav li a:hover {
    background-color: #cccccc;
}

.leftcolumn #leftnav li a.selected {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:10px 6px 10px 14px;
	text-transform:uppercase;
}

/*
.leftcolumn #leftnav li a.parent, 
.leftcolumn #leftnav li a.parent:hover {
    padding-left: 7px;
    padding-right: 13px;
    line-height: 16px;
}
*/

.leftcolumn #leftnav li .sub-sub a.selected,
.leftcolumn #leftnav li .sub-sub a.selected:hover,
.leftcolumn #leftnav li .sub-sub
{
/*    padding-left: 20px !important;*/
    padding-right: 0px;
}

.leftcolumn #leftnav .sub-navigation {
    text-decoration: none;
    background-color: #82BAD8;
}  

.sub-navigation, .sub-navigation .parent {

}


/* END obsolete nav styles */






































/*====================================================*/
/*====================================================*/
#header-menu 
{
    float: right;  
    height: 21px; 
    margin-top: 20px;
}

    #header-menu #header-navigation ul
    {
	    list-style-type: none;
	    padding: 0px;
	    margin: 0px;
	    float: right;
	    margin-top: 2px;
    }

    #header-menu #header-navigation ul li
    {
	    float: left;
    }

    #header-menu #header-navigation ul li a
    {
	    color: #666666;
	    text-transform: uppercase;
	    font-size: 10px;
    }


    #header-menu #header-basket
    {
        background-image: url(/images/my_bag.gif); 
        background-position: left; 
        background-repeat: no-repeat; 
        float: right; 
        display:block; 
        border: solid 1px #cdcdcd; 
        height: 17px; 
        font-size: 0.75em; 
        padding-left: 24px; 
        padding-top: 4px; 
        padding-right: 5px; 

    }
    

    
    
#header-basket #checkout {
    height: 12px;
    line-height: 11px;
    float: right;
    margin-left: 15px;
}
	#header-basket #checkout #left{
		background-image: url(/Images/checkout_lt.gif);
		height: 13px;
		width: 4px;
	}
	#header-basket #checkout #left a, #header-basket #checkout #right a
	{
		height: 10px;
		padding: 0px;	
		line-height: 10px;	
		text-decoration: none;
	}
	
	#header-basket #checkout #middleBox{
		background-color: #82bad8;
		text-align: center;
		height: 10px;
		margin: 0px;
		padding: 0px;
		top: 0px;
	}
		#header-basket #checkout #middleBox a{
			color: #FFFFFF;
			font-size: 10px;
			line-height: 12px;
			height: 13px;
			margin: 0px;
			padding: 0px;
			top: 0px;
			text-transform: uppercase;
			width: 100%;
			float: left; 
			clear: right;
			text-decoration: none;
			font-weight: bold;
		}
		#header-basket #checkout #middleBox a:hover
		{
			text-decoration: none;
		}
		
	#header-basket #checkout #right{
		background-image: url(/Images/checkout_rt.gif);
		width: 4px;
		height: 13px;
	}
	

    #header-menu #header-navigation 
    {
        line-height: 12px;
        font-size: 12px;
        font-weight: bold;
        color: #666666;
        padding: 0px;
        
    }
    #header-menu #header-navigation a
    {
        
        font-size: 12px;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
    }    




/*====================================================*/
/*====================================================*/
/* payment pages */
.ul_pages 
{
    margin: 0px;
    padding: 0px;    
}
.ul_pages li 
{
    display: inline;
    height:25px;
}
.ul_pages li a 
{
	height:25px;
	line-height: 19px;  
	padding-top: 3px;  
	padding-bottom: 3px;  
}

.checkoutstg-fut {
    text-decoration: none;

}
.checkoutstg-cur 
{
    background-image: url(/images/payment_nav_arrow_current.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 14px;
    padding-left: 2px;
    color: #ffffff;
    text-decoration: none;
    
}
.checkoutstg-prev {
    background-image: url(/images/payment_nav_arrow_prev.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 2px;
    text-decoration: none;
    
    
}

.btnNext
{
    background-color: #82baD8;
    color: #ffffff;
    border: none;
    float: right;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.btnUpdate
{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #cccccc;
    float: left;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
    
}
.btnConfirmPayment
{
    background-color: #82baD8;
    color: #ffffff;
    border: none;
    float: right;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}

.btnSubmitFreeTrial
{
    background-color: #82baD8;
    color: #ffffff;
    border: none;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}

.btnAddToBag
{
    background-color: #82baD8;
    color: #ffffff;
    border: none;
    float: right;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 11px;
    padding-right: 11px;
}