/*
    COMMON STYLES
*/

html { height: 100%; }

body {
	min-width: 969px;
	min-height: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	color: #575757;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9pt;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	background-color: #EEF4F4;
}

.page_background {
    position: relative;
    padding: 0px 0px 0px 0px;
}

h1, h2 {
    font-size: 10pt;
    font-weight: bold;
    color: #2F2CA1;
}

hr {
    width: 95%;
    height: 1px;
    color: #DEDEDE;
    border: 0px;
    background-color: #DEDEDE;
    margin: 0px auto;
    padding: 0px;
}


a {
    color: #5B7F9F;
}

img {
    border: none;
}

p, form, .input_hidden {
    padding: 0px;
    margin: 0px;
}

.page_container a {
    color: #5B7F9F;
}

.page_container p {
    margin: 0px 0px 10px 0px;
}


/* BOX 	************************************************ */
.box {
	margin-bottom: 7px;
	position: relative;
	width: 100%;
	left: 966;
	top: 378;
overflow: hidden;}

.box .content {
    padding: 0px;
}

.box .cn {
    width: 10px;
    height: 10px;
    position: absolute;
    overflow: hidden;
}

.box .cn.lt { left: -5px; top: -5px; }
.box .cn.rt { left: -5px; top: -5px; margin-left: 100%; }
.box .cn.lb { bottom: -5px; left: -5px; }
.box .cn.rb { bottom: -5px; left: -5px; margin-left: 100%; }
/* BOX ************************************************ */



/* BOX in .page_container ***************************** */
.page_container .box .cn {
    background: url('../images/bg-box-corners-on-white.gif') no-repeat;
}

.page_container .box .content {
    background: white url('../images/bg-box-body.gif') repeat-x 0px 0px;
    padding-bottom: 16px;
    border-left: 1px solid #B8C2CA;
    border-right: 1px solid #B8C2CA;
    border-bottom: 1px solid #ADB6BD;
}

.page_container .box.nogradient .content {
   background-image: none;
}

.right_column .box  select,
.left_column .box select {
    display: block;
    margin: 16px auto 0px auto;
    width: 85%;
}

.box h1,
.box h2,
.box .header,
.box .subheader,
.box .toolbar {
    display: block;
    height: 23px;
    text-align: left;
    padding: 5px 21px 0px 2px;
    margin: 0px;
    font-size: 10pt;
    font-weight: bold;
}

.box h1 span {
    position: absolute;
    top: 7px;
    right: 20px;
    font-size: 8pt;
    font-weight: normal;
}

.box h1 span a {
    font-size: 8pt;
    font-weight: normal;
}

.box h1,
.box .header {
    color: white;
    background: #6591BB url('../images/bg-box-header.gif') repeat-x 0px 0px;
    border-bottom: 1px white solid;
}

.box h2,
.box .subheader,
.box .subheader a,
.box h2 a {
    background-color: #D2E0ED;
    color: #315D86;
}

.box h1 a {
    font-size: 10pt;
    font-weight: bold;
    color: white;
}

.box .toolbar {
    font-size: 8pt;
    font-weight: normal;
}

.box hr {
    width: 95%;
    height: 1px;
    color: #DEDEDE;
    border: 0px;
    background-color: #DEDEDE;
    margin: 0px auto;
    padding: 0px;
}
/* BOX in .page_container ***************************** */


/* BOX inside BOX in .page_container ****************** */
.box .box {
    margin: 20px 20px 20px 20px;
    width: auto;
}

.box .box .cn {
    background: none;
}

.box .box .content {
    background: none;
    border: 1px solid #ccd9e6;
}

.box .box h1,
.box .box .header {
    color: #404040;
    background: #d2e0ed;
    font-size: 9pt;
    font-weight: normal;
    height: 20px;
}

/* BOX inside BOX in .page_container ****************** */

/* Page Header Box ************************************************ */
.box.page_header .content {
    height: 70px;
}

/* Page Header corners */
.box.page_header  .cn {
    background: url('../images/bg-page-header-corners-on-white.gif') no-repeat; /* no-repeat for ie6 */
}
/* Page Header Box ************************************************ */



/* Page Top Menu ************************************************ */
.box.page_top_menu .content {
}

.box.page_top_menu .cn {
    /* no-repeat for ie6 */
}
/* Page Top Menu ************************************************ */



/* Page Layout: Columns ************************************************ */
.page_container {
    overflow: hidden;
    width: 100%;
}

