@import "toggle.css";
@import "banners.css";

/* --------- GENERAL --------- */

body {
	margin: 0px;
	font-family: Arial;
}

form { margin: 0px; padding: 0px; }

.error { color: #a41c20; }

.errorStar { color: #a41c20; }

img { border: 0px; }

h1 {
	margin: 0px;
	font-size: 23px;
	color: #fff;
}

h2 {
	margin: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #000;
}
h2.has-link {
	display: inline;
	padding: 0 0 12px 0;
	width: 100%;
	display: block;
	border-bottom: 1px solid #c3c4c7;
}

h3 {
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 17px;
	color: #26328c;
}
h3.grey { color: #686868 !important; }

h4 {
	margin: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 120%;
	font-weight: normal;
	color: #4d4d4d;
}
h4.blue {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #26328c;
}

h5 {
	margin: 0px;
	font-size: 15px;
	display: inline;
}

h6 {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
}

hr {
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #dadbdc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

hr.dotted {
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 16px;
	border-top: 1px dotted #acabab;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

textarea { width: 99%; }

.altrow { background: #eff8ff; }

.altrow2 { background: #f9fcff; }

a { outline: 0px; }


/* --------- DIV IDS --------- */

#coverpage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	moz-opacity: .0;
	opacity: .0;
	text-align: center;
}
#coverpage img { margin-top: 200px; }

#page {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	width: 900px;
	padding: 0 0 20px 0;
}

#header {
	float: left;
	height: 71px;
	width: 100%;
}

#logo {
	position: absolute;
	top: 30px;
	left: 36px;
	z-index: 1000;
	width: 208px;
	height: 68px;
}

#menu {
	float: right;
	margin-top: 50px;
	margin-right: 35px;
}
#menu a {
	text-decoration: none;
	font-size: 15px;
	padding: 0 0 0 22px;
	color: #26328c;
}
#menu a:hover { color: #9155ff; }
#menu a.on, #menu a.on:hover { color: #9155ff; }

#sub-nav {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 34px 24px 0 36px;
	width: 840px;
	height: 52px;
	background: url('/images/bg_sub_nav.jpg') no-repeat;
}
#sub-nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav ul li a {
	text-decoration: none;
	color: #787878;
}
#sub-nav ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
#sub-nav ul li.section-title {
	padding: 10px 38px 10px 0;
	background: url('/images/subnav_section_divider.png') 58px 3px no-repeat;
	color: #9e9e9e;
}

#sub-nav-customize {
	background: url('/images/bg_long_intro.jpg') no-repeat;
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 46px 24px 0 36px;
	width: 840px;
	height: 40px;
}

#sub-nav-customize-reverse {
	background: url('/images/bg_long_intro_reverse.jpg') no-repeat;
	position: relative;
	clear: both;
	float: left;
	padding: 4px 0 0 0;
	width: 900px;
	height: 56px;
}

#sub-nav-customize ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav-customize ul li, #sub-nav-customize-reverse ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav-customize ul li a, #sub-nav-customize-reverse ul li a {
	text-decoration: none;
	color: #fff;
}
#sub-nav-customize ul li a.on, #sub-nav-customize-reverse ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
#sub-nav-customize ul li.section-title, #sub-nav-customize-reverse ul li.section-title {
	padding: 10px 38px 10px 0;
	background: url('/images/subnav_section_divider.png') 152px 3px no-repeat;
	color: #9ea0b5;
}

#page-intro {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 0 36px;
	width: 840px;
	color: #fff;
}

#page-intro-alt {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 20px 36px;
	width: 840px;
	color: #4d4d4d;
	background: #e7e7e7 url('/images/bg_sub_nav.png') no-repeat;
}
#page-intro-alt ul li {
	margin-bottom: 0px;
	padding: 0px;
}

#linkedin-bar, #category-search {
	float: left;
	position: relative;
}
#linkedin-bar, #help-search, #category-search {
	clear: both;
	background: #c5c7d2;
}

#linkedin-bar {
	height: 27px;
	width: 890px;
	padding: 6px 10px 0 0;
	text-align: right;
}
#linkedin-bar img {
	float: right;
	margin-left: 10px;
}

#help-search {
	width: 852px;
	padding: 18px 10px 18px 38px;
}
#help-search input[type="text"] {
	float: left;
	padding: 4px 0 4px 10px;
	width: 230px;
	font-size: 15px;
	color: #919191;
}
#help-search input[type="image"] {
	float: left;
	margin-left: 10px;
}

