/* 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; }
select, input {font-size: 12px; font-family: Verdana, Arial,  Helvetica, Sans-Serif;}
/* Reset default browser styles */

/* helpers */
.todo { background-color: yellow;}
.right { float:right; }
.left {float:left;}
h1.museo700 { font-size: 16px; padding-bottom:10px; }
h1.blue, h2.blue, h3.blue { color: #11A0CE; }

body {
background:#fff;
font:normal 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color:#333;
}

/* green button */
.btn-green { display:inline-block; height:37px; background:#92c338 url(../i/site/btn-green.gif) no-repeat;
	color:#fff !important; font-size:14px !important; }
.btn-green b { display:block; height:27px; background:url(../i/site/btn-green.gif) no-repeat right bottom;
	padding:10px 14px 0 12px; }
.btn-green:hover { background:#92c338 url(../i/site/btn-green-hover.gif) no-repeat; text-decoration: none !important; }
.btn-green:hover b  { background:url(../i/site/btn-green-hover.gif) no-repeat right bottom; }

/* blue button */
.btn-blue { display:inline-block; height:29px; background:#00a1d6 url(../i/site/btn-blue.gif) no-repeat;
	color:#fff !important; font-size:16px !important; }
.btn-blue b { display:block; height:21px; background:url(../i/site/btn-blue.gif) no-repeat right bottom;
	padding:8px 16px 0 16px; }
.btn-blue:hover { background:#0095d2 url(../i/site/btn-blue-hover.gif) no-repeat; text-decoration: none !important; }
.btn-blue:hover b  { background:url(../i/site/btn-blue-hover.gif) no-repeat right bottom; }

/* 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;
}

/* subpage_full */
#subpage.full { width:960px; margin:0 auto; min-height:500px; }

/* 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, #subpage.full #content {
background:#eeeeee url(../i/site/bg-content.jpg) no-repeat;
margin-bottom:42px;
float:left;
width:100%;
}
#subpage.full #content { margin-bottom: 16px; }
#content .in, #subpage.full #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;
}

/*     Forms
==================== */
.f-form .col1 {float: left; width: 55px;}
.f-form select {width: 263px; height: 18px; border: 1px solid #DDD;}
.f-form textarea { width:96%; height: 153px; border: 1px solid #DDD; font-size: 12px; color: #8A8A8B; font-family: Verdana; padding: 5px 8px;}

label.error { color: red; margin: 2px 0px; padding: 1px; display: block; font-size: 11px;
	font-weight: normal; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; clear: both; }

.cssform { padding-top: 10px;}
.cssform a { color: #11A0CE; }
.cssform input[type=text], .cssform input[type=password] {width: 300px; border: none; border-right: 1px solid #CEC9C9; height: 19px; border-bottom: 1px solid #CEC9C9;  background: url(../i/r-input.gif) no-repeat; color: #626262; padding: 4px 0 0 8px; font-size: 13px; position: relative; z-index: 50;}
.cssform .col1 {width: 175px; text-align: right; padding: 9px 11px 0 0; font-size: 12px; color: #494949; float: left; height: 20px;}
.cssform .col2 input.colbg {width: 283px; height: 17px; border: none; border-right: 1px solid #CEC9C9; background: url(../i/ea-bg.gif) no-repeat; color: #626262; padding: 3px 0 0 8px; font-size: 12px; position: relative; z-index: 50;}
.cssform .col2 {padding: 9px 0 0 9px; width: 305px; float: left; color: #424242;}
.cssform .first {padding-top: 18px;}
.cssform .last {padding-bottom: 18px;}
.cssform .scol {padding-right: 12px; float: left; position: relative; z-index: 1; min-height: 20px;}
.cssform .radiob {position: relative; top: 2px;}
.cssform .col2 select.colbg {width: 283px; height: 17px; border: none; border-right: 1px solid #CEC9C9; background: url(../i/ea-bg.gif) no-repeat; color: #626262; padding: 3px 0 0 8px; font-size: 12px; position: relative; z-index: 50;}

a.button { display:block; float:right; height:22px; margin:0 0 22px 0; }
a.button:hover { background-position:left bottom; }
a.button.post-comment { background:url(../i/site/btn-post-comment.png) no-repeat; width:125px; }
a.button.post-comment:hover { background-position:left bottom; }
a.button.login { background:url(../i/site/btn-login.png) no-repeat; width:125px; }
a.button.login:hover { background-position:left bottom; }
a.button.signup { background:url(../i/site/btn-signup.png) no-repeat; width:153px; height: 26px; }
a.button.signup:hover { background-position:left bottom; }
a.button.send { background:url(../i/site/btn-send.png) no-repeat; width:125px; }
a.button.send:hover { background-position:left bottom; background-color: white; }
a.button.reset-password { background:url(../i/site/btn-reset-password.png) no-repeat; width:125px; }
a.button.reset-password:hover { background-position:left bottom; background-color: white; }

.captcha {float: right; text-align: center;}
.captcha img{border: 1px solid #C8C8C9;}

.tooltip { font-size: 12px; text-align: center; display: none; color: #535353; position: absolute; top: 10px; right: 2px; }
.usd { font-size: 9px; }

/* alerts START */
h3.alert.success, h3.alert.warning, h3.alert.error { border:2px solid #ddd; font-size:11px; padding:5px 5px 5px 35px; }
h3.alert.success { border-color:#C6D880; background: #E6EFC2 url(../i/site/icon_yes.png) no-repeat 5px 1px; }
h3.alert.warning { border-color:#FFD324; background: #FFF6BF url(../i/site/icon_info.png) no-repeat 5px 1px; }
h3.alert.error { border-color:#FBC2C4; background: #FBE3E4 url(../i/site/icon_no.png) no-repeat 5px 1px; }
h3.alert a { color: #11A0CE; }
/* alerts END */

/* form styles */
form.socurioform { padding: 10px 0 0 0; margin-bottom: 1em; border: 0; }
form.socurioform fieldset { border: 1px solid #369; margin:  0 0 1.5em 0; padding: 10px 1em 15px; }
form.socurioform p{margin-left:0;margin-right:0;}
/* form styles -> fieldcontainer */
form.socurioform div.fc { margin: 5px 1%; float: left; text-align: left; }
form.socurioform div.fc div { margin: 0 0 4px 0; }
/* form styles -> width */
form.socurioform div.fc.w100 { width: 98%; display: block; }
form.socurioform div.fc.w75 { width: 73%; display: block; }
form.socurioform div.fc.w50 { width: 48%; display: block; }
form.socurioform div.fc.w25 { width: 23%; display: block; }
form.socurioform div.fc.alignright { text-align: right; }
form.socurioform div.fc.alignleft { text-align: left; }
form.socurioform div.fc.alighcenter { text-align: center; }
/* form styles -> input/select fields */
form.socurioform input.field, form.socurioform select.field, form.socurioform textarea.field { width: 100%; display: block; border:1px solid #ccc;padding:5px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/* form styles -> checkboxes and radios */
form.socurioform input.select { display: block; float: left; margin-right: 10px; }
form.socurioform div.fc.wauto { width: auto; margin-right: 10px; margin-bottom: 10px; display: inline; }
form.socurioform div.fc.wauto label {  }
/* form styles -> submit button */
form.socurioform input.submit { display: inline; margin: 1em 2em 1em 0; border: none; }
form.socurioform input.submit.cart { margin: 0; }
form.socurioform input.checkout-paypal:hover, form.socurioform input.signup:hover,
	form.socurioform input.login:hover, form.socurioform input.login-continue:hover,
	form.socurioform input.signup-continue:hover { background-position:left bottom; }
form.socurioform input.checkout-paypal { background: url(../i/site/btn-checkout-paypal.png) no-repeat; height:29px; width:165px; }
form.socurioform input.signup { background: url(../i/site/btn-signup.png) no-repeat; height:26px; width:153px; }
form.socurioform input.login { background: url(../i/site/btn-login.png) no-repeat; height:22px; width:125px; }
form.socurioform input.login-continue { background: url(../i/site/btn-login-continue.png) no-repeat; height:26px; width:153px; }
form.socurioform input.signup-continue { background: url(../i/site/btn-signup-continue.png) no-repeat; height:26px; width:153px; }

/* alerts stles */
ul.alert.success, ul.alert.warning, ul.alert.error { border:2px solid #ddd; font-size:11px; padding:5px 5px 5px 35px; list-style: none; margin:0 0px 10px 0px; }
ul.alert.success { border-color:#C6D880; background: #E6EFC2 url(../i/site/icon_yes.png) no-repeat 5px 1px; }
ul.alert.warning { border-color:#FFD324; background: #FFF6BF url(../i/site/icon_info.png) no-repeat 5px 1px; }
ul.alert.error { border-color:#FBC2C4; background: #FBE3E4 url(../i/site/icon_no.png) no-repeat 5px 1px; }

/* tablegrid */
.tablegrid { border-collapse: separate; margin-right: 30px; margin-bottom: 10px; border-spacing: 5px; }
.tablegrid.full { width: 100%; }
.tablegrid thead {  }
.tablegrid thead th { color:#7F7E7E; background-color:#EEEEEE; padding: 8px; font-size: 14px;
	vertical-align: text-top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.tablegrid thead th.text-left { text-align: left; }
.tablegrid thead th a { color:#fff; }
.tablegrid tfoot td { background: #e1f0fd; border:1px solid #ccc; }
.tablegrid th, .tablegrid td { padding:3px; font-size: .9em; }
.tablegrid tbody tr.odd { background:#eee; }
.tablegrid.aligntop tbody td { vertical-align:top; }
.tablegrid tbody td.header { background-color:#e1f0fd; font-weight:bold; }

/* facebook & twitter */
div.sharing { margin-bottom: 10px; height: 30px; }
a.facebook_icon { background:url(../i/site/icon-fb-h.png) no-repeat; margin-left:5px; float:left; width:30px; height:30px; display:block; }
a.twitter_icon { background:url(../i/site/btn-twitter-h.png) no-repeat; margin-right: 10px; float:left; width:30px; height:30px; display:block; }
a.facebook_icon:hover, a.twitter_icon:hover { background-position:left bottom !important; }


#col-left { width:660px;float:left;margin-bottom:22px; font-size: 13px; }
#col-left a { color: #11A0CE; }
#col-left a:hover { text-decoration:underline; }
#col-left h1 { font-size: 24px; }
#col-left h2 { font-size: 18px; }

#col-right { width:253px;float:right; font-size: 13px; }
#col-right a { color: #11A0CE; }
#col-right a:hover { text-decoration:underline; }
#col-right div.box {background:#eee url(../i/site/bg-project-side.jpg) no-repeat;margin-bottom:22px; padding-top: 10px;}
#col-right div.box div.in {background:url(../i/site/bg-project-side.jpg) no-repeat right bottom;padding:12px 14px 0 14px;}
#col-right div.box h2 { font-size:18px;color:#333;padding:0 10px;text-align: center;}
#col-right div.box h3 a {color:#11afe2;font-size:14px;}
#col-right div.box ul {background:url(../i/site/bg-dotted2.gif) repeat-x left top;}
#col-right div.box li {padding:10px 10px;background:url(../i/site/bg-dotted2.gif) repeat-x left bottom; }
#col-right div.box li.last {background:none;}

/*     popup
==================== */
.complaintt {
	background: #223344 url(/i/h300.png) repeat-x scroll 0 0;
	background-color: #FFFFFF; border: 1px solid #C0C0C0; color: #5F5F60;
	font-size: 10px; padding: 10px 10px; text-align: center; width: 250px;
	-moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000;
}

/*     flexselect
==================== */

.flexselect_dropdown { display: none; position: absolute; z-index: 999; margin: 0;
	padding: 0; border: 1px solid WindowFrame; max-height: 200px; overflow-x: hidden;
	overflow-y: auto; background-color: Window; color: WindowText; text-align: left;
	box-shadow: 0 6px 12px #ccc; -webkit-box-shadow: 0 6px 12px #ccc; }
.flexselect_dropdown ul { width: 100%; list-style-position: outside; list-style: none; 
	padding: 0; margin: 0; }
.flexselect_dropdown li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block;
	width: 100%; font: Menu; overflow: hidden; font-size: 12px; }
.flexselect_selected { background-color: Highlight; color: HighlightText; }

/* 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 0;
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, .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 li {
display:inline;
padding-left:25px;
}
#footcopy img {
vertical-align:middle;
}

/* People Page */
#people_results .holder { width:221px; height:270px; padding:5px 5px 0px 5px; border:solid 1px #dbdbdb;
	border-width:0px 1px 1px 0px; background:#fff; float:left; margin:9px 3px 9px 0; }
#people_results .person-pic { position:relative; width:221px; height:221px; overflow:hidden; 
	cursor:pointer; }
#people_results .person-pic img { position:absolute; width:221px; height:221px; z-index:1; }
#people_results .person-pic .infos { width:221px; height:154px; position:absolute; z-index:2; bottom:-132px; }
#people_results .person-pic .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; }
#people_results .person-pic .infos ul { clear:both; height:112px; padding:20px 0 0 20px;
	display:block; background:url(../i/site/bg-item-mid-hover.png) no-repeat; }
#people_results .person-pic .infos ul li { margin-bottom:12px; }
#people_results .person-pic .infos ul li a:hover { color:#ffff00; background-position:left bottom; }
#people_results .person-info { color:#999; font-size:11px; clear:both; padding:5px 5px 0px 5px; line-height:16px; }
#people_results .person-info a { color:#00a9e0; font-size:12px; }
#people_results .person-info a:hover { text-decoration:underline; }
#people_results .person-info .name a { color:#999; font-size:11px; }
#people_results #pages { width:940px; background:#eee url(../i/site/bg-pages-wide.jpg) no-repeat; margin-bottom:16px; }

/* collaborate page */
#collab-lf a:hover {text-decoration:underline;}
#collab-lf {width:660px;float:left;margin-bottom:22px;}
#collab-lf div.collab-title {height:58px;margin-bottom:8px;}
#collab-lf div.collab-title h1 {width:150px;float:left;font-size:36px;padding-top:16px;}
#collab-lf div.collab-title h2 {width:510px;float:left;font-size:14px;color:#302f2f;padding-top:20px;}
#collab-lf div.collab-title a {color:#14b0e2;}
#collab-lf div.list-proj-top {height:62px;text-align:right;font-size:11px;}
#collab-lf div.list-proj-top a {color:#0099cb;}
#collab-lf div.list-proj-th {height:35px;}
#collab-lf div.list-proj-th div {float:left;width:112px;background:#eee url(../i/site/bg-project-head.gif) no-repeat;height:35px;margin-right:4px;}
#collab-lf div.list-proj-th div b {display:block;height:23px;background:url(../i/site/bg-project-head.gif) no-repeat right bottom;color:#7f7e7e;font-size:14px;padding:12px 8px 0 8px;}
#collab-lf div.list-proj-th div.c1 {width:420px;}
#collab-lf div.list-proj-th div.c1 b {}
#collab-lf div.list-proj-th div.c2 {width:128px;}
#collab-lf div.list-proj-th div.c3 {width:98px;}
#collab-lf div.list-proj-th div.c4 {width:78px;margin:0px;background:#7f7e7e url(../i/site/bg-project-head-hover.gif) no-repeat;}
#collab-lf div.list-proj-th div.c4 b {background:url(../i/site/bg-project-head-hover.gif) no-repeat right bottom;}
#collab-lf div.list-proj-th div.c4 a {color:#fff;}
#collab-lf div.list-proj-th div.c4 a span {padding-right:16px;background:url(../i/site/arrow-down.jpg) no-repeat right center;}
#collab-lf div.list-proj-tbody {margin-bottom:30px;}
#collab-lf div.list-proj-tbody table {width:660px;}
#collab-lf div.list-proj-tbody table td {background:url(../i/site/bg-border.jpg) repeat-x left bottom;color:#2a2a2a;}
#collab-lf div.list-proj-tbody table td a {color:#00a9e0;}
#collab-lf div.list-proj-tbody table tr.gray td {background-color:#eee;}
#collab-lf div.list-proj-tbody td.c1 {width:424px;padding:12px 0;color:#5f5f5f;}
#collab-lf div.list-proj-tbody td.c2 {width:132px;}
#collab-lf div.list-proj-tbody td.c3 {width:102px;}
#collab-lf div.list-proj-tbody td.c1 div {padding:0 14px;}
#collab-lf div.list-proj-tbody td.c1 a {font-size:11px;}
#collab-lf div.list-proj-tbody td.c1 h2 a {font-size:14px;font-weight:bold;}
#collab-lf div.list-proj-tbody td.c1 em {font-size:11px;color:#999;}
#collab-lf div.list-proj-tbody td.c2 div {width:115px;text-align:center;}
#collab-lf div.list-proj-tbody td.c3 div {width:98px;text-align:center;}
#collab-lf div.list-proj-tbody td.c4 div {width:78px;text-align:center;}
#collab-lf #pages{width:640px;background-position:left bottom;}

#collab-rf {width:253px;float:right;}
#collab-rf .getstarted {margin:14px 0 0 0;padding:0;height:70px;color:#262626;font-size:14px;}
#collab-rf .getstarted a {color:#00a9e0;float:left;}
#collab-rf .getstarted a.login {padding-top:8px;}
#collab-rf .getstarted a.login:hover {color:#0079AF;}
#collab-rf .getstarted img {vertical-align:middle;}
#collab-rf .getstarted div {width:25px;float:left;padding:8px 0 0 5px;}
#collab-rf div.box {background:#eee url(../i/site/bg-project-side.jpg) no-repeat;margin-bottom:22px;}
#collab-rf div.box div.in {background:url(../i/site/bg-project-side.jpg) no-repeat right bottom;padding:12px 14px 0 14px;}
#collab-rf div.box h2 {height:30px;font-size:24px;color:#333;padding:0 10px;}
#collab-rf div.box h3 a {color:#11afe2;font-size:14px;}
#collab-rf div.resources ul {background:url(../i/site/bg-dotted2.gif) repeat-x left top;}
#collab-rf div.resources li {padding:10px 10px;background:url(../i/site/bg-dotted2.gif) repeat-x left bottom;}
#collab-rf div.resources li.last {background:none;}
#collab-rf div.resources h3 {margin-bottom:3px;}
#collab-rf div.resources p {margin-bottom:0px;font-size:12px;}
#collab-rf div.stay ul {background:url(../i/site/bg-dotted2.gif) repeat-x left top;}
#collab-rf div.stay li {padding:6px 10px;background:url(../i/site/bg-dotted2.gif) repeat-x left bottom;}
#collab-rf div.stay li.last {background:none;}
#collab-rf div.stay li  img {vertical-align:bottom;margin-right:10px;}
#collab-rf div.stay li h3 {display:inline;font-size:14px;}


/* 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; }
a.continue-shopping { display:block; height:33px; width:204px; margin:0 auto 22px auto; background:url(../i/site/btn-continue-shopping.png) no-repeat; }
a.continue-shopping: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;
}

.flag-creation { width:290px; text-align: right; font-style: italic; padding-top:10px;  }
.flag-creation a {color: #999999; }

.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/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/site/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}