html{ font-size:100%; } /* for IE */
body {
    padding:0;
    margin:0;
    color:#1a1410;
    font: 0.625em  tahoma, helvetica, arial, sans-serif;
    background:#FFF;
}
#photoCSUploadAdd{min-width: 95px;}
/*......................................_ Global _................................................*/
form {margin:0;}
.clear {display:block; height:0; clear:both; visibility:hidden;}
.wrapper {display:block; height:1px; visibility:hidden;}
*html body .clear {margin:-8px 0;}
*html body .wrapper {display:none;}

.go {cursor:pointer; cursor:hand;}




.yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 2px 5px;}
*+html .yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 11px 5px;}
*html body .yui-button .Minus strong {background: url(../i3/buttons/delete.gif) no-repeat 11px 5px;}


.Thumb1 {float:left; position:relative; width:111px; margin:2px; font-size:11px;}
.Thumb1space {margin:10px 15px}
.Thumb1 div {border:2px solid #FFF; width:111px; height:82px; text-align:center;}
.Thumb1 .checkbox {float:right; width:13px; height:13px;}

/*......................................_Top Area_................................................*/
#top {width:100%; height:116px;}
#top .inner {position:relative; width:960px; height:116px; margin:0 auto;}
#top .logo {padding-top:2px;}

/*......................................_Top Right Menu & HELP Block_................................................*/
#top .rMenu {float:right; margin-top:78px;}
#top .rMenu ul {list-style:none; margin:0px; padding:0; font-size:1.1em; font-weight:bold; font-family:arial;}
#top .rMenu ul li {float:left; margin:0px;}
#top .rMenu ul li a {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#top .rMenu ul li span {display:block; margin:0; padding:2px 0px 4px 10px; color:#fff; text-decoration:underline;}
#top .rMenu ul li a:hover {color:#fff36a;}
#top .rMenu ul li .help {float:left; width:17px; height:17px; margin-right:3px; background:transparent url(../i3/_help.png) no-repeat center left;
     -background: none; cursor:pointer; cursor:hend;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/_help.png', sizingMethod='crop');}
*html body #top .rMenu ul li .help {margin-right:0px;}

#HelpBlock {position:absolute; right:0; top:5px; display:none;}
#HelpBlock .marr {float:left; height:64px; padding:0px; background:transparent url(../i3/h_marr.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_marr.png', sizingMethod='crop');}
.rMenu .darr {display:none; position:relative; top:-16px; left:10px; margin-left:0px; width:20px; height:17px; background:transparent url(../i3/h_darr.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_darr.png', sizingMethod='crop');}
#HelpBlock .rarr {float:left; width:8px; height:64px; background:transparent url(../i3/h_rarr.png) no-repeat;
    -background: none; z-index:100;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/h_rarr.png', sizingMethod='crop');}

#HelpBlock div.marr div {margin:8px 20px 10px 15px; width: 580px; font-size: 11px;}
#HelpBlock .close {position:absolute; width:15px; height:15px; right:8px; top:5px; background:transparent url(../i3/h_close.gif) no-repeat; cursor:pointer; cursor:hand;}


/*......................................_Top Main Menu_................................................*/
/*
#TopMenuLine {position:relative; left:0; top:0px; font-size:11px; font-weight:bold; font-family:arial; 
color:#ca000a; cursor:pointer; cursor:hend;}
#TopMenuLine div {float:left; height:40px; padding:6px 4px 0 10px; background:transparent url('../i3/arr_m.png') no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_m.png', sizingMethod='crop');}
#TopMenuLine .darr {position:absolute; top:25px; left:50%; margin-left:-16px; width:20px; height:15px; background:transparent url('../i3/arr_d.png') no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_d.png', sizingMethod='crop');}
*html body #TopMenuLine .darr {left:-50%;}

#TopMenuLine .rarr {float:left; width:6px; height:40px; background:transparent url('../i3/arr_r.png') no-repeat;
    -background: none; z-index:100;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/arr_r.png', sizingMethod='crop');}

#topMenu, #topMenuInnerWrap {width:100%float:left;}*/
/*#topMenuInnerMargin{width:89%;margin:0 auto;}*/
/*#topMenuInnerMargin{width:100%;float:left;}

*/

#topMenu ul {
	list-style:none;
        margin: 0;
        padding:0;
        font-size:16px;
        color: #C14949;
        font-family: 'Trebuchet MS', arial, verdana, tahoma;
	font-weight: normal;
        height: 30px;
	border-bottom: 3px solid #D3D3D3;
}
#topMenu ul li {
        float:left;
        margin:0 10px;
        height:30px;
        padding-top: 0px;
}
#topMenu ul li div.active{
        float:left;
        height: 30px;
        background: transparent url(../images/current-arrow.png) no-repeat bottom center;
}
#topMenu ul li span.unactive {
        display:block;
        margin:0 10px 0 20px;
        padding: 0;
        text-decoration:none;
}

/*......................................_Body_................................................*/
#outer {position:relative; width:960px; margin:0 auto; top:30px; clear:left; -height:0px;}

/*......................................_Home page_................................................*/
#HomeOuter {position:relative; width:746px; margin:0 auto;}
.variant {width:960px !important;}
#HomeOuter p.ttl {font-size:28px; color:#28313e; text-align:center; margin:5px 0; font-family: helvetica, tahoma, arial, sans-serif;}
#HomeOuter img {border:0px;}
#Manage img, #Work img, #Create img, #Browse img {margin-right:22px;}
#Manage1 img, #Work1 img, #Create1 img{margin-right:12px;}
.HomeButton2cols img {margin-right: 22px;}
.HomeButton3cols img {margin-right: 12px;}
#Create, #Browse {margin-left:11px;}
#Manage1x {margin:0 6px;}

#HomeOuter .txt {display: table; height: 118px;  #position: relative; overflow: hidden;}
#HomeOuter .txt div {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#HomeOuter .txt div div {#position: relative; #top: -50%}
#HomeOuter .txt b {font-size:16px;font-family:helvetica, tahoma, arial, sans-serif;}
#HomeOuter .txt p {font-size:11px; margin:10px 0; font-weight:100; font-family:tahoma, arial, sans-serif;}

/*......... Zoom home box ...........*/
.gr_br {background: url(../i3/gr_b_r.gif) 100% 100% no-repeat}
.gr_t  {background: url(../i3/gr_t.gif) 100% 0 no-repeat}
.gr_l  {background: url(../i3/gr_l.gif) 0 100% no-repeat}
.gr_tl {background: url(../i3/gr_t_l.gif) 0 0 no-repeat}
/**/

/*............................................._ Books _..........................................*/
#bbLeft {float:left; width:669px;}
#bbRight {float:right; width:276px; margin-top:25px;} 

#bbPre {float:left;}
#bbNxt {float:right;} 
.bbprenxt {width:18px; height:22px; cursor:pointer; cursor:hand;}  

#PagesAll {position:relative; left:7px; width:627px; height:24px; margin-bottom:25px; overflow:hidden;}
*html body #PagesAll {left:0px;}
#bbPages {position:absolute; top:0; left:0; }

.bbPages ul{list-style:none; margin:0px; padding:0; font-size:10px; font-weight:bold; font-family:arial;}
.bbPages ul li {float:left; margin:0px 5px;}
.bbPages ul li {width:38px; height:22px;padding:0px 0; color:#2a3c26; text-decoration:none;}
.bbPages ul li div {width: 100%; height: 22px; display:table-row; vertical-align: middle;}
.bbPages ul li div div {width: 100%; height: 22px; display:table-cell; text-align:center; vertical-align: middle; cursor:pointer;}
.bbPages .fcSel {width: 18px; background: url(../i3/bb/book_cover_front_on.gif) 0 0 no-repeat }
.bbPages .bcSel {width: 18px; background: url(../i3/bb/book_cover_back_on.gif) 0 0 no-repeat }
.bbPages .pgRSel {width: 18px; background: url(../i3/bb/book_page_right_on.gif) 0 0 no-repeat; }
.bbPages .pgLSel {width: 18px; background: url(../i3/bb/book_page_left_on.gif) 0 0 no-repeat; } 

.bbPages .pg2Sel {width: 38px; background: url(../i3/bb/pages_on.gif) 0 0 no-repeat; }

.bbPages .month {width: 40px;}
.bbPages .monthSel {width: 40px; background: url(../i3/bb/month_on.gif) 0 0 no-repeat; } 

/* .bbPages .card {width: 18px; background: url(../i3/bb/card_off.gif) 0 0 no-repeat; }
.bbPages .cardSel {width: 18px; background: url(../i3/bb/card_on.gif) 0 0 no-repeat; } */

/* New lines added by Tom on August 19 */

.bbPages .month {width: 40px; background: url(../i3/bb/month.gif) 0 0 no-repeat; } 
.bbPages .monthSel {width: 40px; background: url(../i3/bb/month_on.gif) 0 0 no-repeat; } 
.bbPages .card1 {width: 22px;} 
.bbPages .card1Sel {width: 22px; background: url(../i3/bb/card_cover_on.gif) 0 0 no-repeat; } 
.bbPages .card2 {margin: 0px 1px 0px 5px; width: 22px;} 
.bbPages .card2Sel {margin: 0px 1px 0px 5px; width: 22px; background:url(../i3/bb/card_inside_first_on.gif) 0 0 no-repeat; } .bbPages .card3 {margin: 0px 5px 0px 1px; width: 22px; background:url(../i3/bb/card_inside_second_off_green.gif) 0 0 no-repeat; } .bbPages .card3Sel {margin: 0px 5px 0px 1px; width: 22px; background:url(../i3/bb/card_inside_second_on.gif) 0 0 no-repeat; } .bbPages .card4 {width: 22px;} 
.bbPages .card4Sel {width: 22px; background: url(../i3/bb/card_back_on.gif) 0 0 no-repeat; }   

/* New lines added by Tom on August 19 */


.bbPages ul li span {padding:0 4px} 

.bbPagesMonth .active, .bbPages .active {color:#C00;}
/*.bbPagesMonth .active, .bbPages .active {font-size:1.05em;}  */

#PagesAllM {position:relative; left:46px; width:577px; height:22px; margin-bottom:25px; overflow:hidden;}
.bbPagesMonth {width:576px;}
.bbPagesMonth ul    {list-style:none;margin:0px;padding:0;font-size:10px;font-weight:bold;font-family:arial;}
.bbPagesMonth ul li {float:left; margin:0px 4px;}
*html body .bbPagesMonth ul li {float:left; margin:0px 3px;}
.bbPagesMonth ul li span {display:block;width:40px;height:15px;padding-top:7px;background:url(../i3/bb/month.gif) no-repeat;color:#161616; text-align:center;}

/*.._Left Border_.._ Books _..*/
.bb_c  {}
.bb_t  {background: url(../i3/boxes/bb/bb_dot_t.gif) 0 0 repeat-x;}
.bb_b  {background: url(../i3/boxes/bb/bb_dot_b.gif) 0 100% repeat-x}
.bb_l  {background: url(../i3/boxes/bb/bb_dot_l.gif) 0 0 repeat-y}
.bb_r  {background: url(../i3/boxes/bb/bb_dot_r.gif) 100% 0 repeat-y}
.bb_bl {background: url(../i3/boxes/bb/bb_bl.gif) 0 100% no-repeat}
.bb_br {background: url(../i3/boxes/bb/bb_br.gif) 100% 100% no-repeat}
.bb_tl {background: url(../i3/boxes/bb/bb_tl.gif) 0 0 no-repeat}
.bb_tr {background: url(../i3/boxes/bb/bb_tr.gif) 100% 0 no-repeat;} 
#bbLeft .bbL_inner img.r {float:right;}
#bbLeft .bbL_inner img {}

#bbLeftBottomLine {position: relative;}

.skinVar2 {float:right;}
.skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 10px 7px;}
*+html .skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
*html body .skinVar2 #bbPreview strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
.skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 10px 5px;}
*+html .skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 19px 5px;}
*html body .skinVar2 #bbOrder strong {background: url(../i3/buttons/order.gif) no-repeat 19px 5px;}
.skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 10px 7px;}
*+html .skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}
*html body .skinVar2 #bbPublish strong {background: url(../i3/buttons/preview.gif) no-repeat 19px 7px;}

