/* Reset default browser styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0; }
.clear { clear:both; }
.lf { float:left; }
.rt { float:right; }
a { color:#ffff00; text-decoration:none; }
a:hover { text-decoration:none; }
p { margin-bottom:10px; }
em { font-style:italic; }
/* Reset default browser styles */

.todo { background-color: yellow;}

body {
background:#fff url(../i/site/bgMain.jpg) repeat-x;
font:normal 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color:#333;
}

/* header */
.headerwrap {
height:76px;
background:#252525 url(../i/site/bg-header.jpg) repeat-x;
position:relative;
z-index:798;
}
#header {
margin:0 auto;
width:960px;
height:76px;
position:relative;
z-index:799;
}

/* topnav */
#header .topnav {
width:470px;
height:25px;
line-height:25px;
float:right;
text-align:right;
color:#666;
font-size:11px;
padding-bottom:5px;
}
#header .topnav a:hover {
text-decoration:underline;
}
#header .topnav a.lo {
color:#666;
}
#header .welcome {
display:inline;
color:#fff;
position:relative;
padding-right:23px;
}
#header .welcome span {
position:absolute;
width:17px;
height:17px;
display:block;
right:2px;
top:0px;
background:url(../i/site/bg-bubble.jpg) no-repeat;
padding:0px;
line-height:normal;
text-align:center;
}
#header .welcome span a {
color:#fff;
}
#header .welcome span a:hover {
color:#FFFF00;
text-decoration:none;
}

/* logo */
#header h1 { 
width:124px;
height:59px;
float:left;
position:absolute;
top:8px;
}
#header h1 a { 
width:124px;
height:59px;
display:block;
background:url(../i/site/logo.jpg) no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#header h1 a:hover { 
background-position:left bottom;
}

/* main nav */
#header #nav { 
width:446px;
position:relative;
left:131px;
top:25px;
z-index:100;
}
#header #nav li { 
display:inline;
float:left;
padding-right:8px;
position:relative;
}
#header #nav a { 
display:block;
float:left;
height:29px;
background:url(../i/site/bg-btn.gif) no-repeat;
color:#fff;
font-size:16px;
text-shadow:2px 1px #000 #000;
}
#header #nav a strong { 
display:block;
font-weight:normal;
height:24px;
padding:5px 12px 0 12px;
background:url(../i/site/bg-btn.gif) no-repeat right bottom;
}
#header #nav a.buy strong { 
background:url(../i/site/btn-bg-buy.jpg) no-repeat right top;
padding-right:26px;
}
#header #nav  a.buy:hover strong, #header #nav  a.hover strong { 
background:url(../i/site/btn-bg-buy.jpg) no-repeat right bottom;
}
#header #nav a:hover, #header #nav a.hover {  
background:url(../i/site/bg-btn-hover.gif) no-repeat;
}
#header #nav a:hover strong { 
background:url(../i/site/bg-btn-hover.gif) no-repeat right bottom;
}
#header #nav div.drop { 
width:226px;
height:246px;
padding:16px 5px 0 4px;
position:absolute;
background:url(../i/site/bg-drop-h.png) no-repeat;
z-index:801;
top:27px;
left:0px;
display:none;
}
#header #nav div.drop a { 
display:inline;
float:none;
background:none;
font-size:12px;
padding:0px;
}
#header #nav div.drop a.browse { 
width:201px;
height:27px;
margin:0 auto 16px auto;
display:block;
background:url(../i/site/btn-browse.jpg) no-repeat;
}
#header #nav div.drop a.browse:hover { 
background-position:left bottom;
}
#header #nav div.drop ul.lf {
width:113px;
background:url(../i/site/bg-drop-vdot.png) repeat-y right top;
}
#header #nav div.drop ul.rt {
width:112px;
}
#header #nav div.drop ul li {
background:url(../i/site/bg-drop-hdot.png) repeat-x left top;
display:block;
float:none;
}
#header #nav div.drop li a {
width:98px;
height:15px;
display:block;
padding:9px 0 4px 15px;
}
#header #nav div.drop li a:hover { 
color:#ffff00 !important;
}



/* search */
#header .search {
width:358px;
height:25px;
position:absolute;
right:0px;
top:30px;
text-align:right;
}
#header .search .catse {
display:inline;
position:relative;
float:left;
}
#header .search select {
width:93px;
float:left;
margin-right:5px;
}
#header .search .txB,
#header .search .txS {
float:left;
}
#header .search .txB {
border:0px;
width:212px;
padding:0 0 0 5px;
margin-right:5px;
height:25px;
background:#404040 url(../i/site/bg-top-form.gif) no-repeat;
color:#8d8d8d;
font:normal 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#header .search .txS {
width:38px;
height:24px;
border:0px;
padding:0px;
background:#0f0f0f url(../i/site/btn-go-h.jpg) no-repeat;
}
#header .search .txS:hover {
background-position:left bottom;
}


/*== rainbow ==*/
.rainbow { height:2px; background:url(../i/site/rainbow.jpg) repeat-x; }
.rainbow.footer { margin-top: 60px; clear: both; }

