/* Skinit.com homepage styles
 * Created by Nikita.Kuznetsov Cyberhull Team
 * 22.01.2010
 */
 
 
 
    #home_content /* Main wrapper */
    {
        background-color: #494949;
        padding: 0;
        width: 945px;
        padding: 0px 10px 0px 4px;
        overflow: hidden;
    }
    /* Top promo block  */    

    #top
    {
        padding: 5px 0px 5px 6px;
    }
    
    #top .promotion_text
    {
        height: 25px;
        background-color: #787878;
        width: 937px;
        background: url(http://www.skinit.com/images/backgrounds/promotional_back.gif) no-repeat top left;
    }
    
    #top .promotion_text center span
    {
        padding-top: 3px;
    }
    
    /* Right center block  */
    #main_col
    {
        width: 704px;
        float: left;
        position: relative;

    }
    
    #main_col .navigation, #main_col .splash, #main_col .roundHack
    {
        float: left;
        height: 328px;
        
    }
    
    #main_col .roundHack
    {
        margin-top: 3px;
        left: 170px;
        margin-top: 3px;
        position: absolute;
        top: 0px;
        z-index: 10;
    }
    
    /* Begin navigation menu */
        #main_col .float_div *
        {
            /* position: relative; */
        }
        #main_col .float_div
        {
            /* position: absolute; */
            /* left: 0px; */
            /* top: -3px; */
            /* z-index: 200; */
        }
        #main_col .navigation
        {
            background: url(http://www.skinit.com/images/backgrounds/menu_body.gif) repeat-y top left;
        }

        #main_col .navigation .navigation_top, #main_col .navigation .navigation_bottom, #main_col .navigation
        {
            width: 170px;
            height: auto;
        }

        #main_col .navigation .navigation_top
        {
            background: url(http://www.skinit.com/images/backgrounds/menu_top.gif) no-repeat top left;
        }

        #main_col .navigation .navigation_bottom
        {
            background: url(http://www.skinit.com/images/backgrounds/menu_bottom.gif) no-repeat bottom left;
            height: 334px;
        }
     
        #main_col .navigation .navigation_content
        {
            padding-left: 14px;
            padding-top: 15px;
        }
        #main_col .navigation ul
        {
            margin-top: 5px;
        }
        #main_col .navigation ul li
        {
            background: url(http://www.skinit.com/images/icons/point1.gif) no-repeat 0% 50%;
            padding: 5px 0px 6px 20px;
        }
        
        #main_col .navigation a
        {
            color: #404040;
            text-decoration: none;
      
        }
        
        #main_col .navigation a:hover
        {
            color: #98CC53;
            text-decoration: none;        
        }
        
        #main_col .navigation .navigation_title
        {
            font: normal normal bold 14px/18px Arial, sans-serif;
        }
    /* End navigation menu */ 
    
    #main_col .splash
    {
        width: 534px;
        height: 328px;
        overflow:hidden;
        margin-bottom: 10px;
        float: right;
        margin-top: 3px;
    }
    
    /* Begin carousel blocks */
        #main_col .design_carousel,  #main_col .device_carousel
        {
            widht: auto;
            height: 159px;
            display: block;
            padding-top: 0px;
            margin-left: 6px;
            
        }
        .carousel_title
        {
        color: white;
font-size: 16px;
padding-left: 15px;
padding-top: 15px;
        }
        #main_col .device_carousel, #main_col .design_carousel
        {
            margin-bottom: 10px;
            
        }
        #main_col .carousel_back, .carousel_start, .carousel_body
        {
            height: 159px;
            display: block;
        }
        
        #main_col .carousel_start
        {
            background-image: url(http://www.skinit.com/images/backgrounds/carousel-start.gif);
            background-repeat: no-repeat;
            background-position: top left;
        }
        
        #main_col .carousel_back
        {
            background-image: url(http://www.skinit.com/images/backgrounds/carousel-back.gif);
            background-repeat: no-repeat;
            background-position: top right;
        }
        
        #main_col .carousel_body
        {
            background-image: url(http://www.skinit.com/images/backgrounds/carousel-body.gif);
        }
    /* End carousel blocks */
    
    /* Right promo blocks */
    #right_col
    {
        float: right;
        width: 232px;

    }
    
    #right_col .promotion_blocks
    {
        padding-top: 3px;
    }
    #right_col .promotion_blocks img
    {
        margin-bottom: 10px;
        display: block;
    }
    .promotion_blocks_center
    {
        margin-left: 2px;
        
    }
    .promotion_blocks_center img
    {
        margin-left: 3px;
        margin-bottom: 10px;
    }
    #bottom .promotion_line_text
{
padding-left: 20px;
padding-top: 12px;
color: #939393;
float: left;
font-family: Arial;
font-size: 16px;
font-weight: normal;
}

.slide_selector span #c1
{
    z-index: 500;
}
.slide_selector #c1, .slide_selector #c2, .slide_selector #c3, .slide_selector #c4, .slide_selector #c5, .slide_selector #c6, .slide_selector #c7
{
    backgroun-repeat: no-repeat;
    background-position: 0px 0px;
    height: 19px;
    width: 21px;
    display: block;
}
.slide_selector #c1
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/1_off.gif);
}
.slide_selector #c2
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/2_off.gif);
}

.slide_selector #c3
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/3_off.gif);
}

.slide_selector #c4
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/4_off.gif);
}