.skinVar1 {float:left; padding: 0px 2px;}
.skinVar1 #bbAddPage {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/add_new_page_off.gif) no-repeat;}
.skinVar1 #bbAddPage.over {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/add_new_page_on.gif) no-repeat;}
.skinVar1 #bbDeletePage {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/delete_page_off.gif) no-repeat;}
.skinVar1 #bbDeletePage.over {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/delete_page_on.gif) no-repeat;}
.skinVar1 #bbPricingCalc {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/pricing_off.gif) no-repeat;}
.skinVar1 #bbPricingCalc.over {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/pricing_on.gif) no-repeat;}
.skinVar1 #bbOptions {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/options_off.gif) no-repeat;}
.skinVar1 #bbOptions.over {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/options_on.gif) no-repeat;}
.skinVar1 #bbArrange {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/manage_off.gif) no-repeat;}
.skinVar1 #bbArrange.over {margin: 0px 2px; float: left; width: 25px; height: 25px; background: url(../i3/buttons/manage_on.gif) no-repeat;}

.skinVar3 {position: absolute; left: 309px; top: 0px; width: 50px; height: 25px;}
*html .skinVar3 {left: 155px;}

.skinVar3 #bbPrevPage {float: left; width: 25px; height: 25px;}
.skinVar3 #bbPrevPage.over {float: left; width: 25px; height: 25px;}
.skinVar3 #bbNextPage {float: left; width: 25px; height: 25px;}
.skinVar3 #bbNextPage.over {float: left; width: 25px; height: 25px;}

.NoResizeFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden;  z-index: 999; left:0px; top:0px; width:400px; height:400px; border: none; }
.ResizeFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 990; left:0px; top:0px; width:400px; height:400px; border: 2px solid #808080; padding: 0px; margin: 0px; }
.HighlightFrame { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 999; left:0px; top:0px; width:400px; height:400px; border: 2px solid yellow; min-width: 64px; min-height: 34px; }
.HighlightFrame2 { position:absolute; background: url(../images2/shim.gif); visibility:hidden; z-index: 999; left:0px; top:0px; width:400px; height:400px; border: 2px solid yellow; min-width: 34px; min-height: 19px; }
.FrameHotSpot { position: absolute; right: -1px; width: 12px; height: 12px; z-index: 999;  font-size: 1px; background-image: url(../images2/frameHotSpot.gif); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot1 { position: absolute; right: -1px; width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_blue_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot2 { position: absolute; right: -1px; width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_orange_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameHotSpot3 { width: 16px; height: 16px; z-index: 999; font-size: 1px; background-image: url("../images2/edit button_orange_16x16.jpg"); cursor: pointer; padding: 0px; margin: 0px; }
.FrameResize { position: absolute; right: -1px; bottom: -1px; font-size: 1px; width: 9px; height: 9px; z-index: 1000; background-color: #808080; cursor: nw-resize; padding: 0px; margin: 0px; }
.HighlightFrame .edit   {cursor: pointer; float: left; width: 30px; height: 30px; background: transparent url(../i3/buttonsCtrl/edit_photo.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_photo.png', sizingMethod='crop');}
.HighlightFrame .edit_text   {cursor: pointer; float: left; width: 30px; height: 30px; background: transparent url(../i3/buttonsCtrl/edit_text.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_text.png', sizingMethod='crop');}
.HighlightFrame .delete   {cursor: pointer; float: left; width: 30px; height: 30px; background: transparent url(../i3/buttonsCtrl/delete_photo.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo.png', sizingMethod='crop');}
.HighlightFrame2 .edit2   {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_photo_small.png', sizingMethod='crop');}
.HighlightFrame2 .edit_text2   {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/edit_text_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/edit_text_small.png', sizingMethod='crop');}
.HighlightFrame2 .delete2   {cursor: pointer; float: left; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}

.resWarning {width: 41px; height: 41px; background: transparent url(../i3/warning.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/warning.png', sizingMethod='crop');}
.resWarningSmall {width: 25px; height: 25px; background: transparent url(../i3/warningsmall.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/warningsmall.png', sizingMethod='crop');}

.arrangePage {float: left; border: 1px solid black; margin: 2px;}

/*.............Right.........Books............ */
#bbRight #tabcontainer {position:relative; font-size:12px; margin-top:-35px;}

.yui-skin-sam .yui-navset .yui-content #tabHdr { margin:6px 0; padding:6px 6px; background:none; font-size:11px; font-weight:bold;}
#tabHdr span {color:#546889;}
#tabHdr .src {margin:-2px 6px;}
#tabHdr ul {list-style:none; height:20px; margin:0px; padding:0;}
#tabHdr ul li {float:left; margin:5px 0 0 0;}
#tabHdr ul li a {display:block; padding:3px 10px 3px 0; text-decoration:none; color:#2a3c26;}
#tabHdr ul li a:hover {text-decoration:underline;}

.yui-skin-sam .yui-navset .yui-content #tab1 div.inner,.yui-skin-sam .yui-navset .yui-content #tab2 div.inner,
.yui-skin-sam .yui-navset .yui-content #tab3 div.inner,.yui-skin-sam .yui-navset .yui-content #tab4 div.inner,
.yui-skin-sam .yui-navset .yui-content #tab5 div.inner,.yui-skin-sam .yui-navset .yui-content #tab6 div.inner
{position:absolute; width:263px; height:348px;overflow-x:none; overflow-y:auto;}
.yui-skin-sam .yui-navset {height:438px;}

/* Old, not used, now Thumb1 see section ______ For All ______
.inner .bbPre_l {float:left; margin:0 0 4px 0;}
.inner .bbPre_r {float:right; margin:0 4px 4px 0;}
.inner .bbPre_l, .inner .bbPre_r {width:115px; height:85px; text-align:center; border:2px solid #FFF;}
*/
.imageUsed
{
  vertical-align: top;
  text-align: right;
  background: transparent url('../images2/used.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 15px;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/used.png', sizingMethod='crop');}
}
.imageUnused
{
  vertical-align: top;
  text-align: right;
  background: transparent url('../images2/shim.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 15px;
}

/*.._Right Border_.._ Books _..*/   





/*............................................./_ Books _..........................................*/



/*............................................._Next Previous Menu_..........................................*/

#Left  {float:left; width:164px; margin-right:-164px;}
#Right {margin-left:164px;}
#NxtPreNav {float:right;}


/* Begin: create_new_product.html */
.single {float:left;position:relative; width:365px; margin:0 7px 27px 19px;}
*html .single {width:365px;margin:0 12px 27px 10px;}
.single .new-book-txt, .single img{position:relative;cursor:pointer; cursor:hand; border: none;}
.single .new-book-txt {width:220px;margin:10px 0 0 27px;}
.single .ttl  {font-size:16px; color:#202326;}
.single .body {font-size:12px; color:#7b7f84;}
.single .price{font-size:14px; color:#202326;}
.single .tr {padding:10px 0 20px 0;}
*html .single .tr {padding:10px 0 0 0;}


/*Button Zoom*/
.single .yui-button button {position:absolute; margin:16px; bottom:0; right:0; width:49px; height:47px;
                                  background:url('../i3/buttons/zoom.gif') no-repeat;}
.single .yui-button-hover button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}
.single .yui-button-focus button {background:url('../i3/buttons/zoom_active.gif') no-repeat 100% 0%;}


.yellow1 .t  {background: url(../i3/boxes/wc-yellow/dot.gif) 0 0 repeat-x;}
.yellow1 .b  {background: url(../i3/boxes/wc-yellow/dot.gif) 0 100% repeat-x}
.yellow1 .l  {background: url(../i3/boxes/wc-yellow/dot.gif) 0 0 repeat-y}
.yellow1 .r  {background: url(../i3/boxes/wc-yellow/dot.gif) 100% 0 repeat-y}
.yellow1 .bl {background: url(../i3/boxes/wc-yellow/bl.gif) 0 100% no-repeat}
.yellow1 .br {background: url(../i3/boxes/wc-yellow/br.gif) 100% 100% no-repeat}
.yellow1 .tl {background: url(../i3/boxes/wc-yellow/tl.gif) 0 0 no-repeat}
.yellow1 .tr {background: url(../i3/boxes/wc-yellow/tr.gif) 100% 0 no-repeat;} 

.zoom {font-size: 11px;}
.zoom .price {font-size: 14px; font-weight: bold;}
/* End: create_new_product.html */

/*............................................._Work on existing project (work.html) ..........................................*/
#PubArea {position:relative; margin-top:60px; font-size:15px; color:#333; overflow:hidden; width:791px;}

.center {background:transparent url(../i3/boxes/wc/center.gif) 50% 0 repeat-y}
.t  {background: url(../i3/boxes/wc/dot.gif) 0 0 repeat-x;}
.b  {background: url(../i3/boxes/wc/dot.gif) 0 100% repeat-x}
.l  {background: url(../i3/boxes/wc/dot.gif) 0 0 repeat-y}
.r  {background: url(../i3/boxes/wc/dot.gif) 100% 0 repeat-y}
.bl {background: url(../i3/boxes/wc/dot.gif) 0 100% no-repeat}
.br {background: url(../i3/boxes/wc/dot.gif) 100% 100% no-repeat}
.tl {background: url(../i3/boxes/wc/dot.gif) 0 0 no-repeat}
.tr {background: url(../i3/boxes/wc/dot.gif) 100% 0 no-repeat; padding:1px 0} 
/*
.bl {background: url(../i3/boxes/wc/bl.gif) 0 100% no-repeat}
.br {background: url(../i3/boxes/wc/br.gif) 100% 100% no-repeat}
.tl {background: url(../i3/boxes/wc/tl.gif) 0 0 no-repeat}
.tr {background: url(../i3/boxes/wc/tr.gif) 100% 0 no-repeat; padding:10px 0} 
*/

#PhotosArea {width:790px; position:relative; overflow:hidden;}
#PhotosArea .Lphoto, #PhotosArea .Rphoto {height:100px; padding:10px 0; position: relative;}
#PhotosArea .Lphoto {float:left; width:393px; margin:0 1px;}
#PhotosArea .Rphoto {margin-left:395px; width:394px;}
#PhotosArea .Lphoto .delete, #PhotosArea .Rphoto  .delete{position: absolute; left: 370px; top: 90px; width: 15px; height: 15px; background: transparent url(../i3/buttonsCtrl/delete_photo_small.png) no-repeat;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/buttonsCtrl/delete_photo_small.png', sizingMethod='crop');}
*html body #PhotosArea .Lphoto {float:left; width:392px; margin:0 0 0 1px}
*html body #PhotosArea .Rphoto {margin-left:392px; width:391px;}

#PhotosArea .f {background:#FFF; cursor:pointer; cursor:hand;}
#PhotosArea .s{background:#f5f5f5;}
#PhotosArea .yellow{background:#fffd8c;}
#PhotosArea img {border:0px solid #a7b0bc; margin:0 10px 0 20px; }
#PhotosArea .product { font-size: 11px; }

/*............................................._ Choose Book&Calendar Theme _..........................................*/
#PubArea .ChooseBook {font-size:12px; -height:1px;}
.ChooseBook div {float:left; position:relative; height:190px; text-align:center; margin:0 6px 15px 5px;}
*html body .ChooseBook div {margin:0 6px 15px 3px;}
.ChooseBook .thumb {display:block; border:5px solid #FFF; margin-bottom:6px;}
.ChooseBook .yellow {border:5px solid #fef165;}
.ChooseBook .view {position:absolute; display:block; width:16px; height:16px; bottom:0; right:15px; background: url('../i3/icons/view.png') no-repeat;
     -background: none; cursor:pointer; cursor:hend;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/icons/view.png', sizingMethod='crop');}

/*
#bBaby {position: relative; top:0; left:0px;}
#bContemporary, #bFun, #bSeasonal, #bTravel, #bAnimals{position:absolute; top:0; left:-790px; width:791px;}
*/

/*............................................._ Calendar _..........................................*/
.cCalendar {position:relative; margin-top:65px; font-size:14px;}

.cb_top     {background: url(../i3/boxes/cal/top.gif) no-repeat 0 100%; height:12px; width:960px;}
.cb_bottom  {background: url(../i3/boxes/cal/bottom.gif) no-repeat; height:12px; width:960px;}
.cb_mid     {background: url(../i3/boxes/cal/mid.gif) repeat-x 50%}
.cb_l       {background: url(../i3/boxes/cal/l.gif) 0 50% no-repeat}
.cb_r       {background: url(../i3/boxes/cal/r.gif) 100% 50% no-repeat}
.cb_r .inner {width:960px; height:205px;}

.cCalendar .cFieldset {padding:10px 0;}
.cCalendar .cLabel {float:left; width:385px; color:#536987; text-align:right;}
.cCalendar .cField {margin-left:415px;}

.cField select {padding:2px;}
.cField .sDate input {float:left; height:20px; width: 260px;}
.cField .cDataPiker {float:left; background: url(../i3/icons/calendar_icon.gif) no-repeat; width:14px; height:16px; margin:5px 17px;}
.cField .skinVar1_fix {float:left;}
.cField .radio_inline {padding:0 5px;}
.cField .checkbox_inline {padding-right:8px;}
.sUserDate{position:absolute; width:650px; top:115px;left:50px;}/*new*/
.sUserDate .ttl{float:left;color:#536987;}/*new*/
.sUserDate .dts{margin-left:110px; height: 110px; overflow: auto;}/*new*/ .sUserDate .normal {background: white; color: black; float: none; padding-right:8px;}/*new*/
.sUserDate .sel {background: #536987; color: black; float: none; padding-right:8px;}/*new*/

/*............................................._ Photo Manager _..........................................*/
/*............................................._ Photo Manager _..........................................*/
.pManeger .yui-navset .yui-nav {margin:0 0 0 210px;}

.yui-navset .yui-nav .Facebook {padding-left:18px; background:transparent url(../i3/logos/facebook.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Flickr {padding-left:18px; background:transparent url(../i3/logos/flickr.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Yahoo {padding-left:18px; background:transparent url(../i3/logos/yahoo.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .PhotoBucket {padding-left:18px; background:transparent url(../i3/logos/photobucket.gif) no-repeat 11px 9px;}
.yui-navset .yui-nav .Picasa {padding-left:18px; background:transparent url(../i3/logos/picasa.gif) no-repeat 11px 9px;}

.yui-content {clear:left; //height:1px;}
.yui-content .lft {float:left;}

.LeftPmanager  {float:left; width:200px; margin-top:-6px; margin-right:-210px;}
.RightPmanager {margin-left:210px; float: left;}
*html .RightPmanager {margin-left: 105px;}

.grad_box {background: url(../i3/boxes/grad/_bg.gif) repeat-y; width:750px; overflow: hidden;}
.grad_box .top {height:10px; background: url(../i3/boxes/grad/top.gif) no-repeat;}
.grad_box .bottom {min-height:340px; background: url(../i3/boxes/grad/bottom.gif) no-repeat 0 100%;}

.f1_c {background:#FFF;}
.f1_t {background: url(../i3/boxes/g1/g1_dot_t.gif) 0 0 repeat-x;}
.f1_b {background: url(../i3/boxes/g1/g1_dot_b.gif) 0 100% repeat-x}
.f1_l {background: url(../i3/boxes/g1/g1_dot_t.gif) 0 0 repeat-y}
.f1_r {background: url(../i3/boxes/g1/g1_dot_r.gif) 100% 0 repeat-y}
.f1_bl {background: url(../i3/boxes/g1/g1_bl.gif) 0 100% no-repeat}
.f1_br {background: url(../i3/boxes/g1/g1_br.gif) 100% 100% no-repeat}
.f1_tl {background: url(../i3/boxes/g1/g1_tl.gif) 0 0 no-repeat}
.f1_tr {background: url(../i3/boxes/g1/g1_tr.gif) 100% 0 no-repeat;} 




#AddFoder ul, #EditPhotos ul  {list-style:none; margin:0; padding:0; font-size:11px;}
#AddFoder ul li a, #EditPhotos ul li a {display:block; margin:0;  color:#2a3c26; text-decoration:underline;}
#AddFoder ul li a:hover, #EditPhotos ul li a:hover {text-decoration:none; cursor: pointer;}
#AddFoder ul li span, #EditPhotos ul li span {display:block; font-weight:bold;} 

#AddFoder ul li a, #AddFoder ul li span {padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_mark.gif) no-repeat 0 55%;}
#EditPhotos ul li a, #EditPhotos ul li span {padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_mark1.gif) no-repeat 0 55%;}
#EditPhotos ul li a.del, #EditPhotos ul li span.del {color:#b50000; padding:5px 0 5px 20px; background:transparent url(../i3/icons/li_del.gif) no-repeat 0 55%;}


.LeftPmanager .g2Box_c, .LeftPmanager .f1_c {position:relative;}
.LeftPmanager .g2Box_hdr, .LeftPmanager .f1_hdr {position:absolute; top:-25px; font-size:13px;}
.LeftPmanager .inner{padding:17px;} 

.LeftPmanager .g2Box_hdr span {display:block;}
.LeftPmanager .g2Box_hdr em{display:block;font-style:normal; padding:9px 48px 1px 14px;}
.LeftPmanager .f1_hdr span {display:block;background: url(../i3/tabs/g1_l.gif) no-repeat 0% 0%;}
.LeftPmanager .f1_hdr em{display:block;font-style:normal; padding:9px 48px 1px 14px;background: url(../i3/tabs/g1_r.gif) no-repeat 100% 0%;}


.grad_box .bottom {padding:0 0 6px 6px;}
/*Thumb1*/



/*............................................._ Edit Photo Popup _..........................................*/
#boxEditPP {min-height:320px;}
.EditPPsize {position:relative; margin:88px auto; font-size:11px;}
.EditPP .yui-nav {margin-top:-42px;}
.EditPP .yui-content {clear:left; height:auto;}
.EditPP input, .EditPP select {font-size:11px;}
.popupEditPP {position:relative; top:60px;}
.img1Height {height:380px;}

.EditPP .t  {background: url(../i3/boxes/editPP/dot.gif) 0 0 repeat-x;}
.EditPP .b  {background: url(../i3/boxes/editPP/dot.gif) 0 100% repeat-x}
.EditPP .l  {background: url(../i3/boxes/editPP/dot.gif) 0 0 repeat-y}
.EditPP .r  {background: url(../i3/boxes/editPP/dot.gif) 100% 0 repeat-y}
.EditPP .bl {background: url(../i3/boxes/editPP/bl.gif) 0 100% no-repeat}
.EditPP .br {background: url(../i3/boxes/editPP/br.gif) 100% 100% no-repeat}
.EditPP .tl {background: url(../i3/boxes/editPP/tl.gif) 0 0 no-repeat}
.EditPP .tr {background: url(../i3/boxes/editPP/tr.gif) 100% 0 no-repeat;} 


.EditPP .tab{position:relative;}
.EditPP .img {float:left;border:1px solid #c4cbd5;}
.EditPP .img2 {float:left;border:none;}
.EditPP .CtrlArea{margin-left:0px;}

.EditPP .Top {}
.EditPP .Top .inner {padding:11px 17px;}

.EditPP #tab1 .Middle {height:125px; overflow:auto;}
.EditPP #tab1 .Middle .inner {}

.EditPP .Middle {height:165px; b\ackground:#9DD; overflow:auto;}
.EditPP .Middle .inner {b\ackground:#6DD;}

.EditPP .Middle2 {position:absolute;left:0;bottom:53px; b\ackground:#DD9;}
.EditPP .Middle2 .inner {padding:0 17px 20px 17px;}

.EditPP .Bottom {position:absolute;left:0;bottom:0; width: 394px;}
.EditPP .Bottom .inner {padding:11px 17px;}
.EditPP .Bottom .eppCancel {float:right;}

.EditPP .grey-bg {background: url(../i3/boxes/editPP/grey_bg.gif) no-repeat; width:428px; height:53px;}

.EditPP .seltool {margin:25px 0 0 21px;}
.EditPP .toolbox {margin:15px 0 0 21px;}

.EditPP .sliderTTL {float:left; padding-top:13px; margin:0 10px 0 0;}
.EditPP .yui-h-slider {float:left; margin:0 15px 0 0;}

.EditPP .brd {float:left; margin:3px 4px;}

/*_________________________________________________Tabs for Edit Photo Popup______________________________________________________*/
.EditPP .yui-navset .yui-nav li,.EditPP .yui-navset .yui-navset-top .yui-nav li{margin:0 2px 0 0; padding:0;zoom:1; font-size:16px;}
.EditPP .yui-navset .yui-nav .selected,.EditPP .yui-navset .yui-navset-top .yui-nav .selected{margin:0 2px -1px 0;}

.EditPP .yui-navset .yui-nav a,.EditPP .yui-navset .yui-navset-top .yui-nav a
{background:#d8d8d8 url(../i3/tabs/editPP/l.gif) no-repeat 0% 0%; color:#324662;position:relative;text-decoration:none;}
.EditPP .yui-navset .yui-nav a em,.EditPP .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/editPP/r.gif) no-repeat 100% 0%; cursor:hand;padding:12px 40px 10px 18px; left:0;right:0;bottom:0;top:0;position:relative;}

.EditPP .yui-navset .yui-nav .selected a,.EditPP .yui-navset .yui-nav .selected a:focus,.EditPP .yui-navset .yui-nav .selected a:hover
{background:#cfdae9 url(../i3/tabs/editPP/l1.gif) no-repeat 0% 0%; color:#324662;}
.EditPP .yui-navset .yui-nav .selected a em,.EditPP .yui-navset .yui-nav .selected a:focus em,.EditPP .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/editPP/r1.gif) no-repeat 100% 0%; padding:12px 40px 11px 18px;}

.EditPP .yui-navset .yui-nav a:hover,.EditPP .yui-navset .yui-nav a:focus
{background:#cfdae9 url(../i3/tabs/editPP/l1.gif) no-repeat 0% 0%; color:#324662;}
.EditPP .yui-navset .yui-nav a:hover em,.EditPP .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/editPP/r1.gif) no-repeat 100% 0%;}

.EditPP .yui-navset .yui-content,.EditPP .yui-navset .yui-navset-top .yui-content {padding:18px 18px 12px 18px;}
/*-----------------------------------------------------/Tabs---------------------------------------------------------------------*/

/*_________________________________________________Ctrl Buttons for Edit Photo Popup______________________________________________________*/

.EditPP .Top .yui-button button {margin:0 2px; padding:0;}
@-moz-document url-prefix() {.EditPP .Top .yui-button button {margin:0 -1px;}}
.EditPP .Top  .yui-button button strong {display:block; width:32px; height:29px;}
                                                    
.EditPP #ppRotate90 strong   {background:url(../i3/buttonsCtrl/editPP/rotate90.gif) no-repeat;}.EditPP #ppRotate90.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/rotate90i.gif) no-repeat;}.EditPP #ppRotate90.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate90i.gif) no-repeat;}
.EditPP #ppRotate-90 strong  {background:url(../i3/buttonsCtrl/editPP/rotate-90.gif) no-repeat;}.EditPP #ppRotate-90.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/rotate-90i.gif) no-repeat;}.EditPP #ppRotate-90.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate-90i.gif) no-repeat;}
.EditPP #ppMoveL strong      {background:url(../i3/buttonsCtrl/editPP/move_l.gif) no-repeat;}.EditPP #ppMoveL.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/move_li.gif) no-repeat;}.EditPP #ppMoveL.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/move_li.gif) no-repeat;}
.EditPP #ppMoveT strong      {background:url(../i3/buttonsCtrl/editPP/move_t.gif) no-repeat;}.EditPP #ppMoveT.yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/move_ti.gif) no-repeat;}.skinVar4 #ppMoveT.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/move_ti.gif) no-repeat;}


.EditPP .Middle2 .yui-button button {margin:0px 2px 2px 0; padding:0; text-align:right;}
@-moz-document url-prefix() {.EditPP .Middle2 .yui-button button {margin:0px -2px;}}
.EditPP .Middle2 .yui-button button strong {display:block; font-weight:normal; font-size:11px; padding:7px 32px 10px 0px;}

.EditPP .Middle2 .yui-button button strong{width:40px;}
.EditPP .Middle2 .ppRevert .yui-button button strong, .EditPP .Middle2 .ppApply .yui-button button strong{width:50px;}

.EditPP .ppUndo strong   {background:url(../i3/buttonsCtrl/editPP/undo.gif) no-repeat;}.EditPP .ppUndo .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/undoi.gif) no-repeat;}.EditPP #ppRotate180.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate180i.gif) no-repeat;}
.EditPP .ppRedo strong   {background:url(../i3/buttonsCtrl/editPP/redo.gif) no-repeat;}.EditPP .ppRedo .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/redoi.gif) no-repeat;}.EditPP #ppRotate-180.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/rotate-180i.gif) no-repeat;}
.EditPP .ppRevert strong {background:url(../i3/buttonsCtrl/editPP/revert.gif) no-repeat;}.EditPP .ppRevert .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/reverti.gif) no-repeat;}.EditPP #ppTop.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/topi.gif) no-repeat;}
.EditPP .ppApply strong {background:url(../i3/buttonsCtrl/editPP/apply.gif) no-repeat;}.EditPP .ppApply .yui-button-hover strong{background:url(../i3/buttonsCtrl/editPP/applyi.gif) no-repeat;}.EditPP #ppApplay.yui-button-focus strong{background:url(../i3/buttonsCtrl/editPP/applyi.gif) no-repeat;}


/*-----------------------------------------------------/ Ctrl Buttons---------------------------------------------------------------------*/


/*_________________________________________________Buttons for Edit Photo Popup______________________________________________________*/
.EditPP .Bottom .yui-button{background:url(../i3/buttons/editPP/epp_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.EditPP .Bottom .yui-button button { background:url(../i3/buttons/editPP/epp_r.gif) no-repeat 100% 0%;}

.EditPP .Bottom .eppSave .yui-button button {font-size:16px; color:#e4340e; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 38px 7px 36px;}
*+html .EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 47px 6px 45px;}
*html body .EditPP .Bottom .eppSave .yui-button button strong {display:block; padding:5px 47px 6px 45px;}

.EditPP .Bottom .eppCancel .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 10px 10px 8px;}
*+html .EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 19px 10px 17px;}
*html body .EditPP .Bottom .eppCancel .yui-button button strong {display:block; padding:8px 19px 10px 17px;}


.EditPP .Bottom .yui-button-hover{background:url(../i3/buttons/editPP/eppact_l.gif) no-repeat;}
.EditPP .Bottom .yui-button-hover button {background:url(../i3/buttons/editPP/eppact_r.gif) no-repeat 100% 0%;}
.EditPP .Bottom .yui-button-focus {background:url(../i3/buttons/editPP/eppact_l.gif) no-repeat;}
.EditPP .Bottom .yui-button-focus button {background:url(../i3/buttons/editPP/eppact_r.gif) no-repeat 100% 0%;}
/*-----------------------------------------------------/Buttons---------------------------------------------------------------------*/


/*----------------------------------------------------- Slider ---------------------------------------------------------------------*/

.EditPP .yui-h-slider{background:url(../i3/slider/editPP/bg-h.gif) no-repeat center top; height:18px; width:120px; margin-top:20px;}
*+html .EditPP .yui-h-slider img {}
*html body .EditPP .yui-h-slider img {}

.EditPP .yui-slider-thumb {margin-top:-15px;}
/*-----------------------------------------------------/Slider---------------------------------------------------------------------*//*............................................._ Pop Up _..........................................*/
#popupEditImg {position:absolute; width:616px;left:20px; top:-20px;}
#popupEditImg .border_img_l {float:left; height:505px; background:transparent url(../i3/boxes/pp/img_l.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/img_l.png', sizingMethod='crop');}
#popupEditImg .border_img_r {float:left; height:505px; width:16px; background:transparent url(../i3/boxes/pp/img_r.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/img_r.png', sizingMethod='crop');}
#popupEditImg .ppClose {position:absolute; width:15px; height:15px; top:18px; right:30px; background:transparent url(../i3/icons/pp_close1.gif) no-repeat; z-index:100;}

.yui-skin-ppImg .img img {border:1px solid #c4cbd5;}


#ppCropButton, #ppEffectsButton {position:absolute; width:560px; height:30px; top:448px; left:7px;}
#popupEditImg #ppCropCtrl, #popupEditImg #ppEffectsCtrl {float:right; width:100px;}
#popupEditImg .img {text-align:center; } 

.EffectsVal1 {background:#ebedf1; margin:7px -11px 0 -7px; height:32px; font-size:13px; padding:10px 0 0 5px;}
*html body .EffectsVal1 {margin:7px 0 0 0;}

.EffectsVal2 {margin:0 -11px 0 -7px; height:40px; font-size:13px; padding:10px 0 0 5px;}
*html body .EffectsVal2 {margin:0; padding:15px 0 0 5px;}

.EffectsVal1 div, .EffectsVal2 div {float:left; margin-right:15px;}

.color_picker {width:22px; height:22px; background-color: red; position: relative;} 
.color_picker div {position: absolute; left: 0px; top: 0px; width:22px; height:22px; background: url('../i3/buttonsCtrl/color_picker_t.gif') no-repeat; cursor: pointer;} 
.pickerColor { width:10px; height:10px; float:left; border:1px solid #000000; margin-right:1px; margin-bottom:1px; cursor:pointer; }
.pickerColorSel { width:10px; height:10px; float:left; border:1px solid #ffff00; margin-right:1px; margin-bottom:1px; cursor:pointer; }

#popupEditText {position:absolute; left:60px; top:40px;}
#popupEditText .botBox {position:relative; padding:9px 0 0 15px;}
#popupEditText .topBox {width:496px; height:210px; background:transparent url('../i3/boxes/pp/top_box.png') no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/top_box.png', sizingMethod='crop');}
#popupEditText .bottomBox {width:496px; height:59px; background:transparent url('../i3/boxes/pp/bottom_box.png') no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/bottom_box.png', sizingMethod='crop');}

.topBox .ppTxtBoxClose {float:right; width:15px; height:15px; background: url('../i3/icons/pp_close2.gif') no-repeat}
.topBox .ppTxtBoxTitle {padding-top:14px; margin:0 18px 8px 14px; height:23px; border-bottom:1px solid #ebedf1; font-size:14px; color:#324662;}
.TxtEditor {position:relative; margin:0 18px 0 14px;}
.TxtEditor textarea {width:460px; height:68px;}

.EditTxtTab1 {position:relative; margin:7px 8px 0 8px; height:42px; background:#ebedf1; padding:0 3px; width: 570px;}
.spacer {margin:0 0 0 12px;}

.EditTxtTab2 {position:relative; margin:0 12px 0 8px; height:30px; font-size:13px; padding:10px 0 0 5px;}
.EditTxtTab2 select {padding:1px;}
.EditTxtTab2 select.font {width:100px;}
.EditTxtTab2 div {float:left; margin-right:15px;}

/*............................................._ Shopping Cart _..........................................*/
/*.InCart {position:relative; width:886px; margin:0 auto; font-size:14px; 1background:#DDD;}*/
.InCart {position:relative; width:955px; margin:0 auto; font-size:14px; 1background:#DDD;}
.InCart .lft {position:relative; float:left; font-size:12px;}
.scPageTtl {font-size:26px;}/*08/06/09*/
.scLine {margin-top:25px;padding:0 0 23px 0;border-bottom:1px solid #BBB;}
.scLine .scTtl {color:#536987; margin:0;}
.scLine .products {width:550px; 1background:#FFC;}
.scLine .products img{border:1px solid #BBB;margin-right:12px;}
.scLine .price    {width:122px; 1background:#CFF;}
.scLine .quantity {width:122px; 1background:#CFC;}
.scLine .total    {width:90px;  1background:#FCC;}
.scLine .products2 {width:450px; 1background:#FFC;}
.scLine .status {width:100px; 1background:#FFC;}
.InCart .ctrlButton {padding-top:25px;1background:#FCF;}

.scLine .sub {float:right;margin:0 15px 10px 0;width:200px;text-align:right;}
.scLine .sub p{font-size:28px !important;font-weight:bold;margin:0; color:#f5f5f5;}

.scLine .txt {display: table; height: 82px;  #position: relative; overflow: hidden;}
.scLine .txt div {#position: absolute; #top: 50%; display: table-cell; vertical-align: middle;}
.scLine .txt div div {#position: relative; #top: -50%;}

.scLine .txt p,.scLine.stxt p {font-size:19px; margin:0; color:#525355; font-family:Arial;}
.scLine .txt p.name {margin-bottom:5px;}
.scLine .txt span {color:#9F9D9E;}
.scLine .txt input {font-size:19px; width:60px;}
.scLine input.lng {font-size:19px; width:220px;}




.scBilling,.scShipping{margin-top:29px;color:#26282b;}
.scBilling{float:left;width:50%;/*background:#CFC;*/}
.scShipping{float:right;width:50%;/*background:#CCF;*/}
.scSectionTtl{font-size:15px;font-weight:bold;}

.scInputRow{margin:15px 0 10px 0;font-size:12px;}
.scInputRow .rgt{float:right;margin-right:130px;padding-top:5px;}
.scInputRow .label{float:left;width:100px;padding-top:5px;}
.scInputRow .field{}
.scInputRow .field input{width:290px;padding:3px 0;}
.scInputRow textarea{width:390px;height:149px;}
.scInputRow .zip input{width:90px;}
.scInputRow .country input{width:40px;}

.scBilShip{margin:15px 0 0 0;font-size:12px;padding:0 0 23px 87px;border-bottom:1px solid #BBB;}


.scOrderInf,.scOrderLink{margin:29px 0;color:#26282b;} 
.scOrderInf{float:left;width:30%;}
.scOrderLink{float:right;width:40%;font-size:12px;}
.scSectionTtl{font-size:15px;font-weight:bold;}
.scSectionTxt{font-size:12px;}

.scLine .scTax{float:right;}
.scOrder{width:650px;}
.scOrder .txt span.tax{color:#333538; padding-right:24px;}
.scOrder .txt span.tax strong{color:#333538;}


.scOrderTotal{float:right;margin:26px 15px 10px 0;font-size:14px;font-weight:bold;color:#333538;}
.scOrderTotal .ttl{float:left;padding:6px 5px 0 0;}
.scOrderTotal span{font-size:24px;font-weight:bold;} 




/*............................................._/ Shopping Cart _..........................................*/
/*-----------------------------------------------------Main css to buttons---------------------------------------------------------------------*/
.yui-button{display:-moz-inline-box;display:inline-block;}
.yui-button .first-child{display:block;*display:inline-block;}
.yui-button button{display:block;*display:inline-block;border:none;margin:0;}
.yui-button button{background-color:transparent;*overflow:visible; cursor:pointer; cursor:hand;}


/*-----------------------------------------------------Home page---------------------------------------------------------------------*/
.hPage_fix .yui-button{background:url(../i3/buttons/h_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.hPage_fix .yui-button button { background:url(../i3/buttons/h_r.gif) no-repeat 100% 0%;}
.hPage_fix .yui-button button {font-size:11px; font-family: arial, tahoma, sans-serif; text-align:left;}
.hPage_fix .yui-button button strong {display:block; height:118px; padding:16px 1px 13px 1px; width:346px;} /*366*/
*+html .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px; width:346px;}/* IE7*/
*html .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px; width:346px;}/* IE6*/

.hPage_fix .yui-button-hover, .hPage_fix .yui-button-focus{background:url(../i3/buttons/hact_l.gif) no-repeat;}
.hPage_fix .yui-button-hover button,.hPage_fix .yui-button-focus button {background:url(../i3/buttons/hact_r.gif) no-repeat 100% 0%;}

.variant .hPage_fix .yui-button button strong {display:block; height:118px; padding:16px 1px 13px 1px; width:294px;} /*366*/
*+html .variant .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE7*/
*html .variant .hPage_fix .yui-button button strong {display:block; padding:16px 10px 13px 10px;}/* IE6*/



/*-----------------------------------------------------Home page---------------------------------------------------------------------*/
.skinVar2 .yui-button{background:url(../i3/buttons/allact_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar2 .yui-button button { background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar2 .yui-button button {font-size:11px; color:#304056; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar2 .yui-button button strong {display:block; padding:6px 20px 8px 35px;}
*+html .skinVar2 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
*html body .skinVar2 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}

.skinVar2 .yui-button-hover{background:url(../i3/buttons/allw_l.gif) no-repeat;}
.skinVar2 .yui-button-hover button {background:url(../i3/buttons/allw_r.gif) no-repeat 100% 0%;}
.skinVar2 .yui-button-focus {background:url(../i3/buttons/allw_l.gif) no-repeat;}
.skinVar2 .yui-button-focus button {background:url(../i3/buttons/allw_r.gif) no-repeat 100% 0%;}


.skinVar1 .yui-button{background:url(../i3/buttons/all_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar1 .yui-button button { background:url(../i3/buttons/all_r.gif) no-repeat 100% 0%;}
.skinVar1 .yui-button button {font-size:11px; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar1 .yui-button button strong {display:block; padding:6px 20px 8px 35px;}
*+html .skinVar1 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}
*html body .skinVar1 .yui-button button strong {display:block; padding:6px 29px 8px 44px;}

.skinVar1 .yui-button-hover{background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1 .yui-button-hover button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar1 .yui-button-focus {background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1 .yui-button-focus button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}


/*-----------------------------------------------------Button Left menu---------------------------------------------------------------------*/
/*
.skinLeft .yui-button{margin:4px 0; background:url(../i3/buttons/button.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinLeft .yui-button button {font-size:14px; color:#304056; font-weight:bold; font-family: helvetica, tahoma, arial, sans-serif;}
.skinLeft .yui-button .first-child {height:36px; width:146px; padding:15px 0 0 15px;}

.skinLeft .yui-button-hover {background:url(../i3/buttons/button_i.gif) no-repeat;}
.skinLeft .yui-radio-button-checked { background:url(../i3/buttons/button_i.gif) no-repeat;}
*/
.skinLeft .yui-button{margin:3px 0; cursor:pointer; cursor:hand; background:#f5f5f5;}
.skinLeft .yui-button button {font-size:14px; font-weight:bold; font-family: helvetica, tahoma, arial, sans-serif;}
.skinLeft .yui-button .first-child {width:130px; padding:3px 6px;}

.skinLeft .yui-button-hover {background:#fffab8;}
.skinLeft .yui-radio-button-checked { background:#fffab8;} /* fffd8c */

/*-----------------------------------------------------Next Previous---------------------------------------------------------------------*/
.NxtPreNav .yui-button{background:url(../i3/buttons/big_l.gif) no-repeat; cursor:pointer; cursor:hand; margin:0 5px;}
.NxtPreNav .yui-button button {background:url(../i3/buttons/big_r.gif) no-repeat 100% 0%;}
.NxtPreNav .yui-button button {margin:0; font-size:16px; font-weight:bold; font-family: arial, tahoma, sans-serif;}

.NxtPreNav .yui-button button strong {display:block; padding:5px 10px 8px 35px;}
*+html .NxtPreNav .yui-button button strong {display:block; padding:5px 19px 8px 44px;}
*html body .NxtPreNav .yui-button button strong {display:block; padding:5px 19px 8px 44px;}


.NxtPreNav .yui-buttonN button strong {display:block; padding:5px 45px 8px 25px;}
*+html .NxtPreNav .yui-buttonN button strong {display:block; padding:5px 54px 8px 34px;) no-repeat 79px 8px;}
*html body .NxtPreNav .yui-buttonN button strong {display:block; padding:5px 54px 8px 34px; background:url(../i3/buttons/nxtarr_green.gif) no-repeat 79px 8px;}

.NxtPreNav .yui-button-hover{background:url(../i3/buttons/bigact_l.gif) no-repeat;}
.NxtPreNav .yui-button-hover button {background:url(../i3/buttons/bigact_r.gif) no-repeat 100% 0%;}
.NxtPreNav .yui-button-focus {background:url(../i3/buttons/bigact_l.gif) no-repeat;}
.NxtPreNav .yui-button-focus button {background:url(../i3/buttons/bigact_r.gif) no-repeat 100% 0%;}


/*----------------------------------------------------- Calendar &... ---------------------------------------------------------------------*/
.skinVar1_fix .yui-button{background:url(../i3/buttons/all_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar1_fix .yui-button button { background:url(../i3/buttons/all_r.gif) no-repeat 100% 0%;}
.skinVar1_fix .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif; text-align:left;}
.skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 25px; width:127px;}
*+html .skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
*html body .skinVar1_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}

.skinVar1_fix .yui-button-hover{background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1_fix .yui-button-hover button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}
.skinVar1_fix .yui-button-focus {background:url(../i3/buttons/allact_l.gif) no-repeat;}
.skinVar1_fix .yui-button-focus button {background:url(../i3/buttons/allact_r.gif) no-repeat 100% 0%;}

/*----------------------------------------------------- Photo Manager ---------------------------------------------------------------------*/
.grey2_fix .yui-button{background:url(../i3/buttons/g2_l.gif) no-repeat; cursor:pointer; cursor:hand;}
.grey2_fix .yui-button button { background:url(../i3/buttons/g2_r.gif) no-repeat 100% 0%;}
.grey2_fix .yui-button button {font-size:11px; color:#0f5fb1; font-weight:bold; font-family: arial, tahoma, sans-serif; text-align:left;}
.grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 25px; width:127px;}
*+html .grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}
*html body .grey2_fix .yui-button button strong {display:block; padding:6px 0 8px 34px; width:136px;}

.grey2_fix .yui-button-hover{background:url(../i3/buttons/g2act_l.gif) no-repeat;}
.grey2_fix .yui-button-hover button {background:url(../i3/buttons/g2act_r.gif) no-repeat 100% 0%;}
.grey2_fix .yui-button-focus {background:url(../i3/buttons/g2act_l.gif) no-repeat;}
.grey2_fix .yui-button-focus button {background:url(../i3/buttons/g2act_r.gif) no-repeat 100% 0%;}

/*----------------------------------------------------- POPUP---------------------------------------------------------------------*/
.skinVar3g .yui-button{background:url(../i3/buttons/all_l_grey.gif) no-repeat; cursor:pointer; cursor:hand;}
.skinVar3g .yui-button button { background:url(../i3/buttons/all_r_grey.gif) no-repeat 100% 0%;}
.skinVar3g .yui-button button {font-size:11px; color:#304056; font-weight:bold; font-family: arial, tahoma, sans-serif;}
.skinVar3g .yui-button button strong {display:block; padding:6px 15px 8px 15px;}
*+html .skinVar3g .yui-button button strong {display:block; padding:6px 24px 8px 24px;}
*html body .skinVar3g .yui-button button strong {display:block; padding:6px 24px 8px 24px;}

.skinVar3g .yui-button-hover{background:url(../i3/buttons/allact_l_grey.gif) no-repeat;}
.skinVar3g .yui-button-hover button {background:url(../i3/buttons/allact_r_grey.gif) no-repeat 100% 0%;}
.skinVar3g .yui-button-focus {background:url(../i3/buttons/allact_l_grey.gif) no-repeat;}
.skinVar3g .yui-button-focus button {background:url(../i3/buttons/allact_r_grey.gif) no-repeat 100% 0%;}

/*----------------------------------------------------- POPUP_IMG ---------------------------------------------------------------------*/
.skinVar4 {text-align:center;}
.skinVar4 .yui-button button {font-size:0px; display:none;}
.skinVar4 .yui-button {margin:7px 0px; height:30px;width:32px;cursor:pointer; cursor:hand;}
                                                    
.skinVar4 #ImageRotate90    {background:url(../i3/buttonsCtrl/rotate90.gif) no-repeat;}.skinVar4 #ImageRotate90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate90i.gif) no-repeat;}
.skinVar4 #ImageRotate-90   {background:url(../i3/buttonsCtrl/rotate-90.gif) no-repeat;}.skinVar4 #ImageRotate-90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-90i.gif) no-repeat;}
.skinVar4 #ImageRotate5    {background:url(../i3/buttonsCtrl/rotate5.gif) no-repeat;}.skinVar4 #ImageRotate5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate5i.gif) no-repeat;}
.skinVar4 #ImageRotate-5   {background:url(../i3/buttonsCtrl/rotate-5.gif) no-repeat;}.skinVar4 #ImageRotate-5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-5i.gif) no-repeat;}
.skinVar4 #ImageRotate180 {background:url(../i3/buttonsCtrl/rotate180.gif) no-repeat;}.skinVar4 #ImageRotate180.yui-button-hover {background:url(../i3/buttonsCtrl/rotate180i.gif) no-repeat;}
.skinVar4 #ppRotate-180 {background:url(../i3/buttonsCtrl/rotate-180.gif) no-repeat;}.skinVar4 #ppRotate-180.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-180i.gif) no-repeat;}
.skinVar4 #ppTop {background:url(../i3/buttonsCtrl/top.gif) no-repeat;}.skinVar4 #ppTop.yui-button-hover {background:url(../i3/buttonsCtrl/topi.gif) no-repeat;}
.skinVar4 #ppBottom {background:url(../i3/buttonsCtrl/bottom.gif) no-repeat;}.skinVar4 #ppBottom.yui-button-hover {background:url(../i3/buttonsCtrl/bottomi.gif) no-repeat;}
.skinVar4 #ImageMirror {background:url(../i3/buttonsCtrl/move_l.gif) no-repeat;}.skinVar4 #ImageMirror.yui-button-hover {background:url(../i3/buttonsCtrl/move_li.gif) no-repeat;}
.skinVar4 #ImageFlip {background:url(../i3/buttonsCtrl/move_t.gif) no-repeat;}.skinVar4 #ImageFlip.yui-button-hover {background:url(../i3/buttonsCtrl/move_ti.gif) no-repeat;}

/*----------------------------------------------------- POPUP_TXT ---------------------------------------------------------------------*/
.skinR .yui-buttongroup {float:left;}
.skinR .yui-button button {font-size:0px; display:none;}
.skinR .yui-button {margin:7px 2px; height:30px;width:32px;cursor:pointer; cursor:hand;}

.skinR #TextLeft.yui-button{background:url(../i3/buttonsCtrl/ppTextLeft.gif) no-repeat;}.skinR #TextLeft.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextLefti.gif) no-repeat;}.skinR #TextLeft.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextLefti.gif) no-repeat;}
.skinR #TextCenter.yui-button{background:url(../i3/buttonsCtrl/ppTextCenter.gif) no-repeat;}.skinR #TextCenter.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextCenteri.gif) no-repeat;}.skinR #TextCenter.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextCenteri.gif) no-repeat;}
.skinR #TextRight.yui-button{background:url(../i3/buttonsCtrl/ppTextRight.gif) no-repeat;}.skinR #TextRight.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextRighti.gif) no-repeat;}.skinR #TextRight.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextRighti.gif) no-repeat;}
.skinR #TextTop.yui-button{background:url(../i3/buttonsCtrl/ppTextTop.gif) no-repeat;}.skinR #TextTop.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextTopi.gif) no-repeat;}.skinR #TextTop.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextTopi.gif) no-repeat;}
.skinR #TextMiddle.yui-button{background:url(../i3/buttonsCtrl/ppTextMiddle.gif) no-repeat;}.skinR #TextMiddle.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextMiddlei.gif) no-repeat;}.skinR #TextMiddle.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextMiddlei.gif) no-repeat;}
.skinR #TextBottom.yui-button{background:url(../i3/buttonsCtrl/ppTextBottom.gif) no-repeat;}.skinR #TextBottom.yui-button-hover {background:url(../i3/buttonsCtrl/ppTextBottomi.gif) no-repeat;}.skinR #TextBottom.yui-button-checked {background:url(../i3/buttonsCtrl/ppTextBottomi.gif) no-repeat;}
.skinR #TextBold.yui-button{background:url(../i3/buttonsCtrl/ppB.gif) no-repeat;}.skinR #TextBold.yui-button-hover {background:url(../i3/buttonsCtrl/ppBi.gif) no-repeat;}.skinR #TextBold.yui-button-checked {background:url(../i3/buttonsCtrl/ppBi.gif) no-repeat;}
.skinR #TextItalic.yui-button{background:url(../i3/buttonsCtrl/ppI.gif) no-repeat;}.skinR #TextItalic.yui-button-hover {background:url(../i3/buttonsCtrl/ppIi.gif) no-repeat;}.skinR #TextItalic.yui-button-checked {background:url(../i3/buttonsCtrl/ppIi.gif) no-repeat;}
.skinR #TextRotate180 { width: 53px; }
.skinR #TextRotate180.yui-button{background:url(../i3/buttonsCtrl/rotate180.gif) no-repeat;}.skinVar4 #TextRotate180.yui-button-hover{background:url(../i3/buttonsCtrl/rotate180i.gif) no-repeat;}
.skinR #TextRotate90.yui-button{background:url(../i3/buttonsCtrl/rotate90.gif) no-repeat;}.skinR #TextRotate90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate90i.gif) no-repeat;}
.skinR #TextRotate-90.yui-button{background:url(../i3/buttonsCtrl/rotate-90.gif) no-repeat;}.skinR #TextRotate-90.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-90i.gif) no-repeat;}
.skinR #TextRotate5.yui-button{background:url(../i3/buttonsCtrl/rotate5.gif) no-repeat;}.skinR #TextRotate5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate5i.gif) no-repeat;}
.skinR #TextRotate-5.yui-button{background:url(../i3/buttonsCtrl/rotate-5.gif) no-repeat;}.skinR #TextRotate-5.yui-button-hover {background:url(../i3/buttonsCtrl/rotate-5i.gif) no-repeat;}
/*-----------------------------------------------------/Buttons---------------------------------------------------------------------*/


/*----------------------------------------------------- Slider ---------------------------------------------------------------------*/
.yui-h-slider,.yui-v-slider{position:relative;}
.yui-h-slider .yui-slider-thumb,.yui-v-slider .yui-slider-thumb{position:absolute;cursor:default;}
.yui-v-slider .yui-slider-thumb { margin: 0px;}

.yui-skin-sam .yui-h-slider{background:url(bg-h.gif) no-repeat 5px 0;height:28px;width:228px;}
.yui-skin-sam .yui-h-slider .yui-slider-thumb{top:4px;}
.yui-skin-sam .yui-v-slider{background:url(bg-v.gif) no-repeat 12px 0;height:131px;width:32px;}

.skinVar4 .yui-v-slider{background:url(../i3/slider/bg-v.gif) no-repeat 14px 0; height:71px; width:32px; margin:5px auto;}
*+html .skinVar4 .yui-v-slider img {margin-left:-16px;}
*html body .skinVar4 .yui-v-slider img {margin-left:-16px;}
.skinVar4 .zoom{ width:16px; margin:5px auto;}
.skinVar4 p {margin:15px 0 5px 0; font-weight:bold; text-align:center;}
/*-----------------------------------------------------/Slider---------------------------------------------------------------------*/


/*-----------------------------------------------------Tabs---------------------------------------------------------------------*/
.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{margin:0 .5em 0 0; display:-moz-inline-stack;*display:inline;}
.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{margin:0 0 .5em;}
.yui-navset .yui-content .yui-hidden{position:absolute;left:-999999px;visibility:hidden;}
.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{width:6em;}
.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{width:auto;}.yui-navset .yui-navset-left,.yui-navset-left{padding:0 0 0 6em;}
.yui-navset-right{padding:0 6em 0 0;}
.yui-navset-top,.yui-navset-bottom{padding:auto;}
.yui-nav,.yui-nav li{margin:0;padding:0;list-style:none;}
.yui-navset li em{font-style:normal;}
.yui-navset{position:relative;zoom:1;}
.yui-navset .yui-content,.yui-navset .yui-content div{zoom:1;}
.yui-navset .yui-content:after{content:'';display:block;clear:both;}
.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{display:inline-block;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;}
.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}
.yui-navset .yui-nav a{position:relative;}
.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}
.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}
.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}
.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block;}
.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{position:absolute;z-index:100;}

/*_________________________________________________  ______________________________________________________*/
.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:13px;}
.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{margin:0 3px -1px 0;}


.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{color:#000;position:relative;text-decoration:none;}



.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{cursor:hand;padding:6px 15px 3px 10px; left:0;right:0;bottom:0;top:0;position:relative;}


.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{color:#ca000a;}



.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{color:#ca000a;}


.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content {padding:3px 7px;}

/*_________________________________________________  ______________________________________________________*/
.yui-skin-ppImg .yui-navset {margin:7px 0 0 8px; width:590px;}
.yui-skin-ppImg .yui-navset .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:14px; font}
.yui-skin-ppImg .yui-navset .yui-nav .selected {margin:0 3px 0 0;}

.yui-skin-ppImg .yui-navset .yui-nav a,.yui-skin-ppImg .yui-navset .yui-navset-top .yui-nav a
{background:url(../i3/tabs/pp_l.gif) no-repeat 0% 0%; color:#324662;position:relative;text-decoration:none;}
.yui-skin-ppImg .yui-navset .yui-nav a em,.yui-skin-ppImg .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/pp_r.gif) no-repeat 100% 0%; cursor:hand;padding:10px 33px; left:0;right:0;bottom:0;top:0;position:relative;}

.yui-skin-ppImg .yui-navset .yui-nav .selected a,.yui-skin-ppImg .yui-navset .yui-nav .selected a:focus,.yui-skin-ppImg .yui-navset .yui-nav .selected a:hover
{background: url(../i3/tabs/pp_l_i.gif) no-repeat 0% 0%; color:#ca000a;}
.yui-skin-ppImg .yui-navset .yui-nav .selected a em,.yui-skin-ppImg .yui-navset .yui-nav .selected a:focus em,.yui-skin-ppImg .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/pp_r_i.gif) no-repeat 100% 0%;}

.yui-skin-ppImg .yui-navset .yui-nav a:hover,.yui-skin-ppImg .yui-navset .yui-nav a:focus
{background: url(../i3/tabs/pp_l_i.gif) no-repeat 0% 0%; color:#ca000a;}
.yui-skin-ppImg .yui-navset .yui-nav a:hover em,.yui-skin-ppImg .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/pp_r_i.gif) no-repeat 100% 0%;}

.yui-skin-ppImg .yui-navset .yui-content {padding:7px;}

/*_________________________________________________Tab for Grey box with gradient (photo_manage)______________________________________________________*/
.pManeger .yui-navset .yui-nav li,.pManeger .yui-navset .yui-navset-top .yui-nav li{margin:0 3px 0 0; padding:0;zoom:1; font-size:13px;}
.pManeger .yui-navset .yui-nav .selected,.pManeger .yui-navset .yui-navset-top .yui-nav .selected{margin:0 3px -2px 0;}

.pManeger .yui-navset .yui-nav a,.pManeger .yui-navset .yui-navset-top .yui-nav a
{background:#d8d8d8 url(../i3/tabs/tab_l.gif) no-repeat 0% 0%; color:#000;position:relative;text-decoration:none;}
.pManeger .yui-navset .yui-nav a em,.pManeger .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/tab_r.gif) no-repeat 100% 0%; cursor:hand;padding:9px 18px 6px 15px; left:0;right:0;bottom:0;top:0;position:relative;}

.pManeger .yui-navset .yui-nav .selected a,.pManeger .yui-navset .yui-nav .selected a:focus,.pManeger .yui-navset .yui-nav .selected a:hover
{background:#cfdae9 url(../i3/tabs/tab1_l.gif) no-repeat 0% 0%; color:#ca000a;}
.pManeger .yui-navset .yui-nav .selected a em,.pManeger .yui-navset .yui-nav .selected a:focus em,.pManeger .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/tab1_r.gif) no-repeat 100% 0%; padding:9px 18px 8px 15px;}

.pManeger .yui-navset .yui-nav a:hover,.pManeger .yui-navset .yui-nav a:focus
{background:#cfdae9 url(../i3/tabs/tab1_l.gif) no-repeat 0% 0%; color:#ca000a;}
.pManeger .yui-navset .yui-nav a:hover em,.pManeger .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/tab1_r.gif) no-repeat 100% 0%;}

.pManeger .yui-navset .yui-content,.pManeger .yui-navset .yui-navset-top .yui-content {padding:0;}
/*-----------------------------------------------------/Tabs---------------------------------------------------------------------*/

/*-----------------------------------------------------/Panels---------------------------------------------------------------------*/
/* Provide skin for default Panel elements, ontop of container-core.css */
/*
.yui-panel-container.shadow {z-index: 9998;width: 50%;margin: 0 auto;}
.yui-panel-container.shadow	 .underlay { position:absolute; left:3px; right:-3px; top:3px; bottom:-3px; background-color:#000; opacity:0.12; filter:alpha(opacity=12);}
.yui-panel {	border:none; overflow:visible; background:transparent url(../i3/boxes/pp/box_r.png) no-repeat top right; font: 11px  tahoma, helvetica, arial, sans-serif; z-index: 9999; }
.yui-panel-container .container-close {position:absolute; top:7px; right:10px; background:url(../i3/icons/pp_close2.gif) no-repeat; padding:9px 8px 9px 9px; text-indent: -1000em; }
.yui-panel .container-close {position:absolute; top:7px; right:10px; background:url(../i3/icons/pp_close2.gif) no-repeat; padding:9px 8px 9px 9px; text-indent: -1000em; }
.yui-panel .container-close:hover {background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .hd { padding:0; border:none; color:#000; height:32px; margin-left:10px; margin-right:10px; text-align:left; vertical-align:middle; overflow:visible; background:url(../i3/boxes/pp/box_t.png) repeat-x; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_t.png', sizingMethod='crop'); }
.yui-panel .bd {	padding: 10px; overflow:hidden; background-color:#0FF; background: #fff url(../i3/boxes/pp/box_l.png) repeat-y; margin:0 4px 0 0; font-size: 13px; }
.yui-panel .ft { background:url(../i3/boxes/pp/box_b.png) repeat-x; font-size:11px; height:49px; padding:0px 10px; border:none; position: relative; }
.yui-panel .hd span { line-height:32px; vertical-align:middle; font-size: 14px; color: #324662; }
.yui-panel .hd .tl {	width:10px; height:32px; top:0; left:0px; background:transparent url(../i3/boxes/pp/box_tl.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_tl.png', sizingMethod='crop'); position:absolute; }
.yui-panel .hd .tr {	width:10px; height:32px; top:0; right:0px; background:transparent url(../i3/boxes/pp/box_tr.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_tr.png', sizingMethod='crop'); position:absolute; border: none; }
.yui-panel .ft .bl {	width:10px; height:49px; bottom:0; left:0px; background:transparent url(../i3/boxes/pp/box_bl.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_bl.png', sizingMethod='crop'); position:absolute; }
.yui-panel .ft .br { 	width:10px; height:49px; bottom:0; right:0px; background:transparent url(../i3/boxes/pp/box_br2.png) no-repeat; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/boxes/pp/box_br.png', sizingMethod='crop'); position:absolute; border: none; }
.yui-panel .ft span { line-height:49px; vertical-align:middle; }
*/
.yui-panel {	border:none; overflow:visible; font: 11px  tahoma, helvetica, arial, sans-serif; z-index: 9999; }
.yui-panel-container.shadow {z-index: 9998;}
.yui-panel-container.shadow	 .underlay { position:absolute; left:3px; right:-3px; top:3px; bottom:-3px; background-color:#000; opacity:0.0; filter:alpha(opacity=0);}
.yui-panel .container-close {position:absolute; top:14px; right:32px; height:18px; width:17px; background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .container-close:hover {background:url(../i3/icons/pp_close2.gif) no-repeat; }
.yui-panel .bd {	padding: 10px; overflow:hidden; background-color:#0FF; background: #fff; margin:4px 8px; font-size: 13px; width: 95%; min-width: 250px;}
.yui-panel .poptl {}
.yui-panel .poptl .Hspacer1 {height:5px;width:180px;}
.yui-panel .poptr {width:19px;}
.yui-panel .popbl {height:59px;}
.yui-panel .popbr {width:19px; height:59px;}
.yui-panel .popbl .btn-row { position: absolute; left: 16px; top: -4px; }

.yui-panel .poptl {background:transparent url('../i3/popup/tl.png');
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/tl.png', sizingMethod='crop');}
.yui-panel .poptr {background:transparent url('../i3/popup/tr.png');
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/tr.png', sizingMethod='crop');}
.yui-panel .popbl {background:transparent url('../i3/popup/bl.png');
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/bl.png', sizingMethod='crop');}
.yui-panel .popbr{background:transparent url('../i3/popup/br.png');
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i3/popup/br.png', sizingMethod='crop');}


.popupTTL {margin-left:15px;}
.popupTTL {height:38px; border-bottom:1px solid #ebedf1;}
.popupTTL p {font-size:14px; color:#324662; margin:0; padding:15px 0 0 0;}
.yui-panel .ppClose {position:absolute; width:15px; height:15px; top:18px; right:30px; background:transparent url(../i3/icons/pp_close2.gif) no-repeat; z-index:100;}

.mask { z-index: 1; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); background-color:#CCC; }


/* top bar background color */
#top {background:#536987;}

/* front color on home page buttons */
#HomeOuter .txt b {color:#415c3b;}



/*___________________ BOOK, CARD ETC EDIT   _____________________________________________ */


/* top menu inactive menu  */
#topMenu ul li span.unactive {color:#aab7c8;}


/* left menu button font */
.skinLeft .yui-button button {color:#304056;}
.NxtPreNav .yui-button button {color:#0f5fb1;}



/* arrows next, previous */ 
.NxtPreNav .yui-button button strong {background:url(../i3/buttons/prearr.gif) no-repeat 12px 9px;}
*+html .NxtPreNav .yui-button button strong {background:url(../i3/buttons/prearr.gif) no-repeat 21px 8px;}
*html body .NxtPreNav .yui-button button strong {background:url(../i3/buttons/prearr.gif) no-repeat 21px 8px;}
.NxtPreNav .yui-buttonN button strong {background:url(../i3/buttons/nxtarr.gif) no-repeat 70px 9px;}
*+html .NxtPreNav .yui-buttonN button strong {background:url(../i3/buttons/nxtarr.gif) no-repeat 79px 8px;}
*html body .NxtPreNav .yui-buttonN button strong {background:url(../i3/buttons/nxtarr.gif) no-repeat 79px 8px;}


/* page icons edit book, card, calendar */
.bbPages .pgL {width: 18px; background: url(../i3/bb/book_page_left_off.gif) 0 0 no-repeat; }
.bbPages .pgR {width: 18px; background: url(../i3/bb/book_page_right_off.gif) 0 0 no-repeat; }
.bbPages .fc {width: 18px; background: url(../i3/bb/book_cover_front_off.gif) 0 0 no-repeat } 
.bbPages .bc {width: 18px; background: url(../i3/bb/book_cover_back_off.gif) 0 0 no-repeat }
.bbPages .pg2 {width: 38px; background: url(../i3/bb/pages.gif) 0 0 no-repeat; }

.bbPages .month {background: url(../i3/bb/month.gif) 0 0 no-repeat; }

.bbPages .card1 {background: url(../i3/bb/card_cover_off.gif) 0 0 no-repeat; }
.bbPages .card2 {background:url(../i3/bb/card_inside_first_off.gif) 0 0 no-repeat; }
.bbPages .card3 {background:url(../i3/bb/card_inside_second_off.gif) 0 0 no-repeat; }
.bbPages .card4 {background: url(../i3/bb/card_back_off.gif) 0 0 no-repeat; } 

#bbPre {background: url(../i3/bb/prenxt.gif) no-repeat left 0;}
#bbNxt {background: url(../i3/bb/prenxt.gif) no-repeat -21px -22px;}

.bbPages .bc {background: url(../i3/bb/book_cover_back_off.gif) 0 0 no-repeat; }


/* font color page nunmbers */
.bbPages ul li {color:#161616;}


/* font color change source, autofill links */
#tabHdr ul li a {color:#3b5995;}


/* deactive tab color left and right parts */
.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{background:#d8d8d8 url(../i3/tabs/l.gif) no-repeat 0% 0%;}

.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{background:transparent url(../i3/tabs/r.gif) no-repeat 100% 0%;}



/* left and right parts for tab box line */
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{background:#cfdae9 url(../i3/tabs/l_i.gif) no-repeat 0% 0%;}

.yui-skin-sam .yui-navset .yui-nav .selected a em,.yui-skin-sam .yui-navset .yui-nav .selected a:focus em,.yui-skin-sam .yui-navset .yui-nav .selected a:hover em
{background:transparent url(../i3/tabs/r_i.gif) no-repeat 100% 0%;} 



/* hover right and left parts */
.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{background:#cfdae9 url(../i3/tabs/l_i.gif) no-repeat 0% 0%;}

.yui-skin-sam .yui-navset .yui-nav a:hover em,.yui-skin-sam .yui-navset .yui-nav a:focus em
{background:transparent url(../i3/tabs/r_i.gif) no-repeat 100% 0%;}


/* tab bg color */
.bt_c {background:#cfdae9} 


/* the rest of the images that make up tab box */
.bt_t {background:  url(../i3/boxes/bb/bt_dot_t.gif) 0 0 repeat-x;}
.bt_b {background:  url(../i3/boxes/bb/bt_dot_b.gif) 0 100% repeat-x}
.bt_l {background:  url(../i3/boxes/bb/bt_dot_l.gif) 0 0 repeat-y}
.bt_r {background:  url(../i3/boxes/bb/bt_dot_r.gif) 100% 0 repeat-y}
.bt_bl {background: url(../i3/boxes/bb/bt_bl.gif) 0 100% no-repeat}
.bt_br {background: url(../i3/boxes/bb/bt_br.gif) 100% 100% no-repeat}
.bt_tl {background: url(../i3/boxes/bb/bt_tl.gif) 0 0 no-repeat}
.bt_tr {background: url(../i3/boxes/bb/bt_tr.gif) 100% 0 no-repeat; padding:10px 0 10px 0}


/* arrows below the book */
.skinVar3 #bbPrevPage {background: url(../i3/buttons/book_arrow_prev_off.gif) no-repeat;}
.skinVar3 #bbPrevPage.over {background: url(../i3/buttons/book_arrow_prev_on.gif) no-repeat;}
.skinVar3 #bbNextPage {background: url(../i3/buttons/book_arrow_next_off.gif) no-repeat;}
.skinVar3 #bbNextPage.over {background: url(../i3/buttons/book_arrow_next_on.gif) no-repeat;}



/* __________________________ PHOTO MANAGE ____________________________ */


/* font links left menu  */
#AddFoder ul li a, #EditPhotos ul li a {color:#333;}
#AddFoder ul li a:hover, #EditPhotos ul li a:hover {color:#0f5fb1;}
#AddFoder ul li span, #EditPhotos ul li span {color:#0f5fb1;} 


/* add button */
.yui-button .Plus strong {background: url(../i3/buttons/add.gif) no-repeat 2px 5px;}
*+html .yui-button .Plus strong {background: url(../i3/buttons/add.gif) no-repeat 11px 5px;}
*html body .yui-button .Plus strong {background: url(../i3/buttons/add.gif) no-repeat 11px 5px;}

/* rename  button */
.yui-button .Rename strong {background: url(../i3/buttons/re_cal.gif) no-repeat 2px 5px;}
*+html .yui-button .Rename strong {background: url(../i3/buttons/re_cal.gif) no-repeat 11px 5px;}
*html body .yui-button .Rename strong {background: url(../i3/buttons/re_cal.gif) no-repeat 11px 5px;}



/* top tab area */
.g2Box_c {background:#e6ebf2;}
.g2Box_t {background: url(../i3/boxes/g2/g2Box_t.gif) 0 0 repeat-x;}
.g2Box_b {background: url(../i3/boxes/g2/g2Box_b.gif) 0 100% repeat-x}
.g2Box_l {background: url(../i3/boxes/g2/g2Box_l.gif) 0 0 repeat-y}
.g2Box_r {background: url(../i3/boxes/g2/g2Box_r.gif) 100% 0 repeat-y}
.g2Box_bl {background: url(../i3/boxes/g2/g2Box_bl.gif) 0 100% no-repeat}
.g2Box_br {background: url(../i3/boxes/g2/g2Box_br.gif) 100% 100% no-repeat}
.g2Box_tl {background: url(../i3/boxes/g2/g2Box_tl.gif) 0 0 no-repeat}
.g2Box_tr {background: url(../i3/boxes/g2/g2Box_tr.gif) 100% 0 no-repeat;}

.LeftPmanager .g2Box_hdr span {background: url(../i3/tabs/g2_l.gif) no-repeat 0% 0%;}
.LeftPmanager .g2Box_hdr em{background: url(../i3/tabs/g2_r.gif) no-repeat 100% 0%;} 



/*___________________ SHOPPING CART  _______________________ */

/*buttons*/
.skinVar1 .yui-button button {color:#0f5fb1;}
.skinVar1 #scOrderRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scOrderRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 19px 5px;}
*html .skinVar1 #scOrderRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 19px 5px;}

.skinVar1 #scOrderNext strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scOrderNext strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 19px 5px;}
*html .skinVar1 #scOrderNext strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 19px 5px;}

.skinVar1 #scPaymentCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scPaymentCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 19px 5px;}
*html .skinVar1 #scPaymentCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 19px 5px;}

.skinVar1 #scCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 19px 5px;}
*html .skinVar1 #scCheckout strong {background: url(../i3/buttons/chck_arr.gif) no-repeat 19px 5px;}

.skinVar1 #scContinue strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scContinue strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 19px 5px;}
*html .skinVar1 #scContinue strong {background: url(../i3/buttons/nxtarr.gif) no-repeat 19px 5px;}

.skinVar1 #scRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 10px 5px;}
*+html .skinVar1 #scRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 19px 5px;}
*html .skinVar1 #scRecalculate strong {background: url(../i3/buttons/re_cal.gif) no-repeat 19px 5px;}