/* main */
#main {
width:960px;
margin:0 auto;
padding:38px 0 50px 0;
position:relative;
z-index:9;
}

/* subpage */
#subpage {
width:966px;
min-height:500px;
margin:0 auto;
}

/* static */
.static a { color: #11A0CE; }
.static h1 { font-size: 16px; color: #11A0CE; }
.static p { margin-bottom: 20px; font-size:13px; }

/* feature */
#main #feature {
width:700px;
height:343px;
background:#eee url(../i/site/bg-feature.jpg) no-repeat;
float:left;
margin-bottom:27px;
overflow:hidden;
}
#main #feature .in {
padding:10px;
background:url(../i/site/bg-feature.jpg) no-repeat right bottom;
}
#featlist .fitem {
overflow:hidden;
width:680px;
height:323px;
position:relative;
cursor:pointer;
}
#featlist .fitem img {
position:absolute;
left:0px;
top:0px;
z-index:1;
}
#featlist .fitem a.imglink {
display:block;
width:680px;
height:323px;
position:absolute;
left:0px;
top:0px;
z-index:1;
}
#featlist .fitem .imglink img {
position:relative;
}
#featlist .fitem div.pop {
width:142px;
padding:12px 12px 0px 12px;
height:207px;
position:absolute;
left:0px;
bottom:-120px;
z-index:2;
background:url(../i/site/bg-fitem-f.png) no-repeat;
color:#fff;
font-size:11px;
}
#featlist .fitem div.open {
background:url(../i/site/bg-fitem-hover.png) no-repeat;
}
#featlist .fitem div.pop  h2 {
font-size:14px;
color:#FFFF00;
margin-bottom:4px;
}
#featlist .fitem div.pop  .name a {
color:#fff;
}
#featlist .fitem div.pop  .name a:hover {
text-decoration:underline;
}
#featlist .fitem div .pop h2 a:hover {
color:#fff;
}
#featlist .fitem div.pop  h4 {
font-size:16px;
margin:4px 0 20px 0;
}
#featlist .fitem div.pop  ul {
display:none;
}
#featlist .fitem div.open ul {
display:block;
position:relalative;
}
#featlist .fitem div.pop  li {
font-size:12px;
margin-bottom:12px;
position:relalative;
}
#featlist .fitem div.pop  li a {
padding:1px 0 1px 25px;
background:url(../i/site/icon-addto.png) no-repeat 1px 4px;
color:#fff;
position:relative;
z-index:2;
}
#featlist .fitem div.pop  li.i2 a {
background:url(../i/site/icon-share.png) no-repeat 1px 4px;
}
#featlist .fitem div.pop  li.i3 a {
background:url(../i/site/icon-seemore.png) no-repeat 1px 4px;
}
#featlist .fitem div.pop  li.i4 a {
background:url(../i/site/icon-details.png) no-repeat 1px 4px;
}
#featlist .fitem div.pop  li a:hover{
color:#FFFF00;
background-position:1px bottom;
}



/* intro */
#main .intro {
width:240px;
float:right;
padding-top:30px;
}
#main .intro h2 {
font-size:23px;
margin-bottom:5px;
color:#8d8d8d;
}
#main .intro .getstarted {
margin:14px 0 0 0;
padding:20px 0 0 0;
height:70px;
color:#262626;
background:url(../i/site/bg-v-stripe.jpg) repeat-x;
font-size:14px;
}
#main .intro .getstarted a {
color:#00a9e0;
float:left;
}
#main .intro .getstarted a.login {
padding-top:8px;
}
#main .intro .getstarted a.login:hover {
color:#0079AF;
}
#main .intro .getstarted a.gstarted {
width:167px;
height:29px;
display:block;
float:left;
background:url(../i/site/btn-getstarted-h.jpg) no-repeat left top;
margin-top:0px;
}
#main .intro .getstarted a.gstarted:hover {
background-position:left bottom;
}
#main .intro .getstarted a.gstarted span {
display:none !important;
}
#main .intro .getstarted img {
vertical-align:middle;
}
#main .intro .getstarted div {
width:25px;
float:left;
padding:8px 0 0 5px;
}
#main .intro .links {
padding-top:22px;margin-top: 3px;
background:url(../i/site/bg-h-stripe.jpg) repeat-x;
}
#main .intro .links li {
padding-left:14px;
background:url(../i/site/img-disc.jpg) no-repeat 2px 5px;
margin-bottom:10px;
}
#main .intro .links a {
color:#666;
font-size:13px;
}
#main .intro .links a:hover {
color:#333;
}


/* content */
#content {
background:#eeeeee url(../i/site/bg-content.jpg) no-repeat;
margin-bottom:42px;
float:left;
width:100%;
}
#content .in {
padding:10px 7px 10px 10px;
background:url(../i/site/bg-content.jpg) no-repeat right bottom;
}
#subpage #content {
background:#eeeeee url(../i/site/bg-content-sub.jpg) no-repeat;
float:right;
width:780px;
margin-bottom:16px;
}
#subpage #content .in {
padding:10px 7px 30px 10px;
background:url(../i/site/bg-content-sub.jpg) no-repeat right bottom;
}

