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



body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F0DBA2;
}

#topBars {
	background:url(/images/site/topBar.gif) repeat-x;
	width: 100%;
}

#topWrapper {
	width: 980px;
	margin: 0 auto;
}

#bottomWrapper {
	width: 980px;
	margin: 0 auto;
}

#contentPrimary {
	float: left;
	width: 702px;
	color: #3F3F3F;
	font-size: 0.88em;
	line-height: 1.4em;
	position: relative;
}

#contentPrimaryInterior {
	float: left;
	width: 602px;
	color: #3F3F3F;
	font-size: 0.88em;
	line-height: 1.4em;
	position: relative;
	padding: 20px 60px 0 30px;
}

/*
#contentPrimary h2 {
	font-size: 1.45em;
	font-weight: normal;
	color: #867E59;
	text-transform: lowercase;
	padding: 0 0 7px 0;
	margin: 0;
}
*/

#contentSecondary {
	float: left;
	width: 211px;
	margin: 0 0 0 0;
	color: #3F3F3F;
	font-size: 0.88em;
	line-height: 1.4em;
	padding: 0 20px 0 0;
}

#contentSecondaryInterior {
	float: right;
	margin: 23px 0 0 0;
	color: #3F3F3F;
	font-size: 0.88em;
	line-height: 1.4em;
	padding: 60px 40px 20px 0;
	width:240px;
}

#contentSecondary p {
	margin: 0;
	padding: 10px 0 25px 0;
}


#logoHome {
	width: 198px;
	float: right;
}

#logo {
	width: 198px;
	float: left;
}

#topNavigation {
	height: 47px;
	float: right;
	margin: 29px 0 0 0;
}

#topNavigation ul{
	margin: 0;
}

#topNavigation ul li{
	list-style: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	color: #3A3013;
	font-weight: bold;
	display: block;
	height: 47px;
	background:url(/images/site/navBar.jpg) no-repeat top right;
}

#topNavigation ul li a {
	display: block;
	color: #3A3013;
	text-decoration: none;
	height: 33px;
	margin: 0 12px 0 12px;
	outline: none;
}

#topNavigation ul li a.button1 {
	width: 56px;
	padding: 5px 0 0 32px;
	outline: none;
}

#topNavigation ul li a:hover.button1, #topNavigation ul li .active {
	width: 56px;
	color: #fff;
	text-decoration: none;
	background:url(/images/site/navBg.gif) no-repeat 20px 0;
}

#topNavigation ul li a.button2 {
	width: 73px;
	padding: 5px 0 0 8px;
	outline: none;
}

#topNavigation ul li a:hover.button2 {
	width: 73px;
	color: #fff;
	text-decoration: none;
	background:url(/images/site/navBg.gif) no-repeat -68px 0;
	outline: none;
}

#topNavigation ul li a.button3 {
	width: 126px;
	padding: 5px 0 0 14px;
	outline: none;
}

#topNavigation ul li a:hover.button3 {
	width: 126px;
	color: #fff;
	text-decoration: none;
	background:url(/images/site/navBg.gif) no-repeat -149px 0;
	outline: none;
}

#topNavigation ul li a.button4 {
	width: 90px;
	padding: 5px 0 0 14px;
	outline: none;
}

#topNavigation ul li a:hover.button4 {
	width: 90px;
	color: #fff;
	text-decoration: none;
	background:url(/images/site/navBg.gif) no-repeat -289px 0;
	outline: none;
}

#topNavigation ul li a.button5 {
	width: 56px;
	padding: 5px 0 0 22px;
	outline: none;
}

#topNavigation ul li a:hover.button5 {
	width: 56px;
	color: #fff;
	text-decoration: none;
	background:url(/images/site/navBg.gif) no-repeat 10px 0;
	outline: none;
}

#topNavigation ul li.last{
	background: none;
}

#whyShutterYouHome{
	padding:0 0 0 20px;
	margin-top: -100px;
	margin-left: -20px;
}

a.shutterGuy:link, a.shutterGuy:visited, a.shutterGuy:active {
	display: block;
	height: 289px;
	width: 166px;
	background: url(/images/site/whySY-v5.png) no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
}

a.shutterGuySidebar:link, a.shutterGuySidebar:visited, a.shutterGuySidebar:active {
	background: url(/images/site/whySY-v5Mini.png) no-repeat 0 0;
	height: 200px;
	width: 115px;
}

a.shutterGuy:hover {
	background: url(/images/site/whySY-v5.png) no-repeat 0 -289px;
}

a.shutterGuySidebar:hover {
	background: url(/images/site/whySY-v5Mini.png) no-repeat 0 -200px;
}
	
#whyShutterYouSecondary{
	padding:0 0 0 40px;
}

#shutterWho {
	width:210px;
	height:30px;
}

