/*
 * Author: Darren St.Amour <darrenstamour@gmail.com>
 * Date:   18 December 2006
 *
 * paintballer187_cs.css -- Stylesheet for Paintballer187.com.
 *
 * 2006 (C) Copyright www.paintballer187.com
 *
 */

/**************************************************************

	Lightbox
	v 1.5

**************************************************************/

#lbCenter, #lbBottomContainer {
background-color:#FFFFFF;
left:50%;
overflow:hidden;
position:absolute;
z-index:10;
}
.lbLoading {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(/images/loading.gif) no-repeat scroll center center;
z-index:10;
}
#lbImage {
border:10px solid #FFFFFF;
z-index:10;
}
.photos {
border:1px solid #FFFFFF;
padding:3px;
z-index:10;
}
a:hover .photos {
border:1px solid #999999;
z-index:10;
}
.lightboxDesc a {
color:#999999;
text-decoration:none;
z-index:10;
}
.lightboxDesc a:hover {
color:#000000;
text-decoration:none;
z-index:10;
}
#lbPrevLink, #lbNextLink {
display:block;
height:32px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:absolute;
top:0;
width:50%;
z-index:10;
}
#lbPrevLink {
left:0;
z-index:10;
}
#lbPrevLink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(prevlabel.gif) no-repeat scroll 0 15%;
z-index:10;
}
#lbNextLink {
right:0;
z-index:10;
}
#lbNextLink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(nextlabel.gif) no-repeat scroll 100% 15%;
z-index:10;
}
#lbPrevLink, #lbNextLink {
display:block;
height:32px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
width:63px;
z-index:10;
}
#lbPrevLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/prevlabel.gif) no-repeat scroll left center;
float:left;
z-index:10;
}
#lbPrevLink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/prevlabel.gif) no-repeat scroll left center;
z-index:10;
}
#lbNextLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/nextlabel.gif) no-repeat scroll right center;
float:right;
z-index:10;
}
#lbNextLink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/nextlabel.gif) no-repeat scroll right center;
z-index:10;
}
#lbControls {
display:block;
height:32px;
z-index:11;
}
#lbBottom {
border-color:#FFFFFF;
border-style:none solid solid;
border-width:10px;
color:#666666;
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
line-height:1.4em;
text-align:left;
z-index:10;
}
#lbCloseLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/closelabel.gif) no-repeat scroll center center;
clear:both;
display:block;
float:right;
height:22px;
margin:0;
width:66px;
z-index:10;
}
#lbCaption, #lbNumber, #lbDescription {
margin-right:71px;
z-index:10;
}
#lbCaption {
font-weight:bold;
z-index:10;
}
.lightboxDesc {
display:none;
z-index:10;
}
body {
background-image:url(../images/187bg.gif);
color:#ffffff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.7em;
}
a, a:visited {
color:#FFffff;
text-decoration:none;
}
a:hover {
color:#cccccc;
text-decoration:none;
}
#frame {
margin:5px auto;
opacity:0.95;
position:relative;
width:950px;
z-index:5;
}
#banner {
background-color:#3355ee;
height:155px;
margin:auto;
opacity:0.95;
position:relative;
width:950px;
}
#banner-image {
background-image:url(../images/logo.png);
height:145px;
left:77px;
opacity:1;
position:absolute;
top:-10px;
width:145px;
z-index:6;
}
#banner-text {
background-image:url(../images/pb187logo.png);
height:115px;
left:192px;
opacity:1;
position:absolute;
top:20px;
width:618px;
z-index:7;
}
#banner-freeship {
background-image:url(../images/freeshipping99.png);
height:50px;
left:100px;
opacity:1;
position:absolute;
top:125px;
width:800px;
z-index:6;
}
#account_links {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#3355ee;
border:1px solid #3355ee;
opacity:.95;
padding:1px 5px 1px 1px;
position:relative;
text-align:right;
top:3px;
vertical-align:middle;
}
#left_gutter {
padding:0;
vertical-align:top;
width:140px;
}
#right_gutter {
padding:0;
vertical-align:top;
width:140px;
}
#content {
padding:0;
vertical-align:top;
width:485px;
}
#contentCO {
padding:0;
vertical-align:top;
width:900px;
}
.article_date {
background-color:#565656;
border:1px solid #565656;
margin:auto;
opacity:1;
padding:1px 1px 1px 5px;
}
.article_text {
background-color:#565656;
opacity:1;
padding:4px 2px 4px 4px;
}
.article {
padding:0 0 10px;
width:595px;
}
.infoBoxHeading {
background-color:#3355ee;
border:1px solid #3355ee;
opacity:.95;
padding:1px 1px 1px 5px;
width:140px;
}
.cat_info_box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3355ee none repeat scroll 0 0;
border:1px solid #555555;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
font-weight:bold;
opacity:0.95;
padding:4px 2px 4px 4px;
}
.infoBoxContents {
background-color:#3355ee;
opacity:0.95;
padding:4px 2px 4px 4px;
width:160px;
}
.pageHeading {
background-color:#3355ee;
border:1px solid #3355ee;
margin:auto;
opacity:.95;
padding:1px 1px 1px 5px;
}
.page {
background-color:#3355ee;
opacity:0.95;
padding:4px 2px 4px 4px;
}
.productListing-heading {
background-color:#3355ee;
border:1px solid #3355ee;
margin:auto;
opacity:.95;
padding:1px 1px 1px 5px;
}
.productListing-data {
background-color:#3355ee;
opacity:0.95;
padding:4px 2px 4px 4px;
}
.productInfo {
padding:4px;
}
.main {
background-color:#565656;
opacity:1;
}
#footer {
font-size:0.9em;
text-align:center;
}
<!--height was 622, width was 554-->
#paintballer {
background-image:url(../images/paintballer.png);
height:622px; 
left:20%;
position:absolute;
top:1%;
width:554px;
z-index:1;
}
<!--height was 416, width was 464-->
#img187 {
background-image:url(../images/187.png);
height:416px;
position:absolute;
right:20%;
top:15%;
width:464px;
z-index:0;
} 
#login_cell {
background-color:#3355ee;
opacity:0.95;
padding:4px 2px 4px 4px;
}
.breadcrumbs {
background-color:#3355ee;
border:1px solid #3355ee;
opacity:.95;
padding:1px 1px 1px 5px;
vertical-align:top;
width:595px;
}
.breadcrumbsCO {
background-color:#3355ee;
border:1px solid #3355ee;
opacity:.95;
padding:1px 1px 1px 5px;
vertical-align:top;
width:900px;
}
.searchText {
background-color:#3355ee;
border:1px solid #3355ee;
margin:auto;
opacity:.95;
padding:1px 1px 1px 5px;
}
span.removeProduct {
color:#3355ee;
font-family:Verdana,Arial,sans-serif;
font-size:9px;
font-weight:normal;
}
input.quantitybox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F9 none repeat scroll 0 0;
border:1px solid #000000;
border-spacing:0;
font-size:12px;
height:20px;
width:20px;
}
.progress {
background-color:navy;
color:white;
font-size:12px;
height:14px;
overflow:hidden;
padding-left:5px;
width:1px;
}
textarea {
overflow:hidden;
}