html, body {
margin : 0;
padding : 0;
border : 0;
color : #;
font-family : ,Arial,Verdana,sans-serif;
font-size: ;
background-color: #;
height: 100%;
}
* {margin: 0;}
.pngicon { display: inline; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear:both;font-size: 0px;line-height: 0px; width: 0px; height: 0px; }
.textright { text-align: right; }
.field100 { width: 97%;}
.iniline { display: inline; }
#page-wrapper {
min-height: 100%;
margin: auto;
}
li { margin-left: 16px; }
/* pageTitle - When someone is viewing a page or track details this is the page title */
.pageTitle,h1 {
font-size: ;
color: #;
width: 100%;
font-weight: normal;
}
a.pageTitle:active,h1 a ,h1 a:active { text-decoration: none; color: #; }
a.pageTitle:link, a.pageTitle:visited,h1 a:link,h1 a:visited { text-decoration: none; color: #; }
a.pageTitle:hover,h1 a:hover { color: #; text-decoration: underline; }
.pageSubTitle {
font-size: 17px;
color: #;
width: 100%;
}
a.pageSubTitle, a.pageSubTitle:active{ text-decoration: none; color: #; }
a.pageSubTitle:link, a.pageSubTitle:visited { text-decoration: none; color: #; }
a.pageSubTitle:hover { color: #; text-decoration: underline; }
h2 {
font-size: ;
color: #;
width: 100%;
font-weight: normal;
}
h2 a,h2 a:active{ text-decoration: none; color: #; }
h2 a:link,h2 a:visited { text-decoration: none; color: #; }
h2 a:hover { color: #; text-decoration: underline; }
h3, .h3 {
font-size: ;
color: #;
width: 100%;
font-weight: bold;
}
h3 a,h3 a:active{ text-decoration: none; color: #; }
h3 a:link,h3 a:visited { text-decoration: none; color: #; }
h3 a:hover { color: #; text-decoration: underline; }
a, a:active { text-decoration: none; color: #; }
a:link, a:visited { text-decoration: none; color: #; }
a:hover { color: #; text-decoration: underline; }
#mobile-wrapper { }
.navagation_table { color: #; padding: 0px; background-color: #; border: solid 1px #; }
.navagation_title { color: #; font-weight: normal; padding: 4px; background-color: #; }
a.navagation_table, a.navagation_table:active{ text-decoration: none; color: boxes_link; }
a.navagation_table:link, a.navagation_table:visited { text-decoration: none; color: boxes_link; }
a.navagation_table:hover { color: boxes_link_hover; text-decoration: underline; }
.navagation_table li { margin-left: 16px; }
.boxedContent { color: #; padding: 8px; background-color: #; border: solid 1px #; }
a.boxedContent, a.boxedContent:active{ text-decoration: none; color: boxes_link; }
a.boxedContent:link, a.boxedContent:visited { text-decoration: none; color: boxes_link; }
a.boxedContent:hover { color: boxes_link_hover; text-decoration: underline; }
.boxedContent li { margin-left: 16px; }
#viewCart { }
#viewCart ul { list-style: none; margin: 0; }
#viewCart li { list-style: none; margin: 0; }
#viewCart .cartitem { color: #; background-color: #; border: solid 1px #; padding: 10px;}
#viewCart .thumb { width: 20%; float: left; text-align: center; }
#viewCart .thumb img { width: 100%; height: auto; }
#viewCart .info { width: 60%; float: left; }
#viewCart .totals { width: 20%; float: right; text-align: right;}
#viewCart .items { }
#viewCart .items .product { width: 65%; float: left; }
#viewCart .items .price { width: 25%; float: left; }
#viewCart .items .quantity { width: 10%; float: right; }
#viewCart .notes{ }
#viewCart .inner { padding: 6px; }
#viewCart .labels { }
#viewCart .labels .inner { padding: 0 6px 2px 6px; }
#viewCart .labels .thumb { width: 20%; float: left; }
#viewCart .labels .rest { width: 60%; float: left; }
#viewCart .labels .totals { width: 20%; float: left; }
#viewCart .labels .rest .product { width: 65%; float: left; }
#viewCart .labels .rest .price { width: 25%; float: left; }
#viewCart .labels .rest .qty { width: 10%; float: right; }
.borderRightSide {
border-right: solid 1px #;
}
.showPackages { padding: 12px; }
.borderBottomCell {
border-bottom: solid 1px #;
}
#viewFullSite, #viewMobileSite { padding: 6px; text-align: center; }
#leftHomePageRequireLogin { float: left; padding: 4px; width: 49%; }
#rightHomePageRequireLogin { float: right; padding: 4px; width: 49%; }
/* TOP FLOATING MENU - The following controls the menu that floats at the top of the page where the shopping cart link appears. */
#menu_top_spacer { height: 0px; width: 100%; }
#menu_slider {
position: relative;
text-align: center;
width: ;
margin: auto;
}
#menu_top {
padding: 0;
text-align: center;
float: right;
}
#menu_top_container {
text-align: center;
position: absolute;
margin: auto;
padding: 0;
z-index: 9;
list-style: none;
white-space: nowrap;
right: 0;
}
#menu_top #menu_item {
float: left;
padding: 0px;
margin-right: 16px;
}
#menu_top #cart_info {
float: right;
padding: 9px;
color: #;
}
#menu_top a, #menu_top a:active { text-decoration: none; color: #;}
#menu_top a:link, #menu_top a:visited { text-decoration: none; color: #; }
#menu_top a:hover { color: #; text-decoration: underline; }
#cart_info {
background-color: #;
border: solid 1px #;
padding: 6px;
/* width: 255px; */
}
/* END TOP FLOATING MENU */
/* TOP MAIN MENU AREA - The following controls the main menu area */
#pageContentContainer {
margin: 0 auto;
padding: 6px;
}
#main_container {
width: ;
margin: auto;
background-color: #;
border: solid 0px #;
}
#headerContainer {
width: ;
margin-left: auto; margin-right: auto;
color: #;
background-color: #;
}
#header {
width:100%; margin-left: auto; margin-right: auto;
}
.headerName {
font-size: 40px;
font-weight: bold;
padding: 6px;
}
#topMainMenuContainer {
width: ;
margin-left: auto; margin-right: auto;
background:#;
border-bottom:1px solid #;
border-top:1px solid #;
color: #;
z-index: 6;
}
#topMainMenu {
list-style:none;
margin: 0;
padding: 0;
position:relative;
z-index: 10;
width:100%; margin-left: auto; margin-right: auto;
}
#topMainMenu a, #topMainMenu a:active { text-decoration: none; color: #;}
#topMainMenu a:link, #topMainMenu a:visited { text-decoration: none; color: #; }
#topMainMenu a:hover { color: #; text-decoration: underline; }
#topMainMenu ul {
line-height:30px;
left: 0;
margin:0;
margin-left:6px;
padding-left:0.2em;
}
#topMainMenu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
#topMainMenu li a {
display: block;
margin: 0 1px 0 0;
padding: 6px 16px 6px 0;
color: #;
text-decoration: none;
}
#topMainMenu li a:hover { color: #; text-decoration: underline; }
.topMainMenuItem {
display:block;
float:left;
margin: 0 4px 0 0 ;
padding:6px;
position:relative;
text-decoration:none;
line-height:30px;
}
.topMainMenuItemOn {
float:left;
margin: 0 4px 0 0 ;
padding:6px;
position:relative;
text-decoration:none;
line-height:30px;
z-index: 11;
}
.topMainMenuDropDown {
color: #;
background-color: #;
position: absolute;
padding: 0px 4px 4px 4px;
margin: 6px 0 0 -8px;
z-index: 109;
right: 0;
min-height: 1px;
}
.topMainMenuItem:hover {
background-color: #;
}
.topMainMenuLabel {
display:block;
float:left;
margin:auto;
padding:6px;
position:relative;
text-decoration:none;
line-height:30px;
}
.topMainMenuStart {
display:block;
float:left;
margin:auto;
padding:6px;
position:relative;
text-decoration:none;
line-height:30px;
}
.topMainMenuEnd {
display:block;
float:left;
margin:auto;
padding:6px;
position:relative;
text-decoration:none;
line-height:30px;
}
#topMainMenuDropDownItem{
padding: 6px;
margin: 0;
font-size: ;
color: #;
text-align: left;
border-bottom: 1px solid #;
line-height: 13px;
}
#topMainMenuDropDownItem a, #topMainMenuDropDownItem a:active { text-decoration: none; color: #;}
#topMainMenuDropDownItem a:link, #topMainMenuDropDownItem a:visited { text-decoration: none; color: #; }
#topMainMenuDropDownItem a:hover { color: #; text-decoration: underline; }
/* END TOP MAIN MENU AREA */
#contentUnderMenu {
padding: 6px;
}
/* MAIN CONTENT AREA - The following controls the main content on the pages */
.pageContent {
padding: 4px;
}
.pageContentBold {
font-weight: bold;
padding: 4px;
}
/* errorMessage - This is when an error is displayed */
.errorMessage {
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
clear: both;
}
.error {
color: #490000;
}
/* successMessage - This is when a success message is displayed */
.successMessage {
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
clear: both;
}
#successMessage{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
position: fixed; top: 10px; width: 500px; padding: 10px; left: 50%; margin-left: -250px; z-index:1000; display: none; text-align: center;
}
.successMessage a, .successMessage a:active {text-decoration: none; color: #; }
.successMessage a:link, .successMessage a:visited {text-decoration: none; color: #; }
.successMessage a:hover {color: #; text-decoration: underline; }
.storeClosed {
background-color: #EDE5AB;
border: solid 1px #BAB066;
font-weight: normal;
color: #000000;
padding: 4px;
}
#earlyBirdSpecial{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
text-align: center;
clear: both;
}
#globalSale{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
text-align: center;
clear: both;
width: ;
margin: auto;
}
#globalSale .inner {
padding: 8px 200px 8px 8px;
}
#specialMessage{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
text-align: center;
clear: both;
}
.specialMessage{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
text-align: left;
clear: both;
}
.specialMessage a, .specialMessage a:active {text-decoration: none; color: #; }
.specialMessage a:link, .specialMessage a:visited {text-decoration: none; color: #; }
.specialMessage a:hover {color: #; text-decoration: underline; }
/* END MAIN CONTENT AREA */
#viewCartExtra {
padding: 4px 0 4px 4px;
float: right;
}
#addCouponLink {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#addCouponLink a, #addCouponLink a:active {text-decoration: none; color: #; }
#addCouponLink a:link, #addCouponLink a:visited {text-decoration: none; color: #; }
#addCouponLink a:hover {color: #; text-decoration: underline; }
#addCouponContainer {
float: right;
position: relative;
width: 200px;
margin: -30px 20px 0 0;
}
#addCoupon {
position: absolute;
border: 1px solid #;
background-color: #;
color: #;
z-index: 100;
float: right;
padding: 6px;
left: 0;
width: 200px;
height: expression( this.scrollHeight > 300 ? "301px" : "auto" );
max-height: 301px;
overflow: auto;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#addGiftCertificateContainer {
float: right;
position: relative;
width: 200px;
margin: -30px 20px 0 0;
}
#addGiftCertificate {
position: absolute;
border: 1px solid #;
background-color: #;
color: #;
z-index: 100;
float: right;
padding: 6px;
left: 0;
width: 200px;
height: expression( this.scrollHeight > 300 ? "301px" : "auto" );
max-height: 301px;
overflow: auto;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#addGiftCertLink {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#addGiftCertLink a, #addGiftCertLink a:active {text-decoration: none; color: #; }
#addGiftCertLink a:link, #addGiftCertLink a:visited {text-decoration: none; color: #; }
#addGiftCertLink a:hover {color: #; text-decoration: underline; }
/* PRODUCT LIST */
#cartSuccessContainer {
display: block;
height: 30px;
}
#cartSuccess {
z-index: 20px;
}
#viewImage {
width: 60%;
float: left;
}
#viewProducts {
width: 38%;
float: right;
}
#displayImage {
padding: 4px;
}
#displayImageMenu {
text-align: center;
margin: auto;
padding: 4px;
}
#displayImageMenu .item {
float: right;
text-align: center;
margin: 0 4px 0 0;
}
. imageMenuSpacer {
line-height: 25px;
text-align: center;
margin: auto;
}
#viewImageTree {
padding: 4px;
float: left;
margin: 0 0 1% 0;
}
#viewImageExtra {
padding: 4px 0 4px 4px;
float: right;
margin: 0 0 1% 0;
z-index: 1;
}
.openProductLabel{
margin: auto;
background-color:#;
color: #;
border: solid 1px #;
padding: 4px;
}
#thisProduct .showProductName,#thisProductNoLabel .showProductName ,#packageNoLabel .showProductName {
margin: 0 0 1px 0;
display: block;
font-size: ;
float: left;
background-color: #;
padding: 4px;
}
#thisProduct a:active,#packageNoLabel a:active,#thisProductNoLabel a:active {text-decoration: none; color: #; }
#thisProduct a:link,#packageNoLabel a:link,#thisProductNoLabel a:link, #thisProduct a:visited,#packageNoLabel a:visited,#thisProductNoLabel a:visited {text-decoration: none; color: #; }
#thisProduct a:hover,#packageNoLabel a:hover,#thisProductNoLabel a:hover {color: #; text-decoration: underline; }
#productList {
position: relative;
}
#productListContainer {
padding: 12px;
margin: auto;
position: relative;
}
#productList .title { font-size: ; padding: 2px; }
#productList a, #productList a:active { text-decoration: none; color: #; }
#productList a:link, #productList a:visited { text-decoration: none; color: #; }
#productList a:hover { text-decoration: underline; color: #; }
#productList .label { font-size: ; padding: 2px; }
#productList .label2 { padding: 2px; }
#productList .labelDescription { padding: 2px; }
#productList .closed {
color: #;
padding: px;
margin: 0 0 10px 0;
background-color: #;
border: solid 1px #;
display: block;
}
#productList .closed2 {
color: #;
padding: px;
margin: 0 0 2px 0;
background-color: #;
border: solid 1px #;
display: block;
}
#productList .hover2 {
color: #;
padding: px;
margin: 0 0 2px 0;
background-color: #;
border: solid 1px #;
display: block;
}
#productList .open {
background-color: #;
color: #;
padding: px px px px;
margin: 0 0 1px 0;
display: block;
}
#productList .hover {
color: #;
padding: px px px px;
margin: 0 0 10px 0;
background-color: #;
display: block;
border: solid 1px #;
}
#productList .product , .packageProduct, .packageProductNoHover{
padding: px;
margin: 0 0 1px 0;
display: block;
background-color: #;
color: #;
}
.packageProduct .h3 { font-size: 17px; color: #; }
#productList .product_hover, .packageProduct:hover, #productList .product:hover {
padding: px ;
margin: 0 0 1px 0;
display: block;
background-color: #;
color: #;
}
.productOn {
padding: px ;
margin: 0 0 1px 0;
display: block;
font-weight: bold;
background-color: #;
color: #;
border: solid 1px #;
}
#showPrintGroup {
margin: 0 0 10px 0;
}
.cart_options_title {
padding: 3px 10px 3px 3px;
clear: both;
margin-bottom: 1px;
margin-top: 1px;
width: 100%;
}
.cart_options {
color: #;
padding: 6px 6px 6px 20px;
background: # url('pcicons/arrow-down.png') 2% center no-repeat;
border: solid 1px #;
clear: both;
margin-bottom: 1px;
margin-top: 1px;
}
.cart_options_text {
color: #;
padding: 6px 6px 6px 6px;
background: #;
border: solid 1px #;
clear: both;
margin-bottom: 1px;
margin-top: 1px;
}
.optionDropDown {
display: none;
margin-top: -2px;
position: absolute;
left: 2%;
right: 2%;
z-index: 130;
color: #;
padding: 8px;
background-color: #;
border: solid 0px 1px 1px 1px#;
width: auto;
-moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 3x 5px rgba(0, 0, 0, .5);
box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
}
/* #addToCartLink - the link for Add To Cart */
#addToCartLink { color: #; }
#addToCartLink a, #addToCartLink a:active {text-decoration: underline; color: #; font-size: 11px;}
#addToCartLink a:link, #addToCartLink a:visited {text-decoration: underline; color: #; font-size: 11px; }
#addToCartLink a:hover {color: #; text-decoration: underline; font-size: 11px; }
/* #inShoppingCart - The link that shows an item is in the cart and will take them to the shopping cart */
#inShoppingCart { color: #; font-size: 10px;}
#inShoppingCart a, #inShoppingCart a:active {text-decoration: none; color: #; font-size: 10px;}
#inShoppingCart a:link, #inShoppingCart a:visited {text-decoration: none; color: #; font-size: 10px; }
#inShoppingCart a:hover {color: #; text-decoration: underline; font-size: 10px; }
/* #removeFromCart - the link to remove item from cart */
#removeFromCart { color: #; }
#removeFromCart a, #removeFromCart a:active {text-decoration: none; color: #; font-size: 10px;}
#removeFromCart a:link, #removeFromCart a:visited {text-decoration: none; color: #; font-size: 10px; }
#removeFromCart a:hover {color: #; text-decoration: underline; font-size: 10px; }
#navMenu {text-decoration: none; padding: 2px; margin: 2px; }
#checkoutInfo {
width: 75%;
float: left;
border-right: solid 1px #;
}
#checkoutMenu {
width: 20%;
float: left;
margin: 0 0 0 20px;
}
.checkoutProgress {
}
#checkoutChooseNewAccount {
width: 48%;
float: left;
border-right: solid 1px #;
height: 100%;
}
#checkoutLogin {
width: 48%;
float: right;
}
#orderCalculation {
width: 30%;
float: left;
border-right: solid 1px #;
}
#orderConfirmExtra {
width: 65%;
float: left;
margin: 0 0 0 10px;
}
#orderInfo{
background-color: #;
border: solid 1px #;
padding: 4px;
margin: 0px;
color: #;
}
.bottom_thumb_menu {
color: #; font-weight: normal; padding: 4px; background-color: #; border: solid 1px #; }
/* PHOTO GALLERY STYLES */
.coBox{
background-color: #;
border: solid 1px #;
padding: 4px;
margin: 0px;
color: #;
text-align: left;
}
#earlyBirdSpecial{
background-color: #;
border: solid 1px #;
font-weight: normal;
color: #;
padding: 4px;
text-align: center;
clear: both;
}
#listCategories {
margin: auto;
font-size: ;
color: #;
text-align: center;
}
#listCategories .categoryTitle { }
#listCategories a, #listCategories a:active { text-decoration: none; font-size: ; color: #; }
#listCategories a:link, #listCategories a:visited { text-decoration: none; font-size: ; color: #; }
#listCategories a:hover { text-decoration: underline; font-size: ;color: #; }
#listCategories .displaygallerya { display: inline; position: relative; }
#listCategories .displaygalleryb { padding: 16px; margin-bottom: 20px; position: relative; bottom: 0; left: 8px; display: inline-block; *display:inline; zoom: 1; float: none; }
#listCategories .displaygalleryc { display: block; position: relative; bottom: 0; text-align: center; }
#listCategories .displaygalleryd { position: absolute; bottom: 0;text-align: center; margin: auto; display: block; }
#listCategories .displaygallerynamecontainer { z-index: 20; postion: relative; }
#listCategories .displaygalleryname { padding: 4px; float: left; width: 100%; text-align: center; }
#listCategories .thumbContainer {
border: 1px solid #;
background-color: #;
padding: 0px;
margin: 8px;
text-align: center;
z-index: 0;
position: relative;
display: inline-block;
*display:inline;
zoom: 1;
float: none;
}
#listCategories .thumbnail {
border: px solid #;
padding: 0px;
margin: 0 auto 6px auto;
text-align: center;
position: relative;
display: inline;
*display:inline;
zoom: 1;
}
#imageinCartContainer {
position: relative;
}
#imageinCart {
position: absolute;
border: 1px solid #;
background-color: #;
color: #;
z-index: 100;
float: right;
padding: 6px;
left: 0;
width: 300px;
height: expression( this.scrollHeight > 300 ? "301px" : "auto" );
max-height: 301px;
overflow: auto;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#imageinCart a, #imageinCart a:active {text-decoration: none; color: #; }
#imageinCart a:link, #imageinCart a:visited {text-decoration: none; color: #; }
#imageinCart a:hover {color: #; text-decoration: underline; }
#showGalleryTrail { padding: 4px; }
#listGalleries {
text-align: center;
margin: auto;
font-size: ;
color: #;
}
#listGalleries .displaygallerya { display: inline; position: relative; }
#listGalleries .displaygalleryb { padding: 16px; margin-bottom: 50px; position: relative; bottom: 0; left: 8px; display: inline-block; *display:inline; zoom: 1; float: none; }
#listGalleries .displaygalleryc { display: block; position: relative; bottom: 0; text-align: center; }
#listGalleries .displaygalleryd { position: absolute; bottom: 0;text-align: center; margin: auto; display: block; }
#listGalleries .displaygallerynamecontainer { z-index: 20; postion: relative; }
#listGalleries .displaygalleryname { padding: 4px; float: left; width: 100%; text-align: center; }
#listGalleries .galleryTitle { z-index: 5; padding: 0px; position: relative; color: #; text-align: left;}
#listGalleries .galleryTitleFloat img { display: block; float: left;}
#listGalleries .galleryTitleFloat { z-index: 5; padding: 0px; position: relative; color: #; text-align: left; overflow: visible; height: 24px;}
#listGalleries .galleryTitleFloat:hover { z-index: 52; padding: 0px; position: relative; color: #; text-align: left; overflow: visible; height: 24px;}
#listGalleries a, #listGalleries a:active { text-decoration: none; font-size: ; color: #; }
#listGalleries a:link, #listGalleries a:visited { text-decoration: none; font-size: ; color: #; }
#listGalleries a:hover { text-decoration: underline; font-size: ;color: #; }
.gal_title_normal {
margin: 1px 2px 0 0 ;
}
.gal_title_1 {
position: absolute;
float: left;
z-index: 3;
margin: 1px 3px 0 0 ;
}
.gal_title_2 {
position: absolute;
z-index: 2;
margin: 2px 2px 0 2px;
color: #;
float: left;
}
#listGalleries .expiration {
position: absolute; left: 0; bottom: 20px; background-color:#; color: #; z-index: 50; filter:alpha(opacity=80); opacity:0.8; text-align: center; border-top: solid 1px #; border-bottom: solid 1px #;
}
#listGalleries .preregister {
position: absolute; left: 0; bottom: 20px; background-color:#; color: #; z-index: 2; text-align: center; border-top: solid 1px #; border-bottom: solid 1px #;
}
.preregisterlink, .preregisterlink:active{ text-decoration: none; color: #; font-size: ;}
.preregisterlink:link, .preregisterlink:visited { text-decoration: none; color: #; font-size: ;}
.preregisterlink:hover { color: #; text-decoration: underline;font-size: ; }
#listGalleries .preregisterb {
position: absolute; left: 0; bottom: 20px; filter:alpha(opacity=80); opacity:0.80; padding: 8px; background: #; z-index: 2; text-align: center; }
#listGalleries .lockgallery {
position: absolute; top 20px; left: 10px; z-index: 50; background: transparent url('pcicons/gallery_lock.png') no-repeat; width: 76px; height: 100px;
}
#listGalleries .thumbContainer {
border: 1px solid #;
background-color: #;
text-align: left;
z-index: 0;
position: relative;
height: 100%;
}
#listGalleries .thumbContainerFixedOuter {
border: 1px solid #;
background-color: #;
text-align: left;
z-index: 0;
position: relative;
height: 100%;
}
#listGalleries .thumbContainerFixed {
text-align: left;
z-index: 0;
position: relative;
height: 100%;
}
#listGalleries .thumbContainerFloating {
border: 1px solid #;
background-color: #;
padding: 5px;
margin: 6px;
text-align: center;
z-index: 0;
position: relative;
display: inline-block;
*display:inline;
zoom: 1;
float: none;
}
#listGalleries .thumbnail {
border: px solid #;
padding: 0px;
margin: 0 auto 10px auto;
text-align: center;
position: relative;
}
#pageMenu {
text-align: center;
margin: auto;
color: #;
float: right;
}
#pageMenu .selectPage {
border: 1px solid #;
background-color: #;
color: #;
padding: 2px;
margin: 2px;
float: left;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
}
#pageMenu .selectedPage {
padding: 2px;
margin: 2px;
float: left;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
font-weight: bold;
}
#pageMenu .unavailable {
padding: 2px;
margin: 2px;
float: left;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
color: #;
border: 1px solid #;
}
#pageMenu .totalResults {
padding: 2px;
margin: 2px;
float: left;
text-align: center;
position: relative;
white-space: nowrap;
font-weight: bold;
}
#imageNavigationContainer {
text-align: center;
margin: auto;
}
#imageNavigation {
text-align: center;
margin: auto;
color: #;
}
#imageNavigation .selectPage {
border: 1px solid #;
background-color: #;
color: #;
padding: 2px;
margin: 2px;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
}
#imageNavigation .selectedPage {
padding: 2px;
margin: 2px;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
font-weight: bold;
}
#imageNavigation .unavailable {
padding: 2px;
margin: 2px;
text-align: center;
position: relative;
white-space: nowrap;
min-width: 16px;
color: #;
border: 1px solid #;
}
#imageNavigation .totalResults {
padding: 2px;
margin: 2px;
float: left;
text-align: center;
position: relative;
white-space: nowrap;
font-weight: bold;
}
#photoGallery {
text-align: center;
margin: auto;
color: #;
}
#photoGallery .thumbContainer {
margin: 0;
border: 1px solid #;
background-color: #;
padding: 8px;
margin: 8px;
text-align: center;
float: none;
}
#photoGallery .thumbContainer img{
float: none;
}
#photoGallery .thumbContainer .thumbname { white-space: nowrap; overflow: hidden; padding: 4px;}
#photoGallery .thumbContainerPackage {
border: 1px solid #;
background-color: #;
padding: 8px;
margin: 8px;
float: left;
text-align: center;
position: relative;
}
#photoTitle {
}
.dpImage { border: 1px solid #; background-color: #; }
.dpApproved {
position: absolute;
left: 0;
bottom: 35%;
background-color: #;
color: #;
z-index: 5;
filter:alpha(opacity=80);
opacity:0.8;
text-align: center;
font-size: 17px;
font-weight: bold;
border-top: solid 1px #;
border-bottom: solid 1px #;
}
.dpRevise {
position: absolute;
left: 0;
bottom: 35%;
background-color: #;
color: #;
z-index: 5;
filter:alpha(opacity=80);
opacity:0.8;
text-align: center;
font-size: 17px;
font-weight: bold;
border-top: solid 1px #;
border-bottom: solid 1px #;
}
.dpReview {
position: absolute;
left: 0;
bottom: 35%;
background-color: #;
z-index: 5;
filter:alpha(opacity=80);
opacity:0.8;
text-align: center;
font-size: 17px;
font-weight: bold;
border-top: solid 1px #;
border-bottom: solid 1px #;
}
#photoGallery .thumbnail {
border: px solid #;
padding: 0px;
margin: 4px;
float: left;
text-align: center;
position: relative;
display: none;
}
#photoGallery .expires {
border: 1px solid #;
background-color: #;
padding: 0px;
margin: 4px;
float: left;
position: relative;
}
#displayViewImagePage { }
.mainImage {
background-color: #;
padding: px;
border: px solid #;
margin: auto;
}
.popupImage {
background-color: #;
padding: 1px;
border: px solid #;
margin: auto;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
.thumbnail {
border: px solid #;
padding: 0px;
text-align: center;
position: relative;
}
.thumbnailshow {
border: px solid #;
padding: 0px;
text-align: center;
position: relative;
}
.theMainImage {
margin: auto;
}
#crop-message { background-color: #; top: 70%; z-index: 4; position: absolute; margin: auto; text-align: center; filter:alpha(opacity=70); opacity:0.7; }
#generatingBW { background: transparent url(pcicons/loading3.gif) center center no-repeat; line-height: 24px; color: #; top: 50%; z-index: 109; position: relative; margin: auto; text-align: center; display: none; }
.imgCrop_wrap,
.imgCrop_wrap * {
font-size: 0;
}
.imgCrop_stageArea {
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0;
}
.imgCrop_overlay {
background-color: #000000;
opacity: 0.7;
filter:alpha(opacity=70);
position: absolute;
width: 100%;
height: 100%;
}
.thumbnailText {
background: #;
}
#imagedivcontainer { }
.thumbnails {
border: px solid #;
background: #;
padding: 0px;
margin: 0px;
text-align: center;
z-index: 0;
display: block;
}
#photoGallery .contain {
margin:0;
position: relative;
vertical-align: middle;
padding: 10px;
}
#fbLike {
padding: 4px;
margin: 4px;
float: left;
position: relative;
text-align: right;
}
#galExpire {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#galExpire a, #galExpire a:active {text-decoration: none; color: #; }
#galExpire a:link, #galExpire a:visited {text-decoration: none; color: #; }
#galExpire a:hover {color: #; text-decoration: underline; }
#viewPackagesThumb {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#viewPackagesThumb a, #viewPackagesThumb a:active {text-decoration: none; color: #; }
#viewPackagesThumb a:link, #viewPackagesThumb a:visited {text-decoration: none; color: #; }
#viewPackagesThumb a:hover {color: #; text-decoration: underline; }
#packageContinue { text-align: center; }
#packageContinue a, #packageContinue a:active {
text-decoration: none; color: #;
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#packageContinue a:link, #packageContinue a:visited {text-decoration: none; color: #; }
#packageContinue a:hover {color: #; text-decoration: underline; }
#galInvite {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#galInvite a, #galInvite a:active {text-decoration: none; color: #; }
#galInvite a:link, #galInvite a:visited {text-decoration: none; color: #; }
#galInvite a:hover {color: #; text-decoration: underline; }
#galSlideShow {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#galSlideShow a, #galSlideShow a:active {text-decoration: none; color: #; }
#galSlideShow a:link, #galSlideShow a:visited {text-decoration: none; color: #; }
#galSlideShow a:hover {color: #; text-decoration: underline; }
#galSearch {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#galSearch a, #galSearch a:active {text-decoration: none; color: #; }
#galSearch a:link, #galSearch a:visited {text-decoration: none; color: #; }
#galSearch a:hover {color: #; text-decoration: underline; }
#navSubGalleries {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
z-index: 1;
}
#navSubGalleries a, #navSubGalleries a:active {text-decoration: none; color: #; }
#navSubGalleries a:link, #navSubGalleries a:visited {text-decoration: none; color: #; }
#navSubGalleries a:hover {color: #; text-decoration: underline; }
#navSubGalleries .dropdown {
box-shadow: 0 2px 3px #949494;
z-index: 15000; white-space: nowrap; position: absolute;
display: none;
border: 1px solid #;
background-color: #;
color: #;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#ShowNavSubGalleriesContainer {
float: right;
position: relative;
min-width: 250px;
margin: -30px 0 0 0;
z-index: 99;
min-height: 1px;
}
#showNavSubGalleries {
position: absolute;
border: 1px solid #;
background-color: #;
color: #;
z-index: 100;
float: right;
padding: 6px;
left: 0;
width: 200px;
height: expression( this.scrollHeight > 300 ? "301px" : "auto" );
max-height: 301px;
overflow: auto;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#showNavSubGalleries a, #showNavSubGalleries a:active {text-decoration: none; color: #; }
#showNavSubGalleries a:link, #showNavSubGalleries a:visited {text-decoration: none; color: #; }
#showNavSubGalleries a:hover {color: #; text-decoration: underline; }
#orderAllFavs {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#orderAllFavs a, #orderAllFavs a:active {text-decoration: none; color: #; }
#orderAllFavs a:link, #orderAllFavs a:visited {text-decoration: none; color: #; }
#orderAllFavs a:hover {color: #; text-decoration: underline; }
#deleteAllFavs {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#deleteAllFavs a, #deleteAllFavs a:active {text-decoration: none; color: #; }
#deleteAllFavs a:link, #deleteAllFavs a:visited {text-decoration: none; color: #; }
#deleteAllFavs a:hover {color: #; text-decoration: underline; }
#compareImagesContainer {
width: 100%;
white-space: nowrap;
display: table-cell;
}
.compareImages {
margin: 4px;
float: left;
position: relative;
}
#loadpagecontainer {
width:100%;
height:100%;
min-height: 100%;
margin:0;
position: fixed;
z-index: 100;
left: 0;
top: 0;
}
#loadpage
{
width:100%;
height:100%;
min-height: 100%;
position: absolute;
overflow: hidden;
display: block;
background-image: url(pcicons/loading3.gif);
background-repeat:no-repeat;
background-position:center;
}
#shadepagecontainer {
width:200%;
height:1000%;
min-height: 100%;
margin:0;
position: fixed;
z-index: 20;
left: 0;
top: 0;
}
#shadepage
{
width:100%;
height:100%;
min-height: 100%;
/* background-image: url(pcicons/blurbg.png); */
background-color:#000000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
position: absolute;
overflow: hidden;
display: block;
}
#shadepagecontent {
color:#;
width: 100%;
position: absolute;
display: block;
z-index: 21;
left: 0;
top: 10px;
margin: auto;
text-align: center;
}
.packagePrice {
float: right; width: 100px; text-align: right;
display: block;
}
.packageName {
float: left;
}
.packageText {
position: relative;
}
#openframelarge {
margin: auto;
width: 700px;
height: 500px;
background-color: #;
border: solid 3px #;
background-image: url(pcicons/loading1.gif);
background-repeat:no-repeat;
background-position:center;
z-index: 1000;
position: fixed;
top: 5%;
left: 50%;
margin-left: -350px;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-moz-border-radius: 8px;
border-radius: 8px;
}
#cropContainer { z-index: 200; position: fixed; display: none; background: #; border: solid 2px #; width: 80%; height: 90%; margin: auto; left: 10%; top: 5%; -moz-box-shadow: 1px 1px 10px #000000; -webkit-box-shadow: 1px 1px 10px #000000; -goog-ms-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; overflow: visible; }
#cropFrame {
margin: auto;
width: 80%;
height: 90%;
background-color: #;
border: solid 3px #;
background-image: url(pcicons/loading1.gif);
background-repeat:no-repeat;
background-position:center;
z-index: 1000;
position: fixed;
margin: auto;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-moz-border-radius: 8px;
}
#cropBGContainer {
width:100%;
height:100%;
min-height: 100%;
margin:0;
position: fixed;
z-index: 199;
left: 0;
top: 0;
display: none;
}
#cropBG {
width:100%;
height:100%;
min-height: 100%;
background-image: url(pcicons/icons7/photobg.png);
background-color:#000000;
/* for IE */
filter:alpha(opacity=95);
/* CSS3 standard */
opacity:0.95;
position: absolute;
overflow: hidden;
display: block;
}
#loginframe {
margin: auto;
width: 50%; height: 50%; margin: auto; left: 25%; top: 25%;
background-color: #;
border: solid 3px #;
background-image: url(pcicons/loading1.gif);
background-repeat:no-repeat;
background-position:center;
position: fixed;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
.windowPadding { padding: 10px; }
.windowPadding img { display: block; }
#searchgallery { float: right; padding: 4px; }
.createAccountLoginPage {
font-size: 15px;
font-weight: bold;
color: #;
border: solid 1px #;
background-color: #;
padding: 6px;
margin: auto;
text-align: center;
}
.createAccountLoginPage a, .createAccountLoginPage a:active {text-decoration: none; color: #; }
.createAccountLoginPage a:link, .createAccountLoginPage a:visited {text-decoration: none; color: #; }
.createAccountLoginPage a:hover {color: #; text-decoration: underline; }
/* END PHOTO GALLREY STYLES */
#texteditframe {
margin: auto;
width: 500px;
height: 250px;
background-color: #;
border: solid 3px #;
z-index: 2001;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
.editTextContainer {
float: left;
position: relative;
width: 500px;
margin: -30px 20px 0 0;
z-index: 200;
}
.editText {
position: absolute;
z-index: 100;
float: left;
z-index: 200;
}
#leaveCommentForm {
margin: auto;
width: 70%;
display: block;
background-color: #;
border: solid 1px #;
padding: 4px;
}
#listComments {
margin: 20px auto 0 auto;
}
#comments{
background-color: #;
border: solid 1px #;
padding: 4px;
margin: 0px;
color: #;
}
#storeProduct{
background-color: #;
border: solid 1px #;
padding: 4px;
margin: 0px;
color: #;
}
#facebookLikeBox {
margin: auto;
}
/* THE FOLLOWING SECTION CONTROLS THE FORM STYLES */
form { padding: 0; margin: 0 }
textarea, input, select {
background-color: #;
color:#;
font-family : ,Arial,Verdana,sans-serif;
border: solid 1px #;
font-weight: normal;
padding: 2px;
font-size: 13px;
}
input.checkbox,.toselect ,input.radio{
font-size: ;
background-color: transparent;
border: 0;
margin: 0;
}
input.image {
background-color: transparent;
border: none;
}
.ff-default-value {
background-color: #;
color:#;
font-family : ,Arial,Verdana,sans-serif;
border: solid 1px #;
font-weight: normal;
font-style: italic;
}
.requiredFieldEmpty {
background-color: #f99999;
color:#000000;
font-family : ,Arial,Verdana,sans-serif;
border: solid 1px #890000;
font-weight: normal;
width: 97%;
}
input.submit {
font-size: 13px;
cursor: pointer;
font-weight: bold;
color: #;
border: solid 1px #;
background-color: #;
padding: 6px;
}
.submitSmall {
cursor: pointer;
color: #;
border: solid 1px #;
background-color: #;
padding: 4px;
}
a.submitSmall:active{ text-decoration: none; color: #; }
a.submitSmall:link,a.submitSmall:visited { text-decoration: none; color: #; }
a.submitSmall:hover { color: #; text-decoration: underline; }
.addToPackage {
cursor: pointer;
color: #;
border: solid 1px #;
background-color: #;
padding: 2px;
}
a.addToPackage:active{ text-decoration: none; color: #; }
a.addToPackage:link,a.addToPackage:visited { text-decoration: none; color: #; }
a.addToPackage:hover { color: #; text-decoration: underline; }
input.checkbox, input.radio {
border: none;
background-color:transparent;
}
.search {
background-color: #;
color:#;
font-family : ,Arial,Verdana,sans-serif;
border: solid 1px #;
font-weight: normal;
font-size: 13px;
padding: 2px 2px 2px 18px;
background-image: url('pcicons/search.png') ;
background-position: 2px 2px;
background-repeat: no-repeat;
}
#registerForm {
margin: auto;
width: 80%;
}
.requiredField {
padding: 0 0 0 16px;
background: transparent url('pcicons/required-field.png') no-repeat;
}
.formLeftCol {
width: 48%;
float: left;
padding: 6px 2px;
vertical-align:text-bottom;
}
.formRightCol {
width: 48%;
float: right;
padding: 6px 2px;
vertical-align:text-bottom;
}
#popup {
background:#;
color: #;
width: 100%;
}
#dispopup { color: #; padding: 4px; background-color: #; border: solid 1px #; }
a.ahover {
text-decoration: none;
border-bottom: 0px ;
display: inline-block !important;
display: inline;
vertical-align: bottom;
margin-bottom: 0px;
position: relative;
}
a.ahover span.tooltip {
visibility: hidden;
display: block;
position: absolute;
left: 0;
top: 20px;
padding: 4px;
z-index: 10;
background-color: #;
font-weight: normal;
color: #;
}
/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
a.ahover span.tooltip {
left: inherit;
top: inherit;
margin-top: 12px;
width: 0;
}
}
a.ahover:hover {
border-bottom: 0px solid #292929;
text-decoration: none;
}
a.ahover:hover span.tooltip {
visibility: visible;
width: 100px;
text-align: left;
margin-left: 10px;
border: solid 1px #;
color: #;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
.imagetable {
display:block;
margin:0px;
padding:0px;
vertical-align: middle;
}
#hovimg{
position: absolute;
width: 150px;
border: 0px solid black;
padding: 0px;
background-color: #000000;
visibility: hidden;
z-index: 100;
}
.minithumbsclear {
width: 60px;
height: 60px;
}
.minithumbs {
overflow: hidden;
padding: 0px;
width: 60px;
height: 60px;
border: solid px #;
}
/* END FORM STYLES */
#footer {
padding: 0px;
text-align: center;
}
#footer a, #footer a:active { text-decoration: none; color: #;}
#footer a:link, #footer a:visited { text-decoration: none; color: #; }
#footer a:hover { color: #; text-decoration: underline; }
.cssClear { clear:both;font-size: 0px;line-height: 0px; width: 0px; height: 0px; }
div.comment_body div.composer div.connected {color:#;}
.connect_widget_not_connected_text {color:#;}
div.comment_body div.composer div.connected div.UIImageBlock_Content {color:#;}
div.comment_body div.composer div.connected span.namelink a {color:#;}
div.comment_body div.post_area div.connected label {color:#;}
div.comment_body div.show_connected a.editsettings {color:#;}
div.comment_body div.wallkit_postcontent h4 {color:#e;}
div.comment_body div.wallkit_postcontent h4 a {color:#;}
div.comment_body div.wallkit_postcontent h4 span.wall_time {color:#;}
div.comment_body div.wallkit_postcontent div {color:#;}
div.comment_body div.wallkit_postcontent div a {color:#;}
div.comment_body div.wallkit_actionset a {color:# !important;}
div.comment_body div.wallkit_subtitle div.post_counter {color:#;}
div.comment_body div.wallkit_subtitle div.pager a {color:#;}
div.comment_body div.wallkit_subtitle div.pager a:hover {color:#;}
div.comment_body div.connect_area div.or {color:#;}
div.comment_body div.connect_area div.connect_button_text {color:#;}
div.comment_body div.wall_captcha {color:#;}
div.comment_body div.wall_captcha h3 {color:#;}
div.comment_body div.wall_captcha a {color:#;}
div.comment_body div.wall_captcha label {color:#;}
#loadingMore {
background: #;
color: #;
border-top: solid 1px boxes_border;
position: fixed; bottom: 10px; width: 200px; padding: 10px; left: 50%; margin-left: -100px; z-index:10; display: none; text-align: center;
}
#photoBGContainer,#popupBGContainer,#popupPackagePhotosBGContainer, #popupOtherContainer {
width:100%;
height:100%;
min-height: 100%;
margin:0;
position: fixed;
z-index: 20;
left: 0;
top: 0;
display: none;
}
#photoBG,#popupBG,#popupPackagePhotosBG, #popupOtherBG {
width:100%;
height:100%;
min-height: 100%;
background-image: url(pcicons/icons7/photobg.png);
background-color:#000000;
/* for IE */
filter:alpha(opacity=95);
/* CSS3 standard */
opacity:0.95;
position: absolute;
overflow: hidden;
display: block;
}
#popupPackagePhotosContainer { z-index: 100; position: fixed; display: none; background: #; border: solid 2px #; width: 80%; height: 90%; margin: auto; left: 10%; top: 5%; -moz-box-shadow: 1px 1px 10px #000000; -webkit-box-shadow: 1px 1px 10px #000000; -goog-ms-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; overflow: visible; }
#popupPackagePhotosContainerInner { padding: 20px; }
#packageSuccessMessage { display: none; }
#packageAddedSuccess { padding: 20px; z-index: 2000; position: fixed; display: none; background: #; border: solid 2px #; width: 50%; height: 50%; margin: auto; left: 25%; top: 25%; -moz-box-shadow: 1px 1px 10px #000000; -webkit-box-shadow: 1px 1px 10px #000000; -goog-ms-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; overflow: visible; }
#popupContainer { z-index: 100; position: fixed; display: none; background: #; border: solid 2px #; width: 50%; height: 50%; margin: auto; left: 25%; top: 25%; -moz-box-shadow: 1px 1px 10px #000000; -webkit-box-shadow: 1px 1px 10px #000000; -goog-ms-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; overflow: visible; }
#popupinner { padding: 20px; }
#popupTextEditContainer { z-index: 2001; position: fixed; display: none; background: #; border: solid 2px #; width: 40%; height: 40%; margin: auto; left: 30%; top: 30%; -moz-box-shadow: 1px 1px 10px #000000; -webkit-box-shadow: 1px 1px 10px #000000; -goog-ms-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; overflow: visible; }
#viewPhotoContainer {
z-index: 100; position: fixed;
background: #;
border: solid 2px #;
width: 80%;
height: 90%;
left: 10%; top: 5%;
-moz-box-shadow: 1px 1px 10px #000000;
-webkit-box-shadow: 1px 1px 10px #000000;
-goog-ms-box-shadow: 1px 1px 10px #000000;
box-shadow: 1px 1px 10px #000000;
display: none;
margin: auto;
overflow: visible;
}
#viewPhoto { position: relative; display: block; width: 100%; height: 100%; -webkit-touch-callout:none;}
#viewPhotoOuter { width: 70%; float: left; text-align: center; position: absolute; }
#viewPhotoActionsContainer { z-index: 101; position: absolute; width: 100%; }
#viewPhotoActions { position: relative; width: 95%; margin: auto; display: none; }
#viewPhotoInfoContainer { z-index: 101; position: absolute; width: 70%; bottom: 0; }
#viewPhotoInfo { position: relative; width: 100%; margin: auto; }
#viewPackages { display: none; width: 70%; height: 100%; overflow-y: scroll; position: relative;}
.packagePadding { padding: 20px; }
#viewPhotoProducts { width: 30%; float: right; padding: 0px; overflow-y: scroll; height: 100%; position: relative;}
.photoView {
position: relative;
margin: auto;
display: none;
background-color: #;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
}
#viewPhotoOver {
position: fixed;
background: transparent;
margin: atuo;
display: block;
width: 1px;
height: 1px;
}
.photoViewOne {
position: relative;
margin: auto;
background-color: #;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
}
.photoViewContainer { position: absolute; float: left; margin: auto; width: 100%; }
#prevPhoto { position: fixed; width: 10%; height: 200px; text-align: center; left: 0; top: 40%; opacity:0.5; cursor: pointer; display: none;}
#nextPhoto { position: fixed; width: 10%; height: 200px; text-align: center; right: 0; top: 40%; opacity:0.5; cursor: pointer; display: none;}
#viewPhotoExit {z-index: 102; position: fixed; right: 1%; top: 1%; width: 40px; height: 40px; background: url('pcicons/exit.png') no-repeat center center; cursor: pointer;}
#prevPhoto:hover { opacity:1; }
#nextPhoto:hover { opacity:1; }
#loadingPage {
display: none;
top: 0;
left: 0;
position: fixed;
z-index: 3000;
text-align: center;
background: url('pcicons/loading-page.gif') no-repeat center center;
width: 100%;
height: 100%;
}
#hovercontainer {
display: none; position: fixed;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
background: # url(pcicons/loading2.gif) center center no-repeat;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#editcontainer {
display: none; position: fixed;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
width: 20px;
height: 20px;
background: transparent url('pcicons/edit.png') center center no-repeat;
}
#packagehovercontainer{
display: none; position: fixed;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
background: # url(pcicons/loading2.gif) center center no-repeat;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
}
#optionhovercontainer{
display: none; position: fixed;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
background: # url(pcicons/loading2.gif) center center no-repeat;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
z-index: 1000;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
#graphicoptionscontainer{
display: none;
position: fixed;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
background: # url(pcicons/loading2.gif) center center no-repeat;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
}
.hoveron {
z-index: 13;
}
.hoveronopen {
z-index: 1001;
position: relative;
}
.crop { background: #000000;opacity: 0.8;filter:alpha(opacity=80); position: fixed; z-index: 2; display: none;}
.icon {
background: #;
-moz-border-radius:2px;
border-radius: 2px;
padding: 2px;
vertical-align: middle;
}
a.icon:hover {
background: #444444;
-moz-border-radius:2px;
border-radius: 2px;
padding: 2px;
}
#selectedPhotos{
position:fixed;
bottom:0;
left:0;
width:100%;
height:80px; /* Height of the footer */
background: #;
color: #;
border-top: solid 1px boxes_border;
padding: 6px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
z-index: 110;
}
#selectedPhotos #thePhotos {
position: relative;
float: left;
width: 50%;
overflow-y: scroll;
overflow-x: hidden;
white-space:nowrap;
height: 100px;
}
#selectedPhotos #theActions {
float: left;
width: 50%;
}
#selectedPhotos .heldMini {
float: right;
margin: 2px;
display: table-cell;
position: relative;
}
#selectedPhotos .heldMini .heldMiniRemove {
position: absolute;
top: 2px;
left: 2px;
}
#selectedPhotos .links { }
#selectedPhotos .links:hover { }
#goToTop{
position:fixed;
bottom:2px;
right: 6px;
z-index: 10;
}
#viewPhotoMessage{
background: #;
border: solid 1px #;
color: #;
padding: 8px;
width: 8%;
position:fixed;
top:5%;
left: 6px;
z-index: 100;
display: none;
}
#photoActionMenu { float: left; margin-top: -25px; left: 0;}
#photoActionMenu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#photoActionMenu ul li, #closePackageView li {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#ipadNav { text-align: center; }
#ipadNav a {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
}
#favLogin {
position: relative;
background-color: #;
z-index: 1000;
}
#mobileActions ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#mobileActions ul li{
padding: 4px;
margin: 4px;
float: left;
position: relative;
}
#photoActionMenuRight { float: right; margin-top: -25px; left: 0; text-align: right;}
#photoActionMenuRight ul { list-style-type: none;
padding: 0px;
margin: 0px;
}
#photoActionMenuRight ul li {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
margin: 4px;
float: right;
position: relative;
}
#photoActionMenuRight ul li div {
position: relative;
}
#closePackageView { float: left; margin-top: -25px; left: 0; display: none;}
#closePackageView ul { list-style-type: none;
padding: 0px;
margin: 0px;
}
.zoomCur {
cursor: url('pcicons/magnify.cur'), pointer;
}
.zoomClose {
cursor: pointer;
}
#adminFunction {
position: fixed; left: 0; bottom: 0; z-index: 8000; margin-left: -250px;
}
#adminFunctionInner {
float: left;
width: 250px;
background: #;
color: #;
border: solid 1px boxes_border;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-moz-border-radius: 6px;
}
#adminFunctionInner .content { padding: 8px; }
#adminFunctionTabInner{
float: left; position: relative; display: block; width: 60px; height: 289px;
}
#adminFunctionTab{
background: #; position: absolute; bottom: 0; padding: 8px; cursor: pointer; color: #; border-top-right-radius: 5px; -moz-border-radius-topRight: 5px;border-bottom-right-radius: 5px; -moz-border-radius-bottomRight: 5px;
text-align: center;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-moz-border-radius: 6px;
}
.textEdit { border-bottom: 1px dashed #ba0000; cursor: pointer;}
#listAccessories {
margin: auto;
font-size: ;
color: #;
text-align: center;
}
#listAccessories .displaygallerya { display: inline; position: relative; float: left;}
#listAccessories .displaygalleryb { padding: 16px; margin-bottom: 40px; position: relative; bottom: 0; left: 8px; display: inline-block; *display:inline; zoom: 1; float: none; }
#listAccessories .displaygalleryc { display: block; position: relative; bottom: 0; text-align: center; }
#listAccessories .displaygalleryd { position: absolute; bottom: 0;text-align: center; margin: auto; display: block; }
#listAccessories .displaygallerynamecontainer { z-index: 20; postion: relative; }
#listAccessories .displaygalleryname { padding: 4px; float: left; width: 100%; text-align: center; }
.accListing { padding: 16px; }
.accThumbnail { }
.accViewPhoto { width: 50%; float: left; text-align: center;}
.accViewItemInfo { width: 50%; float: left; }
// .accListingName { white-space: nowrap; overflow: hidden; }
.tooltip{
position:fixed;
z-index:999;
color:#fff;
background-color:#444444;
border: solid 1px #343434;
padding:1px;
display: none;
text-align: left;
font-size: 13px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-moz-border-radius: 6px;
max-width: 300px;
text-shadow: none;
font-weight: normal;
}
.tooltip div{
margin:0;
padding:4px;
padding:2px 7px;
display: block;
white-space: normal;
}
.mobilePhotoContainer { padding: 4px; -webkit-touch-callout:none; display: none; }
.mobilePhoto { }
#PCMainMenuContainer {
margin-left: auto; margin-right: auto;
}
#PCMainMenu {
list-style:none;
margin: 0;
padding: 0;
position:relative;
z-index: 8;
width:100%; margin-left: auto; margin-right: auto;
}
#PCMainMenu ul {
left: 0;
margin:0;
margin-left:6px;
padding-left:0.2em;
}
#PCMainMenu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
#PCMainMenu li a {
display: block;
margin: 0 1px 0 0;
padding: 6px 16px 6px 0;
text-decoration: none;
}
.PCMainMenuDropDown {
color: #;
background-color: #;
position: absolute;
padding: 0px 4px 4px 4px;
margin: 0 0 0 -8px;
z-index: 109;
right: 0;
min-height: 1px;
}
#PCMainMenuDropDownItem{
padding: 6px;
margin: 0;
font-size: ;
color: #;
text-align: left;
border-bottom: 1px solid #;
line-height: 13px;
}
#PCMainMenuDropDownItem a, #PCMainMenuDropDownItem a:active { text-decoration: none; color: #;}
#PCMainMenuDropDownItem a:link, #PCMainMenuDropDownItem a:visited { text-decoration: none; color: #; }
#PCMainMenuDropDownItem a:hover { color: #; text-decoration: underline; }
#ssContainer { text-align: center; background: #890000;}
.SSphotoViewContainer { position: absolute; margin: auto; width: 100%; }
#ssViewPhotoOuter { position: relative; text-align: center; width: 100%; height: 100%; display: block; }
#ssViewPhotoOuterFixed { position: fixed; text-align: center; width: 100%; height: 100%; display: block; }
.SSphotoView {
margin: auto;
display: none;
background-color: #;
padding: px;
border-width: px;
border-style: solid;
border-color: #;
}
#ssControls {
padding: 6px;
}
#ssControls ul {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
}
#ssControls ul li { margin: 4px; display: inline; }
.thumbicons {
display: table;
margin: 0 auto;
text-align: center;
}
.thumbicons ul {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
}
.thumbicons ul li {
padding: 2px;
margin: 0;
display: inline;
}
#compareall { background: #; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; display: none; }
#colorPreviewDiv {
border: 1px solid #;
background-color: #;
color: #;
padding: 4px;
float: right;
position: relative;
}