.slide_selector span#c5
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/5_off.gif);
}

.slide_selector span#c6
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/6_off.gif);
}

.slide_selector span#c7
{
    background-image: url(http://www.skinit.com/images/buttons/splash_controls/7_off.gif);
}

.slide_selector .selected
{
    //background-position: 0px -19px !important;
}
.home #subContent_new
{
   width:698px;
   height:142px;
   background: transparent !important;

}
.home #slideContainer_new
{
    height:70px;
    width:auto;
    padding-top: 10px;
    -padding-top: 0px !important;
    padding-left: 15px;
}

.home .slideItem_new
{
    display:block;
    width:75px;
    height:77px;
    float:left;
    padding:2px 5px 0 5px;
    cursor:pointer;
    
}

.home .slideItem_new:hover
{
    background:url(http://www.skinit.com/images/buttons/slideItemHome_hover.jpg) no-repeat 3px 0;
}
#slideFrame_new
{
	float: left;
	height:79px;
	width:894px;
	overflow:hidden;
	position:relative;
	margin-left: 27px;
	margin-top: 10px;
    -margin-top: 20px;
    -margin-left: 10px;
}
#top .promotion_text
{
color: #939393;
font-family: Arial;
font-size: 14px;
font-weight: normal;
padding-top: 4px;
}

.roundHack
{
    width: 2px;
    display: block;
}
.roundHack
{
    background: url(http://www.skinit.com/images/backgrounds/roundHack.gif) no-repeat top left;
}
#home_content #arrowRightContainer a, #home_content #arrowLeftContainer a
{
    z-index: 1 !important;
}

#about_our_skins {
	margin: 5px;
    margin-left: 6px;
    margin-top: 10px;
	padding: 0;
	color: #a4a4a4;
	clear:both;
	font: 12px/18px Arial;
}

#about_our_skins .header {
	background-image: url("http://www.skinit.com/images/bg_header.jpg");
	width: 935px;
	height: 7px;
	background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#about_our_skins .bg {
	background-image: url("http://www.skinit.com/images/bg.jpg");
	width: 935px;
	height: 450px;
	background-repeat: y-repeat;
	clear:both;
	position: relative;
    margin: 0;
    padding: 0;
}

#about_our_skins .bg b {
	color: #ffffff;
	display: block;
	margin-bottom: 7px;
	font-size:15px;
}

#about_our_skins .made_in_usa {
	float:right;
    margin-top: 7px;
	margin-right: 7px;
	color: #77787a;
}

#about_our_skins .logo {
	padding-left: 18px;
	padding-top: 28px;
	font-size: 25px;
	color: #ffffff;
	font-weight: bold;
	float: left;
	position: relative;
}

#about_our_skins .logo img {
	position: absolute;
	left: 218px;
	top: 34px;
}

#about_our_skins .text_1 {
	position: absolute;
	width: 230px;
	height: 100px;
	left: 350px;
	top: 90px;
}

#about_our_skins .text_2 {
	position: absolute;
	width: 240px;
	height: 100px;
	left: 350px;
	top: 180px;
}

#about_our_skins .text_3 {
	position: absolute;
	width: 250px;
	height: 100px;
	left: 350px;
	top: 270px;
}

#about_our_skins .text_4 {
	position: absolute;
	width: 270px;
	height: 100px;
	left: 650px;
	top: 90px;
}

#about_our_skins .image_1 {
	position: absolute;
	margin-left: 8px;
	top: -371px;
    z-index:1;
}

#about_our_skins .image_2 {
	position: absolute;
    left: 634px;
	top: -193px;
	margin-right:0px;
    z-index:2;
}

#about_our_skins .footer {
	background-image: url("http://www.skinit.com/images/bg_footer.jpg");
	width: 935px;
	height: 6px;
	background-repeat: no-repeat;
	position: relative;
}