/* Sidebar According */
        *
        {
            margin: 0;
            padding: 0;
        }
        
       /* .jQuerySidebar
        {
            font: 1em/18px "Lucida Grande" , Lucida, Verdana, sans-serif;
            padding: 1em 0;
            font-size: 75%;
            float: left;
            width: 200px;
            margin-right: 25px;
            position: relative;
        }*/
        
        
        /* SIDEBAR SANS JS*/
        
       
        
        .jQuerySidebar ul
        {
            list-style: none;
            /*height:auto !important*/
        }
        
        .jQuerySidebar > ul
        {
            border: 1px solid #eee;
        }
        
        .jQuerySidebar ul li h2.ui-accordion-header
        {
           background:url(../../images/mos/opentab.jpg) no-repeat top right;color:#fff;font-weight:bold;font-size:15px;height:29px;*height:auto;font-family:trebuchet MS;cursor:pointer
        }
        .jQuerySidebar ul li h2 span{display:block;padding:5px 0 0 10px}
        
        .jQuerySidebar ul li ul li
        {
            font-size: 11px;
            padding: 3px 0;
            line-height: 20px;
            padding-left: 10px;
        }
        
        .jQuerySidebar ul li ul li a
        {
            color: black;
            font-weight: bold;
        }
        
        /*jQUERY CSS*/
        
        h2.selected
        {
            background: url(../../images/mos/closedtab.jpg) no-repeat top right !important;
            color: white !important;
        }

/* Advertise Control */
                    
        .nivoSlider a.nivo-imageLink
        {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            border: 0;
            padding: 0;
            margin: 0;
            z-index: 60;
            display: none;
        }
        .nivo-slice
        {
            display: block;
            position: absolute;
            z-index: 50;
            height: 100%;
        }
        .nivo-caption
        {
            position: absolute;
            left: 0px;
            bottom: 0px;
            background: #000;
            color: #fff;
            opacity: 0.8; /* Overridden by captionOpacity setting */
            width: 100%;
            z-index: 89;
        }
        .nivo-caption p
        {
            padding: 5px;
            margin: 0;
        }
        .nivoSlider
        {
            position: relative;
            /* margin: 30px 30px 60px 30px; */
            background: url(Images/ReMooz/spinner.gif) no-repeat 50% 50%;
        }
        .nivoSlider img
        {
            position: absolute;
            top: 0px;
            left: 0px;
            display: none;
        }
        .nivoSlider a
        {
            border: 0;
        }
        .nivoContent
        {
            margin: 0 auto;
            position: relative;
        }
/* Offerc Scrollable */
        /* position and dimensions of the navigator */
        .navi
        {
            margin-left: 328px;
            width: 200px;
            height: 20px;
            position:absolute;
            top:16px;
            right:94px
        }
        
        
        /* items inside navigator */
        .navi a
        {
            width: 8px;
            height: 8px;
            float: left;
            margin: 3px;
            background: url(Images/scrollable/navigator.png) 0 0 no-repeat;
            display: block;
            font-size: 1px;
        }
        
        /* mouseover state */
        .navi a:hover
        {
            background-position: 0 -8px;
        }
        
        /* active state (current page state) */
        .navi a.active
        {
            background-position: 0 -16px;
        }
        /* this makes it possible to add next button beside scrollable */
        .scrollable
        {
            float: left;height:169px;left:48px;width:411px;overflow:hidden
        }
        
        /* prev, next, prevPage and nextPage buttons */
        a.browse
        {
            background: url(Images/scrollable/hori_large.png) no-repeat;
            display: block;
            width: 30px;
            height: 30px;
            float: left;
            margin: 90px 10px;
            cursor: pointer;
            font-size: 1px;
        }
        
        /* right */
        a.right
        {
            background-position: 0 -30px;
            clear: right;
            margin-right: 0px;
            position:absolute;
            z-index:0;
            right:26px;
            top:5px;
        }
        a.right:hover
        {
            background-position: -30px -30px;
        }
        a.right:active
        {
            background-position: -60px -30px;
        }
        
        
        /* left */
        a.left
        {
            margin-left: 0px;
            position:absolute;z-index:0;top:5px;left:21px
        }
        a.left:hover
        {
            background-position: -30px 0;
        }
        a.left:active
        {
            background-position: -60px 0;
        }
        
        /* up and down */
        a.up, a.down
        {
            background: url(Images/scrollable/vert_large.png) no-repeat;
            float: none;
            margin: 10px 50px;
        }
        
        /* up */
        a.up:hover
        {
            background-position: -30px 0;
        }
        a.up:active
        {
            background-position: -60px 0;
        }
        
        /* down */
        a.down
        {
            background-position: 0 -30px;
        }
        a.down:hover
        {
            background-position: -30px -30px;
        }
        a.down:active
        {
            background-position: -60px -30px;
        }
        
        
        /* disabled navigational button */
        a.disabled
        {
            visibility: hidden !important;
        }
        /*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
        .scrollable
        {
            /* required settings */
            position: relative;
          
           
        }
        
        /*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
        .scrollable .items
        {
            /* this cannot be too large */
            width: 20000em;
            position: absolute;
            clear: both;
        }
        
        .items div
        {
            float: left;
            width: 680px;
            margin-left: 20px;
        }
        
        
        /* active item */
        .scrollable .active
        {
            border: 2px solid #000;
            position: relative;
            cursor: default;
        }
        .SmallOfferImage
        {
            max-height: 110px;
            max-width: 650px;
            background: #fff;
            border: solid 1px #ccc !important;
            padding: 4px;
        }
        
        .scrollable img.hover
        {
            background-color: #123;
        }

