body { background:url(../images/layout/bg.png) repeat; margin:0; padding:0; font-size:12px; color:#333; font-family:Arial, Sans-Serif; }
form { margin:0 auto; padding:0; width:1022px; }
.clear { float:none; clear:both; }

a { color:#FEBE30; text-decoration:none; cursor:pointer; }
a:hover { color:#FEBE30; text-decoration:underline; }
a:visited { color:#FEBE30; }

h1 { margin:0; padding:0 0 20px 0; font-size:20px; }
h2 { margin:0; padding:0 0 20px 0; font-size:20px; }
h3 { margin:0; padding:0 0 0 0; font-size:18px; }
h4 { margin:0; padding:0 0 0 0; font-size:16px; }
h5 { margin:0; padding:0 0 0 0; font-size:12px; }
h6 { margin:0; padding:0 0 0 0; font-size:12px; }
p { margin:0; padding:0 0 10px 0; }





/** button style **/
html>body a.yellow-button-black-text, span.yellow-button-black-text, del.yellow-button-black-text{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b; font-style:bold; margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

html>body a.yellow-button-black-text, span.yellow-button-black-text, 
html>body a.yellow-button-black-text span, span.yellow-button-black-text button, span.yellow-button-black-text input { background-image:url(../images/layout/button-bg-yellow.png); }
html>body a.yellow-button-black-text span, span.yellow-button-black-text button, span.yellow-button-black-text input {
  white-space:nowrap; cursor:pointer; color:#333; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:14px !important; font-style:normal; font-weight:bold; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:4px 30px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

html>body span.yellow-button-black-text button{ line-height:2.5;/*Opera need this*/ }
html.safari a.yellow-button-black-text span { line-height:1.3; }
html.safari span.yellow-button-black-text button{ line-height:2.6; }
html.safari a.yellow-button-black-text:focus,
html.safari span.yellow-button-black-text button:focus{ outline:none; }
html>body span.yellow-button-black-text button, span.yellow-button-black-text input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
html>body a.yellow-button-black-text:hover, span.yellow-button-black-text:hover, a.yellow-button-black-text:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#333; text-decoration:none; background-position:0 -29px;
}

html>body a.yellow-button-black-text:hover span, span.yellow-button-black-text:hover button, a.yellow-button-black-text:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -29px;
}

html>body a.yellow-button-black-text:active, a.yellow-button-black-text:focus span{ color:#333; }



a.yellow-button-white-text, span.yellow-button-white-text, del.yellow-button-white-text{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b; font-style:bold; margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

a.yellow-button-white-text, span.yellow-button-white-text, 
a.yellow-button-white-text span, span.yellow-button-white-text button, span.yellow-button-white-text input { background-image:url(../images/layout/button-bg-yellow.png); }
a.yellow-button-white-text span, span.yellow-button-white-text button, span.yellow-button-white-text input {
  white-space:nowrap; cursor:pointer; color:#fff; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:14px !important; font-style:normal; font-weight:bold; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:4px 30px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

span.yellow-button-white-text button{ line-height:2.5;/*Opera need this*/ }
html.safari a.yellow-button-white-text span { line-height:1.3; }
html.safari span.yellow-button-white-text button{ line-height:2.6; }
html.safari a.yellow-button-white-text:focus,
html.safari span.yellow-button-white-text button:focus{ outline:none; }
span.yellow-button-white-text button, span.yellow-button-white-text input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
a.yellow-button-white-text:hover, span.yellow-button-white-text:hover, a.yellow-button-white-text:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#fff; text-decoration:none; background-position:0 -29px;
}

a.yellow-button-white-text:hover span, span.yellow-button-white-text:hover button, a.yellow-button-white-text:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -29px;
}

a.yellow-button-white-text:active, a.yellow-button-white-text:focus span{ color:#fff; }





a.white-button-blue-hover-black-text, span.white-button-blue-hover-black-text, del.white-button-blue-hover-black-text{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b;  margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

a.white-button-blue-hover-black-text, span.white-button-blue-hover-black-text, 
a.white-button-blue-hover-black-text span, span.white-button-blue-hover-black-text button, span.white-button-blue-hover-black-text input { background-image:url(../images/layout/button-bg-white-blue-hover.png); }
a.white-button-blue-hover-black-text span, span.white-button-blue-hover-black-text button, span.white-button-blue-hover-black-text input {
  white-space:nowrap; cursor:pointer; color:#333; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:13px !important; font-style:normal; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:4px 30px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

span.white-button-blue-hover-black-text button{ line-height:2.5;/*Opera need this*/ }
html.safari a.white-button-blue-hover-black-text span { line-height:1.3; }
html.safari span.white-button-blue-hover-black-text button{ line-height:2.6; }
html.safari a.white-button-blue-hover-black-text:focus,
html.safari span.white-button-blue-hover-black-text button:focus{ outline:none; }
span.white-button-blue-hover-black-text button, span.white-button-blue-hover-black-text input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
a.white-button-blue-hover-black-text:hover, span.white-button-blue-hover-black-text:hover, a.white-button-blue-hover-black-text:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#333; text-decoration:none; background-position:0 -29px;
}

a.white-button-blue-hover-black-text:hover span, span.white-button-blue-hover-black-text:hover button, a.white-button-blue-hover-black-text:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -29px;
}

a.white-button-blue-hover-black-text:active, a.white-button-blue-hover-black-text:focus span{ color:#333; }





a.white-button-yellow-hover-black-text, span.white-button-yellow-hover-black-text, del.white-button-yellow-hover-black-text{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b;  margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

a.white-button-yellow-hover-black-text, span.white-button-yellow-hover-black-text, 
a.white-button-yellow-hover-black-text span, span.white-button-yellow-hover-black-text button, span.white-button-yellow-hover-black-text input { background-image:url(../images/layout/button-bg-white-yellow-hover.png); }
a.white-button-yellow-hover-black-text span, span.white-button-yellow-hover-black-text button, span.white-button-yellow-hover-black-text input {
  white-space:nowrap; cursor:pointer; color:#333; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:13px !important; font-style:normal; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:4px 30px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

span.white-button-yellow-hover-black-text button{ line-height:2.5;/*Opera need this*/ }
html.safari a.white-button-yellow-hover-black-text span { line-height:1.3; }
html.safari span.white-button-yellow-hover-black-text button{ line-height:2.6; }
html.safari a.white-button-yellow-hover-black-text:focus,
html.safari span.white-button-yellow-hover-black-text button:focus{ outline:none; }
span.white-button-yellow-hover-black-text button, span.white-button-yellow-hover-black-text input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
a.white-button-yellow-hover-black-text:hover, span.white-button-yellow-hover-black-text:hover, a.white-button-yellow-hover-black-text:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#333; text-decoration:none; background-position:0 -29px;
}

a.white-button-yellow-hover-black-text:hover span, span.white-button-yellow-hover-black-text:hover button, a.white-button-yellow-hover-black-text:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -29px;
}

a.white-button-yellow-hover-black-text:active, a.white-button-yellow-hover-black-text:focus span{ color:#333; }




a.blue-button-white-text, span.blue-button-white-text, del.blue-button-white-text{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b; font-style:bold; margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

a.blue-button-white-text, span.blue-button-white-text, 
a.blue-button-white-text span, span.blue-button-white-text button, span.blue-button-white-text input { background-image:url(../images/layout/button-bg-blue.png); }
a.blue-button-white-text span, span.blue-button-white-text button, span.blue-button-white-text input {
  white-space:nowrap; cursor:pointer; color:#fff; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:14px !important; font-style:normal; font-weight:bold; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:4px 30px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

span.blue-button-white-text button{ line-height:2.5;/*Opera need this*/ }
html.safari a.blue-button-white-text span { line-height:1.3; }
html.safari span.blue-button-white-text button{ line-height:2.6; }
html.safari a.blue-button-white-text:focus,
html.safari span.blue-button-white-text button:focus{ outline:none; }
span.blue-button-white-text button, span.blue-button-white-text input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
a.blue-button-white-text:hover, span.blue-button-white-text:hover, a.blue-button-white-text:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#fff; text-decoration:none; background-position:0 -29px;
}

a.blue-button-white-text:hover span, span.blue-button-white-text:hover button, a.blue-button-white-text:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -29px;
}

a.blue-button-white-text:active, a.blue-button-white-text:focus span{ color:#fff; }




a.cancel-button, span.cancel-button, del.cancel-button{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; height:22px;
  text-decoration:none; color:#2e523b; font-style:bold; margin:0 6px 0px 0; padding:0 5px 0 0;	vertical-align:middle; padding-top:-2px; _position:relative; _width:10px;	_overflow-y:hidden; }

a.cancel-button, span.cancel-button, 
a.cancel-button span, span.cancel-button button, span.cancel-button input { background-image:url(../images/layout/button-bg-blue-no-arrow.png); }
a.cancel-button span, span.cancel-button button, span.cancel-button input {
  white-space:nowrap; cursor:pointer; color:#fff; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important;
  font-family:Arial, Sans-Serif !important; font-size:12px !important; font-style:normal; font-weight:bold; background-color:transparent; background-position:100% 0;
  background-repeat:no-repeat; height:22px; padding:6px 14px 0 2px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
  zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px;
}

span.cancel-button button{ line-height:2.5;/*Opera need this*/ }
html.safari a.cancel-button span { line-height:1.3; }
html.safari span.cancel-button button{ line-height:2.6; }
html.safari a.cancel-button:focus,
html.safari span.cancel-button button:focus{ outline:none; }
span.cancel-button button, span.cancel-button input{ padding-top:0px; line-height:2.5;/*Opera need this*/ }

/*Hover Style*/
a.cancel-button:hover, span.cancel-button:hover, a.cancel-button:focus, a.dom-button-focus, span.button-behavior-hover{
  color:#fff; text-decoration:none; background-position:0 -28px;
}

a.cancel-button:hover span, span.cancel-button:hover button, a.cancel-button:focus span, span.button-behavior-hover button, span.button-behavior-hover input{
  background-position:100% -28px;
}

a.cancel-button:active, a.cancel-button:focus span{ color:#fff; }
/** end button styles **/





.red { color:#FF0000; }
.ImageBorder { border: 3px solid #DFF1F0; float: left; }

.bigguy { position:absolute; background:url(../images/layout/bigguy.png) no-repeat; width:192px; height:263px; margin:350px 0 0 -220px; }
.biggirl { position:absolute; background:url(../images/layout/biggirl.png) no-repeat; width:264px; height:353px; margin:300px 0 0 1040px; }

.valerr { border:1px solid #F15C27; background-color:#F7931E; font-weight:bold; margin:0; padding:10px; font-size:120%; }
.valerr h3 { color:#fff; margin:0; padding:0; }
.valerr ul { margin:0px 0px 0px 20px; padding:0px; color:#FEF6ED; }
.valerr a { color:#444; background:none; padding:0; margin:0; display:inline; }

.masthead { background:url(../images/layout/dot.png) repeat-x left bottom; }
.masthead .logo { background:url(../images/layout/logo.png) no-repeat; margin:10px; padding:0; float:left; }
.masthead .logo a { display:block; width:366px; height:48px; }
.masthead .logo a span { display:none; }

.masthead .topright { float:right; padding-right:20px; }
.masthead .topright .littlelinks { list-style:none; margin:0; padding:30px 0 0 0; float:left; }
.masthead .topright .littlelinks li { float:left; padding-right:10px; }
.masthead .topright .littlelinks li a { display:block; padding-top:12px; }
.masthead .topright .littlelinks li .cart { padding-right:30px; background:url(../images/layout/cart.png) no-repeat right bottom; }
.masthead .topright .left { display:block; background:url(../images/layout/topright-left.png) no-repeat; width:16px; height:63px; float:left; }
.masthead .topright .bigbubble { background:url(../images/layout/topright-repeat.png) repeat-x; height:55px; list-style:none; margin:0; padding:8px 0 0 0; float:left; }
.masthead .topright .bigbubble li { height:45px; line-height:45px; float:left; padding:0 8px 0 8px; color:#555; }
.masthead .topright .bigbubble .on { background:url(../images/layout/topright-hover.png) no-repeat center top; }
.masthead .topright .bigbubble li .yarrows { display:block; height:47px; }
.masthead .topright .bigbubble li .yarrows span { display:none; }
/* .masthead .topright .bigbubble li .signin { background:url(../images/layout/topright-signin.png) no-repeat left 16px; width:56px; } */

.masthead .topright .bigbubble li .firsttime { background:url(../images/layout/first-time-visitor.png) no-repeat left 9px; width:115px; }
.masthead .topright .bigbubble li .signin { background:url(../images/layout/back-again.png) no-repeat left 9px; width:82px; }

/* .masthead .topright .bigbubble li .joinus { background:url(../images/layout/topright-joinus.png) no-repeat left 16px; width:56px; } */

.masthead .topright .cheese { display:block; background:url(../images/layout/cheese.png) no-repeat; width:59px; height:63px; float:left; text-indent:-10000px; }

/*.masthead .topright .cheese span */
.masthead .topright .cheesebubble { display:none; position:absolute; margin:-20px 0 0 0; }

/*
.loginbox { width:496px; }
.loginbox-top { background:url(../images/login/login-top.png) no-repeat; width:496px; height:27px; }
.loginbox-top h1 { background:url(../images/login/login-title.png) no-repeat 40px 4px; padding-left:40px; color:#fff; text-indent:-10000px; }
.loginbox-repeat { background:url(../images/login/login-repeat.png) repeat-y; width:496px; }
.loginbox-bottom { background:url(../images/login/login-bottom.png) no-repeat; width:496px; height:10px; }
*/
#loginTarget { width:619px !important; }
#loginTarget .npTitle { width:619px !important; }
#loginTarget .npTitle .t { width:599px !important; }
#loginTarget .npContent { width:617px !important; padding:20px 0 0 0; }
#loginTarget .npBottom { width:619px !important; }
#loginTarget .npBottom .b { width:599px !important; }

.loginbox .loginbox-top { /*background:url(../images/login/login-top.png) no-repeat;*/ width:619px; height:28px; }
.loginbox .loginbox-top h2 { padding-left:10px; }
.loginbox .loginbox-repeat { /*background:url(../images/login/login-repeat.png) repeat-y;*/ width:619px; padding-top:7px; }
.loginbox .loginbox-bottom { /*background:url(../images/login/login-bottom.png) no-repeat;*/ width:619px; height:11px; }

.loginbox .loginbox-left { width:300px; padding:0 0 0 15px; float:left; }
.loginbox .loginbox-left .login-inputs { padding-left: 50px; margin: 0 0 10px; }
.loginbox .loginbox-left .login-inputs .username { color:#333; font-size:14px; font-weight:bold; }
.loginbox .loginbox-left .login-inputs .password { color:#333; font-size:14px; font-weight:bold; }
.loginbox .loginbox-left .login-inputs .login-input { display:block; border:1px solid #ccc; width:250px; padding:2px; margin-bottom:5px; }
.loginbox .loginbox-left .login-inputs .forgot { color:#333; font-size:12px; }
.loginbox .loginbox-left .login-action { padding-left: 50px; margin: 0 0 10px; }
.loginbox .loginbox-left .login-action .loginbtn { display:block; float:left; }
.loginbox .loginbox-left .login-action .remember { display:block; float:right; padding:2px 80px 0 10px; }
.loginbox .loginbox-left .login-action .remember input { float:left; }
.loginbox .loginbox-left .login-action .remember label { float:left; line-height:18px; }

.loginbox .loginbox-right { width:260px; padding:0 0 5px 10px; float:left; }
.loginbox .loginbox-right p { font-size:12px; color:#333; padding:10px 0 0 0; }
.loginbox .loginbox-right .bird { padding-top:60px; vertical-align:bottom; }

.masthead .topnav { float:none; clear:both; background:url(../images/layout/dot.png) repeat-x left top; height:36px; padding:4px 0 0 55px; list-style:none; margin:0; }
.masthead .topnav li { float:left; height:34px; line-height:30px; background:url(../images/layout/dot.png) repeat-y right top; }
.masthead .topnav li h4 {}
.masthead .topnav li .on, .masthead .topnav .on h4 { background:url(../images/layout/nav-hover.png) no-repeat center center; }
.masthead .topnav li h4 a { color:#1A1A1A; font-weight:normal; display:block; padding:0 40px; height:32px; text-align:center; }
.masthead .topnav li h4 a:hover { text-decoration:none; }
.masthead .topnav ul { width:112px; list-style:none; margin:4px 2px 0 -2px; padding:0; border:1px solid #D3EDEC; border-top:0; border-bottom:0; position:absolute; z-index:500; display:none; }
.masthead .topnav ul li { background:none; float:none; height:auto; width:auto; margin:0; line-height:normal; padding:0; border-bottom:1px solid #D3EDEC; }
.masthead .topnav ul li h5 { font-size:12px; margin:0; padding:0; font-weight:normal; }
.masthead .topnav ul li h5 a { display:block; height:auto; margin:0; padding:5px 10px; text-align:center; background:#fff; color:#333; }
.masthead .topnav ul li h5 a:hover { text-decoration:none; background:#FEBE30; }

.container { margin-top:50px; }
.container .container-top { background:url(../images/layout/container-top.png) no-repeat; width:1022px; height:10px; }
.container .container-mid { background-color:#fff; }
.container .container-bottom { background:url(../images/layout/container-bottom.png) no-repeat; width:1022px; height:10px; }

.container .container-mid .content-bg { padding-top:20px; padding-bottom: 10px }
.container .container-mid .ybg { background-color:#FEBE30; }
.container .container-mid .gbg { background-color:#84BE6A; }

.container .content-bg .sidenav { width:186px; float:left; padding:0 0 20px 10px; }
.container .content-bg .sidenav .sidenav-items { }
.container .content-bg .sidenav .sidenav-top { position:absolute; background:url(../images/layout/sidenav-top.png) no-repeat; width:186px; height:55px; z-index:2; }
.container .content-bg .sidenav .sidenav-list { background:url(../images/layout/sidenav-repeat.png) repeat-y; list-style:none; margin:0; padding:41px 3px 0 1px; position:relative; z-index:1; width:181px; }
.container .content-bg .sidenav .sidenav-list li { border-bottom:1px solid #FDBD30; }
.container .content-bg .sidenav .sidenav-list .last { border:none !important; }
.container .content-bg .sidenav .sidenav-list .on { color: #FEBE30; }

.container .content-bg .sidenav .sidenav-list li h4 { margin:0; padding:0; font-size:13px; text-align:center; position:relative; }
.container .content-bg .sidenav .sidenav-list li h4 a { display:block; color:#444; padding:10px 0; outline:none; position:relative; z-index:3; }
.container .content-bg .sidenav .sidenav-list li h4.owl-icon { background: url(../images/layout/sidenav-owls.png) no-repeat 2px center; }
.container .content-bg .sidenav .sidenav-list li h4.apple-icon { background: url(../images/layout/sidenav-apple.png) no-repeat 2px center; }
.container .content-bg .sidenav .sidenav-list li h4.album-icon { background: url(../images/layout/sidenav-album.png) no-repeat 2px center; }

.container .content-bg .sidenav .sidenav-list li ul { background: url(../images/layout/dot-side.gif) repeat-x top; padding: 7px 0 5px 0; margin: 0; }
.container .content-bg .sidenav .sidenav-list li ul li { border: none; list-style: none; font-size: 8pt; padding: 2px 0; margin: 0; }
.container .content-bg .sidenav .sidenav-list li ul li a { padding-left: 46px; color: #1A1A1A; }
.container .content-bg .sidenav .sidenav-list li ul li a:hover { background: transparent url(../images/layout/bullet.gif) no-repeat 35px 4px; text-decoration: none; }
.container .content-bg .sidenav .sidenav-list li ul li a:active { color: #FEBE30; background: none; }
.container .content-bg .sidenav .sidenav-list li ul li .on { color: #FEBE30; }
.container .content-bg .sidenav .sidenav-list li ul li .new { color: #FEBE30; font-weight: bold; position: absolute; left: 5px; }

.container .content-bg .sidenav .sidenav-bottom { background:url(../images/layout/sidenav-bottom.png) no-repeat; width:186px; height:13px; margin-top:-13px; position:relative; z-index:2; }
.container .content-bg .sidenav .play { display:block; background:url(../images/layout/sidenav-bottom-play.png) no-repeat; width:186px; height:22px; cursor:pointer; }
.container .content-bg .sidenav .play span { display:none; }

.container .content-bg .sidenav .book-session { background: url(../images/layout/sidenav-book-session.gif) no-repeat; margin: 20px 0; width: 194px; height: 193px; }
.container .content-bg .sidenav .book-session span { display: none; }
.container .content-bg .sidenav .book-session a { display: block; width: 187px; height: 185px; }

.container .content-bg img.testimonial { display: block; margin: auto; }

.container .ybg .sidenav .sidenav-bottom { background:url(../images/layout/sidenav-bottom-ybg.png) no-repeat; }
.container .ybg .sidenav .sidenav-items { background:url(../images/layout/sidenav-repeat-ybg.png) repeat-y; }
.container .ybg .sidenav .sidenav-top { background:url(../images/layout/sidenav-top-ybg.png) no-repeat; }
.container .gbg .sidenav .sidenav-top { background:url(../images/layout/sidenav-top-gbg.png) no-repeat; }
.container .gbg .sidenav .sidenav-items { background:url(../images/layout/sidenav-repeat-gbg.png) repeat-y; }
.container .gbg .sidenav .sidenav-bottom { background:url(../images/layout/sidenav-bottom-gbg.png) no-repeat; }

.container .container-mid .content { color:#333; font-size:14px; position:relative; float:right; width:780px; padding:20px 20px 20px 0; }
.container .container-mid .content p { padding-bottom:20px; }
.container .container-mid .content p.larger { font-size:17px; }
.container .container-mid .content p.smaller { font-size:9px; }

.content a.view-more { display:block; background:url(../images/layout/content-view-more.gif) no-repeat; width:148px; height:20px; } 
.content a.view-more span { display:none; }
.content ul { padding-bottom:15px; padding-left:25px; }
.content li { padding-bottom:5px; }
.content h2.subhead { font-family:Arial, Sans-Serif; color:#333; font-size:16pt; font-weight:normal;}
.content a.book-today { display:block; background:url(../images/choose-mugshots-book.gif) no-repeat; width:266px; height:77px; margin-bottom:20px; }
.content a.book-today span { display:none; }

.container .container-mid .content .content-box { float:left; width:558px; padding-top:20px; }
.container .container-mid .content .content-box .top { background:url(../images/layout/content-box-top-yellow.png) no-repeat left top; height:28px; }
.container .container-mid .content .content-box .top h2 { color:#fff; padding:0 0 0 30px; margin:0; font-size:18px; line-height:28px; float:left; }
.container .container-mid .content .content-box .top .paging { float:right; padding-right:40px; position:relative; }
.container .container-mid .content .content-box .top .paging .paging-items { list-style:none; margin:0; padding:0; height:20px; }
.container .container-mid .content .content-box .top .paging .paging-items li { float:left; background:none; padding:0; margin:0; }
.container .container-mid .content .content-box .top .paging .paging-items li .paging-item { display:block; height:28px; line-height:28px; padding:0 10px; color:#fff; font-size:14px; font-weight:bold; border:0; text-decoration:none; cursor:pointer; }
.container .container-mid .content .content-box .top .paging .paging-items li .paging-item:hover { text-decoration:none; }
.container .container-mid .content .content-box .top .paging .paging-items li .page-selected { background:#FFEECF; color:#aaa; }
.container .container-mid .content .content-box .repeat { background:url(../images/layout/content-box-repeat-yellow.png) repeat-y left top; padding:0 25px; }
.container .container-mid .content .content-box .repeat .hero { float:right; position:relative; margin:-15px 20px 0 20px; }
.container .container-mid .content .content-box .repeat h3 { padding:20px 0 10px 0; color:#FEBE30; }
.container .container-mid .content .content-box .bottom { background:url(../images/layout/content-box-bottom-yellow.png) no-repeat left top; height:10px; }

.container .container-mid .content .content-rbox { float:right; /*position:absolute;*/ right:20px; width:200px; padding-top:20px; }
.container .container-mid .content .content-rbox .top { background:url(../images/layout/content-box-top-yellow-small.png) no-repeat left top; height:28px; }
.container .container-mid .content .content-rbox .top h2 { color:#fff; padding:0 0 0 30px; margin:0; font-size:18px; line-height:28px; float:left; }
.container .container-mid .content .content-rbox .repeat { background:url(../images/layout/content-box-repeat-yellow-small.png) repeat-y left top; padding:0 0px; }
.container .container-mid .content .content-rbox .bottom { background:url(../images/layout/content-box-bottom-yellow-small.png) no-repeat left top; height:10px; }

.container .container-mid .content .content-lbox { width:772px; padding-top:20px; }
.container .container-mid .content .content-lbox .top { background:url(../images/layout/content-lbox-top-yellow.png) no-repeat left top; height:28px; }
.container .container-mid .content .content-lbox .top h2 { color:#fff; padding:0 0 0 30px; margin:0; font-size:18px; line-height:28px; float:left; }
.container .container-mid .content .content-lbox .top .paging { float:right; padding-right:40px; }
.container .container-mid .content .content-lbox .top .paging .paging-items { list-style:none; margin:0; padding:0; height:20px; }
.container .container-mid .content .content-lbox .top .paging .paging-items li { float:left; background:none; padding:0; margin:0; }
.container .container-mid .content .content-lbox .top .paging .paging-items li .paging-item { display:block; height:28px; line-height:28px; padding:0 10px; color:#fff; font-size:14px; font-weight:bold; border:0; text-decoration:none; cursor:pointer; }
.container .container-mid .content .content-lbox .top .paging .paging-items li .paging-item:hover { text-decoration:none; }
.container .container-mid .content .content-lbox .top .paging .paging-items li .page-selected { background:#FFEECF; color:#aaa; }
.container .container-mid .content .content-lbox .repeat { background:url(../images/layout/content-lbox-repeat-yellow.png) repeat-y left top; padding:0 25px; }
.container .container-mid .content .content-lbox .repeat .hero { float:right; position:relative; margin:-15px 20px 0 20px; }
.container .container-mid .content .content-lbox .repeat h3 { padding:20px 0 10px 0; color:#FEBE30; }
.container .container-mid .content .content-lbox .bottom { background:url(../images/layout/content-lbox-bottom-yellow.png) no-repeat left top; height:11px; }




.container .container-mid .content .contactform { width:619px; padding-top:20px; }
.container .container-mid .content .contactform .top { background:url(../images/contactform-top.png) no-repeat left top; width:619px; height:27px; }
.container .container-mid .content .contactform .top h2 { color:#fff; padding:0 0 0 30px; margin:0; font-size:18px; line-height:28px; float:left; }
.container .container-mid .content .contactform .repeat { background:url(../images/contactform-repeat.png) repeat-y left top; padding:20px 0 0 0; }
.container .container-mid .content .contactform .repeat .thankyou { width:320px; padding:10px 20px !important; }
.container .container-mid .content .contactform .repeat p { float:none; clear:both; padding:10px 0 0 0 !important; }
.container .container-mid .content .contactform .repeat .formfield { float:none; clear:both; padding:10px 0 0 0; }
.container .container-mid .content .contactform .repeat .formfield label { display:block; line-height:20px; text-align:right; float:left; }
.container .container-mid .content .contactform .repeat .formfield input[type=text], 
  .container .container-mid .content .contactform .repeat .formfield textarea,
  .container .container-mid .content .contactform .repeat .formfield select { display:block; float:right; }
.container .container-mid .content .contactform .repeat .formfield2 { float:none; clear:both; padding:10px 0 0 0; }
.container .container-mid .content .contactform .repeat .formfield2 label { display:block; line-height:20px; text-align:right; float:left; }
.container .container-mid .content .contactform .repeat .formfield2 input[type=text], 
  .container .container-mid .content .contactform .repeat .formfield2 textarea,
  .container .container-mid .content .contactform .repeat .formfield2 select { display:block; float:right; }
.container .container-mid .content .contactform .repeat .left { width:360px; float:left; padding:0 10px 0 5px; }
.container .container-mid .content .contactform .repeat .left .formfield label { width:145px; }
.container .container-mid .content .contactform .repeat .left .formfield2 label { width:145px; }
.container .container-mid .content .contactform .repeat .left .formfield input[type=text], 
  .container .container-mid .content .contactform .repeat .left .formfield textarea,
  .container .container-mid .content .contactform .repeat .left .formfield select { width:200px; }
.container .container-mid .content .contactform .repeat .left .formfield2 input[type=text], 
  .container .container-mid .content .contactform .repeat .left .formfield2 textarea,
  .container .container-mid .content .contactform .repeat .left .formfield2 select { width:200px; margin-top:10px; }
.container .container-mid .content .contactform .repeat .left .req { background:url(../images/layout/dot-yellow-big.png) no-repeat 0 5px; padding-left:8px; font-weight:bold; }
.container .container-mid .content .contactform .repeat .left .grade { font-weight:bold; }
.container .container-mid .content .contactform .repeat .left .reqfields { background:url(../images/layout/dot-yellow-big.png) no-repeat 142px 5px; padding-left:150px; font-size:12px; font-weight:normal; float:none; clear:both; display:block; }
.container .container-mid .content .contactform .repeat .right { width:200px; float:right; padding:0 20px 0 10px; }
.container .container-mid .content .contactform .repeat .contactform-submit { margin:20px 145px; }
.container .container-mid .content .contactform .bottom { background:url(../images/contactform-bottom.png) no-repeat left top; width:619px; height:14px; }


.container .container-mid .content .yearbookform .top { background:url(../images/contactform-top.png) no-repeat left top; height:27px; }
.container .container-mid .content .yearbookform .content-box { margin-left: 50px; padding-top: 0 !important; }
.container .container-mid .content .yearbookform .top h2 { color:#fff; padding:0 0 0 30px; margin:0; font-size:18px; line-height:28px; float:left; }
.container .container-mid .content .yearbookform .repeat { background:url(../images/layout/content-lbox-repeat-yellow.png) repeat-y left top; padding:20px 0 0 0; }
.container .container-mid .content .yearbookform .repeat .thankyou { padding:10px 20px !important; }
.container .container-mid .content .yearbookform .repeat p { float:none; clear:both; padding:10px 0 0 0 !important; }
.container .container-mid .content .yearbookform .repeat .formfield { float:none; clear:both; padding:10px 0 0 0; width: 450px; }
.container .container-mid .content .yearbookform .repeat .formfield label { display:block; line-height:20px; text-align:right; float:left; }
.container .container-mid .content .yearbookform .repeat .formfield input[type=text], 
  .container .container-mid .content .yearbookform .repeat .formfield textarea,
  .container .container-mid .content .yearbookform .repeat .formfield select { display:block; float:right; }
.container .container-mid .content .yearbookform .repeat .formfield2 { float:none; clear:both; padding:10px 0 0 0; }
.container .container-mid .content .yearbookform .repeat .formfield2 label { display:block; line-height:20px; text-align:right; float:left; }
.container .container-mid .content .yearbookform .repeat .formfield2 input[type=text], 
  .container .container-mid .content .yearbookform .repeat .formfield2 textarea,
  .container .container-mid .content .yearbookform .repeat .formfield2 select { display:block; float:right; }
.container .container-mid .content .yearbookform .repeat .left { width:600px; float:left; padding:0 10px 50px 50px; }
.container .container-mid .content .yearbookform .repeat .left .formfield input[type=text], 
  .container .container-mid .content .yearbookform .repeat .left .formfield textarea,
  .container .container-mid .content .yearbookform .repeat .left .formfield select { width:200px; }
  .container .container-mid .content .yearbookform .repeat .left .formfield table { padding-left: 25px; }
.container .container-mid .content .yearbookform .notes { float: right; }
.container .container-mid .content .yearbookform .repeat .left .formfield .quantity { width: 25px !important; margin-left: 15px; } 
.container .container-mid .content .yearbookform .repeat .left .formfield2 input[type=text], 
  .container .container-mid .content .yearbookform .repeat .left .formfield2 textarea,
  .container .container-mid .content .yearbookform .repeat .left .formfield2 select { width:200px; margin-top:10px; }
.container .container-mid .content .yearbookform .repeat .left .req { background:url(../images/layout/dot-yellow-big.png) no-repeat 0 5px; padding-left:8px; font-weight:bold; }
.container .container-mid .content .yearbookform .repeat .left .grade { font-weight:bold; }
.container .container-mid .content .yearbookform .repeat .left .reqfields { background:url(../images/layout/dot-yellow-big.png) no-repeat 142px 5px; padding-left:150px; font-size:12px; font-weight:normal; float:none; clear:both; display:block; }
.container .container-mid .content .yearbookform .repeat .right { width:200px; float:right; padding:0 20px 0 10px; }
.container .container-mid .content .yearbookform .repeat .contactform-submit { margin:20px 145px; }
.container .container-mid .content .yearbookform .bottom { background:url(../images/layout/content-lbox-bottom-yellow.png) no-repeat left top; height:14px; }
.container .container-mid .content .yearbookform .display { margin-left: 20px; float: right; }
.container .container-mid .content .yearbookform .label { font-weight:bold; }
.container .container-mid .content .yearbookform th { text-align: left; }
.container .container-mid .content .yearbookform td { padding: 0 10px 0 0; }
.container .container-mid .content .yearbookform .quantity-cell { width:15%; float: left; }
.container .container-mid .content .yearbookform .item-name { font-weight: bold; }
.container .container-mid .content .yearbookform .item-cost { color: #cccccc; font-weight: bold; }
.container .container-mid .content .yearbookform .error { color: #ff0000; font-weight: lighter; font-size: 12px; }

.container .container-mid .content .side-bluebox { width:210px; }
.container .container-mid .content .side-bluebox .top { background:url(../images/layout/side-bluebox-top.png) no-repeat left top; height:12px; }
.container .container-mid .content .side-bluebox .repeat { background:url(../images/layout/side-bluebox-repeat.png) repeat-y left top; padding:0 10px; }
.container .container-mid .content .side-bluebox .repeat h3 { color:#333; }
.container .container-mid .content .side-bluebox .bottom { background:url(../images/layout/side-bluebox-bottom.png) no-repeat left top; height:12px; }

.container .container-mid .content .item-id-card { float: left; width: 156px; height: 114px; margin-top: 95px; margin-bottom: 55px; padding-right: 30px; font-weight: bold; text-align: center; }
.container .container-mid .content .item-record-sticky { float: left; width: 120px; height: 149px; margin-top: 60px; margin-bottom: 55px; padding-right: 30px; font-weight: bold; text-align: center; }
.container .container-mid .content .item-admin-cd { float: left; width: 176px; height: 176px; margin-top: 33px; margin-bottom: 55px; padding-right: 30px; font-weight: bold; text-align: center; }
.container .container-mid .content .item-gift-cert { float: left; width: 178px; height: 137px; margin-top: 72px; margin-bottom: 55px; padding-right: 30px; font-weight: bold; text-align: center; }

.container .container-mid .bottom-boxes { clear: both; background:url(../images/layout/dot.png) repeat-x left top; padding-top:10px; /*26px;*/ z-index:1; margin:15px 8px 0 8px; }
.container .container-mid .bottom-boxes .top { background:url(../images/layout/bottom-container-top.gif) no-repeat center top; height:46px; }
.container .container-mid .bottom-boxes .top h2 { text-align:center; line-height:38px; }
.container .container-mid .bottom-boxes .top .click-worthy { background:url(../images/layout/click-worthy.png) no-repeat center 10px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .repeat {  /* padding-left:8px;20px;*/ }
.container .container-mid .bottom-boxes #spClickWorthyTitle { position: relative; top:-249px; left:450px; font-family:Arial; font-size:1.6em; font-weight:bold; }
.container .container-mid .bottom-boxes .repeat #borderRepeat { background:url(../images/layout/BotBox_repeat.png) repeat-x 0 0;height:256px;float:left; }
.container .container-mid .bottom-boxes .bottom { background:url(../images/layout/bottom-container-bottom.gif) no-repeat center bottom; height:13px; }

.container .container-mid .bottom-boxes #leftBotBoxBorder { background:url(../images/layout/BotBox_leftBorder.png) no-repeat 0 0; width:14px; height:256px; float:left; }
.container .container-mid .bottom-boxes #rightBotBoxBorder { background:url(../images/layout/BotBox_rightBorder.png) no-repeat 0 0; width:14px; height:256px; float:left; }

.container .container-mid .bottom-boxes .box { width:325px; float:left; padding-top:50px; /*margin-right:3px; border-top:solid 2px #9DD8D4;*/ }
.container .container-mid .bottom-boxes .box .top { background:url(../images/layout/bottom-container-box-top.gif) no-repeat; width:328px; height:41px; }
.container .container-mid .bottom-boxes .box .repeat { position: relative; background:url(../images/layout/bottom-container-box-repeat.gif) repeat-y; width:308px; height:120px; padding: 10px; }
.container .container-mid .bottom-boxes .box .bottom { background:url(../images/layout/bottom-container-box-bottom.gif) no-repeat; width:328px; height:22px; }

/*
.container .container-mid .bottom-boxes .family-portraits { background:url(../images/layout/bottom-container-family-portraits.png) no-repeat center 10px; height:30px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .family-portraits span { display:none; }
.container .container-mid .bottom-boxes .store { background:url(../images/layout/bottom-container-store.png)  no-repeat center 10px; height:30px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .store span { display:none; } */

.container .container-mid .bottom-boxes .portrait-services { background:url(../images/layout/bottom-container-portrait-services.png) no-repeat center 10px; height:30px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .portrait-services span { display:none; }
.container .container-mid .bottom-boxes .photographers-join { background:url(../images/layout/bottom-container-join-us.png) no-repeat center 10px; height:30px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .photographers-join span { display:none; }
.container .container-mid .bottom-boxes .photographer { background:url(../images/layout/bottom-container-photographer.png)  no-repeat center 10px; height:30px; text-indent:-10000px; }
.container .container-mid .bottom-boxes .photographer span { display:none; }

.container .container-mid .bottom-boxes .paperclip { position:absolute; z-index:2; background:url(../images/layout/paperclip.png) no-repeat; width:73px; height:112px; margin:-66px 0 0 360px;}
.container .container-mid .bottom-boxes .top h2 { text-align:center; line-height:40px; }

.container .container-mid .bottom-boxes .repeat .box .repeat a { color: #9ED8D5; text-decoration: underline; }
.container .container-mid .bottom-boxes h3 { font-size: 14pt; }
.container .container-mid .bottom-boxes h4 { font-size: 10.5pt; }
.container .container-mid .bottom-boxes .cta-learn-more { position: absolute; bottom: 0; display:block; background:url(../images/layout/cta-learn-more.gif) no-repeat; width:121px; height:21px; }
.container .container-mid .bottom-boxes .cta-learn-more span { display:none; }
.container .container-mid .bottom-boxes .cta-shop-now { position: absolute; bottom: 0; display:block; background:url(../images/layout/cta-shop-now.gif) no-repeat; width:113px; height:21px; }
.container .container-mid .bottom-boxes .cta-shop-now span { display:none; }
.container .container-mid .bottom-boxes .image-desc { float:right; margin-top:-21px; position:relative; z-index:10; }
.container .container-mid .bottom-boxes .photographer-img { float: left; font-size:xx-small; padding: 0 8px 5px 0; }

.footer { text-align:center; padding-bottom:20px; }
.footer .logo { display:block; background:url(../images/layout/footer-logo.png) no-repeat; width:151px; height:58px; margin:10px auto; }
.footer .logo span { display:none; }
.footer .np { display:none; }

.footer-links { width: 100%; padding: 30px 0; margin: 0; background: #fff url(../images/layout/dot.png) repeat-x top left; }
	.footer-links li { display: inline; height: 75px; margin: 0 30px; background: url(../images/layout/dot.png) repeat-y top right; }
	.footer-links li a { color: #000; padding-right: 60px; }
	.footer-links li.noborder { background: none; }


/**** MODAL Styles ****/
.npOverlay { background-color:#666666; }
.npContainer { display:none; position:absolute; color:#333; background-color:#fff; border:2px solid #DDDDDD; padding:10px; }
.npClose { text-align:right; }
.npClose .modalClose { display:inline-block; background:url(../images/close_icon_double.png) no-repeat; width:20px; height:20px; cursor:pointer; }
.npClose .modalClose:hover { background-position:0 -20px; }
.npClose .modalClose span { display:none; }
h1.title { color:#333333; border-bottom:2px solid #DDDDDD; padding:5px; margin:0px; background:#EEEEEE; }


/**** DIV tables ****/
.divTbl { display:inline-block }
.divTblRow { display:block; clear:both; }
.divTblCellL { float:left; padding:5px; clear:right; width:150px; }
.divTblCell { float:left; padding:5px; clear:right;  }