#shutterWho a.shutterWho:link,  a.shutterWho:visited,  a.shutterWho:active  {
	float: left;
	display: block;
	width: 210px;
	height: 29px;
	text-indent: -9999px;
	background: url(/images/site/headerShutterWho-slider.png) no-repeat 0 0;
}

#shutterWho a.shutterWho:hover {
	float: left;
	display: block;
	width: 210px;
	height: 29px;
	text-indent: -9999px;
	background: url(/images/site/headerShutterWho-slider.png) no-repeat 0 -29px;
}

.darkBoxCornerTop {
	width: 200px;
	height:10px;
	margin: 0;
	padding: 0;
	background: url(/images/site/darkCorners.png) no-repeat 0 -10px;
}

.darkBoxCornerBottom {
	width: 200px;
	height:10px;
	margin: 0 0 6px 0;
	background: url(/images/site/darkCorners.png) no-repeat 0 0;
	overflow: hidden;
}

.darkBox {
	width: 180px;
	padding: 10px;
	background: #A69C80;
}

.lightBoxCornerTop {
	width: 200px;
	height:10px;
	background: url(/images/site/lightCorners.png) no-repeat 0 -10px;
}

.lightBoxCornerBottom {
	width: 200px;
	height:10px;
	background: url(/images/site/lightCorners.png) no-repeat 0 0;
	overflow: hidden;
}

.lightBox {
	width: 180px;
	padding: 10px;
	background: #D6D0A7;
}

.lightBox label > input {
	width: 150px;
}

#searchEventSelector {
	margin:5px 0 3px 0;
}

#eventCode,
#eventName {
	width: 165px;
	margin: 10px 0 8px 0;
	color: #5F5F5F;
	font-weight: bold;
}

.homepageEventCode {
	width: 173px !important;
}

#eventState,
#eventDate {
	margin: 10px 0 8px 0;
}

#username, #password {
	width: 188px;
	margin: 6px 0 6px 0;
	color: #5F5F5F;
	font-weight: bold;
}

#signUpButton {
	margin: 10px 0 10px 0;
}

#homepageButtons {
	margin: 40px 0 0 590px;
}
#homeBtnCallout {
	margin: 15px 0 0 0;
}


#homepagePhotos {
	position: absolute;
	top: -31px;
	width: 714px;
}

#imageOfTheDay {
	background:url(/images/site/imageOfTheDay.gif) no-repeat 0 0;
	padding-top: 21px;
	float: left;
}

#imageOfTheDayBorder {
	border:solid 5px;
	border-color:#99BECB;
}

#homepageThumbs {
	width: 142px;
	float: right;
	padding: 21px 0 0 0;
}

#homepageThumbs img {
	margin:0 0 11px 13px;
}

#homepageContentWrap {
	width: 714px;
	padding: 404px 0 0 0;
	margin: 0;
}

#homepageIntro {
	text-align: center;
	float: left;
}

#homepageCallout {
	width: 251px;
	height: 183px;
	float: right;
	margin: 16px 0 0 0;
	background: url(/images/site/homepageCallout.jpg);
}

#homepageCallout img {
	margin: 130px 0 0 13px;
}
	
#footerWrap {
	width: 980px;
	padding: 6px 0 0 0;
	margin: 0 auto;
	background: #F0DBA2;
	border-top: solid  #B2C6C2;
	vertical-align: top; 
	position: relative;
}

#copyright {
	padding: 0;
	margin: 0;
	width: 350px;
	float: left;
	font-size: 0.75em;
	color: #5F5F5F;
	line-height: 1.5em;
	vertical-align: top;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
	color: #5F5F5F;
	text-decoration: underline;
}

#copyright a:hover {
	color: #5F5F5F;
	text-decoration: none;
}

#footerNav {
	width: 600px;
	float: right;
	text-align: right;
}

#footerNav ul {
	float: right;
}

#footerNav li {
	display: inline;
	list-style: none;
	padding: 0 15px;
	font-size: 0.75em;
	color: #5F5F5F;
	line-height: 1.5em;
	border-right: solid 1px #5F5F5F;
}

#footerNav li.last {
	border-right: none 0;
	padding: 0 0 0 15px;
}

#footerNav a:link, #footerNav a:visited, #footerNav a:active  {
	color: #5F5F5F;
	text-decoration: underline;
}

#footerNav a:hover  {
	color: #5F5F5F;
	text-decoration: none;
}
	
/*===== Misc. ===== */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height: 0;
	height: 0;
}

.label {
	font-size: 0.88em;
	font-weight: bold;
}

img {
	border: none;
}

