@media screen
{

body   { margin: 0 0 0 0; padding: 0 0 0 0; float: left; text-align: center; width: 100%; background: none; background-color: white; font: .8em verdana;}
img    { border: none; margin: 0; padding: 0; }
div    { height: auto; width: auto; margin: 0; padding: 0;}
a      { text-decoration: none; }

.grdmargintop { display: block; padding-top: 20px; }

.shorty { width: 30px }
.chkItem { display: inline; width: 300px; float: left; }

.ddlCheckoutState { width: 195px }

.sameasbilling { display: block; margin-left: 25px }

.addtocart { display: block; float: left; margin-left: 30px; }
.underline { text-decoration: underline;}
#container  { width: 800px; height: auto; margin-left: auto; padding-bottom: 17px; margin-right: auto; text-align: left; }
#top      { width: 800px; float: left; display: block; height: 135px; margin: 0; padding: 0; width: 800px; display: block; float: left; background: url(../../images/header.jpg) no-repeat top left; }
#middle   { width: 800px; float: left; display: block; height: auto; margin: 0; padding: 0; width: 800px; display: block; float: left; }
#bottom   { width: 800px; background-color: white; border-bottom: solid 1px #c0c0c0; float: left; display: block; height: auto; margin: 0; padding: 0; width: 800px; display: block; float: left; }
#footer   { width: 800px; height: auto; color: Gray; padding: 25px 0 25px 0; text-align: center; }
#footer p { font: .85em arial; color: #888888 }
#footer a { color: #888888; }
#footer a:hover { text-decoration: underline; color: #666666; }
.hidden { display: none}
#about p { display: block; float: left; margin-top: 0; padding-top: 0px; font-size: .85em; text-align: justify }

.tag1red { font-size: 10px; color: Red;}
.tag { font-size: 10px; }
#contactform { width: 675px; float: left; padding: 0px 0 20px 20px; margin: 25px 0 20px 0px; width: 550px; display: block; float: left; }
#contactform h3 { margin-left: 0; padding-left: 0; font-size: .85em; margin-bottom: 10px; color: #232323 }
label   { margin: 13px 0 0 25px; padding: 0;color: black; width: 100px; display: inline-block; font: .75em verdana; }
.normal   { font-size: 1em; color: #333333; width: 100px; margin: 0; padding: 0 }
.indent,.indent2 { margin-left: 138px; }
.indent2 label         { margin: 0; padding: 0;  }

.bottombutton { width:100%; display: block; float: left }

.longtext  { width: 250px; }
.medtext   { width: 150px; }
.shorttext { width: 100px; }
.shorttext2 { width: 50px; }
.label label { margin: 0 10px 0 5px; padding: 0; width: auto; text-align: left; }



#sitemap       { width: 280px; height: 220px; display: block;  float: left; padding: 0; margin: 0; background-color: #333333; vertical-align: middle; }
#sitemap h2    { display: none; }
#sitemap ul    { float: left; width: auto; height: auto; list-style-type: none; padding: 50px 0 0 25px; margin: 0; }
#sitemap a     { font-weight:bold; font-size: .85em; text-transform: uppercase; color: #999999; text-decoration: none; }
#sitemap a:hover   { color: #ff3333; }

#flashcontent       { width: 520px; height: 220px; display: block;  float: left; padding: 0; margin: 0; background-color: Black; }

.service { display: block;  float: left; padding: 0; margin: 10px 0px 0px 0; border: solid 1px white; width: 251px; background-color: white; margin-left: 10px }
.service h2 { width: 236px; font-size: .85em; display: block;  float: left; padding: 0 0 0 15px; margin: 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
.service div { width: 250px; padding: 10px 10px 10px 10px; text-align: left }
.service h3 { font-size: 1.1em } 

#searchpnl      { width: 220px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#search h2   { width: 265px; font-size: .85em; display: block;  float: left; padding: 0 0 0 15px; margin: 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#search h3   { width: auto; font-size: .8em; color: #888888; display: block;  float: left;  margin: 0 0 5px 15px; padding: 0; text-transform: uppercase; }
#searchpnl ul { height: auto; list-style-type: none; margin: 0; margin-bottom: 20px; padding: 0 }
#searchpnl ul li a { background: url(../../images/arrow.jpg) no-repeat top left; padding-left: 15px; color: #cd0000; font-size: .75em; font: arial }
#searchpnl ul li a:hover { color: #cd0000; }
.searchLabel { border-bottom: dotted 1px gray; width: 300px; border: solid 1px blue; display: block; float: left}
.keyword     { margin: 0; padding: 0; display: block; float: left; height: 18px; border: solid 1px #aaadb2; }
.active      { color: White; }
.paragraph   { text-indent: 30px; }

#fp1         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#fp1 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#fp1 h3, #fp2 h3      { font: arial; font-size: .75em; padding: 0; margin: 0 0 15px 15px; color: #cd0000; }
#fp1 p, #fp2 p        { font: arial; font-size: .75em; padding: 0; color: #777777; margin: 0 0 0px 15px; }

#feature1 h3, #feature2 h3      { font: arial; font-size: .75em; padding: 0; margin: 0 0 15px 15px; color: #cd0000; }
#feature1 p, #feature2 p        { font: arial; font-size: .75em; padding: 0; color: #777777; margin: 0 0 0px 15px; }


#fp2         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 0 0 0; }
#fp2 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }

#galleryadmin1         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#galleryadmin1 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#galleryadmin1 h3, #galleryadmin2 h3      { font: arial; font-size: .75em; padding: 0; margin: 0 0 15px 15px; color: #cd0000; }
#galleryadmin1 p, #galleryadmin2 p        { font: arial; font-size: .75em; padding: 0; color: #777777; margin: 0 0 0px 15px; }


#galleryadmin2         { width: 500px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 0 0 0; }
#galleryadmin2 h2      { width: 483px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }

.new_button { float: left; height: 20px; width: 49px; display: block; margin-top: 10px; background: url(../../images/new.jpg) no-repeat top left; text-indent: -1000em }
.new_button:hover { cursor: hand }

.edit_button { float: left; height: 20px; width: 49px; display: block; margin-top: 10px; background: url(../../images/edit.jpg) no-repeat top left; text-indent: -1000em }
.edit_button:hover { cursor: hand }

.save_button { height: 20px; width: 49px; display: block; margin-top: 5px; background: url(../../images/save.jpg) no-repeat top left; text-indent: -1000em }
.save_button:hover { cursor: hand }

.cancel_button { height: 20px; width: 60px; display: block; margin-top: 5px; background: url(../../images/cancel.jpg) no-repeat top left; text-indent: -1000em }
.cancel_button:hover { cursor: hand }

.delete_button { float: left; height: 20px; width: 60px; display: block; margin-top: 10px; background: url(../../images/delete.jpg) no-repeat top left; text-indent: -1000em }
.delete_button:hover { cursor: hand }

#sitemap2       { width: 800px; height: auto; display: block;  float: left; padding: 0; margin: 0; background-color: #333333; vertical-align: middle; }
#sitemap2 h2    { display: none; }
#sitemap2 ul    { float: left; width: auto; height: auto; list-style-type: none; margin: 0; padding: 0; }
#sitemap2 ul li { float: left; width: 133px; line-height: 30px; text-align: center; display: block; height: auto; list-style-type: none; margin: 0; padding: 0; }
#sitemap2 a     { font-weight:bold; font-size: .85em; width: 133px; line-height: 30px; text-transform: uppercase; color: #999999; text-decoration: none; }
#sitemap2 a:hover   { color: #cd0000; }
.bold { font-weight: bold; }

#cats ul li { list-style-type: none; float: left; }
#cats a { float: left; display: block; padding: 15px; background: none; text-align: center; }
#cats a:hover { background-color: #cd0000; }

.cartitem { border: solid 1px blue }

#contentArea { background: url(../../images/contentbg2.jpg) repeat top left; margin: 0; padding: 0; display: block; float: left; height: auto; width: 800px; border-bottom: solid 15px #3e3e3e }
#contentArea a { color: #cd0000; font: .8em;}
#contentArea a:hover { color: red; }
#contentArea ul { list-style-type: none; margin: 0; margin-left: 15px; margin-bottom: 20px; padding: 0 }
#contentArea ul li a { background: url(../../images/arrow.jpg) no-repeat top left; padding-left: 15px; color: #cd0000; font-size: .75em; font: arial }
#contentArea ul li a:hover { color: #cd0000; }
#contentArea h1 { font-size: 1.3em; color: #656565; font-weight: bold; height: 29px; padding: 0; margin-top: 20px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 0; padding-left: 35px; width: auto; background: url(../../images/h1bg.jpg) no-repeat top left; margin-top: 30px; color: #dad9d9 }
#productsLeft       { width: 200px; height: auto; display: block;  float: left; padding: 0; margin: 0; }

#productsRight       { width: 600px; height: auto; display: block;  float: left; padding: 0; margin: 0; }
#productsRightTop    { width: 600px; height: 125px; display: block; float: left; padding: 0; margin: 0; }
#productsRightTop h2 { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#productsRightBottom { width: 600px; height: auto; display: block; float: left; padding: 0; margin: 0; }
#productsRightBottom h2 { font-size: 1.5em; font-weight: normal; font: verdana; }

.productslink { color: Red; }

#ps1         { width: 295px; height: 100px; border-bottom: solid 1px gray; display: block; float: left; padding: 0; margin: 5px 5px 0 0; }
#ps1 h2      { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0; line-height: 32px; background-color: Black; color: White; text-transform: uppercase; }
#ps2         { width: 295px; height: 100px; border-bottom: solid 1px gray; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#ps2 h2      { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0; line-height: 32px; background-color: Black; color: White; text-transform: uppercase; }



}

@media print
{
    
    body   { margin: 0 0 0 0; padding: 0 0 0 0; float: left; text-align: center; width: 100%; background: none; background-color: white; font: .8em verdana;}
img    { border: none; margin: 0; padding: 0; }
div    { height: auto; width: auto; margin: 0; padding: 0;}
a      { text-decoration: none; }

.ddlCheckoutState { width: 195px }

.sameasbilling { display: block; margin-left: 25px }

.addtocart { display: block; float: left; margin-left: 30px; }

#container  { width: 800px; height: auto; margin-left: auto; padding-bottom: 17px; margin-right: auto; text-align: left; }
#top      { width: 800px; float: left; display: block; height: 135px; margin: 0; padding: 0; width: 800px; display: block; float: left; background: url(../../images/header.jpg) no-repeat top left; }
#middle   { width: 800px; float: left; display: block; height: auto; margin: 0; padding: 0; width: 800px; display: block; float: left; }
#bottom   { width: 800px; background: url(../../images/frontcontent_bg.jpg) repeat top left; border-bottom: solid 1px #c0c0c0; float: left; display: block; height: auto; margin: 0; padding: 0; width: 800px; display: block; float: left; }
#footer   { width: 800px; height: auto; color: Gray; padding: 25px 0 25px 0; text-align: center; }
#footer p { font: .85em arial; color: #888888 }
#footer a { color: #888888; }
#footer a:hover { text-decoration: underline; color: #666666; }

#about p { display: block; float: left; margin-top: 0; padding-top: 0px; font-size: .85em; text-align: justify }

#contactform { width: 675px; float: left; padding: 0px 0 20px 20px; margin: 25px 0 20px 0px; width: 550px; display: block; float: left; }
#contactform h3 { margin-left: 0; padding-left: 0; font-size: .85em; margin-bottom: 10px; color: #232323 }
label   { margin: 13px 0 0 25px; padding: 0;color: black; width: 100px; display: inline-block; font: .75em verdana; }
.normal   { font-size: 1em; color: #333333; width: 100px; margin: 0; padding: 0 }
.indent,.indent2 { margin-left: 138px; }
.indent2 label         { margin: 0; padding: 0;  }

.bottombutton { width:100%; display: block; float: left }

.longtext  { width: 250px; }
.medtext   { width: 150px; }
.shorttext { width: 100px; }
.shorttext2 { width: 50px; }
.label label { margin: 0 10px 0 5px; padding: 0; width: auto; text-align: left; }



#sitemap       { width: 280px; height: 220px; display: block;  float: left; padding: 0; margin: 0; background-color: #333333; vertical-align: middle; }
#sitemap h2    { display: none; }
#sitemap ul    { float: left; width: auto; height: auto; list-style-type: none; margin: 50px 0 0 25px; padding: 0; }
#sitemap a     { font-weight:bold; font-size: .85em; text-transform: uppercase; color: #999999; text-decoration: none; }
#sitemap a:hover   { color: #ff3333; }

#flashcontent       { width: 520px; height: 220px; display: block;  float: left; padding: 0; margin: 0; background-color: Black; }

.service { display: block;  float: left; padding: 0; margin: 10px 0px 0px 0; border: solid 1px white; width: 251px; background-color: white; margin-left: 10px }
.service h2 { width: 236px; font-size: .85em; display: block;  float: left; padding: 0 0 0 15px; margin: 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
.service div { width: 250px; padding: 10px 10px 10px 10px; text-align: left }
.service h3 { font-size: 1.1em } 

#search      { width: 280px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#search h2   { width: 265px; font-size: .85em; display: block;  float: left; padding: 0 0 0 15px; margin: 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#search h3   { width: auto; font-size: .8em; color: #888888; display: block;  float: left;  margin: 0 0 5px 15px; padding: 0; text-transform: uppercase; }
#search ul { list-style-type: none; margin: 0; margin-left: 15px; margin-bottom: 20px; padding: 0 }
#search ul li a { background: url(../../images/arrow.jpg) no-repeat top left; padding-left: 15px; color: #cd0000; font-size: .75em; font: arial }
#search ul li a:hover { color: #cd0000; }
.searchLabel { border-bottom: dotted 1px gray; width: 300px; border: solid 1px blue; display: block; float: left}
.keyword     { margin: 0; padding: 0; display: block; float: left; height: 18px; border: solid 1px #aaadb2; margin-left: 15px; }
.active      { color: White; }
.paragraph   { text-indent: 30px; }

#fp1         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#fp1 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#fp1 h3, #fp2 h3      { font: arial; font-size: .75em; padding: 0; margin: 0 0 15px 15px; color: #cd0000; }
#fp1 p, #fp2 p        { font: arial; font-size: .75em; padding: 0; color: #777777; margin: 0 0 0px 15px; }


#fp2         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 0 0 0; }
#fp2 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }

#galleryadmin1         { width: 255px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#galleryadmin1 h2      { width: 240px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#galleryadmin1 h3, #galleryadmin2 h3      { font: arial; font-size: .75em; padding: 0; margin: 0 0 15px 15px; color: #cd0000; }
#galleryadmin1 p, #galleryadmin2 p        { font: arial; font-size: .75em; padding: 0; color: #777777; margin: 0 0 0px 15px; }


#galleryadmin2         { width: 500px; height: 195px; display: block;  float: left; padding: 0; margin: 5px 0 0 0; }
#galleryadmin2 h2      { width: 483px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }

.new_button { float: left; height: 20px; width: 49px; display: block; margin-top: 10px; background: url(../../images/new.jpg) no-repeat top left; text-indent: -1000em }
.new_button:hover { cursor: hand }

.edit_button { float: left; height: 20px; width: 49px; display: block; margin-top: 10px; background: url(../../images/edit.jpg) no-repeat top left; text-indent: -1000em }
.edit_button:hover { cursor: hand }

.save_button { height: 20px; width: 49px; display: block; margin-top: 5px; background: url(../../images/save.jpg) no-repeat top left; text-indent: -1000em }
.save_button:hover { cursor: hand }

.cancel_button { height: 20px; width: 60px; display: block; margin-top: 5px; background: url(../../images/cancel.jpg) no-repeat top left; text-indent: -1000em }
.cancel_button:hover { cursor: hand }

.delete_button { float: left; height: 20px; width: 60px; display: block; margin-top: 10px; background: url(../../images/delete.jpg) no-repeat top left; text-indent: -1000em }
.delete_button:hover { cursor: hand }

#sitemap2       { width: 800px; height: auto; display: block;  float: left; padding: 0; margin: 0; background-color: #333333; vertical-align: middle; }
#sitemap2 h2    { display: none; }
#sitemap2 ul    { float: left; width: auto; height: auto; list-style-type: none; margin: 0; padding: 0; }
#sitemap2 ul li { float: left; width: 133px; line-height: 30px; text-align: center; display: block; height: auto; list-style-type: none; margin: 0; padding: 0; }
#sitemap2 a     { font-weight:bold; font-size: .85em; width: 133px; line-height: 30px; text-transform: uppercase; color: #999999; text-decoration: none; }
#sitemap2 a:hover   { color: #cd0000; }
.bold { font-weight: bold; }

#cats ul li { list-style-type: none; float: left; }
#cats a { float: left; display: block; padding: 15px; background: none; text-align: center; }
#cats a:hover { background-color: #cd0000; }

.cartitem { border: solid 1px blue }

#contentArea { background: url(../../images/contentbg2.jpg) repeat top left; margin: 0; padding: 0; display: block; float: left; height: auto; width: 800px; border-bottom: solid 15px #3e3e3e }
#contentArea a { color: #cd0000; font: .8em;}
#contentArea a:hover { color: red; }
#contentArea ul { list-style-type: none; margin: 0; margin-left: 15px; margin-bottom: 20px; padding: 0 }
#contentArea ul li a { background: url(../../images/arrow.jpg) no-repeat top left; padding-left: 15px; color: #cd0000; font-size: .75em; font: arial }
#contentArea ul li a:hover { color: #cd0000; }
#contentArea h1 { font-size: 1.3em; color: #656565; font-weight: bold; height: 29px; padding: 0; margin-top: 20px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 0; padding-left: 35px; width: auto; background: url(../../images/h1bg.jpg) no-repeat top left; margin-top: 30px; color: #dad9d9 }
#productsLeft       { width: 200px; height: auto; display: block;  float: left; padding: 0; margin: 0; }

#productsRight       { width: 600px; height: auto; display: block;  float: left; padding: 0; margin: 0; }
#productsRightTop    { width: 600px; height: 125px; display: block; float: left; padding: 0; margin: 0; }
#productsRightTop h2 { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0 0 0px 0; line-height: 32px; background: url(../../images/headerbg.jpg) repeat top left; color: White; text-transform: uppercase; }
#productsRightBottom { width: 600px; height: auto; display: block; float: left; padding: 0; margin: 0; }
#productsRightBottom h2 { font-size: 1.5em; font-weight: normal; font: verdana; }

.productslink { color: Red; }

#ps1         { width: 295px; height: 100px; border-bottom: solid 1px gray; display: block; float: left; padding: 0; margin: 5px 5px 0 0; }
#ps1 h2      { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0; line-height: 32px; background-color: Black; color: White; text-transform: uppercase; }
#ps2         { width: 295px; height: 100px; border-bottom: solid 1px gray; display: block;  float: left; padding: 0; margin: 5px 5px 0 0; }
#ps2 h2      { width: 270px; font-size: .85em; display: block;  float: left;  padding: 0 0 0 15px; margin: 0; line-height: 32px; background-color: Black; color: White; text-transform: uppercase; }

}