/* leftbox */
#leftbox {
width:176px;
float:left;
background:url(../i/site/bg-leftnav.gif) repeat-y center top;
font-size:14px;
color:#fff;
}
#subpage #leftbox {
background:none;
width:170px;
float:left;
}

#leftbox .in1 {
background:url(../i/site/bg-leftnav.gif) no-repeat;
}
#leftbox .in2 {
background:url(../i/site/bg-leftnav.gif) no-repeat right bottom;
padding:20px 16px 12px 6px;
}
#leftbox h2 {
padding-left:15px;
margin-bottom:14px;
}
#leftbox ul {
clear:both;
}
#leftbox li {
background:url(../i/site/bg-dotted.gif) repeat-x;
height:40px;
padding:0 0 0 15px;
}
#leftbox li a {
color:#fff;
display:block;
height:26px;
padding-top:14px;
text-shadow:1px 1px #000;
}
#leftbox li a:hover {
color:#ffff00;
}

#subpage #leftbox a.reset {
display:block;
height:22px;
width:157px;
margin:0 auto;
background:url(../i/site/btn-reset-h.jpg) no-repeat;
margin-bottom:12px;
}
#subpage #leftbox a.reset:hover {
background-position:left bottom;
}
#subpage #leftbox a.reset span {
display:none;
}

#subpage #leftbox h2 {
padding:0px;
margin:0px;
}
#subpage #leftbox .wchild {
padding-bottom:12px;
background:url(../i/site/bg-wchild.jpg) repeat-y center top;
}
#subpage #leftbox .wchild h2 {
width:164px;
height:26px;
padding:13px 0 0 6px;
background:#323232 url(../i/site/bg-btn-cols.jpg) no-repeat right top;
font-size:14px;
margin-bottom:8px;
}
#subpage #leftbox .browse {
position:relative;
}
#subpage #leftbox .browse h2 {
background:#323232 url(../i/site/bg-btn-cols.jpg) no-repeat;
}
#subpage #leftbox .wchild h2 a {
color:#fff;
}
#subpage #leftbox .browse div {
width:171px;
height:203px;
padding:8px 5px 6px 3px;
position:absolute;
overflow:hidden;
background:url(../i/site/bg-browse.png) no-repeat;
top:35px;
left:-3px;
font-size:11px;
z-index:888;
display:none;
}
#subpage #leftbox .browse div ul.lf {
width:86px;
clear:none;
background:url(../i/site/bg-drop-vdot.png) repeat-y right top;
}
#subpage #leftbox .browse div ul.rt {
width:85px;
clear:none;
}
#subpage #leftbox .browse div ul li {
line-height:29px;
background:url(../i/site/bg-drop-hdot.png) repeat-x left bottom;
display:block;
float:none;
}
#subpage #leftbox .browse div ul li.last {
background:none;
}
#subpage #leftbox .browse div a {
display:block;
line-height:29px;
height:29px;
text-indent:10px;
}
#subpage #leftbox ul,
#subpage #leftbox ul li,
#subpage #leftbox ul li a {
padding:0px;
margin:0px;
height:auto;
background:none;
text-shadow:none;
}
#subpage #leftbox .wchild .child {
margin:0 8px;
font-size:12px;
color:#5f5e5e;
}
#subpage #leftbox .wchild .child .padlf {
padding-left:10px;
}
#subpage #leftbox .wchild .child .sl {
padding-bottom:10px;
margin-bottom:6px;
background:url(../i/site/bg-dotted-l.jpg) repeat-x left bottom;
font-size:10px;
}
#subpage #leftbox .wchild .child .sl h4 {
font-size:14px;
}
#subpage #leftbox .wchild .child .sl .slb {
margin-top:10px;
}
#subpage #leftbox .wchild .mediums h4,
#subpage #leftbox .wchild .mediums a.clearm {
display:inline;
}
#subpage #leftbox .wchild .mediums h4 {
font-size:14px;
}
#subpage #leftbox .wchild .mediums a.clearm {
color:#0099cb;
font-size:11px;
display:none;
}
#subpage #leftbox .wchild .mediums a.clearm:hover {
color:#0185C6;
}
#subpage #leftbox .wchild .mediums input {
vertical-align:middle;
}
#subpage #leftbox .wchild .mediums ul {
padding:8px 2px 0 10px;
}
#subpage #leftbox .wchild .mediums ul li {
height:18px;
}
#subpage #leftbox .mediums li a {
display:inline;
color:#5F5E5E;
}
#subpage #leftbox .mediums li a:hover {
text-decoration:underline;
}