#category-search {
	height: 27px;
	width: 854px;
	padding: 6px 10px 0 36px;
}
#category-search select {
	font-size: 12px;
	color: #919191;
}
#category-search div {
	float: left;
	margin-right: 20px;
}

#addon-search { float: right; }
#addon-search input {
	float: left;
	margin-right: 10px;
	width: 158px;
	font-size: 12px;
	color: #919191;
}

#prod-dl-btn {
	position: relative;
	z-index: 80;
	clear: both;
	float: right;
	margin-top: 70px;
	margin-bottom: 35px;
	width: 256px;
}
#prod-dl-btn p {
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 18px;
	color: #292830;
}

#prod-graphic {
	position: absolute;
	z-index: 40;
	top: 214px;
	left: -50px;
	width: 1000px;
}

#content-left, #content-left-notop {
	float: left;
	width: 592px;
}

#content-left {
	margin-top: 31px;
}

#content-left-notop { margin-top: 0px; }

#content-right, #content-right-notop {
	float: right;
	width: 284px;
}

#content-right { margin-top: 17px; }

#content-right-notop { margin-top: 0px; }

#content-allwide {
	clear: both;
	float: left;
	margin-top: 26px;
	width: 100%;
}

#add-on-categories {
	position: relative;
	clear: both;
	float: left;
}

#footer {
	position: relative;
	clear: both;
	float: left;
	margin-top: 50px;
	width: 100%;
	height: 26px;
	padding: 12px 0 0 0;
	border: 1px solid #d4d4d4;
	font-size: 11px;
	color: #828282;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: #616161;
}

#social-media {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 30px;
	padding: 8px 0 0 5px;
	border-left: 1px solid #d4d4d4;
}
#social-media img {
	float: left;
	margin-left: 5px;
}

#login-signup {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 90px;
	height: 22px;
	padding: 5px 0 0 10px;
	background: url('/images/bg_login_signup.jpg') no-repeat;
	font-size: 12px;
	color: #737373;
}
#login-signup a {
	text-decoration: none;
	font-size: 12px;
	color: #dfdfdf;
}

* html #menu { display: inline; }

#sortbyselector {
	clear: both;
	width: 900px;
	text-align: right;
	padding-top: 10px;
}

/* --------- DIV CLASSES --------- */

.clearfix { clear: both; }

.clear {
	clear: both;
	width: 100%;
	height: 1px;
}

.hold {
	position: relative;
	clear: both;
	width: 100%;
}

.col-end, .col-mid {
	position: relative;
	z-index: 80;
	float: left;
	margin-top: 30px;
	width: 286px;
}
.col-end img, .col-mid img { margin-bottom: 10px; }

.col-mid {
	margin-left: 20px;
	margin-right: 20px;
}

#content-left .colorbox {
	margin-top: 15px;
	padding: 10px 14px 14px 14px;
	width: 564px;
	background: #ebebee;
}

#content-right .colorbox {
	clear: both;
	float: left;
	margin-bottom: 14px;
	padding: 10px 14px 14px 14px;
	width: 254px;
	background: #ebebee;
}

.borderbox {
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 14px;
	padding: 14px 14px 14px 14px;
	width: 252px;
	border: 1px solid #e3e3e3;
}
.borderbox a.seeall {
	top: 18px !important;
	right: 10px !important;
}

.add-on, .add-on-middle {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 233px;
	height: 330px;
	padding: 12px 15px 0 15px;
	background: url('/images/bg_addon.jpg') no-repeat;
}
.add-on img.screenshot, .add-on-middle img.screenshot {
	margin-top: 16px;
	margin-bottom: 12px;
	border: 1px solid #9a9a9a;
}
.add-on img.download, .add-on-middle img.download {
	position: absolute;
	left: 12px;
	bottom: 17px;
}

.add-on-middle {
	margin-left: 19px;
	margin-right: 19px;
}

.add-on-hilite {
	clear: both;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 8px 0 0 14px;
	width: 266px;
	height: 22px;
	background: #ebebee;
}