/* SiteMap */
#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url(Images/bc_bg.png); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url(Images/bc_separator.png); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home
{
    border: none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
    color:#35acc5;
}
/* Image Control */
.ImageControl {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ImageControl li {
	padding: 0;
	float: left !important;
	position: relative
}
.image {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.ImageControl span a {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	text-indent:-10000px;
	bottom: -3px;
	right: 2px;
    cursor:pointer;
	background: url(Images/zoom.png) no-repeat;
}
.ImageControl a {
	text-decoration: none;
}
/* Product Page */
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(Images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(Images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(Images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
.ui-spinner
{
    width: 5em;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #999;
    background: #FEFEFE url(images/spinner-bg.gif) repeat-x left bottom;
    padding: 0 5px;
}
.ui-spinner-box
{
    width: 70%;
    height: 100%;
    float: left;
    font-size: 125%;
    border: none;
    background: none;
    padding: 0;
}
.ui-spinner-up, .ui-spinner-down
{
    width: 30%;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    cursor: default;
    border: 1px solid #999;
    border-right: none;
    border-top: none;
}
.ui-spinner-down
{
    bottom: 0;
    border-bottom: 0;
}
.ui-spinner-pressed
{
    background: #FEFEFE;
}
table.buyBox td.topLeft
{
    background-image: url(Images/sprite_box_bb._V250603215_.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 12px;
    padding-left: 12px;
}
table.buyBox td.topRight
{
    background-image: url(Images/sprite_box_bb._V250603215_.png);
    background-repeat: no-repeat;
    background-position: top right;
}
table.buyBox .eq td.bottomLeft
{
    background-image: url(Images/wl_bb_sprite_box._V224284733_.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.buyBox .eq td.bottomRight
{
    background-image: url(Images/wl_bb_sprite_box._V224284733_.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.FullImage
{
     float:left;
     width:320px;
     height:350px;
}
.FullProductImage
{
     max-width:300px;
     max-height:300px;border:1px solid #ececec !important
}
.ProductInfo
{
    float:left;
}
.ProductTitle
{
    font-size:larger;
}

.SeperatorPanel
{
     width:100%;
     clear:both;
}
      /*  .tab_container
        {
            border: 1px solid #999;
            border-top: none;
            overflow: hidden;
            clear: both;
            float: left;
            width: 900px;
            min-height:350px;
            background: #fff;
        }
        .tab_content
        {
            padding: 20px;
            font-size: 1.2em;
        } */
        ul.tabs
        {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none;
            height: 32px; /*--Set height of tabs--*/
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
            width: 100%;
        }
        ul.tabs li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 31px; /*--Subtract 1px from the height of the unordered list--*/
            line-height: 31px; /*--Vertically aligns the text within the tab--*/
            border: 1px solid #999;
            border-left: none;
            margin-bottom: -1px; /*--Pull the list item down 1px--*/
            overflow: hidden;
            position: relative;
            background: #e0e0e0;
        }
        ul.tabs li a
        {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 1.2em;
            padding: 0 20px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }
        ul.tabs li a:hover
        {
            background: #ccc;
        }
        html ul.tabs li.active, html ul.tabs li.active a:hover
        {
            /*--Makes sure that the active tab does not listen to the hover properties--*/
            background: #fff;
            border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
        }

/* TabContainer */
.Tab .ajax__tab_header 
{
    font-size:12px;
    display:block;
    background:url(Images/tab-line.png) repeat-x bottom;
}
.Tab .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.Tab .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#444444;
    /*width:76px;*/
    width:175px;
    display:block;
    text-align:center;    
    cursor:pointer;
}
.Tab .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.Tab .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.Tab .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    /*border-bottom-color:#ffffff;*/
    background-color:#ffffff;
}
.Tab .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}

/* ListView */
.container
        {
            width: 800px;
            margin: 0 auto;
            padding-bottom: 100px;
            overflow: hidden;
        }
        ul.display
        {
            float: left;
            width: 798px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        ul.display li
        {
            float: left;
            width: 796px;
            padding:0;
            margin: 0;
        }
        ul.display li a
        {
            text-decoration: none;
        }
        ul.display li .content_block
        {
            padding:10px;border-bottom:1px solid #ccc;
            text-align: left !important;
        }
        ul.display li .content_block h2
        {
            margin: 0;
            padding: 5px;font:bold 12px Trebuchet MS
        }
        ul.display li .content_block p
        {
            margin: 0;
            padding:0;
            font: normal 12px Trebuchet MS;
            width:auto;
        }
        ul.display li .content_block a img
        {
            padding: 5px;
            border: 2px solid #ccc;
            margin: 10px 15px 10px 0;
            float: left;
        }
        ul.display li span
        {
            margin:0;
            font: normal 12px Trebuchet MS;
            text-align: left !important;
        }
        ul.display li span.Price{color:red;font-weight:bold}
        ul.thumb_view li
        {
            width:150px;height:245px
        }
        ul.thumb_view li .content_block{border:0 none !important}
        ul.thumb_view li h2
        {
            display: inline;
        }
        ul.thumb_view li p
        {
            display: none;
        }
        ul.thumb_view li .content_block a img
        {
            margin: 0 0 10px;
        }
        
        
a.switch_thumb
{
    width: 122px;
    height: 30px;
    
    padding: 0;
    display: block;
    background: url(../../images/mos/switch_thumb.jpg) no-repeat !important;
    outline: none;
    text-indent: -9999px;
    position:absolute;right:0;top:1px;border-left:1px solid #fff
}
a:hover.switch_thumb
{
    filter: alpha(opacity=75);
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap
{
     background: url(../../images/mos/switch_thumb2.jpg) no-repeat !important;
}
.headingRegion
{
	background-color: #666666;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	padding:5px;
}

.subHeading
{
	font-size: small;
}

.pagerRegion
{
	clear: left;
	background-color: #f2f2f2;font:normal 12px Trebuchet MS;color:#000;
	padding: 5px;
    height: 25px;
}

.pagerBtn 
{
	font-family:Verdana,Arial;
	font-size:10pt;
}

.footerRegion
{
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	text-align: right;
	padding: 4px;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/* MessageBox */
/*body{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
}*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/MessageBox/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/MessageBox/success.png');padding:10px 0
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/MessageBox/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/MessageBox/error.png');
}
.container
{
}
.info p, .success p, .warning p, .error p {
    padding: 10px 50px;
}
.info a, .success a, .warning a, .error a {
    float: right;
    padding:6px 10px;
    cursor:pointer;
}
.container img {
    border: none;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/MessageBox/error.png');
}
.validation ul
{
	padding: 0px 30px;
}

/* HomeImages */

/*.image-holder{
	float:left;
	width:108px;
	height:108px;
	padding:2px;
	border:1px solid #ddd;
	background:#eee url(images/loading.gif) 50% 50% no-repeat;
	display:inline;
}
*/

.HomeProductImage
{
   max-height: 110px;
   max-width: 110px;

   background: #fff;
   border: solid 1px #ccc !important;
   padding: 4px;
}

/* ProductImages */
.MidImage
{
   max-height: 110px;
   max-width: 110px;
}
.MidImageDiv
{
   height: 115px;
   width: 115px;margin:0 10px 0 0
}
.SmallImage
{
   max-height: 60px;
   max-width: 60px;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}