/* -- GLOBAL STYLES -- */
html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
html { height: 100%; margin-bottom: 1px; background: #008688; _background: #008688; }
body {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#1E1E1E;
line-height:2em;
background-color: #008688;
min-width: 850px;
padding-left: 18px;
margin-left: 18px;
}
.invisible {
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;}
.error {
color:#CC0000;}
.displaynone {
display:none;}
.underline {
text-decoration:underline;}
img.floatleft {
float:left;
margin:3px 10px 15px 0;}
img.floatright {
float:right;
margin:3px 0 0 10px;}
img.quoteimage {
margin-top:15px;}
.clear {
clear:both;}
/* -- RESET DEFAULT STYLES -- */
body, p, h1, h2, h3, h4, h5, ul, ul li, ol, ol li, form, input, fieldset, label, blockquote {
margin:0;
padding:0;}
fieldset, img a, img a:hover {
border:none;}
ul li {
list-style-type:none;}
hr {
display:none;}
/* -- GLOBAL TYPOGRAPHY -- */
a.logolink:link, a.logolink:visited, a.logolink:active {
display:block;
position:absolute;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
margin:10px 0 0 10px;
width:101px;
height:126px;
top:56px;
background-image: url(../images/onlinemusicstore.jpg);
left: 7px;
}
h1 {
text-indent:-5000px;
height:0;
line-height:0;
margin:0;
padding:0;}
h3 {
font-size:1.4em;
color:#000;
line-height:26px;
}
p {
font-size:1.3em;
margin:1em 0 1em 0;}
blockquote p {
margin-bottom:0;}
cite {
display:block;
text-align:right;}
/* -- GLOBAL LINK STYLES -- */
a:link, a:active, a:visited {
outline:none;
color:#666;
text-decoration:none;
}
a:hover {
text-decoration:none;}
a img {
border:none;}
/* -- GLOBAL LAYOUT -- */
body.home #sitewrapper {
width:944px;
padding:0;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#border {
float:left;
border:0px solid #fff;}
body.productlanding #border, body.product #border {
border:0;}
body.step2col #sitewrapper, body.step3col #sitewrapper, body.productlanding #sitewrapper,
body.product #sitewrapper, body.newslanding #sitewrapper, body.newsarticle #sitewrapper,
body.onlinequote #sitewrapper {
margin:10px auto 0 auto;
width:980px;
padding:0;}
body.productlanding #sitewrapper, body.product #sitewrapper {
padding:1px 0 0 2px;}
p.tel {
text-indent:-5000px;
margin:0;
padding:0;}
body.home p.tel, body.product p.tel, body.productlanding p.tel {
position:absolute;
text-align:right;
font-weight:bolder;
font-size:1.8em;
background:url(../images/icon_tel.png) 0 13px no-repeat;
text-indent:0;
left: 813px;
top: 160px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
width: 130px;
}
/* -- main navigation -- */
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background: url(../images/menubg.gif) center center repeat-x;
width:100%;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
/* width: 140px; Width of top level menu link items */
padding: 2px 28px;
border: 1px solid #ccc;
border-left-width: 0;
text-decoration: none;
background: url(../images/menubg.gif) center center repeat-x;
color: black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}
/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}
/* drop down menu */
.horizontalcssmenu ul li ul li a{
width: 200px; /*width of sub menu levels*/
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 2px 5px;
background: #D5D5D5;
border-width: 0 0px 0px 0px;
}
.horizontalcssmenu ul li a:hover{
background: url(../images/menubgover.gif) center center repeat-x;
}
.horizontalcssmenu ul li ul li a:hover{
background: #A3ADBB;
}
.horizontalcssmenu .arrowdiv{
position:absolute;
right: 2px;
background: transparent url(../images/black_icons_058.gif) no-repeat center left;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
/* -- banners -- */
body.home #banner {
float:left;
width:962px;
height:352px;
background:url(Feinsinger_intro.swf) 0 50px;
padding-top: 15px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
body.home #banner a
{
display:block;
margin-top:150px;
text-decoration:none;
}
body.home #banner a:hover
{
color: #369;
}
body.step2col .banner, body.step3col .banner, body.newslanding .banner, body.newsarticle .banner,
body.onlinequote .banner, body.contactus .banner {
width:944px;
height:247px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
margin-left: 22px;
}
body.productlanding .banner, body.product .banner {
width:962px;
height:202px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
margin-left: 22px;
}
.bnr_community {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
.bnr_cv {
background:url(../images/banner_feinsinger_cv.png) no-repeat;
}
.bnr_bio {
background:url(../images/banner_feinsinger_bio.png) no-repeat;
}
.bnr_news {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
.bnr_press {
background-image: url(../images/banner_feinsinger_press.png);
background-repeat: no-repeat;
}
.bnr_understoodbetsy
{
background-image: url(../images/banner_feinsinger_understoodbetsy.png);
background-repeat: no-repeat;
}
.bnr_catalog {
background-image: url(../images/banner_feinsinger_store.png);
background-repeat: no-repeat;
}
.bnr_Bitterpearl {
background-image: url(../images/banner_feinsinger_Bitterpearl.png);
background-repeat: no-repeat;
}
.bnr_music {
background-image: url(../images/banner_feinsinger_music.png);
background-repeat: no-repeat;
}
.bnr_quote {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
.bnr_contact {
background-image: url(../images/banner_feinsinger_contact.png);
background-repeat: no-repeat;
}
.bnr_terms {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
.bnr_sitemap {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
.bnr_privacy {
background:url(../images/banner_feinsinger_bio.jpg) no-repeat;
}
#content {
float:left;
width:944px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 22px;
padding-top: 0;
padding-right: 0;
padding-bottom: 30px;
padding-left: 0;
background-color: #FFFFE1;
}
p#breadcrumb {
font-size:1.1em;
color:#666;}
/* columns */
body.step2col #leftcol {
float:left;
width:644px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 18px;
}
body.step2col #rightcol {
float:right;
width:231px;
margin:0;
padding:35px 0 0 0;
}
body.step3col #leftcol, body.newsarticle #leftcol {
float:left;
width:224px;
margin:0;
padding:17px 0 0 0;
}
body.step3col #centrecol, body.newsarticle #centrecol {
float:left;
width:450px;
margin:0 0 0 20px;
}
body.step3col #rightcol, body.newsarticle #rightcol {
float:right;
width:231px;
margin:0;
padding:35px 0 0 0;
}
body.productlanding #leftcol {
float:left;
width:224px;
margin:0;
padding-top: 9px;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
}
body.productlanding #rightcol {
float:left;
width:650px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 20px;
}
body.product #leftcol {
float:left;
width:224px;
margin:0;
padding-top: 9px;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
}
body.product #centrecol {
float:left;
width:400px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 20px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
}
body.product #rightcol {
float:right;
width:320px;
margin:0;
padding:0;
}
body.newslanding #leftcol {
float:left;
width:224px;
margin:0;
padding-top: 17px;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
}
body.newslanding #rightcol {
float:left;
width:640px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 0;
padding-right: 40px;
padding-bottom: 0;
padding-left: 5px;
}
body.onlinequote #leftcol {
float:left;
width:910px;
margin:0 0 0 15px;
padding:0 0 0 5px;
}
/* Footer */
body.home #footer {
float:left;
margin:15px 0 0 -5px;
width:944px;
background:url(../images/dots.png) top repeat-x;
}
#footer {
float:left;
width:944px;
background-color: #FFFFE1;
background-image: url(../images/dots.png);
background-repeat: repeat-x;
background-position: top;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 22px;
}
#footer ul {
width:944px;
margin:20px 0 40px 0;
}
#footer ul li {
padding:0 10px 0 10px;
float:left;
line-height:1em;
border-right:1px solid #989898;
font-weight:bolder;
}
#footer ul li.nopipe {
border:none;}
#footer ul li.right {
float:right;
border:none;
padding:0;}
#footer a {
color:#737373;
}
/* HOME PAGE LAYOUT
-------------------------------------------------------------------------------*/
.homefeat {
float:left;
width:306px;
margin:0 0 10px 0;
}
.blue {
margin:10px 15px 0 -3px;
background:url(../images/homeboxback.png) repeat-y;
}
.blue h2 a {
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
width:306px;
height:46px;
}
.hdr_communitybox {
background:url(../images/hdr_communitybox.png) no-repeat;
}
.hdr_corporatebox {
background:url(../images/hdr_corporatebox.png) no-repeat;
}
.homefeat p {
margin:24px 0 10px 0;
padding:0 17px 0 17px;
color:#fff;
font-size:1.2em;
font-weight:bolder;
line-height:1.5em;
}
.homefeatbottom {
margin:-10px 0 0 0;
width:306px;
height:14px;
}
.blue .homefeatbottom {
background:url(../images/homeboxbottom.png);
}
.blue p {
margin:10px 0 16px 0;
}
.blue p a.btn_more {
width:64px;
height:21px;
margin:-20px 0 0 210px;
padding:0;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
color:#fff;
font-weight:bolder;
background:url(../images/btn_homeboxmore.png) no-repeat;
}
.quote {
background:url(../images/quoteboxback.jpg) no-repeat;
}
.quote p a.btn_more {
width:300px;
height:150px;
margin:-90px 0 0 -15px;
padding:0;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
color:#fff;
font-weight:bolder;
}
#news {
float:left;
width:626px;
margin:7px 0 0 -5px;
background:url(../images/homenewsboxback.png) repeat-y;}
h2.hdr_newshome a {
width:626px;
height:40px;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
background:url(../images/hdr_newshome.png) no-repeat;
}
#news ul#newslist {
margin:10px 0 0 0;
height:165px;}
#news ul#newslist li {
margin:0 0 15px 21px;}
#news ul#newslist li p, #news ul#newslist li h3 {
margin:0;
padding:0 0 0 50px;
font-size:1.4em;
line-height:1.4em;}
ul#newslist li h3 a:link, ul#newslist li h3 a:active, ul#newslist li h3 a:visited {
text-decoration:underline;}
ul#newslist li h3 a:hover {
text-decoration:none;}
ul#newslist li a {
font-weight:bolder;}
#news ul#newslist li p.date {
float:left;
padding:3px 3px 6px 3px;
width:30px;
text-align:center;
background:url(../images/icon_date.png) no-repeat;
color:#fff;
font-size:1.3em;
font-weight:bolder;
line-height:1.3em;}
a.rss{
display: block;
background: url(../images/rss.png) no-repeat;
padding: 0 0 0 25px;
height: 18px;}
#news p.date span {
color:#c50505;
font-size:1.1em;
font-weight:bolder;
padding:0 0 0 1px;}
#newsbottom {
margin:-7px 0 0 0;
width:626px;
height:18px;
background:url(../images/homenewsboxbottom.png) left bottom no-repeat;}
#moreNews {
width:87px;
height:33px;
display:block;
background:url(../Images/btn_more.png) no-repeat;
text-indent:-5000px;
float:right;
position:relative;
margin:-33px 10px 0 0;
cursor:pointer;}
#register {
float:left;
margin:7px 0 0 16px;
width:302px;
height:226px;
background:url(../images/registerboxback.png) no-repeat;
}
#register p {
margin:0;
padding:100px 20px 0 19px;
font-weight:bolder;
line-height:1.2em;
}
#register input {
float:left;
}
#register input.regfield {
margin:15px 5px 10px 20px;
padding:4px 5px 5px 5px;
width:215px;
height:17px;
background:#ffffe9;
border:1px solid #18abe7;
}
#register input.btn_go {
margin:15px 0 10px 0;
padding:0;
width:30px;
height:28px;
background:#18abe7;
border:none;
color:#fff;
font-weight:bolder;
}
#register p.promise {
padding:5px 0 0 0;
margin:0 0 0 103px;
font-size:1em;
}
#register legend {
display:none;}
#register .error {
display:block;
font-size:1.2em;
margin:0 0 0 20px;}
/* STEP DOWN PAGES GENERIC ELEMENTS
-------------------------------------------------------------------------------*/
div#leftcol.community {
padding:0 0 430px 0;
background:url(../images/img_community.jpg) left bottom no-repeat;
}
div#leftcol.corporate {
padding:0 0 360px 0;
background:url(../images/img_corporate.jpg) left bottom no-repeat;
}
.quoteboxstep {
float:left;
width:231px;
height:141px;
margin:0 0 10px 0;
background-image: url(../images/onlinemusicstore.png);
background-repeat: no-repeat;
}
.quoteboxstep p a.btn_more {
width:231px;
height:141px;
margin:-40px 0 0 0;
padding:0;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
}
#subnav {
border:0px solid #fff;
}
#content #subnav ul {
background:#D5D5D5;
margin:0;}
#content #subnav li {
margin:0;
font-size:1em;}
#subnav ul li a {
display:block;
width:199px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:3px 0 4px 23px;
font-size:1.3em;
font-weight:bolder;
background:url(../images/bullet.png) 10px 9px no-repeat;
text-decoration:none;
}
#subnav ul li a:hover, #subnav ul li a.selected {
color:#fff;
background-color: #458989;
background-image: url(../images/bullet_white.png);
background-repeat: no-repeat;
background-position: 10px 9px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #9A9083;
border-bottom-color: #9A9083;
}
#content #subnav ul li ul {
padding:0 0 10px 0;
background:#1aa9e3;
}
#subnav ul li ul li a {
display:block;
width:174px;
margin:0 0 0 10px;
border-top:1px solid #d9e9ef;
border-bottom:1px solid #b4c7cf;
padding:7px 0 0 25px;
font-size:1.3em;
font-weight:bolder;
background:#1aa9e3 url(../images/bullet_white.png) 13px 13px no-repeat;
border:none;
color:#fff;
text-decoration:none;
}
#subnav ul li ul li a.top {
border-top:1px dotted #fff;
}
#subnav ul li ul li a.top:hover {
border-top:1px dotted #fff;
}
#subnav ul li ul li a:hover {
border:none;
background:#1aa9e3 url(../images/bullet_white.png) 13px 13px no-repeat;
text-decoration:underline;
}
#subnavbottom {
height:14px;
background:url(../images/subnavbottom.png) no-repeat;
}
#content ul, #content ol {
margin:0 0 20px 0;}
#content li {
font-size:1.2em;
margin:0 0 0 20px;}
#content li li {
font-size:1em;}
#content h4 {
font-size:1.4em;}
#rightcol h4 {
margin-bottom:-13px;}
.product #rightcol h4 {
margin-bottom:0;}
/* PRODUCT SECTION LAYOUT
-------------------------------------------------------------------------------*/
h2#producthdr {
float:left;
width:231px;
height:141px;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
margin-top: 47px;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
}
.productrange {
background-image: url(../images/onlinemusicstore.png);
background-repeat: no-repeat;
}
.product_canvas {
background:url(../images/hdr_canvas.png) no-repeat;}
.product_cotton {
background:url(../images/hdr_cottonecobags.png) no-repeat;}
.product_backpack {
background:url(../images/hdr_ecobackpacks.png) no-repeat;}
.product_lovecity {
background:url(../images/hdr_Ilovemycityecobags.png) no-repeat;}
.product_jute {
background:url(../images/hdr_juteecobags.png) no-repeat;}
.product_pocket {
background:url(../images/hdr_pocketbags.png) no-repeat;}
body.productlanding p#breadcrumb, body.product p#breadcrumb {
margin:5px 0 5px 8px;
padding:0;
}
ul#productlist {
margin:9px 0 0 10px;
}
ul#productlist li {
width:217px;
height:249px;
margin:0 11px 11px 0;
float:left;
background:url(../images/prodboxback.png) no-repeat;
}
ul#productlist li a {
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
margin:1px 0 0 5px;
width:207px;
height:239px;
}
ul#productlist li a.btn_recordings {
background-color: #fff;
background-image: url(../images/btn_recordings.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_recordings {
background-color: #efefef;
background-image: url(../images/btn_recordings.png);
background-repeat: no-repeat;
}
ul#productlist li a.btn_general {
background-color: #fff;
background-image: url(../images/btn_general.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_general {
background-color: #efefef;
background-image: url(../images/btn_general.png);
background-repeat: no-repeat;
}
ul#productlist li a.btn_jewish {
background-color: #fff;
background-image: url(../images/btn_jewish.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_jewish {
background-color: #efefef;
background-image: url(../images/btn_jewish.png);
background-repeat: no-repeat;
}
ul#productlist li a.btn_bitterpearl {
background-color: #fff;
background-image: url(../images/btn_bitterpearl.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_bitterpearl {
background-color: #efefef;
background-image: url(../images/btn_bitterpearl.png);
background-repeat: no-repeat;
}
ul#productlist li a.btn_scores {
background-color: #fff;
background-image: url(../images/btn_jewish.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_scores {
background-color: #efefef;
background-image: url(../images/btn_jewish.png);
background-repeat: no-repeat;
}
ul#productlist li a.btn_form {
background-color: #fff;
background-image: url(../images/btn_form.png);
background-repeat: no-repeat;
}
ul#productlist li a:hover.btn_form {
background-color: #efefef;
background-image: url(../images/btn_form.png);
background-repeat: no-repeat;
}
.hdr_spec, .hdr_style, .hdr_branding {
width:147px;
height:40px;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
background:url(../images/hdr_specification.png) 0 10px no-repeat;
}
.hdr_style {
width:153px;
height:40px;
background:url(../images/hdr_styleoptions.png) 0 10px no-repeat;}
.hdr_branding {
width:199px;
height:40px;
background:url(../images/hdr_brandingoptions.png) 0 10px no-repeat;}
body.product #centrecol p {
font-size:1.3em;
}
body.product h4 {
width:320px;
text-align:right;
font-size:1.1em;
}
ul.thumblist {
float:left;
width:320px;
}
ul.thumblist li {
width:69px;
height:72px;
float:right;
margin:10px 0 10px 10px;
padding:1px 0 0 1px;
background:url(../images/thumbframe.png) no-repeat;
}
ul.thumblist li span {
text-align:center;
display:block;}
a.btn_quote {
float:left;
margin:10px 0 0 -3px;
width:227px;
height:60px;
display:block;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
background:url(../images/btn_getaquote.png) no-repeat;
}
/* NEWS SECTION LAYOUT
-------------------------------------------------------------------------------*/
ul#pagination {
float:right;
margin:0 0 0 0;
}
ul#pagination li {
float:left;
margin:0 5px 0 0;
padding:1px;
display:block;
border:1px solid #1aa9e3;}
ul#pagination li.title {
border:none;
}
ul#pagination li a {
display:block;
padding:0 7px 1px 7px;
color:#1aa9e3;
font-size:1.4em;
font-weight:bolder;
text-decoration:none;
}
ul#pagination li a:hover, ul#pagination li a.sf_PagerSelItem {
background:#1aa9e3;
color:#fff;
}
#content ul#newslist li {
margin:0 0 10px 0;
font-size:1em;}
ul#newslist li a:link {
font-weight:bolder;
text-decoration:none;
}
ul#newslist li a:hover{
text-decoration:underline;
}
ul#newslist li p.date, p.date {
float:left;
margin:15px 0 0 0;
padding:3px 3px 6px 3px;
width:30px;
text-align:center;
background:url(../images/icon_date.png) no-repeat;
color:#fff;
font-size:1.3em;
font-weight:bolder;
line-height:1.3em;
}
body.newsarticle #centrecol p.date {
margin:0 12px 0 0;
}
ul#newslist li h3 {
font-size:1.8em;
padding:13px 0 0 50px;
}
#rightcol ul#newslist li h3 a {
text-decoration:none;}
#rightcol ul#newslist li h3 a:hover {
text-decoration:underline;}
#rightcol ul#newslist li p.date span, .newsarticle p.date span {
color:#c50505;}
ul#newslist li p {
margin:0;
padding:0 0 0 52px;
font-size:1.2em;
}
body.newsarticle #centrecol h3 {
float:left;
width:400px;
margin:15px 0 10px 0;
font-size:1.4em;}
body.newsarticle #centrecol p img {
float:left;
margin:5px 20px 10px 0;
border:1px solid #000;
}
/* FORM PAGE LAYOUT
-------------------------------------------------------------------------------*/
#formwrapper {
float:left;
margin:2px 0 0 -20px;
width:940px;
border-left:1px solid #aaabab;
border-right:1px solid #aaabab;
}
#formwrapper legend {
display:none;}
.hdr_quoteform {
float:left;
width:942px;
height:18px;
margin:0 0 0 -1px;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0;
background:url(../images/hdr_quoteform.jpg) no-repeat;}
#content ul#checklist {
float:left;
padding:0 0 20px 0;
margin:0 20px 20px 20px;
background:url(../images/formdots.png) left bottom repeat-x;
}
#content ul#checklist li {
float:left;
text-align:center;
margin:0 15px 0 0 ;
font-size:1em;
}
#content ul#checklist li.last {
margin:0;
}
.imgcheck input {
float:left;
margin:20px 0 0 60px;
}
label.imglabel {
float:left;
clear:both;
margin:-20px 0 0 0;
padding:121px 1px 11px 1px;
width:135px;
font-size:1.4em;
font-weight:bolder;
color:#1aa9e3;
}
label.imglabel:hover {
padding:120px 0 10px 0;
border:1px solid #fff;
background-position:29px 24px;
cursor:pointer;
}
label.canvas {
background:url(../images/formimg_canvas.png) 30px 25px no-repeat;
}
label.eco {
background:url(../images/formimg_eco.png) 30px 25px no-repeat;
}
label.jute {
background:url(../images/formimg_jute.png) 30px 25px no-repeat;
}
label.cotton {
background:url(../images/formimg_cotton.png) 30px 25px no-repeat;
}
label.pocket {
background:url(../images/formimg_pocket.png) 30px 25px no-repeat;
}
label.mycity{
background:url(../images/formimg_mycity.png) 30px 25px no-repeat;
}
#formbottom {
float:left;
margin:0 0 0 -1px;
width:942px;
height:13px;
background:url(../images/formbottom.jpg) no-repeat;
}
#content fieldset.formlist {
float:left;}
#content ul.formlist {
float:left;
padding:0 0 0 20px;
margin:0;
}
#content ul.formlist li {
width:450px;
margin:0 0 10px 0;
font-size:1em;
}
ul.formlist li.left {
float:left;
}
ul.formlist li.right {
float:right;
}
ul.formlist li label {
float:left;
width:190px;
font-size:1.2em;}
ul.formlist li label.invisible {
float:none;
width:0;
font-size:0;}
ul.formlist li input {
padding:5px;
width:200px;
background:#fcfce9;
border:1px solid #aaabab;
font-size:1.1em;
color:#a1a197;
font-style:italic;
}
ul.formlist li textarea {
width:200px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
}
ul.formlist li textarea.info {
width:225px;
height:150px;
}
ul.formlist li select, ul.formlist li textarea {
padding:5px;
background:#fcfce9;
border:1px solid #aaabab;
font-size:1.1em;
color:#a1a197;
font-style:italic;
}
ul.formlist li input.dateinput {
width:30px;
margin:0 7px 0 0;}
ul.formlist li select.title {
width:60px;
}
ul.formlist li select.hear {
width:237px;
}
ul.formlist li input.btn_submit {
float:right;
display:block;
margin:50px 20px 0 0;
width:133px;
height:48px;
text-indent:-5000px;
overflow:hidden;
line-height:0;
font-size:0px;
background:url(../images/btn_submit.png) no-repeat;
border:none;
cursor:pointer;
}
ul.formlist li p.req {
margin:60px 0 0 0;
padding:0;
float:left;
font-weight:bolder;
font-size:1.1em;
}
ul.formlist li span {
color:#FF0000;
font-weight:bolder;
}
.formlist span.error {
display:block;
margin:0 0 0 190px;
font-size:1.2em;
font-weight:normal;}
#bookmarkpage
{
float: right;
margin: -29px 0 0 0;
}
body.productlanding #bookmarkpage
{
margin: -29px 26px 0 0;
}
/* -- Cleanup for CMS entered content -- */
#content .cmscontent {
font-size:1.2em;}
#content .cmscontent p {
font-size:1em;}
/* -- Contact Us page -- */
.vcard {
font-size:1.2em;}
.contactdetails {
margin-top:10px;}
/*------------------------------------------------------------*
** Lightbox
**------------------------------------------------------------*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#ctl00_ctl00_htmlBody #sitewrapper #banner a {
text-align: center;
font-size: 24px;
}