.add-on-hilite-info div { padding: 4px 0 4px 14px; }
.add-on-hilite-info input { font-size: 12px; }
.add-on-hilite-info hr {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.co-title { padding: 2px 0 0 0; }
.co-title a {
	text-decoration: none !important;
	color: #7f8efe !important;
	font-size: 17px !important;
}

.co-title-alt { padding: 2px 0 0 0; }
.co-title-alt a {
	color: #26328c !important;
	font-size: 16px !important;
}

.co-title-large {
	color: #26328c;
	font-size: 20px;
}

.add-on-author {
	font-size: 16px;
	color: #f4d4d4d;
}

.bio {
	clear: both;
	float: left;
	margin-bottom: 16px;
	width: 685px;
	min-height: 140px;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #acabab;
}
.bio .title {
	font-size: 15px;
	color: #4d4d4d;
    margin-left: 0px;
}
.bio p {
	margin: 0px;
	float: right;
	width: 520px;
}
.bio img {
	float: left;
	border: 3px solid #c2c2c2;
}

.comment {
	clear: both;
	float: left;
	margin-bottom: 16px;
	width: 100%;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #acabab;
}
.comment .title {
	font-size: 15px;
	color: #4d4d4d;
}
.comment p {
	margin: 0px;
	float: right;
	width: 520px;
	line-height: 12px;
}
.comment p b { font-size: 15px; }
.comment img {
	width: 48px;
	float: left;
}

.item-left {
	position: relative;
	float: left;
}

.screen-shot {
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
	border: 1px solid #9a9a9a;
}

/*
** Gadgets page classes
*/

.gadgets-grid {
	margin-top: 20px;
	margin-bottom: 50px;
	width: 910px;
	height: 170px;
	float: left;
	position: relative;
}
.gadget-box-begin {
	width: 170;
	height: 200px;
	float: left;
	position: relative;
	margin-right: 5px;
}
.gadget-box {
	width: 170;
	height: 200px;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

.gadget-box-end {
	width: 170;
	height: 200px;
	float: left;
	position: relative;
	margin-left: 5px;
}
.gadget-img-box {
  vertical-align: middle;
  display: table-cell;
	text-align: center;
	width: 168px;
	height: 168px;
	margin-bottom: 10px;
	border: 1px solid #C2CBDE;
	z-index: 1;
}
.gadget-img { z-index: -1; }
.gadget-txt-box {
	padding-top:5px;
	font-size: 15px;
	line-height: 20px;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 12px;
}
.sortbycaption {
	font-size: 12px;
	color: #26328c
}
.sortbyoptions {
	margin-left: 5px;
	text-align: center;
	width: 150px;
	display: inline;
	border:1px solid #26328c;
}

.gadget-company {
	position: absolute;
	right: 0px;
	bottom: 4px;
	text-align: right;
}
.gadget-section-header {
	padding-bottom: 10px;
	padding-top: 20px;
	clear: both;
}
.gadget-section-title {
	font-size: 18px;
	color: #26328c;
	padding-bottom: 15px;
}
.gadget-section-desc { font-size: 12px; }

* html .col-mid { display: inline; }


/* --------- FONTS / LINKS --------- */

.regcopy {
	font-size: 12px;
	line-height: 120%;
	color: #4d4d4d;
}
.regcopy a {
	text-decoration: none;
	color: #26328c;
}
.regcopy a:hover { text-decoration: underline; }

.medcopy {
	font-size: 11px;
	line-height: 18px;
	color: #4d4d4d;
}

.intro {
	font-weight: bold;
	color: #4d4d4d;
}

p.intro { margin-top: 0px; }

.vagrounded-14 {
	font-size: 14px;
	line-height: 22px
}

a.moreinfo {
	text-decoration: none;
	font-size: 12px;
	color: #26328c;
}

a.seeall {
	position: absolute;
	top: 4px;
	right: 0px;
	text-decoration: none;
	float: right;
	font-size: 12px;
	color: #26328c;
}

a.help-link {
	text-decoration: none;
	font-size: 15px;
	color: #26328c;
}

a.large {
	text-decoration: none;
	font-size: 15px;
	color: #26328c;
}

a.large-on {
	text-decoration: none;
	font-size: 15px;
	color: #7d52ff;
}

a.large:hover, a.large-on:hover { text-decoration: none; }

.white { color: #fff; }

.ltgrey { color: #dfdfdf; }

.dkgrey { color: #4d4d4d; }

.ltgrey2 { color: #a4a4a4; }

.purple { color: #26328c; }

.inline { display: inline; }


/* --------- IMAGES --------- */

#seeall { margin-left: 8px; }

#about-intro {
	float: left;
	margin-right: 18px;
}

.flickr img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

img.logo {
	float: left;
	margin-right: 8px;
}

.screen { border: 1px solid #9a9a9a; }

.screen-thumb { width: 180px; }


/* --------- FORMS --------- */

#select-category {
	position: absolute;
	top: 124px;
	right: 38px;
	color: #919191;
	font-size: 12px;
	height: 22px;
}


/* --------- LISTS --------- */

ul.flush-left {
	padding: 0;
	margin-left: 13px;
}

.main {
	font-size: 16px;
	line-height: 16px;
	color: #000;
}

/* --------- GETSATISFACTION (HELP PAGE) STYLES --------- */

div#gsfn_search_results {
  clear: both;
  padding-top: 5px;
}

div#gsfn_search_results > ul { padding-left: 0px; }

div#gsfn_search_results > ul > li {
  list-style: none;
  font-size: 12px;
}

div#gsfn_search_results > ul > li > a {
  color: rgb(38,50,140);
  text-decoration: none;
}

div#gsfn_search_results > ul > li > a:hover { text-decoration: underline; }

div#gsfn_search_results > ul > li.gsfn_suggestion { padding-bottom: 10px; }

div#gsfn_search_results > ul > li.gsfn_submit { padding-top: 10px; }

div#gsfn_search_results > ul > li.gsfn_question,
div#gsfn_search_results > ul > li.gsfn_problem,
div#gsfn_search_results > ul > li.gsfn_idea {
  list-style: none;
  padding-left: 20px;
}

div.powered_by { margin-top: 5px; }

div.powered_by a {
  text-decoration: none;
  font-size: 10px;
  color: rgb(100,100,100);
}

div.powered_by a:hover { text-decoration: underline; }

div.powered_by img { vertical-align: middle; }

hr#gsfn_content_hr { margin-bottom: 0px !important; }

div#gsfn_content > ul {
  padding-left: 0px;
  margin-top: 0px;
}

div#gsfn_content > ul > li {
	width: 100%;
  list-style: none;
  display: block;
  padding-top: 16px;
  margin-bottom: 11px;
}

