html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
background:transparent;
font-size:100%;
font-weight:inherit;
line-height:inherit;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
ol, ul, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
b, strong{font-weight:bold;}
em{font-style:italic;}
table{
border-collapse:collapse;
border-spacing:0;
}
li{display:list-item;}
/*
End Reset
*/
body {
color:#222;
font-size:13px;
line-height:1;
font-family:"Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}
/*
*
* =Common
*
*/
a:link{color:rgb(21,142,218);}
a:visited{color:rgb(7,77,121);}
a:hover, a:active{color:rgb(235,109,14);}
.hide{display:none;}
.note, .text .note{
color:#777;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
line-height:20px;
}
.superscript{
font-size:xx-small;
vertical-align:top;
}
.quiet{
font-size:10px;
font-style:normal;
font-weight:normal;
}
.loud{font-size:19px;}
.loud strong{
color:#000;
font-weight:normal;
}
.left-img{
float:left;
margin:0 15px 0 0;
}
/*
*
* =Base Typography
*
*/
.text h1{
/*
font-family:Arial, Helvetica, sans-serif;
*/
font-family:"etica-display-1","etica-display-2",sans-serif;
font-size:32px;
line-height:40px;
}
.text h2{
color:#000;
font-size:23px;
line-height:30px;
margin:45px 0 15px 0;
}
.text h3{
font-size:17px;
line-height:25px;
}
.text h4{
font-size:15px;
line-height:25px;
}
.text h5{
font-size:15px;
line-height:25px;
}
.text h6{
font-size:15px;
line-height:20px;
}
.text p{
color:#4d4d4d;
font-size:15px;
line-height:23px;
}
.text .quiet p, .text p.quiet{
font-size:12px;
line-height:23px;
}
.text ol{list-style:decimal;}
.text ul{list-style:disc;}
.text li{margin-left:30px;}
.text ol li{list-style:decimal;}
.text p, .text dl, .text hr, .text h1, .text h4, .text h5, .text h6, .text ol, .text ul, .text pre, .text table, .text address, .text fieldset {margin-bottom:20px}
/*
*
* =Special Headings for Grid Sections
* Websites, Newsletters, Mailing Page, Etc.
*
*/
.grid-header, .grid-header-dark{
border-top:5px solid #f3f3f3;
padding:10px 0 20px 0;
}
.grid-header-dark{
background:#f2cf37;
border-top:10px solid #333;
}
.grid-header h1, .grid-header-dark h1{
font-size:23px;
line-height:25px;
}
.grid-header-dark h1{
padding-left:5px;
padding-right:5px;
}
.grid-header h2, .grid-header-dark h2{
font-size:17px;
font-weight:bold;
letter-spacing:-.07em;
line-height:25px;
margin:20px 0 0 0;
}
.grid-header-dark h2{
padding-left:5px;
padding-right:5px;
}
.grid-header-dark p{
color:#000;
padding-left:5px;
padding-right:5px;
}
.grid-header-dark #input-sim-wrapper{
padding-left:5px;
padding-right:5px;
}
.grid-header-thin{
border-top:2px solid #f3f3f3;
padding:8px 0 20px 0;
}
/* 12 and 16 column grids */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
/* 24 column grid */
/*
body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
*/
/*
*
* =DEV
*
*/
/*
*
* =Base Layout
*
*/
body{
}
#masthead{
background:url('/media/interface_img/bgd-masthead.jpg') repeat-x 50% top transparent;
position:relative;
z-index:9;
}
/*
#login-slide{
background:transparent;
height:1px;
left:0px;
overflow:hidden;
position:absolute;
top:-1px;
width:100%;
z-index:9;
}
#login-slide form{padding:15px;}
*/
#in-masthead{
height:83px;
margin:0 auto;
position:relative;
width:960px;
}
#logo{
background:url('/media/interface_img/logo-hover.png') no-repeat left top transparent;
height:83px;
left:50%;
margin:0 0 0 -640px;
position:absolute;
top:0px;
width:560px;
}
#logo a{
background:url('/media/interface_img/logo.png') no-repeat left top transparent;
display:block;
height:83px;
text-decoration:none;
text-indent:-9999em;
/*
the hover state is handled via jQuery
so we can get a smooth fade cross browser
*/
}
#member-profile{
font-size:11px;
height:44px;
position:absolute;
padding:10px 0 0 0;
right:0px;
top:0px;
width:253px;
}
#member-profile a:link, #member-profile a:visited{
border-right:1px solid rgb(186,183,171);
color:#000;
display:block;
float:left;
padding:5px 10px 5px 10px;
text-decoration:none;
}
#member-profile a:hover, #member-profile a:active{text-decoration:underline;}
/* last one */
#member-profile a#mp-invoice:link, #member-profile a#mp-invoice:visited{border:none;}
#pnav{
bottom:0px;
height:29px;
position:absolute;
right:0px;
width:346px;
z-index:7;
}
#content-wrapper-outer{
background:#fff;
z-index:3;
}
#full-width-header{
height:500px;
min-width:960px;
}
#full-width-header h1{display:none;}
#content-wrapper-inner{
margin:0 auto;
overflow:hidden;
padding:20px 0 20px 0;
width:960px;
}
#content{
float:left;
margin:0 10px 0 10px;
}
#sidebar{
float:left;
margin:0 0 0 10px;
}
#footer{
background:url('/media/interface_img/bgd-footer.jpg') repeat-x left top transparent;
padding:20px 0 0 0;
z-index:2;
}
#in-footer{
overflow:hidden;
margin:0 auto;
width:960px;
}
/*
*
* =Home Page Layout
*
*/
#tmp-index #feature{
background:url('/media/interface_img/bgd-feature-bottom.jpg') no-repeat center 256px transparent;
z-index:3;
}
#tmp-index #in-feature{
margin:0 auto;
height:340px;
overflow:hidden;
width:960px;
}
#carousel{
float:left;
height:312px;
margin:0;
width:640px;
}
#carousel-image{height:312px;}
#carousel-nav{
/*
background:url('/media/interface_img/bgd-home-carousel-shadow.png') no-repeat center top transparent;
*/
float:left;
height:38px;
width:960px;
}
#carousel-nav a:link, #carousel-nav a:visited{
background-image:url('/media/interface_img/bgd-product-gallery-nav.png');
background-position:0px 0px;
background-repeat:no-repeat;
background-color:transparent;
color:#777;
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:10px;
line-height:10px;
margin:5px 8px 0 0;
padding:5px 0 5px 0;
text-align:center;
text-decoration:none;
width:20px;
}
#carousel-nav a:hover, #carousel-nav a:active{
background-position:0px -62px;
color:#fff;
}
#carousel-nav a.current:link, #carousel-nav a.current:visited, #carousel-nav a.current:hover, #carousel-nav a.current:active{
background-position:0px -31px;
color:#000;
}
#testimonials{
background:url('/media/interface_img/bgd-home-testimonials.jpg') no-repeat center top transparent;
color:#fff;
float:left;
height:270px;
margin:42px 0 0 0;
width:320px;
}
#all-testimonials{
height:270px;
overflow:hidden;
position:relative;
width:320px;
z-index:1;
}
div.testimonial{
left:30px;
position:absolute;
top:60px;
width:260px;
z-index:2;
}
a#prev-test, a#next-test{
display:block;
height:270px;
outline:none;
position:absolute;
text-indent:-9999em;
top:0px;
width:25px;
z-index:3;
}
a#prev-test{left:0px;}
a#next-test{right:0px;}
.testimonial-text{
overflow:hidden;
position:relative;
text-align:center;
}
.testimonial-text blockquote{
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:15px;
line-height:28px;
font-style:italic;
margin:0 auto;
width:230px;
}
.testimonial-author{
/*
padding:10px 0 0 50px;
*/
padding:10px 0 0 0;
text-align:center;
}
.testimonial-author-organization{
font-size:8px;
letter-spacing:.1em;
line-height:10px;
text-transform:uppercase;
}
a.testimonial-project-link:link, a.testimonial-project-link:visited{
font-size:8px;
font-weight:bold;
letter-spacing:.1em;
line-height:10px;
text-decoration:none;
text-transform:uppercase;
}
#start{
}
#in-start{
margin:0 auto;
padding:20px 0 0 0;
overflow:hidden;
width:960px;
}
#introduction{
float:left;
width:320px;
}
.meet-harvest{
padding:0 50px 0 5px;
}
.meet-harvest h1{
}
.signup{
margin:0 50px 0 0;
padding:0 5px 0 5px;
}
/*
*
* =Email Newsletter
*
* some elements added via jQuery
*
*/
#mc-embedded-subscribe-form div{overflow:hidden;}
#EMAIL{
border:none;
background:none;
padding:0px;
}
#input-sim-wrapper{
height:30px;
padding:0 0 20px 0;
}
#input-sim{
background:#f3f3f3;
border:1px solid #4c4941;
border-right:none;
float:left;
height:24px;
padding:2px;
overflow:visible;
width:165px;
}
#email-subscribe-link{
display:block;
float:left;
height:30px;
width:30px;
}
#product-icons{
float:left;
width:630px;
}
#product-icons div.home-prd-thumb{
background:url('/media/interface_img/bgd-home-icons-shadow.png') no-repeat 0px 140px transparent;
float:left;
margin:0 10px 10px 0;
width:150px;
}
div.home-prd-thumb:hover{
-moz-box-shadow:0px 0px 10px #C2C2C2;
-webkit-box-shadow:0px 0px 10px #C2C2C2;
}
#product-icons div.hpt-4, #product-icons div.hpt-8{margin:0;}
#blog-preview{
/*
background:url('/media/interface_img/bgd-blog-preview.png') no-repeat center top transparent;
padding:75px 0 30px 0;
*/
}
#in-blog-preview{
margin:0 auto;
overflow:hidden;
padding:50px 0 0 0;
width:960px;
}
/* custom grid */
.bp-grid{
display:inline;
float:left;
margin:0 10px 0 10px;
width:310px;
}
.bp-grid-alpha{margin-left:0px}
.bp-grid-omega{margin-right:0;}
/* Typography */
.bp-grid img{
float:left;
margin:0 10px 5px 0;
}
h2.bp-title{
}
h2.bp-title a:link, h2.bp-title a:visited{text-decoration:none;}
h2.bp-title a:hover, h2.bp-title a:active{
}
p.bp-summary{
font-size:13px;
line-height:20px;
margin:0 0 20px 70px;
}
a.read-more{font-weight:bold;}
.bp-details{
color:#000;
margin-bottom:20px;
}
.bp-details a{color:#777;}
.bp-details span{
color:#777;
font-size:11px;
}
/*
*
* =UI Tabs
*
*/
/* root element for tabs */
ul#tabs{
border-bottom:1px solid #ccc;
height:30px;
padding:0 0 0 20px;
}
/* single tab */
ul#tabs li{
background:url('/media/interface_img/bgd-product-detail-tab-right-hover.gif') no-repeat right top transparent;
float:left;
height:30px;
margin:0 1px 0 0;
position:relative;
top:1px;
}
ul#tabs li.current{
background:url('/media/interface_img/bgd-product-detail-tab-right.gif') no-repeat right top transparent;
}
/* link inside the tab. uses a background image */
ul#tabs a{
background:url('/media/interface_img/bgd-product-detail-tab-left-hover.gif') no-repeat left top transparent;
border-bottom:1px solid #ccc;
color:#777;
display:block;
height:21px;
float:left;
font-size:13px;
line-height:13px;
padding:8px 10px 0 10px;
text-decoration:none;
}
ul#tabs a:hover{color:#333;}
/* selected tab */
ul#tabs a.current{
background:url('/media/interface_img/bgd-product-detail-tab-left.gif') no-repeat left top transparent;
border-bottom:1px solid #fff;
color:#000;
cursor:default;
}
/* tab pane */
/*
div#panes{
border:1px solid #ccc;
border-top:none;
}
*/
div#panes div.pane{
display:none;
min-height:150px;
padding:15px 20px;
}
.text div.pane{color:#555;}
.text div.pane p{margin-bottom:10px;}
.text div.pane strong{color:#000;}
/*
*
* =UI Pricing Tables
*
*/
table.pricing{
font-size:11px;
margin:0;
text-align:left;
width:98%;
}
table.pricing th{
font-weight:normal;
vertical-align:bottom;
padding-bottom:7px;
}
table.pricing th.col-head{font-weight:bold;}
table.pricing th.quantity{
border-bottom:1px solid #ddd;
padding:5px 2px 7px 2px;
}
table.pricing tr.highlight th{
border:none;
font-weight:bold;
}
table.pricing tr.highlight th.quantity{background:#FFC;}
table.pricing th h3{
font-size:15px;
font-weight:bold;
}
table.pricing th p{
color:#444;
font-size:11px;
font-weight:normal;
margin:0;
}
table.pricing td{
border-bottom:1px solid #ddd;
line-height:14px;
padding:5px 2px 7px 2px;
vertical-align:bottom;
}
table.pricing tr.even td{background:#f5f5f5;}
table.pricing tr.highlight td{
border:none;
background:#FFC;
color:#1b460c;
color:#000;
}
table.pricing tr.highlight td.best-value{
font-size:21px;
font-weight:bold;
}
.custom-package-note{
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:11px;
font-weight:normal;
line-height:20px;
margin:0 0 20px 0;
padding:5px 20px 0 0;
}
.custom-package-note a:link, .custom-package-note a:visited{
color:#666666;
font-weight:bold;
}
/*
*
* =Products
*
*/
.products-nav{
float:left;
margin:0 30px 0 0;
padding:0;
width:190px;
}
.list-product, .list-category, .product-help{
margin-bottom:8px;
padding-bottom:8px;
}
.products-nav h1{
color:#555;
font-size:12px;
font-weight:bold;
height:15px;
line-height:15px;
margin-bottom:5px;
padding:8px 8px 5px 8px;
}
.products-nav .product-help h1{
background:none;
color:#fff;
padding-left:28px;
}
.products-nav h2{
color:#333;
font-size:12px;
height:15px;
line-height:15px;
margin:12px 3px 0px 10px;
padding:0 8px 0 8px;
}
.products-nav p{
padding:0 8px 0 8px;
}
ul.browse{
margin:0 0 10px 0;
padding:0 8px 0 8px;
}
ul.browse a:link, ul.browse a:visited{
color:#4a8aa4;
display:block;
padding:3px 3px 3px 10px;
text-decoration:none;
}
ul.browse a:hover, ul.browse a:active, ul.browse li.current a:link, ul.browse li.current a:visited{
background:url('/media/interface_img/bgd-product-current-arrow.gif') no-repeat left center transparent;
color:#C00;
color:#b74307;
font-weight:bold;
}
.product-thumbs-wrapper{
float:left;
width:740px;
}
.product-thumbs-heading{
float:left;
z-index:3;
width:555px;
}
.product-thumbs-heading h1{
color:rgb(94,83,73);
font-family:"etica-display-1","etica-display-2",sans-serif;
font-size:25px;
line-height:30px;
margin-bottom:20px;
}
.product-thumbs-heading h1 span.quiet{
font-size:15px;
color:#999999;
}
.product-thumbs-heading h1 span.theme{color:#999999;}
.product-thumbs-heading p{
color:#555;
line-height:21px;
margin-bottom:20px;
}
.product-category-detail-toggle{
float:left;
padding-top:45px;
position:relative;
width:185px;
z-index:4;
}
p.product-category-price-preview{
color:#555;
padding:0 8px 0 0;
font-size:11px;
text-align:right;
}
p.product-category-price-preview span.price{font-size:15px;}
a.product-category-detail-trigger{
background: url("/media/interface_img/btn-pricing-and-details.png") no-repeat top left transparent;
display:block;
height:36px;
position:absolute;
right:0px;
top:0px;
width:153px;
text-indent:-9999em;
}
.open a.product-category-detail-trigger{
background: url("/media/interface_img/btn-pricing-and-details-close.png") no-repeat top left transparent;
}
.product-category-detail{
background: url("/media/interface_img/bgd-trans-white-stripe.png") repeat left top transparent;
border:5px solid rgb(233,97,12);
display:none;
overflow:hidden;
padding:20px 15px 10px 15px;
position:absolute;
right:0px;
top:30px;
width:700px;
}
.grid_200{
float:left;
margin:0 15px 0 0;
padding:0 0 0 0;
width:335px;
}
.grid_500{
float:left;
width:350px;
}
.step-by-step h2{
color:#000;
font-size:23px;
line-height:30px;
margin:0 0 10px 0;
}
.step-by-step p{margin-bottom:10px;}
.step-by-step ol{
color:rgb(219,133,41);
font-weight:bold;
}
.step-by-step ol li{
color:rgb(219,133,41);
list-style:decimal;
margin:0 0 0 30px;
}
.step-by-step ol h3{
color:rgb(219,133,41);
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
font-weight:normal;
line-height:18px;
margin:0;
}
.step-by-step ol p{
color:#2a2a2a;
font-weight:normal;
line-height:17px;
margin-bottom:20px;
}
div.product-details-more-options{padding-bottom:20px;}
a.more-options-trigger{
background:url("/media/interface_img/bgd-product-more-options-arrow.png") no-repeat left center transparent;
color:#4a8aa4;
font-size:12px;
line-height:15px;
margin:0 0 0 5px;
padding-left:10px;
text-decoration:none;
}
.open a.more-options-trigger{
background:url("/media/interface_img/bgd-product-more-options-arrow-down.png") no-repeat left center transparent;
color:rgb(94,83,73);
}
div.more-options-text{
background: url("/media/interface_img/bgd-trans-white-stripe.png") repeat left top transparent;
display:none;
}
.more-options-text h1{
border-top:1px dotted #E3E3E3;
color:#000;
font-family:"etica-display-1","etica-display-2",sans-serif;
font-size:18px;
line-height:25px;
margin-top:20px;
padding-top:20px;
text-align:center;
}
.more-options-text p{
font-size:12px;
line-height:17px;
margin:0 15px 10px 15px;
}
.product-thumbs-pagination{
border-top:1px dotted #E3E3E3;
font-size:10px;
height:20px;
margin-bottom:20px;
padding:10px 0 10px 0;
float:left;
width:730px;
}
.pagination-total{float:left;}
.pagination-links{float:right;}
.pagination-links strong,.pagination-links a:link,.pagination-links a:visited, .pagination-links a:hover, .pagination-links a:active{
display:block;
height:12px;
float:left;
font-size:12px;
font-weight:bold;
padding:4px;
margin:0 5px 0 0;
text-decoration:none;
}
.pagination-links strong{
background:rgb(21,142,218);
color:#FFF;
}
.product-thumbs{
border-top:5px solid #F3F3F3;
float:left;
overflow:hidden;
z-index:1;
}
.product-thumb{
float:left;
height:220px;
margin:10px 0 10px 0;
width:185px;
}
.product-thumb-image{
width:169px;
margin:0 auto;
}
.product-thumb-info{
color:#888;
height:45px;
padding:3px 5px 0 5px;
font-size:10px;
text-align:center;
}
.product-thumb-info a{
color:#333;
text-decoration:none;
}
.product-thumb-info a:hover{
color:#C00;
text-decoration:underline;
}
.product-thumb-info h3, .product-thumb-info p{line-height:13px;}
.related-product{
border:1px solid #eee;
float:left;
height:218px;
margin:0 5px 20px 5px;
position:relative;
width:148px;
}
.product-details{
float:left;
margin:0 30px 0 0;
width:520px;
}
.product-details-heading h1{
color:rgb(94,83,73);
font-family:"etica-display-1","etica-display-2",sans-serif;
font-size:25px;
line-height:30px;
margin-bottom:5px;
}
#product-gallery{
overflow:hidden;
margin-bottom:20px;
}
#pg-image{
}
#pg-thumbs{
float:left;
height:50px;
margin:0 0 0 20px;
width:350px;
}
#pg-thumbs a.hide:link, #pg-thumbs a.hide:visited, #pg-thumbs a.hide:hover, #pg-thumbs a.hide:active{display:none;}
#pg-thumbs a:link, #pg-thumbs a:visited{
background-image:url('/media/interface_img/bgd-product-gallery-nav.png');
background-position:0px 0px;
background-repeat:no-repeat;
background-color:transparent;
color:#777;
display:block;
float:left;
font-size:10px;
font-weight:bold;
height:10px;
line-height:10px;
margin:5px 8px 0 0;
padding:5px 0 5px 0;
text-align:center;
text-decoration:none;
width:20px;
}
#pg-thumbs a:hover, #pg-thumbs a:active{
background-position:0px -62px;
color:#fff;
}
#pg-thumbs a.current:link, #pg-thumbs a.current:visited, #pg-thumbs a.current:hover, #pg-thumbs a.current:active{
background-position:0px -31px;
color:#000;
}
#pg-thumbs a#prd-zoom:link, #pg-thumbs a#prd-zoom:visited{
background-position:-54px 0px;
color:#000;
padding:5px 0 5px 25px;
margin:5px 0 0 16px;
text-align:left;
width:120px;
}
#pg-thumbs a#prd-zoom:hover, #pg-thumbs a#prd-zoom:active{
background-position:-54px -62px;
}
#pg-pdf{
float:left;
height:50px;
width:150px;
}
#pg-pdf a:link, #pg-pdf a:visited{
background-image:url('/media/interface_img/bgd-product-gallery-nav.png');
background-position:70px -93px;
background-repeat:no-repeat;
background-color:transparent;
color:#000;
display:block;
float:left;
font-size:10px;
font-weight:bold;
height:10px;
line-height:10px;
margin:5px 0 0 0;
padding:5px 25px 5px 0;
text-align:right;
text-decoration:none;
width:120px;
}
#pg-pdf a:hover, #pg-pdf a:active{
background-position:70px -124px;
}
.tooltip {
background:url('/media/interface_img/bgd-tooltip.png') top center no-repeat transparent;
color:#000;
display:none;
font-size:12px;
height:20px;
padding:25px 10px 5px 10px;
text-align:left;
width:160px;
}
.product-info-wrapper{
margin:0 20px 20px 20px;
}
.product-info-wrapper h2{
color:rgb(181,62,1);
font-size:15px;
line-height:30px;
}
.product-info-wrapper p{
font-size:12px;
line-height:15px;
margin-bottom:15px;
}
.product-actions{
float:left;
margin:20px 0 0 0;
width:190px;
}
ul.pa-order{
margin:40px 0 25px 0;
}
ul.pa-order li{
line-height:20px;
margin:0 0 10px 0;
}
span.starting-at{
color:#555;
display:block;
font-size:15px;
}
span.price{
color:#000;
font-size:19px;
font-weight:bold;
}
span.howmany{
color:#555;
font-size:10px;
}
table.product-meta{
text-align:left;
width:98%;
}
table.product-meta th{
color:#555;
width:70px;
}
table.product-meta th, table.product-meta td{
border-top:1px solid #eee;
line-height:15px;
padding:2px 0px 8px 0;
vertical-align:top;
}
table.product-meta a:link, table.product-meta a:visited{
color:#000;
color:rgb(127,200,0);
color:rgb(123,185,15);
font-weight:bold;
text-decoration:none;
}
table.product-meta a:hover, table.product-meta a:active{text-decoration:underline;}
a.product-pdf{
background:url(/media/interface_img/btn-product-pdf.gif) no-repeat 10px center;
display:block;
height:15px;
padding:10px 0 10px 35px;
width:180px;
}
form#product-quick-order{
border:10px solid #FFC;
border:10px solid rgb(127,200,0);
overflow:hidden;
background:#FFF;
padding:20px;
height:350px;
}
#product-quick-order div.hiddenFields{display:none;}
img.prd-qo-thumb{
float:left;
margin:5px;
}
#product-quick-order h1{
color:rgb(94,83,73);
font-size:23px;
margin:0 5px 10px 185px;
}
#product-quick-order div.form-footer{
float:left;
margin:0 0 0 200px;
overflow:hidden;
width:350px;
}
#product-quick-order p{
margin:0 5px 5px 185px;
}
#product-quick-order div{
margin:0 5px 15px 185px;
}
#product-quick-order label{
color:#555;
display:block;
font-size:11px;
font-weight:bold;
padding:0 0 5px 0;
}
#product-quick-order label.error{
color:#e85200;
line-height:15px;
}
#product-quick-order input, #product-quick-order textarea{display:block;}
a.cancel:link, a.cancel:visited{
color:rgb(94,83,73);
text-decoration:none;
}
a.cancel:hover, a.cancel:active{text-decoration:underline;}
/*
*
* =Websites Page
*
*/
#tmp-websites #full-width-header{
background:url('/media/interface_img/hdrimg-websites.jpg') no-repeat center top transparent;
}
/* Q-and-A */
.q-and-a div{
padding:0 0 20px 0;
}
.q-and-a div.question{
background:url('/media/interface_img/bgd-q-a-shadow.png') no-repeat center top transparent;
border-top:1px solid #F3F3F3;
}
.q-and-a div.answer{
background:url('/media/interface_img/icon-answer.png') no-repeat left 5px transparent;
}
.text .q-and-a h3{
background:url('/media/interface_img/icon-question-closed.png') no-repeat left 20px transparent;
font-size:17px;
line-height:20px;
padding:14px 50px 0 25px;
}
.text .q-and-a h3.open{
background:url('/media/interface_img/icon-question-open.png') no-repeat left 20px transparent;
}
.text .q-and-a p{
padding:0 50px 10px 25px;
margin:0;
}
#tmp-websites .text ul.web-features{
margin:0 0 40px 0;
}
#tmp-websites .text ul.web-features li{
padding:0 0 0 50px;
margin:0 10px 0 5px;
}
li.web-user-friendly{
background:url('/media/interface_img/icon-web-user-friendly.png') no-repeat left top transparent;
}
li.web-sermons{
background:url('/media/interface_img/icon-web-podcast.png') no-repeat left top transparent;
}
li.web-blog{
background:url('/media/interface_img/icon-web-blog-rss.png') no-repeat left top transparent;
}
li.web-cal-events{
background:url('/media/interface_img/icon-web-calendar.png') no-repeat left top transparent;
}
li.web-custom-design{
background:url('/media/interface_img/icon-web-custom-design.jpg') no-repeat left top transparent;
}
li.web-photos{
background:url('/media/interface_img/icon-web-photo.png') no-repeat left top transparent;
}
li.web-seo{
background:url('/media/interface_img/icon-web-seo.png') no-repeat left top transparent;
}
li.web-support{
background:url('/media/interface_img/icon-web-support.png') no-repeat left top transparent;
}
.web-portfolio-thumb{
float:left;
height:110px;
margin:0 10px 10px 0;
width:110px;
}
.web-portfolio-thumb a.web-portfolio-colorbox{
border:5px solid #e3e3e3;
display:block;
height:100px;
width:100px;
text-decoration:none;
}
.web-portfolio-thumb a.web-portfolio-colorbox:hover{
border:5px solid rgb(235,105,8);
}
a.web-portfolio-ext-link:link, a.web-portfolio-ext-link:visited{
color:#3f3f3f;
display:block;
font-size:10px;
font-weight:bold;
line-height:20px;
padding:0 0 0 5px;
text-decoration:none;
}
a.web-portfolio-ext-link:hover, a.web-portfolio-ext-link:active{color:rgb(235,105,8);}
/*
*
* =Banner Stands Page
*
*/
#tmp-banner-stands #full-width-header{
background:url('/media/interface_img/hdrimg-banner-stands.jpg') no-repeat center top transparent;
}
ul.list-features{list-style:none;}
ul.list-features li{
background:url('/media/interface_img/icons/bullet-green-alt.png') no-repeat left top transparent;
margin:0 0 5px 0;
padding:0 0 0 25px;
}
ul.list-features li p{
color:#777;
line-height:15px;
margin:0;
}
/*
*
* =Mailings Page
*
*/
#tmp-mailing #full-width-header{
background:url('/media/interface_img/hdrimg-mailings.jpg') no-repeat center top transparent;
}
/*
*
* =Newsletters Page
*
*/
#tmp-newsletters #full-width-header{
background:url('/media/interface_img/hdrimg-newsletters.jpg') no-repeat center top transparent;
}
/*
*
* =Blog Layout
*
*/
body#tmp-blog #content-wrapper-inner{
background:url('/media/interface_img/bgd-vertical-divider.png') no-repeat 650px 80px transparent;
}
body#tmp-blog #content{
margin:0 10px 0 10px;
padding:35px 0 20px 0;
width:640px;
}
.blog-post{
overflow:hidden;
margin:0 0 35px 0;
}
.blog-post-details{
float:left;
width:110px;
}
div.blog-author-photo{
height:60px;
margin:0 0 5px 0;
}
.blog-post-details p{line-height:20px;}
.blog-author-name{
font-weight:bold;
margin:0 0 20px 0;
}
.blog-post-date{
color:#555;
font-size:11px;
margin:0;
}
.blog-comment-number{
font-size:11px;
margin:0;
}
.blog-comment-number a:link, .blog-comment-number a:visited{color:#c1541c;}
.blog-comment-number a:hover, .blog-comment-number a:active{
color:#C00;
text-decoration:none;
}
.blog-post-content{
float:left;
margin:0 20px 0 0;
width:510px;
}
.blog-post-header-image{
margin:0 0 15px 0;
}
.blog-post h1 a:link, .blog-post h1 a:visited{
color:#000;
text-decoration:none;
}
.blog-post h1 a:hover, .blog-post h1 a:active{
}
.blog-post-footer{
border:1px dotted rgb(218,213,182);
border-left:none;
border-right:none;
color:rgb(109,104,75);
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 0 20px 0;
padding:10px 0 10px 0;
text-transform:uppercase;
}
.blog-post-footer a:link, .blog-post-footer a:visited{
color:rgb(109,104,75);
text-decoration:none;
}
.blog-post-footer a:hover, .blog-post-footer a:active{
color:rgb(72,69,51);
text-decoration:underline;
}
.blog-post-footer a.blog-post-continue-reading:link, .blog-post-footer a.blog-post-continue-reading:visited{
font-weight:bold;
color:rgb(197,67,0);
}
h1.comments-start{
border-bottom:10px solid rgb(197,67,0);
color:rgb(197,67,0);
font-family:"etica-display-1","etica-display-2",sans-serif;
font-size:23px;
margin:0 0 20px 0;
padding:0 5px 5px 5px;
}
div.comment{
overflow:hidden;
margin-bottom:20px;
}
div.comment-details{
background:url('/media/interface_img/bgd-blog-comment-arrow.gif') no-repeat right 10px transparent;
float:left;
padding:15px 20px 0 0;
text-align:right;
width:160px;
}
h2.comment-name{
font-size:13px;
font-weight:bold;
margin:0;
}
h2.mj{
color:#c1541c;
font-size:14px;
}
p.comment-date{
color:#555;
font-size:11px;
line-height:15px;
margin:0;
}
div.comment-text{
background:rgb(229,227,214);
line-height:18px;
padding:15px;
float:left;
width:370px;
}
#comment_form{
margin:40px 0 20px 0;
}
#comment_form div{
overflow:hidden;
margin-bottom:10px;
}
#comment_form div p{
margin:0 0 0 180px;
}
#comment_form label{
display:block;
float:left;
font-size:12px;
font-weight:bold;
margin:0 20px 0 0;
text-align:right;
width:160px;
}
#comment_form input{display:block;}
#comment_form div.checkbox{margin-left:180px;}
#comment_form div.checkbox input{display:inline;}
#comment_form textarea{
display:block;
margin:0 0 0 180px;
}
#comment_form div.captcha{margin-left:180px;}
#comment_form div.submit{margin-left:180px;}
#archives{
float:left;
padding:30px 0 40px 50px;
width:240px;
}
#archives h1{
border-bottom:1px dotted rgb(218,213,182);
font-size:15px;
margin:40px 0 0 0;
padding:0 0 10px 0;
}
#archives p{
font-size:11px;
color:#555;
}
#archives ul a:link, #archives ul a:visited, #archives p a:link, #archives p a:visited{
color:#c1541c;
display:block;
padding:5px 5px 5px 10px;
text-decoration:none;
}
#archives ul a:hover, #archives ul a:active, #archives p a:hover, #archives p a:active{
background:url('/media/interface_img/bgd-product-current-arrow.gif') no-repeat left center transparent;
color:#C00;
}
#archives p.subscribe a:link, #archives p.subscribe a:visited{
background:url('/media/interface_img/icon-rss-small.gif') no-repeat 5px center transparent;
padding-left:25px;
}
#archives #social-media{margin-top:40px;}
h1.all-posts-year{
margin:40px 0 0 0;
}
h2.all-posts-month{
margin:20px 0 0 0;
}
div.all-posts-entry{
margin:0 0 0px 0;
}
div.all-posts-entry a:link, div.all-posts-entry a:visited{
color:#555;
line-height:20px;
text-decoration:none;
}
div.all-posts-entry a:hover, div.all-posts-entry a:active{
color:#c1541c;
text-decoration:underline;
}
/*
*
* =About Layout
*
*/
#tmp-about #content-wrapper-outer{
background:url('/media/interface_img/hdrimg-about.jpg') no-repeat center top transparent;
}
.text h3.bio-name{
color:#C1541C;
font-size:16px;
margin:0;
padding:10px 0 0 0;
}
.text p.bio-position{
color:#555;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
}
.text h2.company-profile-special{
color:#C1541C;
font-size:18px;
font-weight:bold;
letter-spacing:-.06em;
line-height:25px;
margin:20px 0 0 0;
}
/*
*
* =Contact Page Layout
*
*/
body#tmp-contact #content{
margin:30px 10px 30px 10px;
width:300px
}
body#tmp-contact #content h1{
color:#555;
font-size:18px;
line-height:25px;
margin-bottom:5px;
}
body#tmp-contact #sidebar{
background:url('/media/interface_img/bgd-sidebar-tile.gif') repeat-y left top transparent;
margin:30px 0 30px 10px;
padding:0 0 0 40px;
width:580px;
}
body#tmp-contact #sidebar h1{
color:#0683d6;
margin-bottom:5px;
}
body#tmp-contact #sidebar .text p{color:#555;}
#contact_form{overflow:hidden;}
#contact_form div.hiddenFields{display:none;}
#contact_form div.about-you, #contact_form div.about-project{
float:left;
margin:0;
}
#contact_form div.about-you{width:200px;}
#contact_form div.about-project{width:350px;}
#contact_form div.form-footer{
float:left;
margin:0 0 0 200px;
overflow:hidden;
width:350px;
}
#contact_form p{margin-bottom:5px;}
#contact_form div{margin-bottom:20px;}
#contact_form label{
color:#555;
display:block;
font-size:11px;
font-weight:bold;
padding:0 0 5px 0;
}
#contact_form label.error{
color:#e85200;
line-height:15px;
}
#contact_form input, #contact_form textarea{display:block;}
#contact_form input.error, #contact_form textarea.error{background:#faecee;}
/*
*
* =Navigation
*
*/
/* Level 1 */
ul#nav li{
float:left;
height:29px;
position:relative;
}
ul#nav li a{
background-image:url('/media/interface_img/nav-link.png');
background-repeat:no-repeat;
background-color:transparent;
color:#fff;
display:block;
height:29px;
float:left;
text-decoration:none;
text-indent:-9999em;
}
ul#nav li a:hover{background-image:url('/media/interface_img/nav-hover.png');}
ul#nav li a:active{background-image:url('/media/interface_img/nav-active.png');}
ul#nav li.current a{background-image:url('/media/interface_img/nav-current.png');}
li.nav-home a{
background-position:0px 0px;
width:27px;
}
li.nav-products a{
background-position:-27px 0px;
width:86px;
}
li.nav-blog a{
background-position:-113px 0px;
width:49px;
}
li.nav-about a{
background-position:-162px 0px;
width:62px;
}
li.nav-contact a{
background-position:-224px 0px;
width:72px;
}
/* level 2 */
ul#nav li ul{
background:#fff;
border:1px solid rgb(203,201,193);
display:none;
left:-2px;
padding:5px 0 5px 0;
position:absolute;
top:29px;
}
ul#nav li.current ul{border-top:none;}
ul#nav li ul.show{display:block;}
ul#nav li ul li{
float:none;
height:auto;
}
ul#nav li ul li a{
background-image:none;
background-color:#fff;
color:#4a8aa4;
display:block;
height:13px;
float:none;
margin:0 5px 0 5px;
padding:5px;
text-decoration:none;
text-indent:0px;
width:140px;
}
ul#nav li ul li a, ul#nav li.current ul li a{background-image:none;}
ul#nav li ul li a:hover{
background-image:none;
background-color:#f3f3f3;
}
/*
*
* =Breadcrumbs
*
*/
.breadcrumbs{
border-bottom:1px dotted #E3E3E3;
color:#999;
font-size:10px;
height:10px;
margin-bottom:20px;
padding:10px 0 10px 0;
}
.breadcrumbs a:link, .breadcrumbs a:visited{
color:#555;
height:20px;
letter-spacing:.05em;
line-height:10px;
text-decoration:none;
}
.breadcrumbs a:hover, .breadcrumbs a:active{text-decoration:underline;}
/*
*
* =Footer Layout
*
*/
#footer-quick-links{
float:left;
width:480px;
}
ul.foot-links{overflow:hidden;}
.foot-links a:link, .foot-links a:visited{
display:block;
font-size:13px;
height:20px;
float:left;
line-height:20px;
margin:0 20px 0 0;
text-decoration:none;
}
.foot-links a:hover, .foot-links a:active{
}
.copyright{
color:#888;
font-size:10px;
letter-spacing:.055em;
line-height:20px;
margin:10px 0 20px 0;
}
#footer-contact{
float:left;
width:480px;
}
.talk-to-us{
color:rgb(67,61,56);
text-align:right;
}
.talk-to-us span.loud{
font-size:15px;
font-weight:bold;
}
.talk-to-us span.quiet{font-size:10px;}
.talk-to-us a:link, .talk-to-us a:visited{
color:rgb(67,61,56);
text-decoration:none;
}
.talk-to-us a:hover, .talk-to-us a:active{
color:#000;
text-decoration:underline;
}
.vcard{
color:#888;
letter-spacing:.055em;
line-height:20px;
font-size:10px;
margin:10px 0 20px 0;
text-align:right;
}
/*
*
* =Basic Form (Pay an Invoice & File Upload)
*
*/
form.basic{
}
.basic fieldset{
border:5px solid #f3f3f3;
margin:0 0 30px 0;
padding:0 0 10px 0;
}
.basic fieldset legend{
background:#fff;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
padding:20px;
}
.basic fieldset div.row{
overflow:hidden;
padding:5px 20px 5px 20px;
}
.basic h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}
.basic p{
padding:0 0 20px 0;
}
.basic label{
color:#555;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin:0 20px 0 0;
width:140px;
}
.basic strong.error{
color:#e85200;
font-size:11px;
}
.basic .form-footer{
padding:20px 0 15px 180px;
}
.basic .form-footer-left{
padding:0 0 40px 20px;
}
.submit-form{
background:#65ba00;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.basic input.error, .basic textarea.error{background:#faecee;}
.basic textarea + strong{display:block;}
/*
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(/media/interface_img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/media/interface_img/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/media/interface_img/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/media/interface_img/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/media/interface_img/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/media/interface_img/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/media/interface_img/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/media/interface_img/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/media/interface_img/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(/media/interface_img/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(/media/interface_img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/media/interface_img/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/media/interface_img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/media/interface_img/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=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*
Uploadify v2.1.0
Release Date: August 24, 2009
Copyright (c) 2009 Ronnie Garcia, Travis Nickels
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
font: 11px Verdana, Geneva, sans-serif;
border: 2px solid #E5E5E5;
background-color: #F5F5F5;
margin-top: 5px;
padding: 10px;
width: 350px;
}
.uploadifyError {
border: 2px solid #FBCBBC !important;
background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
float: right;
}
.uploadifyProgress {
background-color: #FFFFFF;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
margin-top: 10px;
width: 100%;
}
.uploadifyProgressBar {
background-color: #0099FF;
width: 1px;
height: 3px;
}