@charset "UTF-8";
/* CSS Document */

/* 1. Global selectors --------------------------------------- */

* {
    padding: 0em;
    margin: 0em;}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    height: 100%;}

HTML {
    height: 100%;}

IMG {
    border: 0em;}

H1 {
    font-size:24px;}

H2 {
    font-size:20px;}

H3 {
    font-size:18px;
    padding:0;}

H5 {
    font-size: 12px;
    padding:0;}

H6 {
    font-size:40px; }

.critical, #critical  {
    color: #ff0000; }

.link_underline, #link_underline {
    text-decoration: none; }

/* 2. Header --------------------------------------- */

#header {
    /*margin:0 auto;*/
    margin-left:15px;
    margin-top:5px;
    padding-bottom:5px;}

#header h1 {
    font-size:24px;
    padding:5px;}


/* 3. Navigation --------------------------------------- */

.navseparation {
    font-size: 14px;}

.smallnav, a.smallnav link, visited {
    font-size:  10px;}

a.smallnav hover {
    text-decoration: underline;}

.pagestats {
    font-size:  12px;
    font-style: italic;}

.larrow, #larrow {
    width:12px;
    height:12px;
    display: block;}

.rarrow, #rarrow {
    width:12px;
    height:12px;
    display: block;}

.cart, #cart {
    width: 17px;
    height:13px;}


/* 4. Content Box --------------------------------------- */

#contentbox, .contentbox {
    margin-left:50px;
    margin-right:50px;
    width:auto;
    padding:10px;}
    
 #productcontentbox, .productcontentbox {    
    margin-left:40px;
    margin-right:40px;
    width:auto;
    min-width: 850px;
    padding:10px;}

 #homepagecontentbox, .homepagecontentbox {    
    margin: auto;
    width:820px;
    padding:10px;}


/*Content box for Product Selection Page
#productcontentbox, .productcontentbox {
    margin:0px auto;
    height:auto;
    align: center;
    width:970px;}*/
    
/* 5. Top Content --------------------------------------- */

.content_left {
    float:left;
    margin:0;
    margin-left:2px;
    width:600px;}

.breadcrumbs_left {
    float: left;
    margin:0;
    margin-left:2px;
    width:500px;
    overflow:auto;
    text-align:left;}

.content_right {
    float:right;
    /*margin:0;
    margin-right:2px;
    width:350px;*/
    overflow:hidden;
    padding: 0px;
    text-align:right;}


/* 6. All Events Content ---------------------------------------*/ 

.event_listing {
    margin:0 auto;
    padding-top:25px;
    line-height: 20px;}

.event_info {
    margin:0 auto;
    padding-top: 0px;}


/* 7. Gallery Page --------------------------------------- */

.gallery_login {
    margin:0 auto;
    margin-left:160px;
    font-size:10px;
    line-height:1em;
    text-align:left;
    float:left;}

.gallery_login a {
    font-size:10px;
    text-decoration:underline;}

#gallery_container {
    width:970px;
    height:auto !important;
    min-height:300px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:25px;
    padding-left:50px;
    position:relative;
    float:left;}

.gallery_bg {
    width:115px;
    height:153px;
    overflow:hidden;
    background-repeat:no-repeat;
    float:left;
    margin:0px 10px 0px 10px;
    position:relative;}

.gallery_bg img {
    padding:7px;}


/* 9. Cart Pages --------------------------------------- 

.redtext {
  color:#9999cc;}

*/

/* 10. Welcome Message Table --------------------------------------- */

.wm_top  {
    width:648px;
    height:17px;
    }

.wm_bottom {
    width:648px;
    height:18px;
    }
    
.wm_left {
    width:21px;
    height:auto;
    }

.wm_right {
    width:20px;
    height:auto;
    }
    

/*  11. Product Select --------------------------------------- */
    
    
/*  12. Footer --------------------------------------- */

#footer {
    margin:0px auto;
    margin-top:10px;}

#footer a {
    font-size:10px;}

/*  12. nyroModal --------------------------------------- */

div.wrapper div#nyroModalContent {
    text-align:left;
}

div#popup_content div#popup_message {
    text-align:left;
}

/*  12. Thumbnail Page --------------------------------------- */

.thumb_effect {
    visibility: hidden;
    position: relative;
    width : 172px;
    height: 172px; }

.thumb_canvas {
    visibility: hidden;
    position: relative;
    width: 172px;
    height: 172px;
    top: -172px;
    background-repeat: no-repeat;
    background-position: center center; }

.thumb_overlay {
    opacity: 0;
    z-index: 2;
    position: relative;
    width: 172px;
    height: 172px;
    top: -344px; }

.thumb_x {
    position: relative;
    top: -344px;
    text-align: center; }

.thumb_nav {
    position: relative;
    top: -344px;
    margin: 0 auto;
    width: 60px;
    visibility: hidden; }

.image_checkbox_div {
    position: relative;
    float: left; }

.image_checkbox {
    margin: 6px; }

.image_zoomin {
    position: relative;
    float: right; }

.Canvas {
    padding: 0px;
    width: 180px;
    height: 225px;
    float: left; }

/*  13. Linkselect --------------------------------------- */

/*
 * define styles for linkselect plug-in
 */
a.linkselectLink:hover, a.linkselectLinkFocus {
	color: #000000 !important;
	background-color: #ffffff !important;
	outline: 1px solid #7e7c7c; /* prevent the link from being outlined */
}

.linkselectContainer {
	z-index: 50000;
	color: #000000;
}

.linkselectContainer .title {
	background: #7e7c7c url(/js/jquery.linkselect/images/linkselect_bkgrd.png) no-repeat 100% 50% !important;
	color: #000 !important;
	text-transform: capitalize;
}

.linkselectContainer .title span {
	padding: 5px 5px;
}

.linkselectContainer .scrollable {
	border: 1px solid #cccccc;
}

.linkselectContainer ul {
	padding: 0px;
}

.linkselectContainer ul li.selected { 
	background-color: #cccccc;
	color: #000000;
}

.linkselectContainer ul li.current { 
	background-color: #a9a6a6;
	color: #000000;
}