#jCarouselLiteDemo .carousel  {
    position: relative;
}

#jCarouselLiteDemo .digg {
	position: absolute;
	left: 610px;
	top: 110px;
}

.product_scroller_block{
	overflow: hidden !important;
	float: left !important;
	width: 145px !important;
	height: 130px !important;
	}

#jCarouselLiteDemo .demo em {
	color: #FF3300;
	font-weight: bold;
	font-size: 60%;
	font-style: normal;
}

    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/

        float: left;

    }              

#jCarouselLiteDemo .carousel a.prev{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	text-decoration: none;
	margin-top:50px;
	background: url(../images/prev.jpg) top left no-repeat;
	}
	
#jCarouselLiteDemo .carousel a.prev:hover{
	background: url(../images/prev.jpg) bottom left no-repeat;
	}
	
#jCarouselLiteDemo .carousel a.next{
	display: block;
	float: left;
	width: 15px;
	height: 20px;
	margin-top:50px;
	text-decoration: none;
	background: url(../images/next.jpg) top left no-repeat;
	}
	
#jCarouselLiteDemo .carousel a.next:hover{
	background: url(../images/next.jpg) bottom left no-repeat;
	}

#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
	border: none;	
	outline: none;
}                 

#jCarouselLiteDemo .carousel .jCarouselLite {
	border: none;
	float: left;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}

#jCarouselLiteDemo .carousel ul {
	margin: 0;
}

#jCarouselLiteDemo .carousel li p {
	background-color: #fff;
	width: 120px;
	height: 125px;
}        

#jCarouselLiteDemo .widget img {
	cursor: pointer;
}

            #jCarouselLiteDemo .mid {

                margin-left: 80px;

                width: 400px;

                height: 300px;

            }

            #jCarouselLiteDemo .vertical {

                margin-left: 170px;

            }

                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */

                    width: 170px;

                }

            #jCarouselLiteDemo .imageSlider li img, 

            #jCarouselLiteDemo .imageSlider li p, 

            #jCarouselLiteDemo .imageSliderExt li img , 

            #jCarouselLiteDemo .imageSliderExt li p {

                width: 400px;

                height: 300px;

            }

            

/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/



            



/*_____________________________________________ Start - Blog _____________________________________________*/



#contentInner .post {

    margin-bottom: 40px;

    position: relative;

}

    #contentInner .post p {

        margin-left: 0;

    }

	#contentInner .post h2 a {

		border-bottom: none;

	}	

    #contentInner .post .entry {

        margin-top: 15px;

    }

    

#contentInner commentlist li p {

    margin: 0;

}



ul.children li {

    margin: 0;

    font-size: 11px;

}



h2#comments {

    font-size: 90%;

}



.commentlist {

    list-style-type: none;

}



.commentEntry {

    margin: 0 0 25px 0;

}



.commentTitle {

    border: 1px solid #bababa;

    background-color: #a4a4a4; 

    color: #fff;

    padding-left: 5px;

    font-size: 80%;

}

    .authorComment .commentTitle {

        border: 1px solid #000;

        background-color: #000; 

    }    

    .commentTitle a {

        color: #fff; 

    }



.commentBody {

    border: 1px solid #bababa; 

    padding: 5px;

}

    .authorComment .commentBody {

        border: 1px solid #000; 

    }

    

#contentInner .comment-page-numbers {

    margin: 30px 0;

    

}   

    .comment-page-numbers a, .comment-page-numbers strong {

        margin: 0 3px 0 0;

        padding: 4px 4px;  

        text-decoration: none;

        border: 1px solid #CCCCCC;

        background: #EEEEEE none repeat scroll 0 0;

        -moz-border-radius:5px;

        -webkit-border-radius:5px;

        border-radius: 5px;          

    } 

    .comment-page-numbers .current-comment-page {

        background: #fff;

        border-color: #000;

    }



.update h2 {

    color: darkRed;

}



/* For the Recent Comments Dynamic Sidebar element */

ul#recentcomments li.recentcomments {

    font-size: 11px;

    letter-spacing: 0;

    line-height: 120%;

}



.primaryContent .navigation {

    background-color : #E7E7E7;

    margin: 20px 0;

    padding: 10px;

    font-weight: bold;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius: 5px;     

}

