/* '************************************************************ '* TERMS & CONDITIONS / COPYRIGHT NOTICE * '************************************************************ '* By Downloading or using this software, you agree to * '* the terms and conditions as stated in the Software * '* License Agreement. An updated copy of this agreement * '* can be seen at http://www.pagedowntech.com/terms. * '* * '* PageDown Technology, LLC., Copyright 2009. * '* pagedowntech.com / pdshop.com * '* * '* (this copyright notice must not be altered or removed) * '************************************************************ */ /* Main Body */ BODY { text-align: center; margin-top: 0px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; background-image: url('../images/background.gif'); background-repeat: repeat; background-position: left top; /* Note: scrollbar attributes are not considered a legal standard and only work in Internet Explorer. */ /* scrollbar-face-color: #171d6b; scrollbar-arrow-color: #FFFFFF; */ } /* General page wide */ A:hover {text-decoration: underline;} /* Main Page Sections */ .mainbodydiv {margin-top: 0px; margin-left: auto; margin-right: auto;} .columndatadiv {margin-top: 0px; margin-left: auto; margin-right: auto;} .columnspacer {} /* Main Shop Sections */ .slogan {text-align: left;} .topsec {text-align: left; border-color: #FFFFFF; border-style: solid; border-width: 1px} .topbanner {background-color: #171d6b; border-color: #FFFFFF; border-style: solid; border-width: 1px} .bannertxt {color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .searchbanner {background-color: #CCCCCC; border-color: #EEEEEE; border-style: solid; border-width: 1px} .area1 {text-align: left; background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px} .area2 {text-align: left; background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px} .botsec {border-color: #FFFFFF; border-style: solid; border-width: 1px} .botlinksec {background-color: #FFFFFF} .botbanner {background-color: #171d6b; border-color: #FFFFFF; border-style: solid; border-width: 1px} .botbannermenu {padding: 10px; color: #FFFFFF; font-family: Arial; font-size: 12px} .botbannermenu A {color: #999999} .leftcol {background-color: ;} .middlecol {background-color: ;} .rightcol {background-color: ;} .sectionspacer {width: 100%; height: 8px;} .sectioncontentdiv {padding: 10px; } /* Menu Tabs (Small) */ .menutab {margin-right: 1px; margin-left: 1px; float: left; height: 15px; background-color: #171d6b;} .menutabtext A {position: relative; top: 2px; color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} /* Menu Tabs (Large) */ .menutabL {margin-right: 1px; margin-left: 1px; float: left; height: 20px; background-color: #171d6b;} .menutabtextL A {position: relative; top: 2px; color: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none} /* Menu Tabs (Text Links) */ .menutextlink A {padding: 2px; color: #FFFFFF; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: underline;} .menutextlinkL A {padding: 4px; color: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: underline;} /* Section Headings */ .headingtextS {padding: 1px; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .headingtext {padding: 2px; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .headingtextL {padding: 5px; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none} .tabheading {font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .customheading {color: #999999; background-color: ; font-family: Arial; font-size: 16px; font-weight: bold; padding: 5px; border-color:#CCCCCC; border-style: none; border-width: 1px; text-decoration: none} .headingmessages {padding: 5px; color: #999999; font-family: Arial; font-size: 11px; font-weight: normal} /* Buttons & Links */ .buttonsstandard {font-size:10px; font-weight: bold; font-family: Arial; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;} .textlinks {padding-right: 5px; font-family: Arial; font-size: 12px; font-weight: bold} .textlinks A {font-family: Arial; font-size: 12px; font-weight: bold} .textlinks A:hover {text-decoration: underline} .butttxt {color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none} .custombutton {color: #FFFFFF; background-color: #999999; font-size:11px; font-weight: bold; font-family: Arial; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;} /* Item Related */ .itemname {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .itemname A {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .itemdesc {color: #000000; font-family: Arial; font-size: 11px; } .itemdesc A {color: #000000; font-family: Arial; font-size: 11px} .price {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold} .listname {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .listname A {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .listname A:hover {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline} .listdesc {padding-top:5px; padding-right:5px; padding-bottom:5px; color: #000000; font-family: Arial; font-size: 11px; } .listprice {color: #000000; font-family: Arial; font-size: 11px; font-weight: bold} .listitemno {color: #000000; font-family: Arial; font-size: 11px; font-weight: bold} /* Category Related */ .catname {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .catname A {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .catname A:hover {text-decoration: underline} .subcats {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .subcats A {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .subcats A:hover {text-decoration: underline} .catdesc {color: #000000; font-family: Arial; font-size: 11px; text-decoration: none} .catdelim {color: #999999; font-family: Arial; font-size: 8px; text-decoration: none} /* Shopping Cart related */ .cartdata {color: #000000; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none} .cartdata A {color: #000000; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none} .cartdata2 {color: #999999; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .cartdata2 A {color: #999999; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} /* Top Level Category listing*/ .toplevelcat {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .toplevelcat A {color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .toplevelcat A:hover {text-decoration: underline} .toplevelcatdot {color: #999999; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none} .toplevelcatdes {color: #000000; font-family: Arial; font-size: 11px; text-decoration: none} .toplevelsub A {color: #000000; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none} .toplevelsub A:hover {text-decoration: underline} .toplevelsubdot {color: #999999; font-family: Arial; font-size: 8px; font-weight: bold; text-decoration: none} .toplevelsubdes {color: #000000; font-family: Arial; font-size: 10px; text-decoration: none} /* System Text & Error Messages */ .messages {color: #999999; font-family: Arial; font-size: 10px; font-weight: normal} .messages A {color: #999999; font-family: Arial; font-size: 10px; font-weight: normal} .messages2 {color: #999999; font-family: Arial; font-size: 14px; font-weight: bold} .errors {color: red; font-family: Arial; font-size: 10px; font-weight: bold} /* Forms */ .formheadings {color: #999999; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .formheadings2 {color: #999999; font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none} .forms {background-color: #EEEEEE; color: #171d6b; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .formbox {font-family: Arial; font-size: 11px; font-weight: normal} .forms textarea {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal} .forms select {background-color: #FFFFFF; color: #000000; border: 1px solid #EEEEEE; font-family: Arial; font-size: 12px; font-weight: normal} .formordertotal {color: #999999; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none} .searchforms {background-color: #171d6b; color: #FFFFFF; border: 1px solid #EEEEEE; font-family: Arial; font-size: 10px; font-weight: bold;} .searchinput {font-family: Arial; color: #000000; font-size: 11px; font-weight: normal; background-color: #FFFFFF; width: 100px} .rowline {color: #999999; height: 1px} .formfield {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 200px} .formfield2 {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 50px} .formfield3 {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 100px} .formfield4 {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 275px} .formfield5 {font-family: Arial; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 35px} /* Item Detail & Item Options Form */ .itemdescription {color: #000000; font-family: Arial; font-size: 12px; font-weight: normal;} .itemformheadings {color: #999999; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none} .iteminput {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal} .itemtextarea {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal} .itemcheck {color: #999999; font-family: Arial; font-size: 12px; font-weight: normal} .itemselect {background-color: #FFFFFF; color: #000000; border: 1px solid #000000; font-family: Arial; font-size: 12px; font-weight: normal} .itemradio {color: #999999; font-family: Arial; font-size: 12px; font-weight: normal} .itemmonetaryinput {background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; font-weight: normal; width: 50px} /* Order Receipt Page */ .orderheader {background-color: #EEEEEE; color: #171d6b; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none} .orderheader2 {color: #999999; font-family: Arial; font-size: 11px} .ordertxt {color: #999999; font-family: Arial; font-size: 11px} .orderheader3 {color: #171d6b; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none} /* POPUP BODY STYLE (will override above in the Pop-Up Window) */ .popupbody { background-image: none; background-color: #FFFFFF; } /* POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .4; filter: alpha(opacity=40); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ background-color:transparent !important; background-color: #333333; /* this hack is for opera support * you can uncomment the background-image if you don't care about opera. * this gives you the flexibility to use any bg color that you want, instead of the png */ background-image/**/: url("img/background-trans.png") !important; // For browsers Moz, Opera, etc. background-image:none; background-repeat: repeat; display:none; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 2px solid #CCCCCC; background-color: #ffffff; width: 100%; height: 100%; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #171d6b; color: #FFFFFF; font-weight: bold; height: 1.3em; padding: 0px; border-bottom: 2px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; position: relative; z-index: 203; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; }