/***********************************
*  skinIt Homepage Stylesheet
*  Created on: 09/04/08
*  Rich Rudzinski
***********************************/
.smallRed
{
	color:red;
	font-weight:bold;
}

.home #flashcontent
{
    width:959px;
    height:523px;
    overflow:hidden;
}

.home #tagCloud
{
    width:883px;
    min-height:190px;
    height:auto !important;
    height:190px;
    overflow:hidden;
    background:#777 url(http://www.skinit.com/images/backgrounds/tagCloudHome_repeat.jpg) repeat-x top left;
    padding:30px 38px;
}
.home #ind_tagCloud
{
    width:883px;
    min-height:190px;
    height:auto !important;
    /*height:190px;*/
    overflow:hidden;
    background:#4D4D4D url(http://www.skinit.com/images/index/ind_tags.jpg) repeat-x top left;
    padding:30px 38px;
}

.home #subContent
{
    width:959px;
    height:142px;
    background:url(http://www.skinit.com/images/backgrounds/subContentHome_repeat.jpg) repeat-x bottom left;
}



.home .banners{
	position:relative;
	text-align:center;
}

.home .banners_pic {
	height:186px;
	width:959px;
	background:transparent url(http://www.skinit.com/images/index/allhalf.png) no-repeat scroll 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');
}

.home .banners_in{
	position:absolute;
	left:50%;
	top:0;
	height:100%;
}

.home .a1{
	position:absolute;
	width:231px;
	left:7px;
	top:10px;
	height: 159px;
}
.home .a2{
	position:absolute;
	width:231px;
	left:245px;
	top:10px;
	height: 159px;
}

.home .a3{
	position:absolute;
	width:231px;
	left:483px;
	top:10px;
	height: 159px;
}

.home .a4{
	position:absolute;
	width:231px;
	left:723px;
	top:10px;
	height: 159px;
}



/*****************************************************/
/* Sub Page */

.subPage #mainContent
{
    background-color:#ffffff;
	background:url(http://www.skinit.com/images/backgrounds/bg_main.gif) repeat-y center;
}

.home #mainContent #index_up
{
    position:relative;
    text-align:center;
}


.home #mainContent #index_main_pic
{
    height:414px;
    width:959px;
}

.home #mainContent #index_up .in
{
    position:absolute;
    left:50%;
    top:0;
    height:100%;
}

.home #mainContent #index_up .in a
{
    position:absolute;
    width:200px;
    left:95px;
    top:105px;
    height: 42px;
}


.subPage #breadcrumbs, .subPage #breadcrumbsfaq, .subPage #breadcrumbspincards
{
    width:959px;
    height:30px;
    background:transparent url(http://www.skinit.com/images/backgrounds/bg_breadcrumps.jpg) no-repeat scroll left top;
	font-size:14px;
	line-height:30px;
	padding-left:10px;
	color:#727272;
	border-bottom:2px solid #98cc53;
}
.subPage #breadcrumbs li, .subPage #breadcrumbsfaq li, .subPage #breadcrumbs h1, .subPage #breadcrumbsfaq h1, .subPage #breadcrumbspincards li, .subPage #breadcrumbspincards h1, .subPage #breadcrumbsresellers li, .subPage #breadcrumbsresellers h1
{
    float:left;
}
.subPage #breadcrumbs li a, .subPage #breadcrumbsfaq li a, .subPage #breadcrumbs h1, .subPage #breadcrumbs li, .subPage #breadcrumbsfaq li, .subPage #breadcrumbsfaq h1, .subPage #breadcrumbspincards li, .subPage #breadcrumbspincards li a, .subPage #breadcrumbspincards h1, .subPage #breadcrumbsresellers li, .subPage #breadcrumbsresellers li a, .subPage #breadcrumbsresellers h1
{
    font:normal 12px/29px Arial, sans-serif;
    color:#727272;
}
.subPage #breadcrumbs li a, .subPage #breadcrumbsfaq li a, .subPage #breadcrumbspincards li a, .subPage #breadcrumbsresellers li a
{
    text-decoration:underline;
}
.subPage #breadcrumbs li a:hover, .subPage #breadcrumbsfaq li a:hover, .subPage #breadcrumbspincards li a:hover, .subPage #breadcrumbsresellers li a:hover
{
    text-decoration:none;
}
.subPage #breadcrumbs li.arrow, .subPage #breadcrumbsfaq li.arrow, .subPage #breadcrumbspincards li.arrow, .subPage #breadcrumbsresellers li.arrow
{
    padding:0 5px;
}





.subPage #mainContent #banner
{
    /*width:959px;
    height:27px;
    background:transparent url(http://www.skinit.com/images/backgrounds/bg_top.jpg) no-repeat scroll left top;*/
	height:2px;
	background:#000000;
}

.subPage #mainContent #breadcrumps
{
    width:959px;
    height:30px;
    background:transparent url(http://www.skinit.com/images/backgrounds/bg_breadcrumps.jpg) no-repeat scroll left top;
	font-size:14px;
	line-height:30px;
	padding-left:10px;
	color:#727272;
	border-bottom:2px solid #98cc53;
}
.subPage #mainContent #breadcrumps a
{
	color:#727272;
}
.subPage #mainContent #breadcrumps .active, .subPage #mainContent #breadcrumps a:hover
{
	color:#98cc53;
}

.subPage  #mainContent #rightcol
{
	width:712px;
	float:left;
}
.subPage  #mainContent #rightcol .searchdev
{
	width:712px;
	height:48px;
}

.subPage  #mainContent #rightcol .searchdev #searchDevices
{
	width:712px;
	height:48px;
	background:transparent url(http://www.skinit.com/images/backgrounds/bg_searchdevice.jpg) no-repeat left top;
}



.subPage  #mainContent #rightcol .searchdev #searchDesigns
{
    width:712px;
    height:48px;
    background:transparent url(http://www.skinit.com/images/backgrounds/bg_searchdesign.jpg) no-repeat left top;

}

.subPage  #mainContent #rightcol .searchdev #searchDevices fieldset
{
	width:500px;
}
.subPage  #mainContent #rightcol .searchdev #searchDesigns fieldset
{
	width:500px;
}

.subPage  #mainContent #rightcol .go
{
	width:42px;
	height:19px;
	background:transparent url(http://www.skinit.com/images/buttons/btn_go.jpg) no-repeat left top;
	text-indent:9999px;
}

.subPage  #mainContent #rightcol .browse_dev ul
{
	padding:10px;
}
.subPage  #mainContent #rightcol .browse_dev li
{
	background:url(http://www.skinit.com/images/icons/point1.gif) 0px 8px no-repeat;
	padding:5px 0 5px 20px;
	font:normal 12px/14px Arial, sans-serif;
	color:#404040;
}

.subPage  #mainContent #rightcol .browse_dev li a
{
	color:#404040;
}
.subPage  #mainContent #rightcol .browse_dev li a:hover
{
	color:#98cc53;
}

.subPage .pagination
{
    width:115px;
    height:auto;
    overflow:hidden;
    float:right;
    margin-right:16px;
    margin-top:1px;
}

.subPage .pagination li
{
    float:left;
    font-size:11px;
    color:#373737;
    padding-right:10px;
}

.subPage .pagination .arrowLeft, .subPage .pagination .arrowRight
{
    padding-top:3px;
}

.subPage .pagination .arrowRight
{
    padding-right:0;
}

.subPage .pagination a
{
    font-size:11px;
    color:#ed4024;
}

.subPage .pagination a:hover
{
    color:#99cc66;
}

.subPage .pagination .arrowLeft a, .subPage .pagination .arrowRight a
{
    width:5px;
    height:9px;
    background:url(http://www.skinit.com/images/buttons/pagination_left.gif) no-repeat top left;
    display:block;
    text-indent:-9999px;
    float:left;
}

.subPage .pagination .arrowRight a
{
    background:url(http://www.skinit.com/images/buttons/pagination_right.gif) no-repeat top left;
}


.subPage .products
{
    width:510px;
    height:auto;
    overflow:hidden;
    padding: 0;
}

.subPage .products li, .subPage #recent li
{
    float:left;
    width:87px;
    height:155px;
    margin:0 11px 2px 0;
    overflow:hidden;
}

.subPage .products li.quickViewCont
{
    height:160px;
    margin-bottom:7px;
    position:relative;
}

.subPage .products li a, .subPage #recent li a
{
    width:87px;
    height:80px;
    padding-top:5px;
    float:left;
    position:relative;
    font:bold 12px/14px Arial, sans-serif;
    color:#373737;
}

.subPage .products li a
{
    padding-top:5px;
    line-height:14px;
}

.subPage .products li.wrap
{
    width:87px;
    padding:5px 2px 0 0;
    background:url(http://www.skinit.com/images/backgrounds/deviceContainer.png) no-repeat top left;
}

.subPage .products li a:hover span, .subPage #recent li a:hover
{
    color:#000;
    text-decoration:underline;
}

.subPage .products li a:hover span.code
{
    color:#373737;
}

.subPage .products li.wrap a.lightbox:hover
{
    background:none;
}

.subPage .products li.quickViewCont:hover a.quickView
{
    background-position:bottom left;
}

.subPage .products li a.quickView, .subPage .products.search li a.quickView
{
    position:absolute;
    z-index:10;
    width:87px;
    top:0;
    left:6px;
    background:url(http://www.skinit.com/images/buttons/quickView.gif) no-repeat top left;
    height:18px;
    overflow:hidden;
    text-indent:-9999px;
    padding-top:0;
}

.subPage .products li a.item /*, .subPage .products li a  span, .subPage #recent li a span*/
{
	display:block;
	width:82px;
    padding-left:10px;
    background:url(http://www.skinit.com/images/buttons/category_arrow.gif) no-repeat 0px 8px;
    /*position:absolute;
    top:80px;
    left:8px;*/
    text-decoration:none;
	border:0;
}

.subPage #recent li a span
{
    margin-left:0;
}

.subPage .products li.quickViewCont a span
{
    position:static;
    clear:left;
    display:block;
    margin-left:5px;
}

.subPage .products li.quickViewCont a span.code
{
    background:none;
    position:static;
    clear:left;
    font-weight:normal;
}

.subPage .products li img, .subPage #recent li img
{
	border:0;
    margin:0 0 0 7px;
    display:block;
}

.subPage .products li.quickViewCont img
{
    margin:0 auto;
    padding-bottom:8px;
}

.subPage .recommended
{
    width:247px;
    height:auto;
    overflow:hidden;
    padding: 0;

}

.subPage .recommended li
{
    float:left;
    width:240px;
    height:148px;
    margin:0 11px 2px 0;
    overflow:hidden;
	text-align:center;
}



.subPage .recommended li a
{
    width:240px;
    height:80px;
    padding-top:5px;
    float:left;
    position:relative;
    font:bold 12px/12px Arial, sans-serif;
    color:#373737;
	text-align:center;
}

.subPage .recommended li a
{
    padding-top:5px;
    line-height:14px;
}

.subPage .recommended li.wrap
{
    width:240px;
    padding:5px 2px 0 0;
	text-align:center;
}

.subPage .recommended li a:hover span
{
    color:#000;
    text-decoration:underline;
}

.subPage .recommended li a:hover span.code
{
    color:#373737;
}

.subPage .recommended li.wrap a.lightbox:hover
{
    background:none;
}

.subPage .recommended li.quickViewCont:hover a.quickView
{
    background-position:bottom left;
}

.subPage .recommended li a.quickView
{
    position:absolute;
    z-index:10;
    width:90px;
    top:0;
    left:6px;
    background:url(http://www.skinit.com/images/buttons/quickView.gif) no-repeat top left;
    height:18px;
    overflow:hidden;
    text-indent:-9999px;
    padding-top:0;
}

.subPage .recommended li a.item
{
	display:block;
	width:200px;
    padding-left:10px;
    text-decoration:none;
	text-align:center;
	border:0;
}


.subPage .recommended li img
{
	border:0;
    margin:0 auto;
    display:block;
}

.subPage .recommended li.quickViewCont img
{
    margin:0 auto;
    padding-bottom:8px;
}


.itemContainer
{
    height: 155px;
    float: left;
    width: 100px;
    padding-top: 15px;
}

.itemBackgroundContainer
{
    width: 103px;
    height: 83px;
    background:transparent url(http://www.skinit.com/images/backgrounds/deviceContainer.png) no-repeat scroll top left;
    margin-left:10px;
}

.itemLink
{
    color: #373737;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.itemLinkContainer
{
    width: 73px;
    height: 78px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: transparent;
    background-attachment: scroll;
}

.arrowContainer
{
    float: left;
    padding-right: 7px;
    padding-top: 3px;
    padding-left: 10px;
}

.titleContainer
{
    float: left;
    width: 77px;
    color: #373737;
}

.subTitleContainer
{
    padding-left: 20px;
    width: 100px;
}



.subPage  #mainContent #leftcol
{
	width:247px;
	float:right;
	background:transparent;

}



.subPage .btn_addtocart
{
	width:147px;
	height:29px;
	background:transparent url(http://www.skinit.com/images/buttons/new_style/btn_addtocart.gif) no-repeat left top;
	text-indent:-9999px;
}
.subPage .btn_addtocartb
{
	width:146px;
	height:31px;
	background:transparent url(http://www.skinit.com/images/buttons/btn_addtocart_b.gif) no-repeat left top;
	text-indent:9999px;
}
.subPage .tbl
{
	border-style:solid;
	border-color:#DBDBDB;
	border-width:1px 0 0 1px;
}
.subPage .tbl td
{
	border-style:solid;
	border-color:#DBDBDB;
	border-width:0 1px 1px 0;
}


.subPage  #mainContent #rightcol .devtitle #searchDevices
{
	width:712px;
	height:48px;
	background:transparent url(http://www.skinit.com/images/backgrounds/bg_devtitle.jpg) no-repeat left top;

}

/* recently viewed for .home */

.subPage #products
{
    width:510px;
    height:auto;
    overflow:hidden;
    padding:16px 0 5px 0;
}

.subPage #products li, .subPage #recent li
{
    float:left;
    width:87px;
    height:148px;
    margin:0 11px 2px 0;
    overflow:hidden;
}

.subPage #products li.quickViewCont
{
    height:160px;
    margin-bottom:7px;
    position:relative;
}

.subPage #products li a, .subPage #recent li a
{
    width:87px;
    height:136px;
    padding-top:28px;
   /*g6 float:left; */
    position:relative;
    font:bold 12px/12px Arial, sans-serif;
    color:#373737;
}

.subPage #products li a
{
    padding-top:24px;
    line-height:14px;
}

.subPage #products li.wrap a
{
    width:87px;
    padding:28px 12px 0 0;
    background:url(http://www.skinit.com/images/backgrounds/deviceContainer.png) no-repeat top left;
}

.subPage #products li a:hover span, .subPage #recent li a:hover
{
    color:#000;
    text-decoration:underline;
}

.subPage #products li a:hover span.code
{
    color:#373737;
}

.subPage #products li.wrap a.lightbox:hover
{
    background:none;
}

.subPage #products li.quickViewCont:hover a.quickView
{
    background-position:bottom left;
}

.subPage #products li a.quickView, .subPage #products.search li a.quickView
{
    position:absolute;
    z-index:10;
    width:87px;
    top:0;
    left:0px;
    background:url(http://www.skinit.com/images/buttons/quickView.gif) no-repeat top left;
    height:13px;
    overflow:hidden;
    text-indent:-9999px;
    padding-top:0;
}

.subPage #products li a span, .subPage #recent li a span
{
    padding-left:10px;
    background:url(http://www.skinit.com/images/buttons/category_arrow.gif) no-repeat 0 4px;
    position:absolute;
    top:117px;
    left:8px;
    text-decoration:none;
}

.subPage #recent li a span
{
    margin-left:0;
}

.subPage #products li.quickViewCont a span
{
    position:static;
    clear:left;
    display:block;
    margin-left:5px;
}

.subPage #products li.quickViewCont a span.code
{
    background:none;
    position:static;
    clear:left;
    font-weight:normal;
    font-weight:normal;
}

.subPage #products li img, .subPage #recent li img
{
    border:0;
    margin:0 auto;
    display:block;
}

.subPage #products li.quickViewCont img
{
    margin:0 auto;
    padding-bottom:8px;
}

.subPage #recent
{
    border-top:4px solid #5fbaff;
    width:673px;
    height:157px;
    background:url(http://www.skinit.com/images/backgrounds/recent_repeat.jpg) repeat-x top left;
    margin-bottom:4px;
    padding:18px 0 0 35px;
    clear:both;
}

.subPage #recent h2
{
    width:144px;
    height:19px;
    background:url(http://www.skinit.com/images/backgrounds/headers/recentlyViewed.gif) no-repeat top left;
    text-indent:-9999px;
    margin:1px 0 3px 0;
}

.subPage #recent ul
{
    width:673px;
    height:auto;
    overflow:hidden;
}

.subPage #recent li
{
    width:112px;
    height:118px;
    margin:0 20px 0 0;
}

.subPage #recent li a
{
    width:112px;
    padding-top:18px;
    height:100px;
}

.subPage #recent li a span
{
    top:90px;
    left:8px;
}

.subPage #recent li a span.code
{
    clear:both;
    background:none;
    font-weight:normal;
    top:104px;
    white-space:nowrap;
}

.subPage #recent li.leftAlign img
{
    margin-left:7px;
}