/* CSS Document */
 
/* =====================================
 
Big Campy Style - Author - J. Mey - Creative Navigation
 
======================================== 
 
Global Styles
 
========================================*/
 
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    color: #333399;
}
body {
    background-color:#6E0000;
    background-image: url(/static/images/bgd.gif);
    background-repeat: repeat;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.likedlinks {
    line-height: 16px;
}
a {
    font-size: 11px;
    color: #660000;
}
a:link {
    text-decoration: underline;
}
a:visited {
    color: #660000;
}
a:hover {
    color: #333399;
}
a:active {
    text-decoration: none;
    color: #333399;
}
 
li {
    list-style: none;
    margin-left: -20px;
    padding-left: 18px;
    background-image: url(/static/images/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.vjs-volume-control ul li {
    background-image: none;
}

.error_msg {
    text-align: center;
    color: red; 
    font-size: 1.2em;
}

/* =====================================
 
Page Regions
 
======================================== */
 
.page_header {
    background-color: #FFFFFF;
    border-left: 3px solid #2F0000;
    border-right: 3px solid #2F0000;
    width: 772px;
    margin:0 auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: block;
    font-size: 0pt;
    line-height:0px;
}

.page_content {
    background-color: #FFFFFF;
    border-left: 3px solid #2F0000;
    border-right: 3px solid #2F0000;
    width: 772px;
    min-height: 300px;
    margin:0 auto;
    display: block;
}

.page_footer {
    background-color: #FFFFFF;
    border-left: 3px solid #2F0000;
    border-right: 3px solid #2F0000; 
    border-bottom: 3px solid #2F0000;
    width: 772px;
    margin:0 auto;
    padding-top: 10px;
    display: block;
    font-size: 0pt;
    line-height:0px;
}

/* =====================================
 
Page Header
 
======================================== */
 
#navbar {
    margin: 0px;
    padding: 0px;
}

#navbar ul {
    margin: 0px;
    padding: 0px;
    display: inline;
}

#navbar ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
    background-image: none;
} 



/* =====================================
 
Page Headings
 
======================================== */

h2 {
    font-size: 13pt;
    font-weight: bold;
}

.subHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.55em;
    color: #333399;
    font-weight: bold;
}
 
.subHeader_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.55em;
    color: #333399;
    font-weight: bold;
}

.formHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.55em;
    color: #333399;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.homeHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 6px;
    font-size: 14pt;
    line-height: 1.55em;
    color: #333399;
    font-weight: bold;
}

.homeSideHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 6px;
    margin-top: 3px;
    font-size: 11pt;
    line-height: 1.55em;
    color: #333399;
    font-weight: bold;
}


/* =====================================
 
Page Content
 
======================================== */

.content_with_side {
    margin-left: 192px;
    padding-left: 12px;
    padding-right: 15px;
    width: 550px;
}

.content {
    padding-left: 9px;
    padding-right: 15px;
}

/* =====================================
 
Page Footer
 
======================================== */
 
.footer_links {
    text-decoration:underline;
    font-size: 11px;
    color:#FFFFFF;
}
.footer_links:hover {
    text-decoration:none;
    font-size: 11px;
    color:#FFFFFF;
}
.footer_links:visited {
    font-size: 11px;
    color:#FFFFFF;
}
.footer_copyright {
    font-size: 11px;
    line-height: 2em;
    color:#FFFFFF;
}
.footer_address {
    text-align: center;
    font-size: 12px;
    font-weight:bold;
    line-height: 1.5em;
    color:#FFFFFF;
}

/* =====================================
 
Photos
 
======================================== */
 
.photo_left {
    border-color:#660000;
    border-style:solid;
    border-width: 4px;
    margin-right: 12px;
    margin-bottom: 6px;
    margin-top: 4px;
}
.photo_right {
    border-color:#660000;
    border-style:solid;
    border-width: 4px;
    margin-left: 8px;
    margin-bottom: 6px;
    margin-top: 4px;
}
.photo_panoramic {
    border-color:#660000;
    border-style:solid;
    border-width: 4px;
    margin-bottom: 6px;
}

/* =====================================
 
Left Sidebar
 
======================================== */