/* FROM OLD SITE */
.entries th     { font-size: .813em; color: #000033; font-weight: bold; text-align: left; border-bottom: 2px solid #000033; }
ul#sortable	{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.handle		{ cursor: move; }
.listNormal	{  }
.listOver	{ border: 1px outset #f4f4f4; cursor: pointer; background-color: #dedfdf; }
.listDown	{ border: 1px inset #f4f4f4; cursor: pointer; background-color: #dedfdf; }
.spacer		{ line-height: 0.375em; }
.small		{ font-size: 0.8em; }
/* .alt		{ background-color: #F1F5FA; } */


/* NEW STYLES */
.spacerBig { line-height:2.0em; }

.button {
  background: #757058;
  border: 1px solid #407DAA;
  margin: 10px 10px 10px 0;
  padding: 5px 10px;
	font-size:0.8em;
}

.button a,
.button a:visited {
	font-size:1.1em !important;
	padding:8px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}

.button a:hover,
.button a:active {
  color: #F0F0F0;
}

#hidden {display:none;}

.hidden {display:none;}

.toggleButton	{
	background-color:#407daa;
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	cursor:pointer;
}

/*.toggleButtonLeft{
	width:10px;
	height:27px;
	background:url(/images/site/button-rounded-blue-left.png) left no-repeat;
}

.toggleButtonRight {
	width:10px;
	height:27px;
	background:url(/images/site/button-rounded-blue-right.png) right no-repeat;
}*/

ul	{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#contentPrimaryInterior h1 {
	font-size: 1.75em;
	letter-spacing: -0.03em;
	font-weight: 600;
	color: #857E59;
	text-transform: lowercase;
	padding: 0 0 24px 0;
	margin: 0;
}

#contentPrimaryInterior h1 a,
#contentPrimaryInterior h1 a:visited,
#contentPrimaryInterior h1 a:hover,
#contentPrimaryInterior h1 a:active {
	color: #3B3013;
  text-decoration: none;
}


#contentPrimaryInterior h2 {
	/* is modification of original */
	font-size: 1.31em;
	letter-spacing: -0.01em;
	font-weight: normal;
	color: #3B3013;
	text-transform: lowercase;
	padding: 0 0 10px 0;
	margin: 0;
}

#contentPrimaryInterior h2 a,
#contentPrimaryInterior h2 a:visited,
#contentPrimaryInterior h2 a:hover,
#contentPrimaryInterior h2 a:active {
	color: #857E59;
  text-decoration: none;
}

#contentSecondaryInterior h2 .small {
	font-size:0.5em;
	font-weight:normal;
}

.lightBrown {
	color: #857E59;
}

.darkBrown {
	color: #3B3013;
}

.contentPrimaryInteriorLeft {
	width:48%;
	float:left;
	clear: both;
}

.contentPrimaryInteriorRight {
	width:48%;
	padding-left:6px;
	float:right;
}

.contentEventLeft {
	width:50%;
	float:left;
	clear: both;
}

.contentEventRight {
	width:30%;
	padding-left:16px;
	padding-right:20px;
	float:right;
}

.listNormal th{
	font-size: 1.0em;
	letter-spacing: -0.02em;
	font-weight: bold;
	color: #3B3013;
	text-transform: lowercase;
	padding: 0 0 3px 0;
	margin: 0;
}

a {
	color:#407daa;
	a
	outline: none;
}

.cream {
	color:#F9CE83;
}

.listNormal a {
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;
}

input.text{
	width:300px;
}

.inlayBox {
	padding:0 0 0.8em 0.8em;
	background-color:#F0DBA2;
	width:75%;
}

.singleColumn {
	padding:30px 0 35px 120px;
}

.gridBottom {
	margin-top:-10px;
}

.gridClip {
	position:absolute;
	clip:rect(2px,130px,98px,2px)
}

table, tbody, tr, td {
	padding:0;
	margin:0;
	border-collapse:collapse;
}

.contentPrimaryInteriorCenter {
	width:100%;
	float:left;
	clear: both;
}

.uppercase {
	text-transform:none !important;
}

#background {
	width: 100%;
	background: #F0DBA2 url(/images/site/shutterYouInteriorBackgroundwithbox.jpg) no-repeat center 112px; 
}

#backgroundColumns {
	width: 100%;
	background: #F0DBA2 url(/images/site/shutterYouInteriorBackgroundColumns.jpg) no-repeat center 112px; 
}

#backgroundHome {
	background	width: 100%;
	background: #F0DBA2 url(/images/site/bg.jpg) no-repeat center 112px; 
}

.buttonSmall {
  margin: 4px 4px 4px 0 !important;
  padding: 0px !important;
}

.notice {
	font-size:0.8em;
	font-weight:bold;
	color:#F00;
}

.big {
	font-size:1.0em;
}

#contentSecondaryPhotos {
	width: 142px;
	float: right;
	padding:10px;
}