div#gsfn_content > ul > li + li { border-top: 1px dotted rgb(172,171,171); }

div#gsfn_content > ul > li > a {
	color: #26328c;
	font-size: 15px;
}

div#gsfn_content > ul > li > span.time { padding-left: 5px; }



/* *** ADDED 4/22/10 *** */

.manufacturer {
	position: absolute;
	bottom: 10px;
	right: 0px;
	text-align: right;
}

#page-intro-new {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 19px 36px;
	width: 840px;
	min-height: 80px;
	color: #fff;
	background: url('/images/bg_long_intro.jpg') no-repeat;
}
#page-intro-new_short {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 19px 36px;
	width: 840px;
	min-height: 80px;
	color: #fff;
	background: url('/images/bg_shorter_intro.jpg') no-repeat;
}
* html #page-intro-new {
	height: 129px;
}

#sub-nav-new {
	position: relative;
	clear: both;
	float: left;
	padding: 18px 24px 0 36px;
	width: 840px;
	height: 42px;
	background: url('/images/bg_subnav_new.jpg') no-repeat;
}
#sub-nav-new ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav-new ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav-new ul li a {
	text-decoration: none;
	color: #fff;
}
#sub-nav-new ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
li.section-title {
	padding: 10px 38px 10px 0;
	background: url('/images/subnav_section_divider.png') 58px 3px no-repeat;
	color: #9e9e9e;
}
#sub-nav-new ul li.section-title {
	margin-right: 10px !important;
	padding: 10px 20px 10px 0;
	background: url('/images/subnav_section_divider_new.png') no-repeat top right;
	color: #9e9e9e;
}
#sub-nav-new ul li.section-title a { color: #9e9e9e; }

#prod-graphic-new {
	position: absolute;
	z-index: 0;
	top: 300px;
	left: 50%;
	margin-left: -478px;
	width: 956px;
	height: 591px;
	background: url('/images/g_main_product_032011.jpg') no-repeat;
}
#prod-graphic-new img#dl {
	position: absolute;
	top: 200px;
	right: 42px;
}

#feature-boxes {
	z-index: 500;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 340px;
}



/* *** ADDED 5/04/10 *** */