.side {
    width: 192px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.side .menuItem {
    clear: both;
    display: block;
    width: 176px;
    border-bottom: 1px solid #DADAED;
    margin: 5px 0px 5px 0px;
    padding: 3px 3px 3px 9px;
    text-transform: uppercase;
    color: #2F2F9D;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.05em;
}

.side .menuItem:link {
    text-decoration: none;
}
.side .menuItem:visited {
    color: #2F2F9D;
    text-decoration: none;
}
.side .menuItem:hover {
    font-weight: bold;
    color: #2F2F9D;
}
.side .menuItem:active {
    text-decoration: none;
    color: #2F2F9D;
}

.side .menuArea {
    clear: both;
    display: block;
    width: 176px;
    margin: 5px 0px 5px 0px;
    padding: 3px 3px 3px 9px;
    color: #2F2F9D;
    font-size: 14px;
    letter-spacing: -.08em;
    font-weight: 500;
    text-transform: uppercase;
}

.side .menuArea ul{
    margin-top: 5px;
}

.side .menuArea ul ul{
    margin-top: 0px;

}
.side .menuArea li{
    font-size: 11px;
    font-weight: 300;
    text-transform: none;
    list-style: disc;
    background: none;
    margin-left: -10px;
    padding-left: 0px;
}

.side .menuArea li .selected{
    font-weight: bold;
}

.side .menuArea form {
    clear: left;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    letter-spacing: 0px;
}

/* =====================================
 
Photo Preview Grid
 
======================================== */
 
.rightSideList {
    margin: 5px 0px 5px 20px;
    padding: 3px 3px 3px 4px;
    color: #2F2F9D;
}

.rightSideList ul{
    margin-top: 0px;
    margin-left: -20px;
}

.rightSideList li{
    font-size: 11px;
    list-style: disc;
    background: none;
    margin-left: 0px;
    padding-left: 3px;
}

.rightSideList ul li{
    font-size: 11px;
    list-style: disc;
    background: none;
    margin-left: 0px;
    padding-left: 3px;
}

/* =====================================
 
Photo Preview Grid
 
======================================== */
 
.photoGrid {
    margin-top: 10px;
}

.photoGrid td {
    padding: 5px;
    text-align: center;
    padding-bottom: 12px;
}

.photoGrid img {
    border: 1px solid black;
    padding: 1px;
}


/* =====================================
 
Pagination Style
 
======================================== */
 
#pagination {
    border:0; 
    margin:0;
    padding:10px 0;
    text-align: center;
}
#pagination ul {
    margin: 0px;
    padding: 0px;
}
#pagination li{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:none;
    display: inline;
    background: none;
}
#pagination a {
    border-right:solid 1px #DEDEDE;
    padding: 4px 0px;
}
#pagination .previous-off, #pagination .next-off {
    padding:4px 4px;
    display: inline;
    font-weight:bold;
    border-right:solid 1px #DEDEDE;
}
#pagination .next a, #pagination .previous a {
    font-weight:bold;
    padding:4px 4px;
}
#pagination .next a, #pagination .next-off {
    border:none;
} 
#pagination .active{
    border-right:solid 1px #DEDEDE;
    font-weight:bold;
    padding:4px 4px;
    display: inline;
}
#pagination a:link, #pagination a:visited {
    padding:4px 4px;
    display:inline;
    text-decoration:underline;
}
#pagination a:hover{
    text-decoration:none;
}

/* =====================================
 
Message Box Styles
http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx
 
======================================== */
 
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 30px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/static/images/messages/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/static/images/messages/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/static/images/messages/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/static/images/messages/error.png');
}

/* =====================================
 
Button Styles
http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html
 
======================================== */

a.button{
    background:url(/static/images/buttons/button.gif);
    display:block;
    color:#555555;
    font-weight:bold;
    height:30px;
    line-height:29px;
    margin-bottom: 5px;
    text-decoration:none;
    width:191px;
}

a:hover.button{
    color:#0066CC;
}

.clearCart{
    background:url(/static/images/buttons/clear.png) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.checkout{
    background:url(/static/images/buttons/submit.png) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}












.center {
    text-align: center;
}


.pending {
  color: red;
}

.enabled {
}

.disabled {
  font-style: italic;
}


.albumSelect {
    margin: 10px;
    padding: 10px;
    padding-top: 0px;
}

.albumSelect h3{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.albumSelect ul{
    margin-top: 5px;
}

.albumSelect li{
    font-size: 11px;
    font-weight: 300;
    text-transform: none;
    list-style: disc;
    background: none;
    margin-left: -10px;
    padding-left: 0px;
}