#subpage #leftbox .slider-price {
width:154px;
height:40px;
background:url(../i/site/slider-price-h.jpg) no-repeat;
position:relative;
}
#subpage #leftbox .slider-price #slider1 {
margin:0;
border:0px;
position:relative;
width:142px;
height:40px;
float:right;
background:none;
margin-right:6px;
}
#subpage #leftbox .slider-price #slider1 a {
border:0px;
width:12px;
height:12px;
top:13px;
background:#0099cb;
}
#subpage #leftbox .ui-widget-header {
height:0px;
}
#subpage #leftbox .slider-size {
width:154px;
height:40px;
background:url(../i/site/slider-size-h.jpg) no-repeat;
position:relative;
}
#subpage #leftbox .slider-size #slider2 {
margin:0;
border:0px;
position:relative;
width:142px;
height:40px;
float:right;
background:none;
margin-right:6px;
}
#subpage #leftbox .slider-size #slider2 a {
border:0px;
width:12px;
height:12px;
top:13px;
background:#0099cb;
}

#subpage #leftbox .searchops {
background:url(../i/site/bg-leftmenu-sub.jpg) repeat-y center top;
}
#subpage #leftbox .searchops .in1 {
background:url(../i/site/bg-leftmenu-sub.jpg) no-repeat left top;
}
#subpage #leftbox .searchops .in2 {
background:url(../i/site/bg-leftmenu-sub.jpg) no-repeat right bottom;
padding:0px;
}
#subpage #leftbox .searchops h2 {
padding:7px 6px;
}
#subpage #leftbox .searchops li {
font-size:12px;
height:auto;
padding:7px 0 9px 8px;
background:url(../i/site/bg-dotted.gif) repeat-x;
font-size:10px;
}
#subpage #leftbox .searchops li a {
display:inline;
font-size:12px;
}
#subpage #sorter {
width:780px;
float:right;
padding-bottom:14px;
color:#838181;
}
#subpage #sorter div {
width:40%;
}
#subpage #sorter .lf {
line-height:20px;
}
#subpage #sorter div.rt {
text-align:right;
}
#subpage #pages {
width:760px;
background:#eee url(../i/site/bg-pages.jpg) no-repeat;
float:right;
padding:0 10px;
height:27px;
line-height:27px;
margin-bottom:42px;
font-size:12px;
color:#666565;
}
#subpage #pages .paging {
width:60%;
float:right;
text-align:right;
position:relative;
line-height:0;
padding-top:5px;
padding-right:0px;
}
#subpage #pages .paging ul,
#subpage #pages .paging ul li {
display:inline;
margin:0px;
padding:0 0 0 0;
}
#subpage #pages .paging ul {
position:relative;
top:-4px;
}
#subpage #pages .paging ul li {
font-size:17px;
color:#666565;
padding:0;
margin:0px;
}
#subpage #pages .paging span {
line-height:0px;
}
#subpage #pages .paging ul li a {
margin-right:12px;
}
#subpage #pages .paging .pgs {
top:-6px;
position:relative;
line-height:normal;
}
#subpage #pages .paging ul li a {
color:#666565;
}
#subpage #pages .paging ul li a.current,
#subpage #pages .paging ul li a:hover {
color:#08ace1;
}
#subpage #pages .paging .prev {
margin:0 6px;
display:inline-block;
width:10px;
height:21px;
background:url(../i/site/btn-prev-h-g.jpg) no-repeat;
}
#subpage #pages .paging .next {
margin:0 6px;
display:inline-block;
width:10px;
height:21px;
background:url(../i/site/btn-next-h-g.jpg) no-repeat;
}
#subpage #pages .paging .prev:hover,
#subpage #pages .paging .next:hover {
background-position:left bottom;
}

/* rightbox */
#rightbox {
width:762px;
float:right;
}
#rightbox .holder {
width:240px;
height:285px;
padding:5px 5px 0px 5px;
border:solid 1px #dbdbdb;
border-width:0px 1px 1px 0px;
background:#fff;
float:left;
margin:0 3px 9px 0;;
}
#rightbox .item {
position:relative;
width:240px;
height:240px;
overflow:hidden;
cursor:pointer;
}
#rightbox .item img {
position:absolute;
width:240px;
height:240px;
z-index:1;
}
#rightbox .item .infos {
width:240px;
height:154px;
position:absolute;
z-index:2;
bottom:-132px;
}
#rightbox .item .infos div.tabpr {
display:block;
float:left;
height:22px;
line-height:22px;
padding:0 10px 0 5px;
background:url(../i/site/bg-item-top-hover.png) no-repeat right bottom;
color:#fff;
}
#rightbox .item .infos ul {
clear:both;
height:112px;
padding:20px 0 0 20px;
display:block;
background:url(../i/site/bg-item-mid-hover.png) no-repeat;
}
#rightbox .item .infos ul li {
margin-bottom:12px;
}
#rightbox .item .infos ul li a {
display:block;
padding:1px 0 1px 22px;
background:url(../i/site/icon-addto.png) no-repeat left 1px;
color:#fff;
}
#rightbox .item .infos ul li.i2 a {
background:url(../i/site/icon-share.png) no-repeat left 1px;
}
#rightbox .item .infos ul li.i3 a {
background:url(../i/site/icon-seemore.png) no-repeat left 1px;
}
#rightbox .item .infos ul li.i4 a {
background:url(../i/site/icon-details.png) no-repeat left 1px;
}
#rightbox .item .infos ul li a:hover {
color:#ffff00;
background-position:left bottom;
}
#rightbox .owner {
color:#999;
font-size:11px;
clear:both;
padding:5px 5px 0px 5px;
line-height:16px;
}
#rightbox .owner a {
color:#00a9e0;
font-size:12px;
}
#rightbox .owner a:hover {
text-decoration:underline;
}
#rightbox .owner .name a {
color:#999;
font-size:11px;
}
#rightbox .seemore {
padding:6px 7px 7px 0;
text-align:right;
height:15px;
}
#rightbox .seemore a {
height:22px;
width:158px;
overflow:hidden;
float:right;
display:block;
background:url(../i/site/btn-seemore-h.jpg) no-repeat;
}
#rightbox .seemore a:hover {
background-position:left bottom;
}