.page_container .left_column {
	float: left;
	width: 310px;
	margin-right: 7px;
}

.page_container .right_column {
    float: right;
    width: 200px;
    margin-left: 7px;
}

.page_container .center_column {
    margin-left: 317px;
    margin-right: 207px;
}

.page_container.columnsLC .right_column {
    display: none
}

.page_container.columnsLC .center_column {
    margin-left: 317px;
    margin-right: 0px;
}

.page_container.columnsCR .left_column {
    display: none
}

.page_container.columnsCR .center_column {
    margin-left: 0px;
    margin-right: 207px;
}

.page_container.columnsC .left_column {
    display: none
}

.page_container.columnsC .right_column {
    display: none
}

.page_container.columnsC .center_column {
    margin-left: 0px;
    margin-right: 0px;
}

.page_footer {
    height: 90px;
    clear: both;
    width: 100%;
    padding-top: 30px
}
/* Page Layout: Columns ************************************************ */


/* BLOCK position  ************************************************ */
.page_header .logo {
    position: absolute;
    top: 0px;
    left: 16px;
	margin-left:210px;
	width:200px;
	height:75px;
}

.page_header .top_user1 {
    position: absolute;
    top: 16px;
    right: 16px;
}

.page_header .top_user2 {
    position: absolute;
    top: 35px;
    right: 16px;
}
/* BLOCK position  ************************************************ */


.box.page_footer  {
    margin-bottom: 0px;
}

.page_footer hr.hrLine {
	height: 17px;
	background-image: url(../images/footer-line.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E9E9E9;
  }
.page_footer img.cc_icon {
    position: absolute;
    top: 25px;
    left: 10px;
}
.page_footer img.puraLogo {
    position: absolute;
    top: 5px;
    left: 10px;
}

.page_footer img.w3c_icon {
    position: absolute;
    top: 25px;
    right: 10px;
}

.page_footer hr {
    width: 100%;
    color: #969ea4;
    background-color: #969ea4;
}

.page_footer .copyright {
    margin: 0px;
    padding: 0px;
    color: #404040;
	font-size: 8pt;
    text-align: center;
    padding-top: 1px;
}

/*  **************************************************** */
img {border:0;}
a:link {
	color: #333;
	text-decoration: none;
	font-weight: normal;
} 
 a:visited {
	color: #333;
	text-decoration: none;
} 
 a:hover {
	color: #35006A;
	text-decoration: underline;
}
a.link2:link {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	font-weight:bold;
} 
 a.link2:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
} 
 a.link2:hover {
	color: #310065;
	font-weight:bold;
	text-decoration: underline overline;
}
a.active {
	color: #310065;
	font-weight:bold;
	text-decoration: underline overline;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align:left;
}
#header {
	width: 960px;
	height:148px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../images/main-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contactInfo {
	position:absolute;
	height:25px;
	width:260px;
	margin-top:97px;
	margin-left:157px;
	text-align:center;
}
#contactInfo h3 {
	display:inline;
	color:#666;
	font-size: 15px;
	font-weight:bold;
}
#globalMenu {
	position:absolute;
	height:27px;
	width:430px;
	margin-top:15px;
	margin-left:600px;
	font-size: 11px;
}
#mainMenu {
	position:absolute;
	height:27px;
	width:500px;
	margin-top:67px;
	margin-left:445px;
	font-size: 14px;
	font-weight: bold;
}
#mainMenu h1{
	font-size: 14px;
	margin:0px;
	padding:0px;
	display:inline;
}
#subMenu {
	position:absolute;
	height:27px;
	width:520px;
	margin-top:115px;
	margin-left:440px;
	font-size: 10px;
	font-weight: bold;
	visibility: hidden;
}
#subMenu h2 {
	font-size: 10px;
	margin:0px;
	padding:0px;
	display:inline;
}
#subMenu2 {
	position:absolute;
	height:27px;
	width:250px;
	margin-top:115px;
	margin-left:540px;
	font-size: 10px;
	font-weight: bold;
	visibility: hidden;
}
#subMenu2 h2 {
	font-size: 10px;
	margin:0px;
	padding:0px;
	display:inline;
}
#branding {
	position:absolute;
	height:148px;
	width:148px;
	margin-top:0px;
	margin-left:0px;
}
#mainFlash {
	width: 942px;
	height:349px;
	text-align:left;
	background-image: url(../images/main-photobg.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height:0px;
}
#subFlash {
	width: 942px;
	height:228px;
	text-align:left;
	background-image: url(../images/sub_photobg.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height:0px;
}
#content {
	margin: 0 auto;
	width: 960px;
	background-repeat: repeat-y;
}