#contentSecondaryPhotos img {
	margin:5px 40px 0 0;
}

.photoBorder {
	border:solid 5px;
	border-color:#99BECB;
}

.active {
	margin:0 0 0 0;
}

ul#productList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#productList li {
	color: #333;
}

ul#productList li span.product {
	font-size: 14px;
	font-weight: bold;

}

ul#productList li span.price {
	font-size: 12px;
	color: #666;
}

#cart-error {
	font-size: 11px;
	color: #cc0000;
	margin: 0;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.textBoxHeading {
	font-size:1.25em;
}

.adminForm {
/*	background-color:#FFF;
	padding:10px;
	width:80%;*/
}

.terms {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* form buttons */
/*AB
button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}
AB*/

/*blue buttons*/
/*AB
.toggleBtn { 
  background:url(/images/site/button-rounded-blue-right.png) right top no-repeat; 
  font-size:0.8em; 
	border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
  height:27px; 
  line-height:27px;
}

.toggleBtn::-moz-focus-inner {
        border: none;
}

.toggleBtn span { 
  height:27px; 
  line-height:27px;
  background:url(/images/site/button-rounded-blue-left.png) left top no-repeat;
  color:#fff; 
}
AB*/

/*red button*/
/*AB
.toggleBtnRed {
  background:url(/images/site/button-rounded-red-right.png) right top no-repeat;
}
.toggleBtnRed span { 
  background:url(/images/site/button-rounded-red-left.png) left top no-repeat;
}
AB*/

/*brown buttons*/
/*AB
.formBtn { 
  background:url(/images/site/button-rounded-brown-right.png) right top no-repeat; 
  font-size:0.8em; 
	border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
  height:27px; 
  line-height:27px;
}

.formBtn::-moz-focus-inner {
	border: none;
}

.formBtn span { 
  height:27px; 
  line-height:27px;
  background:url(/images/site/button-rounded-brown-left.png) left top no-repeat;
  color:#fff; 
}
AB*/

/* TESTING */
/* REQUIRED BUTTON STYLES: */
/*
formBtn		brown
toggleBtn	blue
toggleBtnRed	red
*/

#contentSecondaryInterior h2 {
	font-size: 2em;
	line-height: 1.0em;
}


button {
        position: relative;
        border: 0;
        padding: 0;
        cursor: pointer;
        overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
        border: none;  /* overrides extra padding in Firefox */
}

button span {
        position: relative;
        display: block;
        white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Safari and Google Chrome only - fix margins */
        button span {
                margin-top: -1px;
        }
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.formBtn {
        padding: 0 20px 0 0;
        margin-right:5px;
        font-size:.8em;
	font-weight: bold;
        text-align: center;
        background: transparent url(/images/site/button-rounded-brown-right.png) no-repeat right;
}

button.formBtn span {
        padding: 13px 0 0 20px;
        height:27px;
        background: transparent url(/images/site/button-rounded-brown-left.png) no-repeat left;
        color:#fff;
}

button.toggleBtnRed,
button.toggleBtn {
        padding: 0 20px 0 0;
        margin-right:5px;
        font-size:.8em;
	font-weight: bold;
        text-align: center;
        background: transparent url(/images/site/button-rounded-blue-right.png) no-repeat right;
}

button.toggleBtnRed span,
button.toggleBtn span {
        background: transparent url(/images/site/button-rounded-blue-left.png) no-repeat left;
        padding: 13px 0 0 20px;
        height:27px;
        color:#fff;
}

button.toggleBtnRed {
        background: transparent url(/images/site/button-rounded-red-right.png) no-repeat right !important;
}

button.toggleBtnRed span {
        background: transparent url(/images/site/button-rounded-red-left.png) no-repeat left !important;
}


/* END TESTING */


.shutterWhoColumn {
	float:left;
	width:173px;
	margin: 40px 0 20px 0;
	padding: 0 10px 0 10px
}

.photoNavLinks {
	width:500px;
	text-align: center;
}

table .listNormal{
	margin:5px 0 5px 0 ;
}

.helpBox{
	margin:14px;
}

.productOptionsMenu{
	margin:0 0 0 40px;
}

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

.helpBoxRight{
	float:right;
	position: relative;
	width:50%;
}
.cursorpointer {
	cursor: pointer;
}
.eventsContainer {
	min-height: 300px;
}

.deleteSet {
	cursor: pointer;
}

table.grid tr, table.grid tr td {
    border-collapse: collapse;
    margin: 0 !important;
    padding: 0 !important;
    border-color: inherit;
    vertical-align: inherit;
}

table.grid tr {
    display: table-row;
}

table.grid tr td {
    display: table-cell;
}

table.grid tbody {
    border-collapse: collapse;
    margin: 0 !important;
    padding: 0 !important;
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
}