/******************************* LAYOUT *******************************/ #view .modwrp {padding:0;margin:0;border:0;float:left;} #view .col1 {width:99.9%;} #view .col2 {width:49.9%;} #view .col3 {width:33.3%;} #view .col4 {width:24.9%;} #view .col5 {width:19.9%;} #view .modwrp .modcont {margin:0 10px 10px 0px;padding:5px;} /******************************* PRODUCT LISTING - T1 *******************************/ #view .pl .t1 {padding:0;margin:0 0 5px 0;border:0;float:left;} #view .pl .t1 .bdr {border:1px #B3B3B3 solid;margin:0 5px 10px 5px;padding:2px;} #view .pl .t1 .bdr .thmb {border:0;overflow:hidden;text-align:center;margin:5px auto;padding:0;} #view .pl .t1 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;} #view .pl .t1 .bdr .prc {text-align:center; margin:5px 0;} #view .pl .t1 .bdr h2 {margin:0; padding:0; overflow:hidden; text-align:center; line-height:1.3em; height:2.6em;} #view .pl .t1 .bdr h2 a {margin:0; display:block;} #view .pl .t1 .bdr .desc {overflow:hidden; height:6em; line-height:1.5em; margin:0 5px; padding:0;} #view .pl .t1 .bdr .btns {overflow:hidden; margin:0 0 5px 0; padding:5px 0; text-align:center;} #view .pl .t1 .bdr .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;} /******************************* PRODUCT LISTING - T2 *******************************/ #view .pl .t2 {padding:0; margin:0; border:0; float:left;} #view .pl .t2 .bdr {border:0px #f5f5f5 solid; margin:0 5px 10px 5px; padding:2px;} #view .pl .t2 .bdr h2 {margin:0 0 5px 0; padding:0; overflow:hidden; line-height:1.3em; height:2.6em;} #view .pl .t2 .bdr h2 a {margin:0; display:block;} #view .pl .t2 .bdr .lc {height:100%; float:left; padding:0; margin:0 auto 0 auto; border:0;} #view .pl .t2 .bdr .thmb {border:0; overflow:hidden; text-align:center; margin:5px auto; padding:0;} #view .pl .t2 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;} #view .pl .t2 .bdr .rc {display:inline-block;} #view .pl .t2 .bdr .rc {display:block;} #view .pl .t2 .bdr .desc {overflow:hidden; height:7.5em; line-height:1.5em; margin:0 0 5px 0; padding:0;} #view .pl .t2 .bdr .prc_btns {width:100%; overflow:hidden;} #view .pl .t2 .bdr table {width:100%; border-spacing:0; border:0; padding:5px 0;} #view .pl .t2 .bdr td {vertical-align:middle; padding:5px;} #view .pl .t2 .bdr td.prc {text-align:right; padding-right:2%;} #view .pl .t2 .bdr td.btns {text-align:left; padding-left:2%;} #view .pl .t2 .bdr td.btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;} /******************************* PRODUCT LISTING - T3 *******************************/ #view .pl .t3 {padding:0; margin:0 0 10px 0; border:0; float:left;} #view .pl .t3 .bdr {border-bottom:0px #f5f5f5 solid; margin:0 5px 10px 5px; padding:2px;} #view .pl .t3 .bdr .lc {height:100%; float:left; padding:0; margin:0 auto 0 auto; border:0;} #view .pl .t3 .bdr .thmb {border:0; overflow:hidden; text-align:center; margin:5px auto; padding:0;} #view .pl .t3 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;} #view .pl .t3 .bdr .prc {text-align:center; margin:5px 0 0 0;} #view .pl .t3 .bdr .rc {display:inline-block;} #view .pl .t3 .bdr .rc {display:block; padding:5px 0 0 0;} #view .pl .t3 .bdr h2 {margin:0 0 5px 5px; padding:0; overflow:hidden; line-height:1.3em; height:2.6em;} #view .pl .t3 .bdr h2 a {margin:0; display:block;} #view .pl .t3 .bdr .desc {overflow:hidden; height:6em; line-height:1.5em; margin:0 10px 5px 5px; padding:0;} #view .pl .t3 .bdr .btns {overflow:hidden; margin:0 0 5px 5px; padding:5px 0;} #view .pl .t3 .bdr .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;} /******************************* SINGLE PRODUCT DETAILS *******************************/ #view .sp {padding:0; margin:0 0 10px 0; border:0; width:100%;} #view .sp .lc {float:left; padding:0; margin:0 auto 0 auto; border:0;} #view .sp .thmb {border:0; text-align:center; margin:5px auto; padding:0;} #view .sp .thmb img {border:0; padding:0; margin:0; background-color:transparent;} #view .sp .prc {text-align:left; margin:5px 0 0 0;} #view .sp h2 {margin:0 0 5px 0px; padding:0;} #view .sp h2 a {margin:0; display:block;} #view .sp .desc {margin:0 0px 5px 0px; padding:0;} #view .sp .btns {margin:0 0 5px 0px; padding:5px 0;} #view .sp .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;} #view .sp .lc .thmb img {max-width:200px; width:expression(this.height < this.width && this.width > 200 ? '200px' :true);} #view .sp .lc .thmb .thmb {width:200px;} #view .sp .lc {width:210px;} #view .sp .rc {margin-left:210px; padding-left:10px;} /******************************* EMBEDDED PRODUCT *******************************/ #view .fl { float: left; width: 200px; } #view .fr { float: right; width: 200px; } .embedded .t1 { padding: 0; margin: 0 0 5px 0; border: 0; } .embedded .t1 .bdr { border: 1px #B3B3B3 solid; margin: 0 5px 10px 5px; padding: 2px; height: 100%; } .embedded .t1 .bdr .thmb { border: 0; overflow: hidden; text-align: center; margin: 5px auto; padding: 0; } .embedded .t1 .bdr .thmb img { border: 0; padding: 0; margin: 0; background-color: transparent; } .embedded .t1 .bdr .prc { text-align: center; margin: 5px 0; } .embedded .t1 .bdr h2 { margin: 0; padding: 0; overflow: hidden; text-align: center; line-height: 1.3em; height: 2.6em; } .embedded .t1 .bdr h2 a { margin: 0; display: block; } .embedded .t1 .bdr .desc { overflow: hidden; height: 6em; line-height: 1.5em; margin: 0 5px; padding: 0; } .embedded .t1 .bdr .btns { overflow: hidden; margin: 0 0 5px 0; padding: 5px 0; text-align: center; } .embedded .t1 .bdr .btns a img { border: 0; margin: 2px 0 0 0; padding: 0; background-color: transparent; } /******************************* 150px IMAGE *******************************/ .thmb1 { width: expression(this.height < this.width && this.width > 150 ? '150px' :true); height: expression(this.height > this.width && this.height > 150 ? '150px' :true); max-width: 150px; max-height: 150px; } /******************************* 1 COLUMN IMAGE *******************************/ #view .pl .col1 .thmb img {max-width:150px;max-height:150px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);} #view .pl .col1 .thmb {width:150px;height:160px;} #view .pl .t3 .thmb img {max-width:150px;max-height:120px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);} #view .pl .t3 .thmb {width:150px;height:130px;} #view .pl .col1 .lc {width:160px;} #view .pl .col1 .rc {margin:0 0 0 165px;} /******************************* 2 COLUMN IMAGE *******************************/ #view .pl .col2 .thmb img {max-width:120px;max-height:120px;width:expression(this.height < this.width && this.width > 120 ? '120px' :true);height:expression(this.height > this.width && this.height > 120 ? '120px' :true);} #view .pl .col2 .thmb {width:120px;height:130px;} #view .pl .col2 .lc {width:130px;} #view .pl .col2 .rc {margin:0 0 0 135px;} /******************************* 3 COLUMN IMAGE *******************************/ #view .pl .col3 .thmb img {max-width:100px;max-height:100px;width:expression(this.height < this.width && this.width > 100 ? '100px' :true);height:expression(this.height > this.width && this.height > 100 ? '100px' :true);} #view .pl .col3 .thmb {width:100px;height:110px;} #view .pl .col3 .lc {width:110px;} #view .pl .col3 .rc {margin:0 0 0 115px;} /******************************* 4 COLUMN IMAGE *******************************/ #view .pl .col4 .thmb img {max-width:75px; max-height:75px;width:expression(this.height < this.width && this.width > 75 ? '75px' :true);height:expression(this.height > this.width && this.height > 75 ? '75px' :true);} #view .pl .col4 .thmb {width:75px;height:85px;} #view .pl .col4 .lc {width:85px;} #view .pl .col4 .rc {margin:0 0 0 90px;} /******************************* CATEGORY LISTING *******************************/ #view .cl .cell {padding:0; margin:0 0 5px 0; border:0; float:left; } #view .cl .cell .bdr {border:0px #B3B3B3 solid; margin:0 5px 5px 5px; padding:2px; background-color:transparent; float:left; overflow:hidden; } #view .cl .cell .bdr .catdesc {height: 4.8em; line-height: 1.2em} /******************************* SEARCH *******************************/ #view .srchform label {display:block; text-align:left;} #view .srchform input {display:block; text-align:left;} /******************************* SORT/PPP FILTERS *******************************/ #view .dffltrs {border: 1px #E6E6E6 solid; margin: 10px 0;} #view .dffltrs form {background-color: #f5f5f5;padding: 5px;margin: 1px;} #view .dffltrs .dflside {float: left;} #view .dffltrs .dfrside {float: right;} /******************************* PAGER *******************************/ #view .pgr {margin:10px 0; } #view .pgr span {font-weight:bold; } #view .pgr a {text-decoration:none; } #view .pgr img {vertical-align:middle; border:0; margin:0 4px; } /******************************* PRODUCT TITLES - ALL TEMPLATES *******************************/ #view .pl h2, #view* .pl h2 a, #wdgt_pl .pl .bdr h2, #wdgt_pl .pl .bdr h2 a {font-size:12px;} /******************************* WIDGET PRODUCT LISTING *******************************/ #wdgt_pl .pl {padding: 0; margin: 0 0 5px 0; border: 0; width: 100%;} #wdgt_pl .pl .bdr {border: 1px #B3B3B3 solid; margin: 0 0 10px 0; padding: 2px;} #wdgt_pl .pl .bdr .thmb {border: 0; overflow: hidden; text-align: center; margin: 5px auto; padding: 0;} #wdgt_pl .pl .bdr .thmb img {border: 0; padding: 0; margin: 0; background-color: transparent;} #wdgt_pl .pl .bdr .prc {text-align: center; margin: 5px 0;} #wdgt_pl .pl .bdr h2 {margin: 0; padding: 0; text-align: center; line-height: 1.3em;} #wdgt_pl .pl .bdr h2 a {margin: 0; display: block;} #wdgt_pl .pl .bdr .desc {line-height: 1.5em; margin: 0 5px; padding: 0;} #wdgt_pl .pl .bdr .btns {margin: 0 0 5px 0; padding: 5px 0; text-align: center;} #wdgt_pl .pl .bdr .btns a img {border: 0; margin: 2px 0 0 0; padding: 0; background-color: transparent;} #wdgt_pl .pl .bdr .thmb {width: 150px;} #wdgt_pl .pl .bdr .thmb img {max-width: 150px; width: expression(this.height < this.width && this.width > 150 ? '150px' : true);} /******************************* WIDGET CATEGORY LISTING *******************************/ #wdgt_cl {} /******************************* WIDGET SIMPLE SERARCH *******************************/ #wdgt_ss {} /******************************* WIDGET ADVANCED SERARCH *******************************/ #wdgt_as {} #wdgt_as input {display: block;} /******************************* Buttons (Credit:http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/) *******************************/ .dfbutton { display: inline-block !important; zoom: 1 !important; *display: inline !important; vertical-align: baseline !important; margin: 0 2px 4px 2px !important; outline: none !important; cursor: pointer !important; text-align: center !important; text-decoration: none !important; font: 12px/100% Arial, Helvetica, sans-serif !important; padding: .4em 1.5em .42em !important; text-shadow: 0 1px 1px rgba(0,0,0,.3) !important; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; white-space: nowrap !important; } .dfbutton:hover { text-decoration: none !important; } .dfbutton:active { position: relative !important; top: 1px !important; } .dflarge { font-size: 14px !important; padding: .5em 2em .55em !important; } .dfmedium { font-size: 12px !important; padding: .4em 1.5em .42em !important; } .dfsmall { font-size: 11px !important; padding: .2em 1em .275em !important; } .dfrounded { -webkit-border-radius: 2em !important; -moz-border-radius: 2em !important; border-radius: 2em !important; } /****** black ******/ .dfblack:link, .dfblack:visited { color: #d7d7d7 !important; border: solid 1px #333 !important; background: #333 !important; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)) !important; background: -moz-linear-gradient(top, #666, #000) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000') !important; } .dfblack:hover { color: #d7d7d7 !important; background: #000 !important; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)) !important; background: -moz-linear-gradient(top, #444, #000) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000') !important; } .dfblack:active { color: #666 !important; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)) !important; background: -moz-linear-gradient(top, #000, #444) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666') !important; } /****** gray ******/ .dfgray:link, .dfgray:visited { color: #e9e9e9 !important; border: solid 1px #555 !important; background: #6e6e6e !important; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)) !important; background: -moz-linear-gradient(top, #888, #575757) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757') !important; } .dfgray:hover { color: #e9e9e9 !important; background: #616161 !important; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)) !important; background: -moz-linear-gradient(top, #757575, #4b4b4b) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b') !important; } .dfgray:active { color: #afafaf !important; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)) !important; background: -moz-linear-gradient(top, #575757, #888) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888') !important; } /****** white ******/ .dfwhite:link, .dfwhite:visited { color: #606060 !important; border: solid 1px #b7b7b7 !important; background: #fff !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)) !important; background: -moz-linear-gradient(top, #fff, #ededed) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed') !important; } .dfwhite:hover { color: #606060 !important; background: #ededed !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)) !important; background: -moz-linear-gradient(top, #fff, #dcdcdc) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc') !important; } .dfwhite:active { color: #999 !important; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)) !important; background: -moz-linear-gradient(top, #ededed, #fff) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff') !important; } /****** orange ******/ .dforange:link, .dforange:visited { color: #fef4e9 !important; border: solid 1px #da7c0c !important; background: #f78d1d !important; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important; background: -moz-linear-gradient(top, #faa51a, #f47a20) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20') !important; } .dforange:hover { color: #fef4e9 !important; background: #f47c20 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)) !important; background: -moz-linear-gradient(top, #f88e11, #f06015) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015') !important; } .dforange:active { color: #fcd3a5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)) !important; background: -moz-linear-gradient(top, #f47a20, #faa51a) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a') !important; } /****** red ******/ .dfred:link, .dfred:visited { color: #faddde !important; border: solid 1px #980c10 !important; background: #d81b21 !important; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)) !important; background: -moz-linear-gradient(top, #ed1c24, #aa1317) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317') !important; } .dfred:hover { color: #faddde !important; background: #b61318 !important; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)) !important; background: -moz-linear-gradient(top, #c9151b, #a11115) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115') !important; } .dfred:active { color: #de898c !important; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)) !important; background: -moz-linear-gradient(top, #aa1317, #ed1c24) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24') !important; } /****** blue ******/ .dfblue:link, .dfblue:visited { color: #d9eef7 !important; border: solid 1px #0076a3 !important; background: #0095cd !important; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)) !important; background: -moz-linear-gradient(top, #00adee, #0078a5) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5') !important; } .dfblue:hover { color: #d9eef7 !important; background: #007ead !important; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)) !important; background: -moz-linear-gradient(top, #0095cc, #00678e) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e') !important; } .dfblue:active { color: #80bed6 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)) !important; background: -moz-linear-gradient(top, #0078a5, #00adee) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee') !important; } /****** rosy ******/ .dfrosy:link, .dfrosy:visited { color: #fae7e9 !important; border: solid 1px #b73948 !important; background: #da5867 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)) !important; background: -moz-linear-gradient(top, #f16c7c, #bf404f) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f') !important; } .dfrosy:hover { color: #fae7e9 !important; background: #ba4b58 !important; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)) !important; background: -moz-linear-gradient(top, #cf5d6a, #a53845) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845') !important; } .dfrosy:active { color: #dca4ab !important; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)) !important; background: -moz-linear-gradient(top, #bf404f, #f16c7c) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c') !important; } /****** green ******/ .dfgreen:link, .dfgreen:visited { color: #e8f0de !important; border: solid 1px #538312 !important; background: #64991e !important; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)) !important; background: -moz-linear-gradient(top, #7db72f, #4e7d0e) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e') !important; } .dfgreen:hover { color: #e8f0de !important; background: #538018 !important; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)) !important; background: -moz-linear-gradient(top, #6b9d28, #436b0c) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c') !important; } .dfgreen:active { color: #a9c08c !important; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)) !important; background: -moz-linear-gradient(top, #4e7d0e, #7db72f) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f') !important; } /****** pink ******/ .dfpink:link, .dfpink:visited { color: #feeef5 !important; border: solid 1px #d2729e !important; background: #f895c2 !important; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)) !important; background: -moz-linear-gradient(top, #feb1d3, #f171ab) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab') !important; } .dfpink:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)) !important; background: -moz-linear-gradient(top, #f4aacb, #e86ca4) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4') !important; } .dfpink:active { color: #f3c3d9 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)) !important; background: -moz-linear-gradient(top, #f171ab, #feb1d3) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3') !important; } /****** brown ******/ .dfbrown:link, .dfbrown:visited { color: #feeef5 !important; border: solid 1px #462709 !important; background: #804000 !important; background: -webkit-gradient(linear, left top, left bottom, from(#995414), to(#522D0B)) !important; background: -moz-linear-gradient(top, #995414, #522D0B) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#995414', endColorstr='#522D0B') !important; } .dfbrown:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#89521B), to(#472A0E)) !important; background: -moz-linear-gradient(top, #89521B, #472A0E) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89521B', endColorstr='#472A0E') !important; } .dfbrown:active { color: #DBC4A8 !important; background: -webkit-gradient(linear, left top, left bottom, from(#522D0B), to(#995414)) !important; background: -moz-linear-gradient(top, #522D0B, #995414) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#522D0B', endColorstr='#995414') !important; } /****** purple ******/ .dfpurple:link, .dfpurple:visited { color: #feeef5 !important; border: solid 1px #380821 !important; background: #4F0B2E !important; background: -webkit-gradient(linear, left top, left bottom, from(#932162), to(#500C2E)) !important; background: -moz-linear-gradient(top, #932162, #500C2E) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#932162', endColorstr='#500C2E') !important; } .dfpurple:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#7F265F), to(#420F2B)) !important; background: -moz-linear-gradient(top, #7F265F, #420F2B) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7F265F', endColorstr='#420F2B') !important; } .dfpurple:active { color: #B28EA5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#500C2E), to(#932162)) !important; background: -moz-linear-gradient(top, #500C2E, #932162) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#500C2E', endColorstr='#932162') !important; } /****** silver ******/ .dfsilver:link, .dfsilver:visited { color: #262626 !important; border: solid 1px #989898 !important; background: #CCC !important; background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#A6A6A6)) !important; background: -moz-linear-gradient(top, #F2F2F2, #A6A6A6) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#A6A6A6') !important; } .dfsilver:hover { color: #262626 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#9F9F9F)) !important; background: -moz-linear-gradient(top, #E8E8E8, #9F9F9F) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#9F9F9F') !important; } .dfsilver:active { color: #808080 !important; background: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#F2F2F2)) !important; background: -moz-linear-gradient(top, #A6A6A6, #F2F2F2) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A6A6A6', endColorstr='#F2F2F2') !important; } /********************************************** http://www.positioniseverything.net/easyclearing.html **********************************************/ .clearfix:after {clear:both; content:'.'; display:block; visibility:hidden; height:0;} .clearfix {display:inline-block; } * html .clearfix {height:1%; } .clearfix {display:block; } .clearingdiv {clear:left; font-size:0; line-height:0; margin:0; padding:0; } /******************************* CUSTOM CSS *******************************/ /** * Fix conflict with TwentyTen WP theme */ #view .sp h2 {clear:none;} #view .pl h2 {clear:none;} #view .col1 .pl h2, #view .col1 .pl h2 a {font-size:22px}