#footer {
	margin: 0 auto;
	width: 960px;
	height:99px;
	background-repeat: repeat-y;
	background-image: url(../images/main-footer.jpg);
	background-repeat: no-repeat;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
.mainContentTopBg {
	background-image:url(../images/main-middle.gif);
}
.mainContentMiddleBg {
	background-image: url(../images/main-middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.mainContentBottomBg {
	background-image: url(../images/sub-bottom.gif);
	background-repeat: no-repeat;
	height: 4px;
}
.subContentTopBg {
	background-image:url(../images/sub-middle.gif);
}
.subContentMiddleBg {
	background-image: url(../images/sub-middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.subContentBottomBg {
	background-image: url(../images/main-bottom.gif);
	background-repeat: no-repeat;
	height: 4px;
}
.leftMainContent {
	background-image: url(../images/main-left.jpg);
	background-repeat: no-repeat;
	height: 288px;
	width: 617px;
	float: left;
}
.rightMainContent {
	background-image: url(../images/main-left.jpg);
	background-repeat: no-repeat;
	width: 311px;
	float: right;
}
.leftSubContent {
	width: 290px;
	float: left;
	background-position: right top;
	background-color: #EEF4F4;
	margin: 3px;
}
.leftSubContent2 {
	padding: 7px 7px 7px 11px;
	border: 1px solid #C1C1C1;
	margin: 9px;
}
.leftSubContent2 h1 {
	font-size:19px;
    background: none;
	color:#333;
}
.leftSubContentS {
	width:13px;
	height:395px;
	background-image: url(../images/sub_menuline.jpg);
	background-repeat: no-repeat;
	float: left;
}
.allContent {
	width: 92%;
	position:inherit;
	margin:20px 20px 20px 35px;
}
.allContent h1 {
	font-size:16px;
	background-image:url(../images/title_line.gif);
	background-repeat: repeat-x;
	background-position: 1px 26px;
	padding-bottom: 11px;
	color:#2F2CA1;
}
.facebook {
	padding-top: 1px;
}
.featuredProductTitle {
	padding-top: 17px;
	padding-bottom: 13px;
	padding-left: 25px;
	color: #2B3E46;
	font-weight: bold;
}
.featuredProductTitle h1 {
	font-size:17px;
	display:inline;
	}
.featuredProduct {
	height:90px;
	padding-left: 27px;
}
.whatsNewTitle {
	padding-top: 7px;
	padding-bottom: 11px;
	padding-left: 25px;
	font-weight: bold;
	color: #2B3E46;
}
.whatsNewTitle h1 {
	font-size:17px;
	display:inline;
}
.whatsNew {
	height:90px;
	padding-left: 27px;
}
.signUp {
	float:left;
	margin-top:45px;
	margin-left:30px;
}
.copyright {
	float:right;
	width:400px;
	font-size:11px;
	margin-top:37px;
	margin-right:15px;
	text-align: right;
	line-height:17px;
}
/*** page_header menu *********************************************************
     This styles define how to display menu block inside page_header block.
*******************************************************************************/

.page_header .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_header .menu li {
    display: inline;
    padding-left: 9px;
    margin-left: 10px;
    background-image:url("../images/page-top-menu-triangle.gif");
    background-repeat:no-repeat;
    background-position: 0px 2px;
}

.page_header .menu li.nolink {
    background-image: none;
    padding-left: 0px;
}

.page_header .menu li,
.page_header .menu li a {
    color: #e0e8ef;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
}

.page_header .menu li a:hover {
    text-decoration: underline;
}
/*** page_header menu *********************************************************/



/*** page_top_menu menu ********************************************************
     This styles define how to display menu block inside page_top_menu block.
*******************************************************************************/
.page_top_menu .menu {
    position: absolute;
    top: 10px;
    left: 12px;
}

.page_top_menu .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_top_menu .menu li {
    display: inline;
    padding-left: 9px;
    padding-right: 20px;
    margin-left: 10px;
    background-image: none;
    border-right: 1px solid #b3b3b3;
}

.page_top_menu .menu li.last {
    border: none;
}

.page_top_menu .menu li,
.page_top_menu .menu li a {
    color: #c4182e;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

.page_top_menu .menu li a:hover {
    text-decoration: underline;
}
/*** page_top_menu menu *********************************************************/



/*** .page_footer menu *********************************************************/
.page_footer .menublock {
    text-align: center;
    padding-bottom: 10px;
}

.page_footer .menublock ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_footer .menublock li {
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
    border-right: 1px solid #404040;
}

.page_footer .menublock li.last {
    border: none;
}

.page_footer .menublock li,
.page_footer .menublock li a {
    color: #404040;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: normal;
}

.page_footer .menublock li a:hover {
    text-decoration: underline;
}


.page_header .search .input_text {
    background-image: url("../images/bg-input-page-header2.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    color: black;
    font-size: 12px;
    padding: 2px 23px 2px 0px;
    width: 120px;
    margin: 0px 5px 0px 0px;
}

.page_header .search input.button_search {
    vertical-align: top;
}

/* PRODUCT LIST LAYOUT ********************************************* */
.product_list.search_result .subheader {
    border-bottom: 1px solid white;
}

.product_list.search_result .toolbar {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_lis.search_resultt .toolbar.top {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_list.search_result .toolbar.bottom {
    border-top: 1px solid #dedede;
    border-bottom: none;
}

.box.product_list.search_result .content {
    padding-bottom: 5px;
}

.product_list.search_result .product_list_items {
    background-image: none;
}

.product_list.search_result .product_list_items.empty {
    background-image: none;
    padding: 100px 0px 100px 0px;
    text-align: left;
}

.search_result .product_list .subheader .product-list-sorter {
    padding-top: 2px;
}
/* **************************************************************** */


/* PRODUCT LIST ITEM LAYOUT *************************************** */
.search_result .product_item {
    float: none;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    position: relative;
}

.search_result .product_item .limited_inventory,
.search_result .product_item .product_descr,
.search_result .product_item .product_rating,
.search_result .product_item .product_buttons,
.search_result .product_item .product_img,
.search_result .product_item .product_list_price,
.search_result .product_item .product_sale_price,
.search_result .product_item .product_name {
    width: 100%;
}

.search_result .product_item .product_rating .rating-box {
    margin: 0px;
    margin-left: 140px;
}

.search_result .product_item .product_img {
    text-align: left;
    padding-top: 25px;
    float: left;
    width: 140px;
}

.search_result .product_item .product_list_price {
    padding-top: 0px;
}

.search_result .product_item .product_sale_price .label,
.search_result .product_item .product_list_price .label {
    display: inline;
}

.search_result .product_item .product_buttons {
    display: none;
}

.search_result .search_form {
    padding: 20px;
}

.search_result .search_form .input_text {
    width: 60%;
}

.search_result .search_form input.button_search {
    vertical-align: top;
}

/* *************************************************************** */

.search_result .product_list_items.empty {
    width: 50%;
    margin-left: 20px;
    text-align: left;
    padding-top: 20px;
}
input.buttons {
    background: none no-repeat top left;
    border: none;
    cursor: pointer;
    overflow: hidden;

    font-size: 0px;
    line-height: 0px;
}

input.button_search {
    background-image: url("../images/buttons/button-search-page-header.png");
    width: 85px;
    height: 28px;
    padding-bottom: 2px;
}

input.button_add_to_cart {
    background-image: url("../images/buttons/button-add-to-cart-yellow.png");
    width: 118px;
    height: 28px;
    padding-bottom: 2px;
}

input.button_out_of_stock {
    background-image: url("../images/buttons/button-out-of-stock.png");
    width: 121px;
    height: 28px;
    padding-bottom: 2px;
    cursor: default; 
}

input.button_continue_checkout {
    background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
    width: 181px;
    height: 28px;
    padding-bottom: 2px;
}

input.button_save_changes {
    background: url("../images/buttons/button-save-changes.png") no-repeat top left;
    width: 125px;
    height: 28px;
    padding-bottom: 2px;
}

input.button_signin {
    background: url("../images/buttons/button-signin.png") no-repeat top left;
    width: 98px;
    height: 28px;
    padding-bottom: 2px;
}

input.button_register {
    background: url("../images/buttons/button-register.png") no-repeat top left;
    width: 82px;
    height: 23px;
    padding-bottom: 2px;
}

input.button_continue {
    background: url("../images/buttons/button-continue.png") no-repeat top left;
    width: 82px;
    height: 23px;
    padding-bottom: 2px;
}



span.button_proceed_to_checkout {
    background: url("../images/buttons/button-proceed-to-checkout-border.png") no-repeat top left;
    width: 192px;
    height: 28px;
    cursor: pointer;
    display: block;
}

span.button_continue_shopping {
    background: url("../images/buttons/button-continue-shopping.png") no-repeat top left;
    width: 172px;
    height: 28px;
    cursor: pointer;
    display: block;
}

span.button_continue_shopping_back {
    background: url("../images/buttons/button-continue-shopping-back.png") no-repeat top left;
    width: 172px;
    height: 28px;
    cursor: pointer;
    display: block;
}

span.button_continue_checkout {
    background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
    width: 181px;
    height: 28px;
    cursor: pointer;
    display: block;
}

span.button_back {
    background: url("../images/buttons/button-back.png") no-repeat top left;
    width: 67100px;
    height: 28px;
    cursor: pointer;
    display: block;
}


span.button_register {
    background: url("../images/buttons/button-register.png") no-repeat top left;
    width: 82px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_details {
    background: url("../images/buttons/button-details.png") no-repeat top left;
    width: 100px;
    height: 28px;
    cursor: pointer;
    display: block;
}


.navigation_bar ul li span {
    border-bottom: 1px dotted #cccccc;
}

.navigation_bar.empty p {
    padding: 50px 0px 50px 0px;
    text-align: center;
    font-weight: bold;
}


.page_container .box.subcategories .content {
    padding-bottom: 0px;
}

.page_container .subcategory_list {
    overflow: hidden;
    padding: 15px 15px 0px 15px;
    font-size:12.5pt;
}

.page_container .subcategory_list .subcategory_item {
    overflow: hidden;
    padding-bottom: 30px;
    float: left;
    width: 33%;
    text-align: center;
    height: 145px;
}

.page_container .subcategory_item .subcategory_img {
}

.page_container .subcategory_item .subcategory_name {
    padding-top: 5px;
}

.right_column .subcategory_list .subcategory_item {
    float: none;
    width: 100%;
} 


.product_type_filter .input_submit {
display:block;
margin:10px auto auto;
}

/******************************************************************************* 
 * Tree container
 */
div.ui-dynatree-container
{
	font-family: Verdana, Sans-serif;
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	white-space: nowrap; 
	padding: 3px;
	
/*	background-color: white; fj*/
}

/* Style, when control is disabled */
.ui-dynatree-disabled div.ui-dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver; 
}


/******************************************************************************* 
 * Vertical line image
 */
div.ui-dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}

/******************************************************************************* 
 * Common icon definitions
 */
span.ui-dynatree-empty,
span.ui-dynatree-vline,
span.ui-dynatree-connector,
span.ui-dynatree-expander,
span.ui-dynatree-icon,
span.ui-dynatree-checkbox,
span.ui-dynatree-radio
{
	width: 12px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
}

/******************************************************************************* 
 * Lines and connectors
 */
span.ui-dynatree-empty
{
}

/******************************************************************************* 
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling       
 */
 
span.ui-dynatree-expander
{
	background-image: url("http://rental64.www56.a2hosting.com/rirental_catalog/avactis-themes/rirental/js/dynatree/css/ltP_nes.gif");
	cursor: pointer;
	margin-top:5px; /* fj */
}
.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-image: url("http://rental64.www56.a2hosting.com/rirental_catalog/avactis-themes/rirental/js/dynatree/css/ltP_ne.gif");
}
.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-image: url("http://rental64.www56.a2hosting.com/rirental_catalog/avactis-themes/rirental/js/dynatree/css/ltD_nes.gif");
}
.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-image: url("http://rental64.www56.a2hosting.com/rirental_catalog/avactis-themes/rirental/js/dynatree/css/ltD_ne.gif");
}
.ui-dynatree-exp-e span.ui-dynatree-expander,  /* Expanded, not delayed, not last sibling */
.ui-dynatree-exp-ed span.ui-dynatree-expander,  /* Expanded, delayed, not last sibling */
.ui-dynatree-exp-el span.ui-dynatree-expander,  /* Expanded, not delayed, last sibling */
.ui-dynatree-exp-edl span.ui-dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-image: url("http://rental64.www56.a2hosting.com/rirental_catalog/avactis-themes/rirental/js/dynatree/css/ltM_ne.gif");
}


/******************************************************************************* 
 * Checkbox icon
 */
span.ui-dynatree-checkbox
{
	margin-left: 3px;
	background-image: url("cbUnchecked.gif");
}
span.ui-dynatree-checkbox:hover
{
	background-image: url("cbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-checkbox
{
	background-image: url("cbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
{
	background-image: url("cbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-checkbox
{
	background-image: url("cbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-checkbox:hover
{
	background-image: url("cbChecked_hover.gif");
}

/******************************************************************************* 
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'ui-dynatree-radio' in the tree options.
 */
span.ui-dynatree-radio
{
	margin-left: 3px;
	background-image: url("rbUnchecked.gif");
}
span.ui-dynatree-radio:hover
{
	background-image: url("rbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-radio
{
	background-image: url("rbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-radio:hover
{
	background-image: url("rbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-radio
{
	background-image: url("rbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-radio:hover
{
	background-image: url("rbChecked_hover.gif");
}

/******************************************************************************* 
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
 
span.ui-dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-image: url("ltDoc.gif");
}

.ui-dynatree-ico-cf span.ui-dynatree-icon  /* Collapsed Folder */
{
	background-image: url("ltFld.gif");
}

.ui-dynatree-ico-ef span.ui-dynatree-icon  /* Expanded Folder */
{
	background-image: url("ltFld_o.gif");
}

/* Status node icons */

.ui-dynatree-statusnode-wait span.ui-dynatree-icon
{
	background-image: url("ltWait.gif");
}

.ui-dynatree-statusnode-error span.ui-dynatree-icon
{
	background-image: url("ltError.gif");
}

/******************************************************************************* 
 * Node titles
 */

/* Remove blue color and underline from title links */
div.ui-dynatree-container a
/*, div.ui-dynatree-container a:visited*/
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; /* fj */
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	text-decoration: none;
	vertical-align: top;
	margin: 3px 0px 0px 0px; /* fj */
	margin-left: 0px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

div.ui-dynatree-container a:hover
{
	text-decoration: underline;
}

span.ui-dynatree-document a,
span.ui-dynatree-folder a
{
	display: inline-block; /* Better alignment, when title contains <br> */  
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.ui-dynatree-folder a
{
	font-weight: bold;
}

div.ui-dynatree-container a:focus,
span.ui-dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}


span.ui-dynatree-has-children a
{
}

span.ui-dynatree-expanded a
{
/*    color: #FF8400;
    font-weight: bold; */
}

span.ui-dynatree-selected a 
{
	color: green; 
	font-style: italic;
}

span.ui-dynatree-active a
{
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
}

.rotate {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  margin-top: 88px;
}

/******************************************************************************* 
 * Custom node classes (sample)
 */

span.item_selected {
    color: #ff8400;
    font-weight: bold;
}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family:"HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:200;
	color:#fff;
}
#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}
#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
}
#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
}
#sb-wrapper-inner {
	position:relative;
	border:5px solid #303030;
	overflow:hidden;
	height:100px;
}
#sb-body {
	position:relative;
	height:100%;
}
#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}
#sb-player.html {
	height:100%;
	overflow:auto;
}
#sb-body img {
	border:none;
}
#sb-loading {
	position:relative;
	height:100%;
}
#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}
#sb-loading-inner span {
	background:url(../images/loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
}
#sb-body, #sb-loading {
	background-color:#060606;
}
#sb-title, #sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#sb-title, #sb-title-inner {
	height:26px;
	line-height:26px;
}
#sb-title-inner {
  font-size: 16px;
  color: #fff;
  float:left; /*new!*/
  width:90%; /*new!*/
} 
#sb-info, #sb-info-inner {
	height:20px;
	line-height:20px;
}
#sb-info-inner {
	font-size:12px;
}
#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}
#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}
#sb-nav-close {
	background-image:url(../images/close.gif);
	margin-top:7px;
	margin-right:-4px;
	background-repeat: no-repeat;
    float:right; /*new!*/ 
  }
#sb-nav a, #sb-nav-close {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-next {
	background-image:url(../images/next.png);
}
#sb-nav-previous {
	background-image:url(../images/previous.png);
}
#sb-nav-play {
	background-image:url(../images/imgplay.png);
}/
#sb-nav-pause {
	background-image:url(../images/pause.png);
}
#sb-counter {
	float:left;
	width:45%;
}
#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}