/******************************* GLOBAL *******************************/ /* Colors: medium red: #c00 dark red: #900 very light blue: #ccf, e9e9fd light blue: #669 med blue: #006 blue: #006 yellow: #fc3 gold: #bca242 gold border:#bca242 gray: #666 light tan: #fdf5da */ body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#fff url(/files/imagesGABPprop/global/bkgds/shim-vertical.gif) repeat-x;} a {color: #006; outline:none;} a:hover {text-decoration:none; color:#669; outline:none;} .punch {font-weight:bold; font-style:italic; color:#900; font-size:110%;} .red {font-weight:bold; font-style:italic; color:#900;} .rightalign {float:right; margin:5px 0 5px 5px;} .leftalign {float:left; margin:5px 5px 5px 0;} .cleardiv {clear:both;} #container {background:url(/files/imagesGABPprop/global/bkgds/shim-horizontal.png) repeat-y;} #container-inner {background:#fff; border:solid #006; border-width:0 2px;} /******* global form fields *******/ .form-field, .form-fieldnumber, .form-fieldzip {height:14px; font-size:.9em; margin-right:2px; border:1px solid #999; padding:3px; color:#006; vertical-align:middle;} .form-fieldnumber {width:16px;} .form-fieldzip {width:100px;} .form-drop {font-size:1em; border:1px solid #ccc; padding:3px; vertical-align:middle;} /******* global errors *******/ .errors {background:#f5f5f5; border:1px solid #900; color:#900; padding:5px 10px; font-size:1.2em; margin:5px 30px 5px; font-weight:bold;} .errors ul {} .errors li, .errors p {list-style:none; background:url(/files/imagesGABPprop/global/icons/error.gif) no-repeat; margin:4px 0; padding-left:20px;} /******* popup styles *******/ .eV_popUp { border:2px solid #006} .eV_popUp_title {background:#006; padding:5px; font-size:1.2em; overflow:auto;} .eV_popUp_titleText {color:#fff; width:70%; float:left;} .eV_popUp_close {width:10px; float:right; text-decoration:none; background:#fff; padding:1px 3px; border:#1px solid #000; text-align:center;} .eV_popUp_close a {text-decoration:none; font:1.4em bold Georgia, "Times New Roman", Times, serif;} .eV_popUp_close a:hover {color:#ff9;} .eV_popUp_content {} /******* modalbox popup *******/ .pu-container.pu-500 {width:502px;} .pu-container.pu-380 {width:382px;} .pu-container.pu-300 {width:302px;} .pu-container img {border:1px solid #666;} .pu-container p img {border:none; margin-bottom: 5px;} .pu-text {margin-top:5px;font:1.1em Arial, Helvetica, sans-serif;} .pu-text h2 {font-size:1.4em; color:#360; margin:0 65px 4px 0;} .pu-text p {margin-top:4px;} .pu-text p.pu-price {font-weight: bold; color:#900;} .pu-text table {border:1px solid #ccc; border-width:1px 0 0 1px; margin:5px 5px 10px 2px; font-family:Arial, Helvetica, sans-serif; width:500px;} .pu-text table th, .pu-text table td {padding:4px; vertical-align:top; border:1px solid #ccc; border-width: 0 1px 1px 0; width:25%;} .pu-text table th {background:#333; color:#fff;} /********* HEADER *********/ /* logo area */ .toplogo {margin:2px 0 0 5px;} #headercenter {width:280px; float:left; margin-left:80px;} #headercart {width: 250px; height:63px; float:right; margin:0; padding:3px 0; font-size:1em;} #headercart h6 {font-size:1.4em; color:#900; text-align:center;} #headercart p {text-align:center; vertical-align:middle; margin:0px 0;} #headercart p img {vertical-align:middle; margin:2px;} #secure {float:left; margin:8px 5px 5px 80px;text-align:center;} #header-top-confirm #secure {margin-left: 260px} #secure h6 {text-align:center; color:#006; font-size: 2em; font-weight:normal;} #secure h5 {font-size:2em; color:#900; text-align:center;} #header-top-confirm #secure h5 {font-size:2.8em; color:#900; margin-top:20px; text-align:center;} #secure p {text-align:center; font-size:1.2em; font-weight:bold;} #secure img {float:none;} #verisign {float:right; width:145px; text-align:center; margin:5px 0px 0px 5px;} .security {padding-left:10px;} /********* 1ST ROW DROP TABS *********/ /* Main menu settings */ #centeredmenu {clear:both; float:left; margin:0; padding:0; width:100%; z-index:1000; position:relative;} /* Top menu items */ #centeredmenu ul {margin:0 0 0 0; padding:0; list-style:none; float:right; position:relative; right:50%;} #centeredmenu ul li {margin:0 0 0 2px; padding:0; float:left; position:relative; left:50%; top:1px;} #centeredmenu ul li a {display:block; margin:0; padding: 6px 1em 5px; font-weight: bold; font-size:1.3em; line-height:15px; background: url(/files/imagesGABPprop/global/bkgds/shim-blue-new.gif) repeat-x; border-radius:5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0; text-decoration:none; color:#fff; text-transform: uppercase; border:1px solid #036; border-bottom:none;} #centeredmenu ul li.active a {color:#fff; background:url(/files/imagesGABPprop/global/bkgds/shim-blue-new.gif) repeat-x; border-color: #c00} #centeredmenu ul li a:hover {background:#0053a2; color:#fff; border:1px solid #036; border-bottom:none;} #centeredmenu ul li:hover a, #centeredmenu ul li.hover a {background:#0053a2; color:#ff9; border:1px solid #036; border-bottom:none; /* for IE 6 and below */} /* Submenu items */ #centeredmenu ul ul {display:none; position:absolute; top:27px; left:0; float:left; right:auto; border:1px solid #036; border-top:none; background:#036; width:172px;} #centeredmenu ul ul li {left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; float:left; width:150px;} #centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, #centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */ font-size:1.1em; font-weight:normal; /* resets the bold set for the top level menu items */ background: #0053a2; font-weight:bold; color:#fff; line-height:1.4em; /* overwrite line-height value from top menu */ border:1px solid #036; border-width:0 0 1px 0; /* sub menu item horizontal lines */ float:left; width:150px; border-radius: 0; -moz-border-radius: 0;} #centeredmenu ul ul li a:hover, #centeredmenu ul li.active ul li a:hover, #centeredmenu ul li:hover ul li a:hover, #centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ background:url(/files/imagesGABPprop/global/bkgds/shim-ltblue2.gif) repeat-x; /* Sub menu items background colour */ color:#036; float:left;} /* Flip the last submenu so it stays within the page */ #centeredmenu ul ul.last {left:auto; /* reset left:0; value */ right:0; /* Set right value instead */} #centeredmenu ul ul.last li {float:right; position:relative; right:.8em;} /* Make the sub menus appear on hover */ #centeredmenu ul li:hover ul, #centeredmenu ul li.hover ul { display:block; /* For IE 6 and below */} /* Make the sub menus appear on hover */ #centeredmenu ul li:hover ul, #centeredmenu ul li.hover ul { display:block; /* For IE 6 and below */} /********* 2ND ROW DROP TABS *********/ /* Main menu settings */ #centeredmenu2 {clear:both; float:left; margin:0; padding:0; width:100%; z-index:990; position:relative;} /* Top menu items */ #centeredmenu2 ul {margin:0 0 0 0; padding:0; list-style:none; float:right; position:relative; right:50%;} #centeredmenu2 ul li {margin:0 0 0 2px; padding:0; float:left; position:relative; left:50%; top:1px;} #centeredmenu2 ul li a {display:block; margin:0; padding: 6px 1em 5px; font-weight: bold; font-size:1.3em; line-height:1.3em; background: url(/files/imagesGABPprop/global/bkgds/shim-blue-new.gif) repeat-x; border-radius:0 ; -moz-border-radius: 0; text-decoration:none; color:#fff; text-transform: uppercase; border:1px solid #036; border-bottom:none;} #centeredmenu2 ul li.active a {color:#fff; background:url(/files/imagesGABPprop/global/bkgds/shim-blue-new.gif) repeat-x; border-color: #c00} #centeredmenu2 ul li a:hover {background:#0053a2; color:#fff; border:1px solid #036; border-bottom:none;} #centeredmenu2 ul li:hover a, #centeredmenu2 ul li.hover a {background:#0053a2; color:#ff9; border:1px solid #036; border-bottom:none; /* for IE 6 and below */} /* Submenu items */ #centeredmenu2 ul ul {display:none; position:absolute; top:27px; left:0; float:left; right:auto; border:1px solid #036; border-top:none; background:#036; width:172px;} #centeredmenu2 ul ul li {left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; float:left; width:150px;} #centeredmenu2 ul ul li a, #centeredmenu2 ul li.active li a, #centeredmenu2 ul li:hover ul li a, #centeredmenu2 ul li.hover ul li a { /* This line is required for IE 6 and below */ font-size:1.1em; font-weight:normal; /* resets the bold set for the top level menu items */ background: #0053a2; font-weight:bold; color:#fff; line-height:1.4em; /* overwrite line-height value from top menu */ border:1px solid #036; border-width:0 0 1px 0; /* sub menu item horizontal lines */ float:left; width:150px; border-radius: 0; -moz-border-radius: 0;} #centeredmenu2 ul ul li a:hover, #centeredmenu2 ul li.active ul li a:hover, #centeredmenu2 ul li:hover ul li a:hover, #centeredmenu2 ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ background:url(/files/imagesGABPprop/global/bkgds/shim-ltblue2.gif) repeat-x; /* Sub menu items background colour */ color:#036; float:left;} /* Flip the last submenu so it stays within the page */ #centeredmenu2 ul li.last a {background-image:none; background-color:#900;} #centeredmenu2 ul li.last ul {left:auto; /* reset left:0; value */ right:0; /* Set right value instead */} #centeredmenu2 ul li.last ul li {float:right; position:relative; right:22px;} /* Make the sub menus appear on hover */ #centeredmenu2 ul li:hover ul, #centeredmenu2 ul li.hover ul { display:block; /* For IE 6 and below */} /* Make the sub menus appear on hover */ #centeredmenu2 ul li:hover ul, #centeredmenu2 ul li.hover ul { display:block; /* For IE 6 and below */} /* top tabs */ .tabs {} .tabs ul {padding: 6px 0 1px; font: 1.5em "Trebuchet MS", "Lucida Grande", Arial, san-serif; letter-spacing:.05em;} .tabs ul.toptabs {margin-left:105px} .tabs ul li a {padding: 6px 0 1px; background: url(/files/imagesGABPprop/global/bkgds/tab-right2.gif) no-repeat 100% 0; color: #ffeeb9; text-decoration: none;} .tabs ul li a span {padding: 6px 2.2em 1px; background: url(/files/imagesGABPprop/global/bkgds/tab-left2.gif) no-repeat;} .tabs ul li a:hover {background: url(/files/imagesGABPprop/global/bkgds/tab-right2.gif) no-repeat 100% 0; color: #f5f5f5;} .tabs ul li a:hover span {background: url(/files/imagesGABPprop/global/bkgds/tab-left2.gif) no-repeat;} .tabs ul li.last a {padding: 0 0 0 40px; background: none; color: #006; font:bold .6em Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; letter-spacing:normal;} .tabs ul li.last a span {padding:0; background:none;} .tabs ul li.last a:hover {color:#669; text-decoration:none; background:none;} .tabs ul li.last a:hover span {background:none;} .tabs ul li.alttab a {background: url(/files/imagesGABPprop/global/bkgds/tab-rightalt.gif) no-repeat 100% 0; color: #006;} .tabs ul li.alttab a span {background: url(/files/imagesGABPprop/global/bkgds/tab-leftalt.gif) no-repeat;} .tabs ul li.alttab a:hover {background: url(/files/imagesGABPprop/global/bkgds/tab-right2.gif) no-repeat 100% 0; color: #f5f5f5;} .tabs ul li.alttab a:hover span {background: url(/files/imagesGABPprop/global/bkgds/tab-left2.gif) no-repeat;} /* secondary tabs */ .actionbar {background:#006 url(/files/imagesGABPprop/global/bkgds/shim-blue.gif) repeat-x; border:2px solid #006; border-width:2px 0;} .actionbar ul li a {font:1.2em Verdana, Arial, Helvetica, sans-serif; padding:.4em 2.5em; color:#fff; border:1px solid #f6dd81; border-width:1px 0; text-decoration:none; line-height:1.2em; font-weight:bold; background:url(/files/imagesGABPprop/global/bkgds/tab-separator.gif) no-repeat left;} .actionbar ul li a:hover {background:#fc3 url(/files/imagesGABPprop/global/bkgds/tab-separator.gif) no-repeat left; color:#006;} .actionbar ul li.first a {background:url(/files/imagesGABPprop/global/bkgds/tab-separator-left.gif) no-repeat left;} .actionbar ul li.first a:hover {background:#fc3;} .actionbar ul li.last {background:url(/files/imagesGABPprop/global/bkgds/shim-red-tab.gif) left top;} .actionbar ul li.last a {padding:.4em 2.2em; background:url(/files/imagesGABPprop/global/bkgds/tab-separator-red.gif) no-repeat right; font-style:italic; text-transform: uppercase;} .actionbar ul li.last a:hover {background:#fc3;} @media screen and (-webkit-min-device-pixel-ratio:0) {.actionbar ul li.last a {padding:.4em 2.5em;}} /* SAFARI HACK */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .actionbar ul li.last a {padding:.4em 1.9em;} } /* OPERA WIN HACK */ /* action bar */ .actionbar2 {background:#006 url(/files/imagesGABPprop/global/bkgds/shim-gold.gif) repeat-x; border:1px solid #006; border-width:0 0 1px 0; font-size:1.2em} .actionbar2 ul li a {font-size:1em; padding:.3em 2.25em; color:#006; text-decoration:none; border:1px solid #006; border-width:0; line-height:1.2em; font-weight:bold;} .actionbar2 ul li a:hover {color:#669; text-decoration: underline;} /********* LEFT COLUMN *********/ #left {margin: 5px 0 10px 5px; width:145px;} #left .form-field {width:90px;} #left .form-drop {width:120px; margin-left:8px;} #left .go-button img {vertical-align:middle; margin-left:2px;} /* Email and Search Box */ #email, #search, #quickorder, #refer {margin-bottom:3px; padding-bottom:5px; border:1px solid #bca242;} #email p, #search p, #quickorder p, #refer p {padding:0 5px; font-size:1em; margin-top:5px;} #email {background:#fff url(/files/imagesGABPprop/global/bkgds/shim-ltgray.gif) repeat-x; background-position: top 40px; border:1px solid #900;} #email h6 {background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-red.gif) repeat-x; color:#fff; font-size:1.8em; padding:8px; margin-bottom:5px; text-align:center; border-bottom:1px solid #900;} #search {} #search h6 {background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-gold.gif) repeat-x; border:1px solid #bca242; border-width:0 0 1px 0; color:#006; font-size:1.6em; padding:2px 5px 3px 8px; margin-bottom:4px;} #search .go-button {margin-bottom:0;} #search p {margin:2px; padding-top:0} .left-drop {padding-left:5px;} .left-drop2 {font-size:10px;} #quickorder {} #quickorder h6 {background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-gold.gif) repeat-x; border:1px solid #bca242; border-width:0 0 1px 0; margin-bottom:4px; color:#006; font-size:1.3em; padding:5px 5px 5px 8px; margin-bottom:5px;} #left #quickorder .form-fieldnumber {width:24px;} /* Refer-A-Friend #refer {background:#ccc; padding-bottom:0;} #refer h6 {font-size:1.5em; padding:2px 5px; color:#fff; background:#006; text-align:center;} #refer a {color:#006;} #refer .form-field, #refer img {border-color:#999; margin-bottom:5px;} */ /* Left sections */ .sections {margin-bottom:3px; border:1px solid #bca242;} .sections h6 {background:#006 url(http://www.gabpproperty.com/files/imagesGABPprop/global/bkgds/shim-blue.gif) repeat-x; color:#ff9; padding:6px 8px 4px;font-size:1.4em; border:1px solid #bca242; border-width:0 0 1px 0; text-transform:uppercase;} .sections h6 a {color:#fff; font-size:.8em;} .sections ul {line-height:13px; background: #ffeeb9; padding-bottom:2px;} .sections ul li a {font-size: 1.1em; font-weight:bold; padding:3px 4px 2px 10px; color:#006;} .sections ul li a:hover {background: #669; color: #fff; text-decoration:none;} /* Departments */ .sections-dept {margin-bottom:3px; border:1px solid #006; border-top:none;} .sections-dept ul {line-height:13px;} .sections-dept ul li { display: block; border:1px solid #006; border-width:1px 0 1px 0;} .sections-dept ul li a {background:#006 url(/files/imagesGABPprop/global/bkgds/shim-blue.gif) repeat-x; border:1px solid #f6dd81; border-width:1px 0; font-size: 1.1em; text-transform:uppercase; font-weight:bold; padding:5px 5px 4px 8px; color:#fff; text-decoration:none;} .sections-dept ul ul {background:#f0f0fd; padding-bottom:2px;} .sections-dept ul ul li {border:none;} .sections-dept ul ul li a {background:none; font-weight:bold; margin:0; padding:3px 4px 2px 10px; text-decoration:underline; color:#006; border:none; font-weight:normal; text-transform:none;} .sections-dept ul li a:hover {background: #006; color: #fff; text-decoration:underline;} .sections-dept ul ul li a:hover {background: #669; color: #fff; text-decoration:none;} #left-social {} #leftplugs {width:145px; margin-top:5px;} /********* RIGHT COLUMN *********/ #right {width:145px; margin:5px 0 10px 0;} #right .eV_bannerZone {margin-bottom:5px;} #date {margin-bottom:2px; color: #006; font-size:1.1em; font-weight:bold; text-align:center} #bookmark {text-align:center; margin-bottom:6px; font-size:1em} /********* PLUGS *********/ /* Bestsellers */ #bestsellers {border:1px solid #006; font-size:1.1em;} #bestsellers h6 {font-size:1.4em; color:#fff; background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-red.gif) repeat-x; border-bottom:1px solid #006; padding:3px; text-align:center;} #bestsellers ol {margin:5px 0 5px 30px; padding:0 3px;} #bestsellers ol li {padding:0 0 3px 0; list-style-type:decimal;} /* Top sellers */ #topsellers {border:1px solid #006; font-size:1.1em; margin-bottom:5px;} #topsellers img.plughead-image {border:none; padding:0; margin:0;} #topsellers ol {margin:5px 0 5px 18px; padding:0 3px;} #topsellers ol li {padding:0 0 3px 0; clear:right; list-style-type:decimal;} #topsellers ol li img {margin:0 3px 5px 5px; background:#fff; padding:2px; float:right; border:1px solid #ccc; } /* Quickfacts */ #bestsellers {margin-bottom:5px;} #bestsellers dl {margin:5px 0 5px 3px; padding:0 3px; list-style-type:none} #bestsellers dt {font-weight:bold;} #bestsellers dd {margin-bottom:3px;} /* Best Seller/Extra Special */ .feature-item {margin-bottom: 5px; background:#ffc;} .feature-inner.greenborder {border:2px solid #030; border-width:0 2px 2px 2px; padding:2px 0;} .feature-inner.blueborder {border:2px solid #006; border-width:0 2px 2px 2px; padding:2px 0;} .feature-inner p {text-align:center; margin:1px 2px;} .feature-inner p.punch {color:#990000; font-style:italic} .feature-item .buttons {font-size:1em;} #right .feature-item img, #leftplugs .feature-item img {margin:0; display:block;} #right .feature-inner img, #leftplugs .feature-inner img {display:inline; margin:0 2px; border:1px solid #ccc;} #right .feature-item .buttons img, #leftplugs .feature-item .buttons img {vertical-align:middle; border:none; margin-left:2px} /* Recently */ #recently {padding-bottom:3px; font:1.1em Arial, Helvetica, sans-serif; background:#faf4d2; border:1px solid #006; padding:3px; margin-bottom:5px;} #recently h3 {font-size:1.6em; text-align:center; color:#900; margin-bottom:4px;} #recently p {clear:both; margin-bottom:5px; padding-top:5px; border-top:1px solid #ccc;} #recently img {margin:0 3px 5px 5px; background:#fff; padding:2px; float:right; border:1px solid #ccc; } .plug-image {width:145px; margin-bottom:5px; text-align:center} .plug-product {width:143px; border:1px solid #006; padding:0 0 5px 0; margin-bottom:5px; text-align:center;} .plug-product h4, .plug-product h5, .plug-product p {text-align:center;} .plug-product h4 {font-size:1.4em; margin:0 0 3px 0; padding:5px 3px; background:#006 url(/files/imagesGABPprop/global/bkgds/shim-red.gif) repeat-x; border-bottom:1px solid #006; color:#fff;} .plug-product h6 {font-size:1.8em; font-style:italic; padding:0; color:#900; text-align:center;} .plug-product p {margin:3px; font-size:1.2em;} .plug-special {width:143px; border:1px solid #006; padding:0 0 3px 0; margin-bottom:5px; text-align:center;} .plug-special h4, .plug-special h5 {padding:0 2px; text-align:center;} .plug-special p {margin:5px 0 3px; font-size:1.1em; text-align:center} .plug-clearance {width:143px; border:1px solid #006; background:#900; padding:3px 0; margin-bottom:5px; text-align:center;} .plug-clearance h4, .plug-clearance h5 {padding:0 2px; margin-bottom:2px; text-align:center; color:#fff;} .plug-clearance h4 {color:#ff6; margin-bottom:0;} .plug-clearance p {margin:5px 0 3px; font-size:1.1em; text-align:center} .plug-clearance a {color:#ff6;} /* Testimonial */ .plug-test {width:143px; background:#ff9; border:1px solid #006; padding:0 0 2px; margin-bottom:5px; text-align:center} .plug-test p {margin:2px 5px 3px; font:bold 1.2em Georgia, "Times New Roman", Times, serif; color:#036;} .plug-test p.test-from {text-align:right; font:bold 1em Arial, Helvetica, sans-serif; color:#000; font-style:italic;} .plug-test p.plug-click {font:1.1em Arial, Helvetica, sans-serif; text-align:center;} /* Right Cart */ .rightcart {border:1px solid #006; margin-bottom:5px; font-size:1em;} .rightcart h6 {font-size:1.4em; text-align:center; color:#900; margin-bottom:5px; padding: 3px 0} .rightcart .rightcart-icon {float:left; margin:2px 10px 5px 5px;} .rightcart label {margin:2px 0 1px 0;} .rightcart p {clear:left; text-align:center; margin:5px 0 8px 0;} .rightcart h5 {clear:left; font-size:1em; text-align:center; margin:5px 0 4px 0;} .rightcart h5 a {margin:0 4px;} /********* FOOTER *********/ #footer {padding-top:10px; font-size: 1.1em;} #footer p {text-align:center; margin-bottom:15px;} #footer img {margin-bottom:5px;} /******************************* CENTER COLUMN *******************************/ /* CENTER CONTENT */ #content {font-size:1.2em;} /* PS bar */ #psbar {margin:5px 0 4px 0;padding:3px 0;} #psbar label {vertical-align:middle; font-size:1em; margin:5px 5px 0 34px; font-weight:bold;} #psbar .form-drop {font-size:10px;} .centerbanner {margin-bottom:10px; margin-top:5px;} #breadcrumbs p {margin:5px 0 5px 0; font-size:.9em;} /* CATEGORY/PRODUCTLINE DISPLAY */ #category-top h1 {font-size:1.8em; text-align:center;} #category-top h1 strong {font-size:2.2em; color:#006;} #category-top h2 {font-size:1.4em; text-align:center; margin-bottom:10px;} #category-top p {margin:6px 0 0;} /* Category/Cross-Sell thumbnail diplay */ #cat h1 {font-size:1em; padding: 5px 5px 2px 5px; text-align:center;} #cat h2 {border:1px solid #006; border-width:1px 0;} #cat h2 a {color:#fff; display:block; background:#006 url(/files/imagesGABPprop/global/bkgds/shim-blue.gif) repeat-x; border:1px solid #f6dd81; border-width:1px 0; font-size:1.2em; padding:5px 5px; text-align:center; text-decoration:underline;} #cat h2 a:hover {text-decoration:none; color:#ffc} #cat h3 {text-align:center;} #cat h5 {background:#006; font-size:1.4em; padding:8px; color:#fff;} #cat h6 {font-size:1.1em; font-style:italic; padding:0; color:#900; text-align:center;} #cat p {margin-bottom:4px; font-size:1em; text-align:center;} #cat p.punch {font-size:1.2em;} #cat img {margin:5px 0;} #cat .buttons {} #cat .buttons img {vertical-align:middle; margin-left:8px} /* productline bar */ .prodline ul {font-size:.9em;} .prodline li {background:#006; height:28px; color:#fff;} .prodline li.pbar-pages {font-weight:normal; color:#fff;} .prodline a {color:#fff} /************ PRODUCT PAGE ************/ #product-top {padding-bottom:10px; margin-top:5px;} #product-top h1 {font-size:2em; color:#006;} #product-top h2 {font-size:1.4em; font-style:italic; color:#333;} #productphotos #producthero {margin-bottom:10px; text-align:center;} #productphotos #heroCaption {text-align:center;} #productphotos .thumbs1, #productphotos .thumbs2 {float:left; display:inline; text-align:center; font-size:.9em;} #productphotos .thumbs1 {width:90px; margin:0px 5px 10px 5px;} #productphotos .thumbs2 {width:45px; margin:0px 2px 10px 3px;} #productphotos .swatcharea {margin-bottom:10px;} #productphotos .swatcharea h5 {font-size:1.1em} #productphotos .swatcharea h6 {font-size:1.2em} #productphotos .swatcharea ul {padding:5px;} #productphotos .swatcharea ul li {list-style:disc; margin-left:15px;} /******* video area *******/ #productphotos p.videocaption {text-align:center; padding:3px 0 10px; font-weight: bold; font-style:italic;} #productinfo h1 {font-size:1.4em; padding:2px 0;} #productinfo h3 {background:#ff6; color:#900; font-style:italic; font-weight: bold; margin:0 10px; text-align:center; border:1px solid font-size:1.2em; margin-bottom:5px; padding:3px; border:1px solid #bca242;} #productinfo h4 {font-size:1.4em; margin:5px 0; font-style:italic; color:#900;} #productinfo h5 {font-size:1.2em; padding:2px 0; color:#900; text-align:center;} #productinfo h6 {font-size:1.1em; margin:5px 0;} #productinfo p {margin-bottom:5px;} #productinfo p.clearance-oldprice, #productinfo p.skunumber {line-height:normal; margin-bottom:0;} #productinfo p.clearance-oldprice {font-weight:bold;} #productinfo label, #productinfo select, #productinfo input {width:100px; margin-bottom:8px} #productinfo select, #productinfo input {margin-right:10px} #productinfo input.hidden {margin-bottom:0;} #productinfo input[type="hidden"] {margin-bottom:0;} #productinfo label {width:140px; margin-left:5px; font-weight:bold;} #productinfo label em {font-size:.8em; font-weight:normal;} #productinfo input.form-fieldnumber {width:30px; margin-right:80px; font-size:.9em} #productinfo p.totalline {padding:0 0 5px 5px;} #productinfo p.totalline strong {margin-right:105px;} #productinfo p.addtocart {margin:0 0 5px; padding:0; overflow:hidden;} #productinfo .addtocart img {margin-left:145px; overflow:hidden;} #productinfo ul {margin-bottom:10px;} #productinfo ul li {list-style:disc; margin-left:15px; font-weight:bold; font-style:italic;} #productinfo .producttesti, #productphotos .producttesti {clear:both; background:#fdf5da; border:1px solid #bca242; margin-bottom:5px; padding-bottom:2px; overflow:auto;} #productinfo .producttesti h6, #productphotos .producttesti h6 {background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-gold.gif) repeat-x; padding:5px 8px; margin:0; font-size:1.2em; color:#006;} #productinfo .producttesti h3, #productphotos .producttesti h3 {font-style:italic; background:none; border:none; text-align:left; color:#333; font-weight:normal; margin:4px 8px;} #productinfo .producttesti p, #productphotos .producttesti p {text-align:right; font-weight: bold; margin:4px 8px;} .pricing-table-vert, .pricing-table-clearvert {width:290px; margin-bottom:10px; border:1px solid #006; border-width:1px 0 0 1px; font-size:.8em; background:#fff;} .pricing-table-vert th, .pricing-table-clearvert th {padding:3px 5px; width:50%; border:1px solid #006; border-width:0 1px 1px 0; background:#006; color:#fff;} .pricing-table-vert td, .pricing-table-clearvert td {padding:3px 5px; width:50%; border:1px solid #006; border-width:0 1px 1px 0;} .pricing-table-clearvert td.pricetd {font-weight:bold; color:#900; font-style:italic;} #prod-children .pricing-table-vert, #prod-children .pricing-table-clearvert {margin:5px 0;} #productinfo .personalize-support {margin-bottom:10px; border:1px solid #900; background:#f5f5f5;} #productinfo .personalize-support h6 {font-size:1.4em; color:#333; margin:0 5px } #productinfo .personalize-support p {padding:0 5px 5px 5px;} #productinfo .personalize-support h5 {font-size:1.4em; color:#fff; margin-bottom:5px; background:#900; padding:5px 8px;} /******* refill program *******/ #refill-program {width:600px; margin-bottom:20px; overflow:auto; clear:both;} #refill-program h3 {text-align:center; background:#f90; font-size:1.6em; margin-bottom:5px; padding:5px;} #refill-program h3 strong {color:#900; text-transform:uppercase;} #refill-program .refill-left {width:270px; background:#f5f5f5; float:left; border:1px solid #ccc; overflow:auto; margin:5px 0;} #refill-program .refill-left p {font-size:.8em; margin:5px; text-align:left;} #refill-program .refill-left h2 {font-size:1.6em; text-align:center; padding:5px 0; color:#900;} #refill-program .refill-left h3 {font-size:1.2em; font-style:italic; padding-top:5px; margin:0; text-align:center;} #refill-program .refill-left h4 {font-size:1.8em; color:#900; text-align:center; margin:5px;} #refill-program .refill-left ul {margin:5px; font-size:1em;} #refill-program .refill-left ul li {margin-left:15px; list-style-type:disc; font-weight:bold;} #refill-program .refill-left img {border:1px solid #ccc; float: right; margin:3px;} #refill-program .refill-right {width:310px; float:left; margin-left:5px; overflow:auto;} #refill-program .refill-right h2 {font-size:1.8em; text-transform:uppercase; text-align:center; color:#900;} #refill-program .refill-right h3 {font-size:1.2em; margin:0; padding:0; font-style:italic; text-align:center; background:none;} #refill-program .refill-right h4 {font-size:1.4em; color:#900;} #refill-program .refill-right p {font-size:.9em; text-align:center;} #refill-program .refill-right p em {font-size:.8em;} #refill-program .refill-right input.form-fieldnumber {width:30px; margin-right:80px; font-size:.9em} #refill-program .refill-right table {width:290px; margin:0 10px} #refill-program .refill-right td, #refill-program .refill-right th {padding:6px; font-size:.8em; font-weight:normal; vertical-align:middle;} #refill-program .refill-right td {font-size:1em;} #refill-program .refill-right th.crp-head {} #refill-program .refill-right th h1 {font-size:1.4em; color:#006} #refill-program .refill-right th p {text-align:left; font-size:1em;} /******* product children *******/ #prod-children {clear:both;} #prod-children h5 {font-size:1em; color:#333; padding:0 5px; margin-top:3px; width:30%; float:right; text-align:right;} #prod-children h6 {font-size:1.4em; color:#333; padding:0 5px; margin-bottom:5px; width:80%; float:left;} #prod-children .prod-child {border:1px solid #ccc; width:600px; background:#f5f5f5; margin-bottom:20px; overflow:auto; clear:both;} #prod-children .prod-child .child-separator {clear:both; border-bottom:1px solid #ccc; margin:0 10px 5px 10px; padding-top:4px;} #prod-children .prod-child label, #prod-children .prod-child input {font-size:.9em;} #prod-children .prod-child-left {width:295px; float:left; margin-left:5px;} #prod-children .prod-child-left h2 {margin-top:3px;} #prod-children .prod-child-left img {margin-right:10px; border:1px solid #ccc;} #prod-children .prod-child-left p {margin-bottom:5px; font-size:.9em} span.childdescription {background:#ff3; font-weight: bold; font-size:1.2em; margin-bottom:5px; padding:3px;} #prod-children .prod-child-left p.punch {font-size:1.2em; margin-bottom:5px; font-style:italic;} #prod-children .prod-child-right {width:290px; float:left; margin-left:5px} #prod-children .prod-child-right h5 {margin:3px 0; font-size:1.2em; text-align:center;} #prod-children .prod-child-right h6 {font-size:.9em; text-align:right; margin:0 10px 0 0} #prod-children .prod-child-right img {margin-right:10px;} #prod-children .prod-child-right label, #prod-children .prod-child-right input {width:100px; margin-bottom:5px} #prod-children .prod-child-right select, #prod-children .prod-child-right input {margin-right:10px} #prod-children .prod-child-right select {width:auto;} #prod-children .prod-child-right input.form-fieldnumber {width:30px;} #prod-children .prod-child-right label {width:145px; margin-left:20px; font-weight:bold;} #prod-children .prod-child-right p {margin-left:20px; font-size:.9em} #prod-children .prod-child-right input {width:15px;} #prod-children .prod-child-right .addtocart img {float:right;} #prod-children .bottom-buttons img {float:right; margin:5px 10px;} /************ PERSONALIZATION ************/ /* product page */ #productinfo .personalized-version {clear:both; border:1px solid #bca242; background:#ffc; font-weight: bold; text-align:center; padding:4px; margin-bottom:10px;} #productinfo .personalized-version strong {color:#900; font-size:1.4em;} /* select layout */ #content-personalize {width:750px; float:left; display:inline; margin:0 15px 10px 15px; padding-top:10px; overflow: auto;} #content-personalize #category-top h1 {font-size:2.4em; text-align:left;} #content-personalize #category-top h2 {font-size:1.8em; font-style:italic; text-align:left; margin-bottom:5px;} #content-personalize #category-top p {margin:6px 0 0;} /* Category/Cross-Sell thumbnail diplay */ #content-personalize #cat .catItem, #content-personalize #cat .catItem-first {float:left; display:inline; width:175px; margin:0 0 20px 15px;} #content-personalize #cat .catItem-first {clear:left; margin-left:0;} #content-personalize #cat p {margin-bottom:4px ; font-size:.9em; text-align:center;} #custom-help {clear:both; border:1px solid #666; background:#f2f2f2; margin-top:10px;} #custom-help img {float:right;} #custom-help h2 {font-size:24px; color:#060; padding:5px 10px 0 10px;} #custom-help h2 span {color:#933} #custom-help p {padding:0 10px 5px 10px;} #pp-top h1 {font-weight:bold; font-size:2em; text-align:left; margin:10px 0 5px 0;} #pp-top p {text-align:left;} #login-box-personalize {background:#f5f5f5; width:480px; border:1px solid #ccc; margin:10px 0 0 70px; padding:10px 0; overflow:auto;} #login-box-personalize form {float:left; width:220px; margin-left:20px; vertical-align:middle;} #login-box-personalize .smalltext {font-size:.9em;} * html #login-box-personalize form {margin-left:10px;} #login-box-personalize img {float:left; margin-top:10px;} #login-box-personalize label {display: block; margin-bottom:5px; font-weight:bold;} #login-box-personalize input {width:200px; margin:0 0 4px 0} /************ CATALOG QUICK ORDER ************/ #catalogorder {border:1px solid #ccc; width:360px; background:#f5f5f5; padding:10px; font-weight:bold; text-align:center; margin:10px 0} #catalogorder label {font-size:1.1em; vertical-align:middle;} #catalogorder input {width:70px; margin-right:5px;} #catalogorder img {vertical-align:middle;} #prod-children.quick-children .prod-child {margin-bottom:5px;} p.quickorder-fix {text-align:center; margin:0; padding:0; font-weight:bold; font-style:italic; color:#006} #quickorder-itemadd {background:#FC0; padding:10px; text-align:center; font-size:16px; font-weight: bold;} /************ SEARCH RESULTS ************/ #search-top h1 {font-size:2.4em; text-align:center;} #search-top h2 {font-size:1.6em; font-style:italic;text-align:center;} #search-top p {margin:6px 0 0;} #searchagain {border:1px solid #bca242; background:#ffeeb9; font-size:1em; padding-bottom:5px; font-weight:bold; text-align:center; margin:10px 0} #searchagain h6 {background:#bca242 url(/files/imagesGABPprop/global/bkgds/shim-gold.gif) repeat-x; color:#006; text-align:center; font-size:1.4em; padding:5px; margin-bottom:5px;} #searchagain img {vertical-align:middle; margin-left:3px;} /************ GENERAL PAGES ************/ #general-top {margin:10px 0;} #general-top h1 {font-size:2.2em; text-align:center; color:#006;} #general-top h2 {font-size:1.6em; font-style:italic; text-align:center;} #general-top h3 {font-size:1.2em; font-style:italic;} #general-top p {margin-top:5px;} #general-top p.required {font-size:.9em; font-style:italic; font-weight:bold;} #general-body {margin:10px 0; clear:both;} #general-body h1 {font-size:2.2em; text-align:left; color:#006;} #general-body h4 {font-size:1.4em; font-weight:bold; color:#900; font-style:italic} #general-body h5 {font-size:1.6em; font-weight:bold; color:#900; text-align:center; margin-bottom:5px;} #general-body h6 {} #general-body p {margin:0 0 10px 0; line-height:16px;} #general-body ul {margin:5px 0 10px 20px;} #general-body li {background:url(/files/imagesGABPprop/global/bkgds/bullet-blue.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;} #general-body li a {font-weight:bold;} #general-body ol {margin:5px 0 10px 35px;} #general-body ol li {background: none; list-style-type: decimal; padding:2px 5px 2px 0; font-weight:normal;} #general-body p.pdf-link {border:1px solid #ccc; background:#f2f2f2; text-align:center; margin:0 auto; padding:5px; font-size:14px; width:500px;} #general-body p.pdf-link a {font-weight: bold;} #general-body .emailsignup-list li {font-weight: bold; font-style:italic; color:#006;} #general-body .emailsignup-links {clear:right;} #general-body .emailsignup-links h5 {clear:right; font-weight:bold; color:#900; padding:0; font-size:2.6em; margin:0; text-align:center} #general-body .emailsignup-links h6 {clear:right; font-weight:bold; color:#900; font-size:1.6em; margin:0; text-align:center} #general-body .emailsignup-links p {text-align:center; margin-bottom:3px;} #general-body .emailsignup-links a {font-size:1.1em; font-weight: bold; margin:0 8px;} #general-body .faqs ul li {list-style:disc; margin-left:5px; padding-left:5px; font-weight:bold; font-style:italic;} #general-body .faqs h2 {border-top:1px solid #ccc; font-size:1.6em; color:#333; padding-top:10px;} #general-body .testimonials p {border-top:1px solid #ccc; font-size:12px; color:#333; padding-top:10px; margin-bottom:3px; font-style:italic;} #general-body .testimonials p strong {font-size:1.2em; color:#006} #general-body .testimonials h5 {text-align:right; font-size:.9em; font-weight:normal; margin:0 5px 10px 0; color:#666;} #general-body .testimonials h5 strong {font-size:1.2em;} #general-body .sitemap ul {width:250px; float:left;} #general-body .sitemap ul li {background:none; font-size:1.4em; font-weight:bold; } #general-body .sitemap ul ul li {background:url(/files/imagesGABPprop/global/bkgds/bullet-gray.gif) no-repeat left 6px; padding:2px 12px; font-size:.8em; font-weight:normal;} #general-body.tips-template #tips-navbox {border:1px solid #006; width:390px; background:#fff url(/files/imagesGABPprop/global/bkgds/box-shim-ffc.gif) repeat-x; overflow:auto;} #general-body.tips-template #tips-navbox h3 {font-size:1.4em; color:#fff; background:#006; padding:4px;} #general-body.tips-template #tips-navbox ul {float:left; width:170px; padding:0; margin:10px 0 10px 10px;} #general-body.tips-template h4 {background:#006; clear:both; padding-top:10px; color:#fff; padding:6px; border-top:1px solid #ccc;} #general-body.tips-template h4 span {float:right; display:block; width:200px; margin:1px 10px 0 0; text-align:right;} #general-body.tips-template h4 span a {color:#ffc; font-size:.8em; font-weight:normal;} #general-body.tips-template h5 {font-size:1.4em; clear:both; text-align:left; border-top:1px solid #ccc; padding-top:10px;} #general-body.tips-template img {margin-bottom:15px;} #general-body.tips-template p.tipsname {text-align:left; color:#006; font-weight:bold; font-style:italic;} /* Checkout confirmation page - fixed */ #confirmation-table-fixed table {margin:5px 0 0; border:1px solid #006; background:#f2f2f2; width:600px;} #confirmation-table-fixed p {margin-bottom:10px;} #confirmation-table-fixed th {border:none; padding:5px 8px; font-weight:normal; background:#900; border-bottom:1px solid #006;} #confirmation-table-fixed th p {margin:0; padding:0;} #confirmation-table-fixed th p strong {color: #ffc; font-size:1.6em} #confirmation-table-fixed td {border:none; padding:5px 7px; vertical-align:top;} #confirmation-table-fixed td p strong {font-size:1.1em} #confirmation-table-fixed .form-field {width:150px; margin-top:5px;} #confirmation-table-fixed label {font-weight:bold; margin-bottom:5px;} /* Dial America Landing Pages */ .DA-offerdeadline {clear:both; text-align:center; border:1px solid #ccc; background:#f2f2f2; font-size:2.4em; color:#006; padding:8px; margin-bottom:10px;} .DA-offerdeadline em {color:#c00;} /* Email/Catalog Signup forms */ #forms {clear:both; margin:15px 0 10px 0; font-size:12px; border:1px solid #006;} * html #forms {\width: 580px; w\idth:590px;} *:first-child+html #forms {width:590px;} #forms h3 {background:#006; font-size:1em; color:#fff; padding:8px; line-height:normal; font-weight:normal; margin:0;} #forms h3 strong {font-size:1.6em; color:#ff3;} #forms h3 span {font-weight:bold;} #forms h3 a {color:#ff3;} #forms p {padding:5px 0;} #forms img {margin:0; float:none;} #forms table {margin:0; width:100%; background:#f5f5f5;} #forms table td, #forms table th {padding:2px 5px; vertical-align:middle; font-size:.9em;} #forms table th {text-align:right; font-weight:normal; width:200px;} #forms table th#checkbox-th {padding:10px 2px 0 0; vertical-align:top;} * html #forms table th#checkbox-th {width:216px; padding-top:10px;} *:first-child+html #forms table th#checkbox-th {width:216px; padding-top:10px;} #forms input, #forms select {width:200px; height:16px; margin:2px 0; border:1px solid #ccc; padding:3px; margin:5px 0; color:#333 ;} #forms select {width:auto;} #forms input.checkbox {width:auto; padding:0; border:none; margin:0;} #forms p.smalltext-email {font-size:11px; margin:0 0 5px 0; padding:0;} #forms .smalltext-email strong {font-size:14px; font-style:italic; color:#015581} /* ACCOUNT PAGES */ #account-top {margin:10px 0;} #account-top h1 {font-size:1.6em; text-align:left; color:#006;} #account-top h2 {font-size:1.4em; font-style:italic; text-align:left;} #account-top h3 {font-size:1.2em; font-style:italic;} #account-top p {margin-top:5px;} #account-top p.required {font-size:.9em; font-style:italic; font-weight:bold;} #forms textarea {width:350px; margin:2px 0; border:1px solid #015581; padding:3px; margin:5px 0; color:#333 ;} * html #forms input {\height: 24px; he\ight:16px;} #forms select {height:24px; background: #fff;} #forms span.redpunch {color:#900; font-size:1.4em; font-weight:bold; font-style:italic;} #forms span.red {color:#900;} .passwordNote {margin:5px 10px 0; } #forms #address-table {width:460px; float:left; border-right:1px solid #ccc;} #forms #account-table tr.firstrow td {padding-top:15px;} #forms #account-table tr.firstrow th {padding-top:25px;} #forms #address-table th, #forms #account-table th {padding:12px 10px 0 10px; width:150px; vertical-align:top;} #forms #account-table th {width: 200px;} #forms #address-table td, #forms #account-table td {padding:2px 10px;} #forms #address-table td#delete-button {text-align:right;} #forms #address-table img, #forms #account-table img {margin-bottom:5px;} #forms #address-nav {float:left; padding:5px 0 0 0; margin-left:5px} #forms #address-nav h3 {font-size:14px; background:#006; font-weight:bold; margin:0 0 5px 0;} #forms #address-nav h4 {font-size:12px; font-weight:bold; margin-bottom:5px; padding:3px 5px 5px 5px; background:#e8f7fc;} #forms #address-nav p {margin:0 8px 2px 8px;} #account-manage {margin:20px 0 0 170px; width:250px; padding:10px; border:1px solid #333; background:#f5f5f5; } #account-manage p {font-weight:bold; font-size:1.1em; margin-bottom:5px; list-style-type:none; text-align:center;} #account-manage-new {margin:10px 0 0 0; padding:0; overflow:auto; border-bottom:2px solid #333; } #account-manage-new li a {font-weight:bold; font-size:1.1em; margin-right:4px;float:left; padding:5px 10px; border:1px solid #333; border-width: 1px 1px 0 1px; background:#f5f5f5; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0} #account-manage-new li a:hover {background:#666699; color:#fff;} #account-manage-new li.selected a, #account-manage-new li.selected a:hover {background:#006; color:#fff;} #account-login {margin:0 0 10px 0px;} #account-login .login-box {background:#f5f5f5; float:left; border:1px solid #006; width:284px; margin:0 0 10px 10px; padding-bottom:10px;} * html #account-login .login-box {margin:0 5px 10px 5px; width:280px;} #lostpassword {border:1px solid #ccc; background:#f5f5f5; font-size:1em; padding:5px; font-weight:bold; text-align:center; margin:10px 0} #lostpassword img {vertical-align:middle; margin-left:3px;} #lostpassword input {width:200px;} #account-login .login-box label {display: block; margin:10px 0 0 0; font-weight:bold;} #account-login .login-box input {width:200px; margin:0} #account-login .login-box p {margin:5px 10px;} #account-login .login-box p img {margin-top:10px;} #account-login .login-box h3 {background:#006; font-size:1.4em; color:#fff; margin:0 0 5px 0; padding:8px; line-height:normal;} #account-login .login-box h4 {font-size:1.4em; color:#960; margin:0 0 5px 10px;} #account-login .login-box h3 em {color:#ccc;} #account-login .login-box input.checkbox {float:left; width:auto; margin:5px 5px 10px 0;} #shipsearch {padding:5px; border:1px solid #ccc; background: #f5f5f5; text-align:center;} #shipsearch label {margin-right:10px;} #shipsearch img {vertical-align:middle; margin-left:5px;} #orderhistory {border:1px solid #ccc; border-width:1px 1px 0 0; width:600px;} #orderhistory td, #orderhistory th {width:33%; text-align:left; vertical-align:middle; border:1px solid #ccc; border-width:0 0 1px 1px; background:#fff; padding:5px 5px 4px;} #orderhistory th {background:#f5f5f5; font-weight:bold;} #items {width:600px;} #items h1 {font:bold 12px Arial, Helvetica, sans-serif; color:#000; margin:0 0 2px 0; padding:0;} #items strong {font-size:1.1em;} #items .leftalign {margin-right:10px;} #items p {margin-bottom:5px; margin:0;} #items p strong {font-size:1em;} #items td, #items th {padding:5px;} #items th {font-weight:normal; text-align:right;} #items .review-head {background:#f5f5f5; border:1px solid #ccc;} #items .review-head th {text-align:left; font-weight:bold;} #items .review-head td {font-weight:normal; text-align:right;} #items .smalltext {margin-bottom:2px; color:#333;} #items h3 {font-weight:normal; font-size:16px;} #items h3 span.reorder {font-weight:bold; font-size:12px; margin-left:5px;} #returnbutton {margin:10px; text-align:center;} .linebreak {height:10px; border-top:1px solid #ccc; margin:10px 10px 0 10px;} /* THANK YOU PAGES */ #thankyou-top {margin:10px;} #thankyou-top h1 {font:36px Georgia, "Times New Roman", Times, serif; color:#333; font-weight:normal; margin-bottom:20px; text-align:center} #thankyou-top p {margin:0 0 10px 0; line-height:16px;} /* Checkout page 1 - Viewcart */ #viewcart {margin:10px 0; clear:both;} #viewcart h5 {font-size:2em; font-weight:bold; color:#006; margin-bottom:5px;} #viewcart h6 {font-size:1.4em; font-weight:bold; color:#333; margin-bottom:5px;} #viewcart p {font-size:1em;} #save-cart {width:200px; float:right; margin:0; padding:5px;} #save-cart p {font-size:10px; margin:0 0 0 5px; padding:0; text-align:right; vertical-align:middle;} #save-cart img {vertical-align:middle; margin-left:8px;} #viewcart table {width:600px; border-bottom:1px solid #ccc;} #viewcart .toprow {border:1px solid #ccc; border-width: 1px 0; background:#f5f5f5; font-weight:bold;} #viewcart .toprow td, #viewcart .toprow th {padding: 8px 8px 6px;} #viewcart .promo {color:#333; border-bottom:1px solid #ccc;} #viewcart .promo img {vertical-align:middle; margin-bottom:1px;} #viewcart .subtotalrow {font-size:1.2em; border-top:1px solid #ccc;} #viewcart .totalrow {font-size:1.4em; background:#f5f5f5; border-top:1px solid #ccc;} #viewcart td, #viewcart th {padding:8px 4px 6px; vertical-align:top; border-bottom:1px solid #ccc;} #viewcart th {text-align:right;} #viewcart th img {vertical-align:middle;} #viewcart .form-fieldzip {width:70px; margin-left:5px;} #viewcart .form-fieldnumber {width:30px; margin-bottom:5px;} #viewcart img.leftalign {margin:0 10px 0 0;} #viewcart .smalltext {font-weight:normal; font-size:.9em;} #viewcart .freegiftrow td, #viewcart .freegiftrow th {background:#fddaee;} #viewcart .freegiftrow .freepunch {font-size:18px; font-weight:bold; font-style:italic; color:#c00;} #viewcart table h1 {margin:0 0 4px 0; font-size:1em;} #viewcart table p {margin:2px 0; font-size:.9em;} #viewcart .bottom-buttons {clear:both; margin:8px 0 7px;} #viewcart .continue-proceed {margin:0 0 0 97px;} #viewcart .errors-reorder {background:#f5f5f5; border:1px solid #900; color:#900; padding:0; font-size:1.2em; margin:5px 30px 5px; font-weight:bold;} #viewcart .errors-reorder h5 {background:#900; color:#ffff66; font-size:1.2em; padding:5px;} #viewcart .errors-reorder p {list-style:none; background:url(/files/imagesGABPprop/global/icons/error.gif) no-repeat; margin:10px; padding-left:20px;} /******************************* GLOBAL CENTER Boxes *******************************/ /* homepage links box */ #home-search {overflow:auto;} #home-search ul {float:left; display:inline; width:189px; margin:0 10px 0 0;} #home-search ul.first {margin-left:0px; width:190px;} #home-search li {background: url(/files/imagesGABPprop/global/bkgds/list-arrow-gold.gif) no-repeat left 3px; padding-left: 14px;margin:0 0 4px 15px; list-style: none; font-size:.9em; font-weight:bold;} /* narrow search box */ #narrow-search {border:1px solid #bca242; background:#ffe8b8; overflow:auto;} #narrow-search h6 {color:#006; font:1.4em Georgia, "Times New Roman", Times, serif; text-align:center; margin-bottom:5px; padding:5px; background:#bca242;} #narrow-search ul {float:left; display:inline; width:189px; margin:0 10px 5px 0;} #narrow-search ul.first {margin-left:0px; width:190px;} #narrow-search li {margin:0 0 4px 15px; list-style: none; font-size:.9em;} /* SEO Bottom Box */ #questionbox {clear:left; margin-top:10px; padding:5px; border:1px solid #bca242; background:#fff url(/files/imagesGABPprop/global/bkgds/box-shim-ffc.gif) repeat-x; overflow:auto;} #questionbox h1 {color:#006; font-size:1.8em; font-weight:bold; text-align:center; margin-bottom:5px;} #questionbox p {margin:6px 0;} #questionbox ul {float:left; display:inline; width:189px; margin:0 10px 5px 0;} #questionbox ul.first {margin-right:0; width:190px;} #questionbox li {margin:0 0 4px 20px; list-style: none; font-size:.9em;} #questionbox li strong {font-size:1.4em;} /* Pet Banner Bottom Box */ .pet-banner {clear:left; margin-top:10px; padding:5px; border:1px solid #bca242; background:#fff url(/files/imagesGABPprop/global/bkgds/box-shim-ffc.gif) repeat-x; overflow:auto;} .pet-banner p {color:#006; font-size:1.6em; font-weight:bold; text-align:center; margin-bottom:5px;} .pet-banner ul {margin:0 10px;} .pet-banner li {margin:0 0 4px; margin:0 30px 5px; list-style:disc; vertical-align:middle; font-size:1.2em; color:#006; font-weight:bold;} .pet-banner li p {color:#000; font-size:.9em; vertical-align:top; text-align:left; font-weight:normal; margin:0 0 10px;} /* SEO Bottom Box */ #tipsbox {clear:both; margin-top:20px; padding:5px; border:1px solid #bca242; background:#fff url(/files/imagesGABPprop/global/bkgds/box-shim-ffc.gif) repeat-x; overflow:auto;} #tipsbox h4 {color:#006; font-size:1.8em; font-weight:bold; text-align:center; margin-bottom:0;} #tipsbox h5 {color:#900; font-size:1.4em; font-weight:bold; text-align:center; margin-bottom:5px;} #tipsbox p {margin:8px;} #tipsbox a {text-transform:uppercase; color:#fff; font-weight:bold;} #tipsbox h6 {width:300px; border:1px solid #900; background:#c00; font-size:1.4em; text-align:center; padding:5px 5px 8px; margin:5px auto;} #tipsbox ul {float:left; display:inline; width:189px; margin:0 10px 5px 0;} #tipsbox ul.first {margin-right:0; width:190px;} #tipsbox li {margin:0 0 4px 20px; list-style: none; font-size:.9em;} #tipsbox li strong {font-size:1.4em;} /* Social Media */ .social-media img {vertical-align:middle; margin:5px;} .social-media li {display:block; float:left; width: 50%; text-align:center;} /* Exit Popup */ #exitpop {width:400px; border:2px solid #900; background:#fff;} #exitpop h5 {font-size:1.8em; text-align:center; margin:5px 20px;} #exitpop p {font-size:1.2em; text-align:center; margin:5px 20px;} #exitpop p strong {font-size:1.2em;} #exitpop img {border:0; vertical-align:middle} #exitpop label {vertical-align:middle;}