/* recent activity */
#recent {
float:left;
width:100%;
}
#recent .top {
height:26px;
background:url(../i/site/bg-line.jpg) repeat-x left 16px;
margin-bottom:18px;
}
#recent .top h2,
#recent .top h3 {
float:left;
color:#333;
background:#fff;
}
#recent .top h2 {
font-size:23px;
}
#recent .top h3 {
font-size:19px;
margin-top:4px;
padding:0 5px;
}
#recent .jcarousel-container {
clear:both;
}
#recent .jcarousel-prev, #recent .jcarousel-next {
display:block;
width:18px;
height:19px;
position:absolute;
top:41px;
background:url(../i/site/btn-slide-arrow-h.jpg) no-repeat;
cursor:pointer;
}
#recent .jcarousel-prev {
left:0px;
}
#recent .jcarousel-next { 
right:0px;
background-position:right top;
}
#recent .jcarousel-prev:hover {
background-position:left bottom;
}
#recent .jcarousel-next:hover {
background-position:right bottom;
}
#recent .jcarousel-clip {
width:912px;
position:absolute;
left:24px;
}
#recent .jcarousel-clip li {
width:120px;
float:left;
margin-right:12px;
font-size:11px;
color:#666;
line-height:15px;
}
#recent .jcarousel-clip li a {
color:#00a9e0;
font-size:12px;
}
#recent .jcarousel-clip li a:hover {
text-decoration:underline;
}
#recent .jcarousel-clip li img {
display:block;
margin-bottom:8px;
}
#recent .jcarousel-clip li span a {
color:#999;
font-size:11px;
}

.more-work-slider .jcarousel-clip {
width:218px;
position:absolute;
left:22px;
}
.more-work-slider .jcarousel-prev, .more-work-slider .jcarousel-next {
display:block;
width:10px;
height:17px;
position:absolute;
top:14px;
cursor:pointer;
}
.more-work-slider .jcarousel-prev {
left:0px;
background:url(../i/site/btn-prev-h.jpg) no-repeat left 1px;
}
.more-work-slider .jcarousel-next { 
right:0px;
background:url(../i/site/btn-next-h.jpg) no-repeat left 1px;
}
.more-work-slider .jcarousel-prev:hover {
background-position:left bottom;
}
.more-work-slider .jcarousel-next:hover {
background-position:right bottom;
}


/* crumbs */
#crumbs {
float:left;
width:970px;
height:30px;
background:url(../i/site/bg-h-stripe.jpg) repeat-x bottom left;
line-height:25px;
color:#999;
text-indent:12px;
margin-bottom:12px;
font-size:11px;
}
#crumbs a {
color:#0099cb;
}
#crumbs a:hover {
text-decoration:underline;
}

/* footer */
.footwrap {
background:#313131 url(../i/site/bg-footer.jpg) repeat-x;
height:243px;
}
#footcont {
width:960px;
padding:0 120px;
margin:0 auto;
background:url(../i/site/bg-footer-content.jpg) no-repeat;
height:195px;
color:#e3e3e3;
}
#footcont .cols {
width:310px;
padding:26px 0 0 0;
position:relative;
height:154px;
}
#footcont .cols p {
line-height:20px;
}
#footcont h2 {
font-size:22px;
margin-bottom:12px;
}
#footcont ul {
width:140px;
}
#footcont ul li {
margin-bottom:12px;
}
#footcont ul li a {
color:#fff;
}
#footcont ul li a:hover {
text-decoration:underline;
}
#footcont .connect {
height:30px;
padding-top:10px;
}
#footcont .connect h2 {
font-size:16px;
display:block;
float:left;
margin-bottom:0px;
padding-top:5px;
}
#footcont .connect h3 {
float:left;
padding:8px 4px 0 4px;
}
#footcont .connect a {
float:left;
width:30px;
height:30px;
display:block;
}
#footcont .connect a.ifb {
background:url(../i/site/icon-fb-h.png) no-repeat;
margin-left:5px;
}
#footcont .connect a.itw {
background:url(../i/site/btn-twitter-h.png) no-repeat;
}
#footcont .connect a:hover {
background-position:left bottom !important;
}
#footcont a.view {
position:absolute;
bottom:10px;
}
#footcont a.view:hover {
text-decoration:underline;
}
#footcopy {
width:960px;
margin:0 auto;
height:48px;
color:#737373;
line-height:48px;
}
#footcopy a {
color:#737373;
}
#footcopy a:hover {
text-decoration:underline;
}
#footcopy ul {
width:350px;
}
#footcopy ul li {
display:inline;
padding-left:25px;
}
#footcopy img {
vertical-align:middle;
}


