/* Wubba CSS */

/*Colors
Black  = 000000
White  = FFFFFF
Red    = CC2229
Yellow = FFF22D
Blue   = 405DA7
Gray   = D0D1D3
*/

/*HTML Styles*/
body	{
	background-color: #000000;
	margin: 0px;
	padding:0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
td {
	background-color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;
	line-height: 16px;
}
h1 {
	color: #405DA7;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 12px;
}
h2 {
	color: #405DA7;
	font-size: 13px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
}
h3 {
	color: #405DA7;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
}

/*Link Styles*/
a			{font-weight: bold; color: #003399; }
a:link		{font-weight: bold; color: #003399; }
a:visited	{font-weight: bold; color: #003399; }
a:hover		{font-weight: bold; color: #405DA7; }

/*Color & Size Styles*/
.yellow {
	background-color: #FFF22D;
}
.red {
	background-color: #CC2229;
}
.blacktext {
	color: #000000;
}
.redtext {
	color: #CC2229;
}
.blue {
	background-color: #405DA7;
}
.black {
	background-color: #000000;
}
.gray {
	background-color: #D0D1D3;
}
.smalltext {
	font-size: 9px;
}
.mediumtext {
	font-size: 10px;
}
.centertext {
	text-align: center;
}
.lefttext {
	text-align: left;
}
.nodecoration {
	text-decoration: none;
}

/*Photo Bar Styles*/
.photo_bar {
	border-color: #FFF22D;
	border-style: solid;
	border-top-width: 9px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-right-width: 9px;
}

/*Menu Bar Styles*/
a.menu		{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu:link	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu:visited	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu:hover	{
	background-color: #FFF22D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-yellow		{
	background-color: #FFF22D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-yellow:link	{
	background-color: #FFF22D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-yellow:visited	{
	background-color: #FFF22D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-yellow:hover	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-reverse		{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF22D;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-reverse		{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF22D;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-reverse:link	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF22D;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-reverse:visited	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF22D;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
a.menu-reverse:hover	{
	background-color: #FFF22D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
.menu-text	{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
/*Border Styles*/
.yellow_border_left_right {
	background-color: #000000;
	border-color: #FFF22D;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 9px;
	border-right-width: 9px; 
}
.yellow_border_left_right_bottom {
	border-color: #FFF22D;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-right-width: 9px;
}

/*Box Styles*/
.white_box {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	border-style: solid;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-right-width: 15px;
}
.gray_box {
	background-color: #D0D1D3;
	border-color: #D0D1D3;
	border-style: solid;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-right-width: 15px;
}

/*Body Styles*/
.body-white {
	width: 538px;
	height: 432px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:0px;
	border-right-width: 0px;
}
.body-white-home {
	width: 538px;
	height: 432px;
	background-color: #FFFFFF;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:0px;
	border-right-width: 0px;
}
.body-white-home-black {
	width: 538px;
	height: 432px;
	background-color: #000000;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:0px;
	border-right-width: 0px;
}
.wide-body-white {
	width: 708px;
	height: 432px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	border-right-width: 0px;
}
.sidebar-gray {
	width: 170px;
	background-color: #D0D1D3;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	border-right-width: 1px;
}
.sidebar-gray-no-padding {
	width: 170px;
	background-color: #D0D1D3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	border-right-width: 1px;
}
.sidebar-white {
	width: 170px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	border-right-width: 1px;
}
.sidebar-white-no-padding {
	width: 170px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	border-right-width: 1px;
}
.right-sidebar-white {
	width: 170px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}
.right-sidebar-white-gallery {
	width: 360px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}
.right-sidebar-gray {
	width: 170px;
	background-color: #D0D1D3;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}
.right-sidebar-black {
	width: 120px;
	background-color: #000000;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}
.sidebar-title	{
	background-color: #405DA7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF22D;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	line-height: 20px;
}
.sidebar-text	{
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.sidebar-text-no-padding	{
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.sidebar-text-medium	{
	font-size: 11px;
	line-height: 13px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}

/*Footer Styles*/
.footer {
	background-color: #000000;
	border-color: #405DA7;
	border-style: solid;
	border-top-width: 3px;
	border-bottom-width: 0px;
	border-left-width:0px;
	border-right-width: 0px;
}
.blueline {
	background-color: #405DA7;
	line-height: 3px;
}

/*Order Form Styles*/
.product_box {
	width: 100px;
	height: 110px;
	vertical-align: middle;
	text-align: center;
}
.product_box_old {
	border-color: #D0D1D3;
	border-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	width: 100px;
	height: 110px;
	vertical-align: middle;
	text-align: center;
}
.product_description {
	width: 110px;
}
.product_description_starter_pack {
	width: 181px;
}
input {
	margin-top: 0px;
	margin-left: 0px;
}


/*CSS Menu Styles used for Next Back buttons in Gallery*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(http://wubbaworld.com/assets/menu.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:14em
}