.detail {
	clear: both;
	float: left;
	width: 100%;
	padding: 22px 0 18px 0;
	border-bottom: 1px dotted #acabab;
	line-height: 110% !important;
}
.detail .floatimg {
	float: left;
	width: 230px;
	height: 168px;
	background: #FFFFFF
	
}
.detail .title {
	margin-bottom: 0px;
	padding: 4px 0 8px 0;
	width: 653px;
	color: #262626;
	font-size: 22px;
	font-weight: normal;
}

/*oof! what is this line for? -- screwing up a few things on board page.*/
.detail p, .detail .intro, .title { margin-left: 245px; }


/* *** ADDED 02/03/11 *** */

#coverpage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	moz-opacity: .0;
	opacity: .0;
	text-align: center;
}

#layer-over {
	position: fixed;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -140px;
	width: 280px;
	z-index: 5000;
}
#layer-over #txt {
	position: relative;
	clear: both;
	padding: 20px;
	background: #fff;
	font-size: 11px;
}
#layer-over #txt a.close {
  position: absolute;
  top: 6px;
  right: 10px;
}

.hideit { display: none }


/* ** 03/29/2011 ** */

#prod-landing {
  position: relative;
  clear: both;
	height: 591px;
	color: #464869;
}
#prod-landing #intro, #prod-landing #desktop, #prod-landing #mobile { position: absolute; }
#prod-landing #desktop, #prod-landing #mobile { font-size: 17px; }
#prod-landing #desktop img, #prod-landing #mobile img { margin-top: 5px; }
#prod-landing #intro {
  top: 100px;
  right: 40px;
  width: 156px;
}
#prod-landing #desktop {
  top: 188px;
  left: 16px;
  text-align: right;
}
#prod-landing #desktop img { margin-right: 5px }
#prod-landing #mobile {
  top: 360px;
  right: 90px;
}
#prod-landing #mobile img { margin-left: -5px }

#mobile-page, #desktop-page {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  height: 307px;
  background: url('/images/bg_mobile.jpg') no-repeat center;
}
#mobile-page { background: url('/images/bg_mobile.jpg') no-repeat center; }
#desktop-page { background: url('/images/bg_desktop.jpg') no-repeat center; }

#mobile-page #qrcode {
  position: absolute;
  top: 68px;
  left: 629px;
  width: 185px;
}
#mobile-page #qrcode a {
  text-decoration: none;
  font-size: 13px;
  color: #ad92fe;
}
#mobile-page #qrcode img {
  float: left;
  margin: 0 4px 0 0;
  height: 65px;
}
#mobile-page a#dl {
  position: absolute;
  top: 200px;
  left: 629px;
}

#desktop-page a#dl {
  position: absolute;
  top: 180px;
  left: 629px;
}
#desktop-page a#dl img { width: 196px; }

#mobile-page #intro, #desktop-page #intro {
  position: absolute;
  top: 28px;
  left: 30px;
  width: 230px;
  font-size: 19px;
  line-height: 24px;
  color: #696a85;
}

#prod-hilite-1, #prod-hilite-2, #prod-hilite-3 { 
  float: left;
  width: 285px;
}
#prod-hilite-2 { margin: 0 22px 0 22px; }
#prod-hilite-1 h3, #prod-hilite-2 h3, #prod-hilite-3 h3 { color: #4d4d4d; }

#sub-nav-under {
  position: relative;
  clear: both;
  z-index: 100;
  float: left;
  margin: 0 0 20px 0;
  width: 862px;
  height: 50px;
  padding: 26px 12px 0px 25px;
  margin-top: -10px;
  background: url('/images/bg_subnav_under.jpg') no-repeat;
  font-size: 14px;
}
#sub-nav-under h3 {
  margin: 0;
  color: #4d4d4d;
}
#sub-nav-under a {
  text-decoration: none;
  float: right;
  margin: 0 26px 0 0;
  font-size: 13px;
  color: #ad92fe;
  padding: 1px 0 0 10px;
  background: url('/images/arrow_purple.png') no-repeat 0px 5px;
}

.texture-box { 
  width: 265px;
  height: 248px;
  padding: 10px;
  background: url('/images/bg_prod_texturebox.jpg') no-repeat;
  font-size: 14px;
  color: #282525;
}
.texture-box img { margin: 0 0 10px 0; }
.texture-box a img { margin: 8px 0 0 0; }

.desktop-img {
  float: left;
  margin: 0 16px 0 0;
}

.padtb { padding: 20px 0 20px 0; }