/* Detail Page*/
.desc-page { width:960px; float:left; padding-bottom:50px;}
.desc-page-left  { width:650px; float:left; height:auto; padding:0 0 0 10px;margin-bottom:42px;}
.desc-page-right  { width:290px; float:right; height:auto; padding:22px 0 0 0;margin-bottom:42px;}

.title-product {width:570px; float:left; height:auto; margin-bottom:10px;}
.title-product h1{ font-size:30px; display:inline; color:#000;}
.title-product h1 a{ text-decoration:none;color:#000;}
.title-product h1 a:hover{ color:#22A7D2;}
.title-product p{ display:inline;font-size:11px;}
.title-product p a{ text-decoration:none;color:#000;}
.title-product p a:hover{ color:#22A7D2;}
.title-product p img{ position:relative; top:2px;}

.product-image-holder { width:645px; float:left; height:auto; margin-bottom:25px;}
.product-image-left { width:560px; float:left; height:auto;}
.product-image-left  li { display:none; }
.product-image-right { width:70px; float:right; height:auto;}
.product-image-right a { width:70px;height:70px;display:block;margin-bottom:4px;}
.product-image-right div { width:70px;height:70px;display:block;margin-bottom:4px;}
.product-image-right .last img {display:none;}
.product-image-right div.last {background:url(../i/site/view-full-screen-btn-h.jpg) no-repeat; }
.product-image-right div.last:hover {background-position:left bottom;}

.product-description { width:560px; float:left; height:auto; color:#0a0a0a; margin-bottom:15px;}
.product-description h2{ display:block; font-size:16px; padding:0; margin:0 0 10px;}
.product-description h2 a{ text-decoration:none;color:#0a0a0a;}
.product-description h2 a:hover{ color:#22A7D2;}
.product-description p{ display:block; font-size:12px; line-height:16px; padding:0; margin:0 0 10px;}
.product-description p a{ text-decoration:none;color:#22A7D2;}
.product-description p a:hover{ text-decoration:underline;}

.product-desc-box { width:560px; float:left; height:auto; background:url(../i/site/description-box-body.png) repeat-y; color:#0a0a0a; margin-bottom:15px;}
.product-desc-box-inside { width:560px; float:left; height:auto; background:url(../i/site/description-box-bot.png) no-repeat bottom; padding:0 0 8px 0;}
.product-desc-box-body { width:560px; float:left; height:auto; background:url(../i/site/description-box-top.png) no-repeat top; padding:15px 0 0 0;}

.item-description { width:480px; float:left; height:auto;background:url(../i/site/bg-dotted2.gif) repeat-x left bottom; padding:0 40px; margin: 0 0 10px 0;}
.item-description2 { width:480px; float:left; height:auto; padding:0 40px; margin: 0 ;}
.item-desc-holder { width:480px; float:left; height:auto; margin-bottom:15px;}
.item-desc-holder a{ text-decoration:none;  color:#11a0ce; }
.item-desc-holder a:hover{ text-decoration:underline;}
.item-desc-holder b{ font-size:14px;}
.item-desc-1 { width:80px; float:left; height:auto;}
.item-desc-2 { width:225px; float:left; height:auto; color:#11a0ce;}
.item-desc-2b { width:395px; float:left; height:auto; color:#11a0ce;}
.item-desc-3 { width:175px; float:left; height:auto;}

.item-ship { width:560px; float:left; height:auto; padding:12px 0; font-style:italic; color:#2f2f2f; margin-bottom:8px;}
.item-ship h3{ font-style:normal;  font-size:16px; display:inline;}
.item-ship-info { width:560px; float:left; margin-bottom:18px;}
.item-ship-info-holder { width:560px; float:left; margin-bottom:2px;}
.item-ship-info-left { width:192px; float:left; height:auto;}
.item-ship-info-right {width:192px; float:left; height:auto;}

.item-comment { width:560px; float:left; height:auto; background:url(../i/site/bg-dotted2.gif) repeat-x left top; padding:12px 0 0 0;}
.item-comment-title { display:block; font-size:16px; padding:0; margin:0 0 10px 0;}
.item-comment-holder { width:540px; float:left; height:auto; padding:0 12px 0 8px; margin-bottom:15px;}
.item-comment-left { width:50px; float:left; height:auto;}
.item-comment-right { width:470px; float:right; height:auto;}
p.item-comment-name { display:block; line-height:16px; color:#2f2f2f; padding:0; margin:0;}
p.item-comment-name a{ text-decoration:none; font-size:12px; color:#00a9e0;font-weight:bold}
p.item-comment-name a:hover{ text-decoration:underline;}
p.item-comment-name span{ color:#999999; font-size:11px; font-style:italic;}
p.item-comment-text { display:block; line-height:16px; color:#2f2f2f;} 
p.item-comment-text a{color:#2f2f2f;}
p.item-comment-text a:hover{text-decoration:none;}

.item-comment-bottom {width:540px; float:left; height:auto; padding:0 12px 0 8px; margin-bottom:15px;font-weight:bold; color:#2f2f2f;}
.item-comment-bottom a{ text-decoration:none; font-size:12px; color:#00a9e0;}
.item-comment-bottom a:hover{ text-decoration:underline;}
.item-comment-bottom-left { width:260px; float:left; height:auto;}
.item-comment-bottom-right { width:260px; float:right; height:auto; text-align:right;}
.item-comment-bottom-right a { font-weight:normal; }

a.back-to-search {
display:block; float:right;
height:22px;
width:157px;
margin:0 0 22px 0;
background:url(../i/site/btn-back-to-search.png) no-repeat;

}
a.back-to-search:hover {
background-position:left bottom;
}

.right-box { width:290px; float:left; height:auto; background:url(../i/site/right-box-mid-bg.png) repeat-y;}
.right-box-inside {width:290px; float:left; height:auto; background:url(../i/site/right-box-bot-bg.png) no-repeat bottom;}
.right-box-body {width:272px; float:left; height:auto;background:url(../i/site/right-box-top-bg.png) no-repeat top; padding:30px 9px 15px 9px;}

.add-cart-holder { width:260px; float:left; height:auto; padding:12px 0 32px 8px; background:url(../i/site/bg-dotted2.gif) repeat-x left bottom; margin-bottom:20px;}
.add-cart-holder2 { width:260px; float:left; height:auto; padding:12px 0 0 8px; }
a.add-cart-action-h { display:block;width:250px;height:40px;padding:17px 0 0 10px;float:left;background:url(../i/site/add-to-cart-BG-h.jpg) no-repeat;font-size:18px;color:#fff; }
a.add-cart-action-h:hover { background-position:left bottom; }
.add-cart-action { width:260px; float:left; height:57px; background:url(../i/site/add-to-cart-BG.png) no-repeat;}
.add-cart-action-left { width:122px; float:left; height:auto; text-align:right; padding:15px 0 0 0;}
.add-cart-action-right { width:128px; float:right; height:auto; padding:15px 0 0 0;}
.add-cart-action-blank { display:block;width:255px;height:40px;padding:17px 0 0 0;text-align: center; float:left;background:url(../i/site/add-to-cart-blank.png) no-repeat;font-size:18px;color:#fff; }
h3.add-cart-price { font-size:18px; color:#fff;}
h3.add-cart-price span{ font-size:12px;} 
p.add-cart-method { display:block; font-size:12px; text-align:center; color:#6f6f6f;}
div.add-cart-method-img { text-align:center; display:none; }
p.add-cart-method a{color:#6f6f6f;}
p.add-cart-method a:hover{ text-decoration:underline;}
.share-event { width:228px;padding:0 22px; float:left; height:21px; text-align:center; margin-bottom:20px;}
.share-event a span {display:none; }
.share-event a.se-add { display:block;float:left;width:134px;height:21px;background:url(../i/site/add-to-collection-btn-h.jpg) no-repeat; }
.share-event a.se-sha { display:block;float:right;width:88px;height:21px;background:url(../i/site/share-this-btn-h.jpg) no-repeat; }
.share-event ul.se-edit {display:block;float:left;width:134px;height:21px; }
.share-event ul.se-edit a { color: #11A0CE; }
.share-event a:hover {background-position:left bottom; }
.right-white-box { width:272px; float:left; height:auto; background:url(../i/site/right-white-box-body.png) repeat-y; margin-bottom:10px;}
.right-white-box-inside {width:272px; float:left; height:auto; background:url(../i/site/right-white-box-bottom.png) no-repeat bottom;}
.right-white-box-body {width:262px; float:left; height:auto; background:url(../i/site/right-white-box-top.png) no-repeat top; padding:20px 5px}

.white-holder { width:247px; float:left; height:auto; background:url(../i/site/bg-dotted2.gif) repeat-x left bottom; margin-bottom:10px; padding:0 0 0 15px;}
.white-box-info-right a img {vertical-align:middle;margin-bottom:3px;}
.white-box-info { width:245px; float:left; height:auto;}
.white-box-info-left { width:55px; float:left; height:auto;}
.white-box-info-right { width:180px; float:right; height:auto; color:#3a3b39; padding:10px 0 0 0;}
.white-box-info-right span{ color:#666666; font-size:13px;margin:0 0 3px 0;}
h3.white-title { font-size:16px;  color:#666666; display:inline; }
h3.white-title a{ text-decoration:none; color:#00a9e0;}
h3.white-title a:hover{ text-decoration:underline;}
.white-holder-left { width:262px; float:left; height:auto; border-bottom:1px dashed #878686; margin-bottom:10px;}

ul.white-info-list { display:block; list-style:none; padding:15px 0 0 0; float:left;}
ul.white-info-list li{ display:block; width:145px; float:left; height:auto; color:#303030; padding:0 0 15px 0;}
ul.white-info-list li a{color:#303030; }
ul.white-info-list li a:hover{ text-decoration:underline;}
ul.white-info-list li h3{ font-size:14px;}
li.white-info-list-left { float:left; width:96px !important;}

ul.info-event-list { display:block; color:#424141; padding:5px 0 15px 15px;}
ul.info-event-list li{ display:block;color:#424141; padding:0 0 8px 0;}
ul.info-event-list li img{ margin:0 3px 0 0;}
ul.info-event-list li a{ text-decoration:none;color:#11a0ce;}
ul.info-event-list li a:hover{ text-decoration:underline;}

.more-artist { width:262px; float:left; height:auto;}
h3.more-artist-title { display:block; font-size:13px; padding:10px 0 10px 15px;}

.more-work-slider {width:262px; float:left; height:auto;}
a.prev-work { display:block; width:10px; float:left; height:auto; padding:10px 0 0 0;}
a.next-work { display:block; width:10px; float:right; height:auto;padding:10px 0 0 0;}
.work-thumb { float:left; width:230px; height:auto; padding:0; display:block; padding:0 0 0 8px;}
.work-thumb a { margin:0 0px 0  0 !important; float:left; width:50px;}
.more-work-slider li { margin:0 0 0  0 !important; padding:0 6px 0 0; width:50px; float:left; }

.similar-box { width:960px; float:left; padding:20px  0;}
.similar-box-title {height:26px;background:url(../i/site/bg-line.jpg) repeat-x left 16px;margin-bottom:18px;}
.similar-box-title h2{float:left;color:#333;font-size:23px;background:#fff;}

.similar-box-scroll { width:960px; float:left; height:auto;}
a.prev-similar {display:block; width:18px; float:left; padding:35px 0 0 0;}
a.next-similar {display:block; width:18px; float:right; padding:35px 0 0 0;}
.similar-thumb { width:912px; float:left; height:auto; padding:0 0 0 10px;}
.similar-thumb ul{ display:block; list-style:none;}
.similar-thumb ul li{ display:inline; margin-right:10px; float:left;}
.similar-thumb ul li span{ font-size:11px; color:#666666; font-style:italic;}
a.similar-list-title { text-decoration:none; color:#00a9e0; display:block;}
a:hover.similar-list-title { text-decoration:underline;}
a.similar-list-name {color:#999999;  display:block; text-decoration:underline;}
a:hover.similar-list-name { text-decoration:none;}

#featlist .bm-pop, #rightbox .bm-pop, .share-event .bm-pop {
position:relative;
z-index:806;
}
#featlist .bm-pop .bm-pop-links, #rightbox .bm-pop .bm-pop-links {
position:absolute;
z-index:807;
width:110px;
background:#fff;
left:90px;
top:-35px;
border:solid 4px #ccc;
padding:5px 5px 3px 5px;
display:none;
}
.share-event .bm-pop .bm-pop-links {
position:absolute;
z-index:807;
width:110px;
background:#fff;
right:0px;
top:21px;
border:solid 4px #ccc;
padding:5px 5px 3px 5px;
display:none;
}
#featlist .bm-pop .bm-pop-links a, #rightbox .bm-pop .bm-pop-links a, .share-event .bm-pop .bm-pop-links a {
display:block;
height:13px;
padding:3px 0 1px 22px !important;
color:#333 !important;
margin-bottom:2px;
}
.share-event .bm-pop .bm-pop-links a {
text-align:left;
}
#featlist .i2 {
position:relative;
z-index:805;
}
#featlist .bm-pop .bm-pop-links a:hover, #rightbox .bm-pop .bm-pop-links a:hover, .share-event .bm-pop .bm-pop-links a:hover {
color:#aeaeae !important;
}
#featlist .bm-pop .bm-pop-links a.i1, #rightbox .bm-pop .bm-pop-links a.i1, .share-event .bm-pop .bm-pop-links a.i1 {
background:url(../i/site/i-face.jpg) no-repeat left top !important;
}
#featlist .bm-pop .bm-pop-links a.i2, #rightbox .bm-pop .bm-pop-links a.i2, .share-event .bm-pop .bm-pop-links a.i2 {
background:url(../i/site/i-twitter.jpg) no-repeat left top !important;
}
#featlist .bm-pop .bm-pop-links a.i3, #rightbox .bm-pop .bm-pop-links a.i3, .share-event .bm-pop .bm-pop-links a.i3 {
background:url(../i/site/i-stumb.jpg) no-repeat left top !important;
}
#featlist .bm-pop .bm-pop-links a.i4, #rightbox .bm-pop .bm-pop-links a.i4, .share-event .bm-pop .bm-pop-links a.i4 {
background:url(../i/site/i-tumblr.jpg) no-repeat left top !important;
}
#featlist .bm-pop .bm-pop-links a.i5, #rightbox .bm-pop .bm-pop-links a.i5, .share-event .bm-pop .bm-pop-links a.i5 {
background:url(../i/site/i-digg.jpg) no-repeat left top !important;
}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../i/site/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 160px; text-align: center; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../i/site/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../i/site/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../i/site/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../i/site/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../i/site/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../i/site/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../i/site/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../i/site/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../i/site/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../i/site/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../i/site/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../i/site/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../i/site/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../i/site/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}