.post .entryMetadata {

    display: none;

    background-color : #E7E7E7;

    margin: 20px 0;

    padding: 10px;

    height: 47px;

    position: relative;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius: 5px;      

}

.post .hypeIt {

    background-color : #fff;

    margin: 20px 0;

    padding: 20px 10px 10px;

    border: 1px solid #E7E7E7;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius: 5px;     

}

    .entryMetadata .entryMetadataImage {

        float: left;

        width: 50px;

        position: relative;

        top: 10px;

    }

    

    .entryMetadata .entryMetadataText {

        float: left;

        width: 585px;

    }

        .entryMetadata .entryMetadataText a {

            font-weight: bold;

        }



    /*_____________________________________________ Start - Blog - LavaLamp _____________________________________________*/



        .digg.forLavaLamp {

            position: absolute;

            left: 600px;

            top: 15px;

        }

    /*_____________________________________________ End - Blog - LavaLamp _____________________________________________*/    

    

    

/*_____________________________________________ End - Blog _____________________________________________*/        





            

/*_____________________________________________ Start - Footer _____________________________________________*/    



#footer {

    min-height: 70px;

    background-color: #566865;

    border-top: 1px solid #ff5c00;

}

    #footerInner {

        width: 950px;

        margin: 0 auto;

        padding-top: 10px;

        color: #fff;

        text-align: center;

    }



/*_____________________________________________ Start - Form Styles _____________________________________________*/



input.txt {

    border: 1px solid #c2c6cf;

    background: #fff url("/image/shadeTxt.gif") repeat-x;

}

select.cmb {

    border: 1px solid #c2c6cf;

    background: url("/image/shadeTxt.gif") repeat-x;

}



/*_____________________________________________ Start - Utility classes _____________________________________________*/



/* Default classes for clearing float, also clearing the end without presentational markup*/

.clear { clear: both; }

    .cLeft { clear: left; }

    .cRight { clear: right; }

    .cEnd {

    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers

    in one selector, add it directly here like #propertyEntry div */

        display: inline-table;

    /* Hides from IE-mac \*/

        height: 1%;

        display: block;

    /* End hide from IE-mac */

    }

        html>body .cEnd {

        height: auto;

    }

    .cEnd:after {

        content: ".";

        display: block;

        height: 0;

        clear: both;

        visibility: hidden;

    }



/* Default classes for floating elements left or right */    

.fNone { float: none; }

    .fLeft { float: left; }

    .fRight { float: right; }



/* Default classes for hiding and showing elements */    

.hide { display: none; }

    .block { display: block; }

    .inline { display: inline; }

 

 /* For loading divup that comes up when some ajax request is executed */   

.p-shadow {

      width: 90%;

      float:left;

      background: url(/image/shadowAlpha.png) no-repeat bottom right !important;

      background: url(/image/shadow.gif) no-repeat bottom right;

      margin: 10px 0 0 10px !important;

      margin: 10px 0 0 5px;

  }

    .p-shadow div {

          background: none !important;

          background: url(/image/shadow2.gif) no-repeat left top;

          padding: 0 !important;

          padding: 0 6px 6px 0;

    }

    .p-shadow p {

          color: #777;

          background-color: #fff;

          font: italic 1em georgia, serif;

          border: 1px solid #a9a9a9;

          padding: 4px;

          margin: -6px 6px 6px -6px !important;

          margin: 0;

    }

    

    #loadingDemo {

        display: none;

        position: absolute;

        width: 150px;

        left: 150px;

        top: 200px;

    }    

.disabled {

    color: green;

}    



.roundedCorner5, pre {

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius: 5px;    

}



/*_____________________________________________ TABS PLUGIN _____________________________________________*/

.tabs-hide {

    display: none;

}



/* Skin */

.tabs-nav {

    list-style: none;

    margin: 0;

    padding: 0; /* gmarwaha */

}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.tabs-nav li {

    min-width: 84px; /* be nice to Opera */

}

.tabs-nav .tabs-selected a {     /*gmarwaha*/

    color: #000;

    font-size: 90%;

    font-weight: bold;

    text-decoration: none;

}