/* @import url('/js/jquery.jcarousel.css'); */



@import url('style2.css');
 @font-face {
 font-family: 'badonkadonk';
 src: url('/fontface/badankadonk-webfont.eot');
 src: url('/fontface/badankadonk-webfont.woff') format('woff'),  url('/fontface/badankadonk-webfont.ttf') format('truetype'),  url('/fontface/badankadonk-webfont.svg#webfontmahSmMxu') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding:0
}
a {
	outline:none
}
ul, ol {
	padding: 0 !important
}
body {
	background: #ffffff;
	height: 100%;
	width: 100%;
	margin:0px;
	padding: 0px
}
#wrapper {
	width: 900px;
	margin:0 auto;
}
/* ----- header ----- */
body.home #header {
}
#header {
	position: relative;
	width:900;
}
#header h1 {
	height: 143px;
	width: 900px;
	margin: 25px 0 70px 0;
	background: url(../images/homeHeader.gif) no-repeat;
}
#header h1 a {
	display: block;
	height: 100%;
	width:100%;
	text-indent: -9999px
}
/* ----- navigation ----- */
#navMain {
	list-style:none;
	height: 32px;
	position: absolute;
	top:169px;
	left:0;
	margin:0 !important;
}
#navMain:after {
	display: block;
	content:"";
	clear: both
}
#navMain li {
	margin:0 31px 15px 0;
	float: left;
}
#navMain a * {
	display: none;
}
#navMain a, #navMain a .hover {
	height: 32px;
	position: relative;
	display: block;
	background: url(../images/navMainBKG.gif) 0 0 no-repeat
}
#navMain li li a {
	background: none
}
#navMain .shop {
	background-position: 0 0;
	width: 105px;
}
#navMain .highlight .shop:hover, #navMain .shop .hover {
	background-position: 0 -32px;
	width: 105px;
}
#navMain .info {
	background-position: -112px 0px;
	width: 97px;
}
#navMain .highlight .info:hover, #navMain .info .hover {
	background-position: -112px -32px;
	width: 97px
}
#navMain .connect {
	background-position: -217px 0;
	width: 188px;
}
#navMain .highlight a.connect:hover, #navMain .connect .hover {
	background-position: -217px -32px;
	width: 188px
}
/* submenu, it's hidden by default */
#navMain ul {
	position:absolute;
	display:none;
	list-style:none;
	z-index: 9999;
	padding: 20px 15px !important;
	/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 15px;
	-khtml-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 15px;
	-khtml-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-width: 0 1px 1px 1px;
	display: none;
}
ul.one {
	background: #E68650;
	border:1px solid #DD5D15;
}
ul.two {
	background: #B6CF40;
	border:1px solid #9DBF00;
	width: 420px !important;
	left:0
}
ul.three {
	background: #74B9E5;
	border:1px solid #46A1DC;
	width: 435px !important;
	left:0
}
#navMain ul li {
	float:left;
	display: block;
	text-transform: lowercase;
	margin:0 !important;
}
/* display block will make the link fill the whole area of LI */
#navMain ul a {
	display:block;
	height: auto !important;
	padding: 5px 15px;
	margin: 0 !important;
	font-size: 1.5em;
	color: #ffffff;
}
#navMain ul a:hover {
	text-decoration:underline;
	background: #ffffff;
	color: #B6CF40;
	text-decoration: none
}
#navMain ul.one a:hover {
	color: #E68650
}
#navMain ul.two a:hover {
	color: #9DBF00
}
#navMain ul.three a:hover {
	color: #46A1DC
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #navMain ul {
	margin:0 0 0 -2px;
}
/* ----- image rotate script ----- */
#imageRotate {
	height:258px;
	width: 900p;
	margin: 0px 0 28px 0;
	clear: left
}
#imageRotate ul {
	list-style:none
}
/* ----- home carousel ----- */
.homeLabels {
	height: 22px;
	width: 900px;
	margin: 0 0 7px 0 !important;
	padding:0 !important;
	text-indent: -9999px
}
.homeLabels.awesomeTees {
	background:url(../images/awesomeTees.gif) no-repeat;
}
.homeLabels.hipBags {
	background:url(../images/hipBags.gif) no-repeat;
}
.homeLabels.coolAccessories {
	background:url(../images/coolAccessories.gif) no-repeat;
}

.homeLabels.kidsStuff {background:url(../images/kidsStuff.gif) no-repeat;}

/*.jcarousel-container-horizontal {width: 900px; padding: 0}
.jcarousel-clip-horizontal {width:  900px; height: 172px; position: relative; margin: 0 0 32px;}
.jcarousel-skin-bags .jcarousel-clip-horizontal {margin: 0 0 52px 0 !important}
.jcarousel-skin-tees .jcarousel-item, .jcarousel-skin-bags .jcarousel-item {width: 172px; height: 172px; position: relative;}
.jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-item span {  color:#FFFFFF; float:left; font-family: "arial", sans-serif; font-size:14px; font-weight:bold; height:21px; line-height:21px; padding:0 5px; position:absolute; bottom: 0px; left: 0px; background-color:#25a1dc; }
.jcarousel-next-horizontal { position: absolute; top: -23px; right: 3px; width: 15px; height: 13px; cursor: pointer;}
.jcarousel-prev-horizontal { position: absolute; top: -23px; right: 75px; width: 15px; height: 13px; cursor: pointer;}
.jcarousel-skin-tees, .jcarousel-skin-bags {margin:0 !important; padding:0!important;}
.jcarousel-skin-tees .jcarousel-next-horizontal:hover, .jcarousel-skin-bags .jcarousel-next-horizontal:hover { background-position: -15px -13px;}
.jcarousel-skin-tees .jcarousel-next-horizontal:active,.jcarousel-skin-bags .jcarousel-next-horizontal:active {background-position: -30px -13px;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {cursor: default; background: none !important;}

.jcarousel-skin-tees .jcarousel-prev-horizontal:hover,.jcarousel-skin-bags .jcarousel-prev-horizontal:hover { background-position:-15px 0;}
.jcarousel-skin-tees .jcarousel-prev-horizontal:active,.jcarousel-skin-bags .jcarousel-prev-horizontal:active { background-position: -30px 0;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {cursor: default; background:none !important}

.jcarousel-skin-tees .jcarousel-prev-horizontal { background: transparent url(../images/teesArrows.gif) no-repeat 0px 0;}
.jcarousel-skin-tees .jcarousel-next-horizontal { background: transparent url(../images/teesArrows.gif) no-repeat 0 -13px;}
.jcarousel-skin-bags .jcarousel-prev-horizontal { background: transparent url(../images/bagsArrows.gif) no-repeat 0px 0;}
.jcarousel-skin-bags .jcarousel-next-horizontal { background: transparent url(../images/bagsArrows.gif) no-repeat 0 -13px;}*/

.jcarousel-list {
	width: 910px;
}
.jcarousel-list li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 10px 10px 0 !important;
	height: 172px;
	width: 172px;
	position: relative;
}
.jcarousel-list li span {
	color:#FFFFFF;
	font-family: "arial", sans-serif;
	font-size:14px;
	font-weight:bold;
	height:21px;
	line-height:21px;
	padding:0 5px;
	position:absolute;
	bottom: 0px;
	left: 0px;
	background-color:#25a1dc;
}
li.featured {
	height: 354px;
	width: 354px;
}
li.holder1 {
	height: 172px;
	width: 172px;
	background: #A8C300;
}
li.holder2 {
	height: 172px;
	width: 172px;
	background: #E96F18;
}
li.holder3 {
	height: 172px;
	width: 172px;
	background: #25A1DC;
}
/* ----- footer ----- */

#footer {
	background: #e96f18;
	height: 153px;
	width: 100%;
	margin: 19px 0 44px 0;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .container {
	height: 153px;
	width: 900px;
	margin: 0 auto;
	background:url(../images/footerBKG.gif) no-repeat;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	position: relative
}
#footer .item {
	width: 197px;
	padding: 33px 16px 0 12px;
	font-size: 11px;
	color:#ffffff;
	float: left;
	font-weight:bold;
}
#footer .item p {
	margin-top: 0 !important
}
#footer .item a {
	color:#ffffff;
	font-family: "arial", sans-serif;
	height: auto;
	line-height:19px;
	padding:2px 3px;
	background:#25a1dc;
	text-decoration: none
}
#footer .item a:hover {
	background: none
}
#footer .item li {
	list-style: none;
	margin: 3px 0
}
#footer h3 {
	text-indent: -9999px;
	margin: 0 0 5px 0
}
.facebook {
	background:url(../images/footerFB.gif) no-repeat;
	height: 19px;
	width: 98px
}
.twitter {
	background:url(../images/footerTwitter.gif) no-repeat;
	height: 19px;
	width: 98px
}
.link a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: none !important
}
#footer .item ul {
	margin:0 !important
}
#footer .item form {
	margin: 3px 0 0 0
}
#footer .item form input {
	background: url(../images/footerInput.gif) no-repeat;
	color:#EA9A61;
	height: 17px;
	width: 175px;
	padding: 6px 9px;
	font-size: 13px;
	border: none !important;
	margin: 0 0 5px 0
}
#footer .item form input:hover, #footer .item form input:focus {
	border:none !important;
}
#footer .monster {
	background:url(../images/monster_24.png) no-repeat;
	height: 176px;
	width: 102px;
	position: absolute;
	right: -51px;
	top: -10px;
}
p.credits {
	padding: 20px 0 20px 0 !important;
	font-family: badonkadonk;
	font-size: 1em;
	clear: both;
	color: #28A3DD;
	text-align: center;
}
p.credits a {
 color: # color: #28A3DD;
	display: block;
	line-height: 1.4em;
	text-decoration: none;
}
p.credits span {
	font-size: 70%;
	color: #ABC700;
	line-height: 1.8em;
}
/* ----- content ---- */

.pageid-4 .entry-content {
	padding:0 15px 0 0
}
.pageid-4 .entry-content .page-title {
	padding: 30px 0px 14px;
}
.verticalLine {
	background:url(../images/insideTopBar.gif) no-repeat;
	height:21px;
	width: 900px;
	clear: both
}
body.home .entry-content {
	width: 900px;
	float: none;
	border:none;
	padding: 0
}
.entry-content {
	width: 625px;
	float: left;
	border-right: 1px dashed #E5EEAD;
	padding: 30px 25px 30px 0;
	min-height: 370px
}
.entry-content h3 {
	font-size: 1.4em;
	font-weight: normal;
	padding:0;
	margin:10px 0 2px 0;
	color: #B6CF40
}
.entry-content p {
	line-height: 1.6em;
	margin: 3px 0 6px 0
}
.entry-content ul {
	margin: 0 0 0 30px
}
.entry-content ul li {
	margin: 4px 0
}
body.home .entry-content ul {
	margin:0
}
body.home .entry-content li {
	margin: 0 10px 0 0
}
h2.page-title {
	font-size: 2.8em;
	font-weight: normal;
	margin: 0 7px 10px 0;
	color:#DD5D15
}
/* ----- blog pages ----- */

.post {
	padding: 0 20px 20px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dashed #cccccc
}
.post h2.entry-title {
	font-size: 2.8em;
	font-weight: normal;
	margin: 0 7px 10px 0;
	line-height: 1em
}
.post h2 a {
	color:#434343
}
.date-data {
	font-family:  Helvetica, Arial, sans-serif;
	width:50px;
	border: 2px dashed #cccccc;
	border-width: 0 0px 0px 2px;
	padding: 12px 0px 7px 5px !important;
	float:right;
	margin: 6px 0px 6px 13px;
}
.date-data div {
	text-align: center!important
}
.date-data .month {
	font-size: 2.1em;
	line-height:.5em;
	width:50px;
	margin: 0 auto;
	color: #B6CF40
}
.date-data .day {
	font-size: 2.1em;
	width:50px;
	margin: 0 auto;
	color:#E68650
}
.date-data .year {
	font-size: 1.2em;
	line-height: .4em;
	width:50px;
	margin: 0 auto;
	color: #74B9E5
}
#nav-above {
	margin: 0 0 20px 0
}
#respond {
	border-top: 1px dashed #cccccc
}
#comments h3 {
	font-size: 2.4em;
	font-weight: normal;
	color: #DD5D15
}
#comments img {
	border: none;
	padding:0;
	margin: 5px 5px 5px 0
}
.cform fieldset {
	border: none !important;
	padding:0px
}
/* ----- 504 reasons ----- */

.post.reason {
	border-bottom: none !important;
	padding: 0 20px 0px 0 !important;
	margin: 0 0 7px 0 !important;
}
.post.reason:after {
	display: block;
	clear: both;
	content:"";
	visibility: hidden
}
.post.reason h3 {
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
	line-height: 1em !important;
	clear: left !important;
}
.reasonList {
	float: left;
	width: 555px;
}
.reasonList p {
	line-height: 1.2em
}
.rss-sidebar {
	margin: 14px 0
}
.rss-sidebar p {
	margin: 4px 0;
}
.rss-sidebar a {
	margin: 0 5px 0 0;
	color: #46A1DC
}
/* ----- sidebars ----- */
.aside {
	width: 224px;
	float: right;
	position: relative;
	padding: 15px 0
}
.aside h3 {
	font-weight: normal;
	margin: 0
}
.aside input {
	width: 212px !important
}
#sideshoppingcart h3 {
	display: none;
}
.checkoutBox {
	position: absolute;
	top:163px;
	right:0;
	height: 46px !important;
}
.checkoutBox ul {
	list-style:none
}
#topnav_cart {
	display: block !important;
	text-align:right;
	padding:0px 0 0 0;
	width: 224px;
	height: 46px;
	margin: 0;
	position: absolute;
	top:0;
	right:0;
}
ul.xoxo {
	padding:0 !important;
	margin:0 !important
}
#topnav_cartguy {
	display:inline;
	margin: 0px;
	padding-top:3px;
	text-align:left;
}
#topnav_cartguy a img {
	position:relative;
	top:0px;
	right:4px;
	float:none;
}
#topnav_numitems {
	display:inline;
	height:46px;
	line-height:46px;
	overflow:hidden;
	text-align:center;
	font-size: 39px;
	margin-right: 6px;
	width: auto;
}
#topnav_numitems a {
	color:#22a0dc;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
}
/* ----- text highlights ----- */

.highlight {
	color: #4AB1DC;
	font-style: italic
}
/* ----- cforms side bar styling ----- */

#cforms2form {
	clear: both;
	flaot: left;
	width: 193px;
}
#cforms2form ol {
	margin:0;
	padding: 0 !important;
	border: none;
}
#cforms2form li {
	list-style: none;
	padding: 0;
	margin: 0px 0 3px 0;
	height: 29px
}
#cforms2form label {
	display: none;
}
#cforms2form input {
	width: 250px;
	_width: 144px;
	margin: 2px 10px 0px 0px;
}
#cforms2form .reqtxt, #cforms2form .emailreqtxt {
	display: none;
}
.failure, .failure2 {
	color: #FF2532 !important
}
.cf_hidden {
	display: none
}
.linklove {
	display: none;
}
form input, form textarea {
	font-size:  15px !important;
	height:auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #484848
}
form input.sendbutton {
	background:url(../images/footerSubmit.gif) no-repeat !important;
	border: none !important;
	padding: 0 !important;
	height: 29px !important;
	width: 193px !important
}
form input.sendbutton:hover, form input.sendbutton:focus {
	border: none !important;
}
form input:focus, form textarea:focus {
	color: #666666;
	border:1px solid #999999 !important;
	background: #DFF5BE
}
form input:hover, form textarea:hover {
	border: 1px solid #999999 !important
}
.wpsc_checkout_forms input, form textarea {
	color:#666666
}
.widget_wp_shopping_cart h3 {
	display: none;
}
.wpsc_product_shipping {
	display:none
}
/* ----- CONTENT AREA FORMS ------ */
 
.cform li {
	list-style:none;
	margin: 7px 0
}
.cform li:after {
	content:"";
	display: block;
	clear: left;
}
/* .entry-content p {font-size: .9em; margin-bottom: 10px !important; line-height: 1.7em} */

#cformsform input, #cformsform textarea {
	width: 300px;
	margin: 0 7px 7px 0
}
#cformsform legend {
	display: none;
}
#cformsform .cf-box-group, #li--6 {
	display: none
}
#label-3-22 {
	width:400px;
	clear: none
}
#cformsform label {
	display: none
}
/* ----- survey styling ----- */

#cforms3form label {
	width: auto;
	text-align: left;
	margin: 15px 7px 7px 0;
	float: left;
	padding: 0 10px 0 0;
}
#cforms3form input, #cforms3form textarea {
	clear: left;
	width: 400px;
	float: left
}
#cforms3form .emailreqtxt {
	padding:15px 0 0 7px;
	float: left
}
#cforms3form .cf-box-group input {
	width: 15px !important;
	margin: 15px 7px 7px 0 !important;
	clear: none
}
#cf3_field_10-1, #cf3_field_13-1, #cf3_field_15-1, #cf3_field_17-1, #cf3_field_19-1 {
	clear: left !important;
}
#cforms3form .cf-box-b, #cforms3form .cf-box-a {
	width: auto !important;
	float: left;
	margin: 5px
}
#li-3-22 input, .cf-box-a {
	width: 15px !important;
	clear: left !important;
	margin: 15px 7px 7px 0 !important;
}
#cforms3form fieldset {
	mragin-bottom: 20px !important
}
#cforms3form legend {
	font-size: 2.4em;
	font-weight: normal;
	color: #DD5D15
}
/* ----- checkout page edits ----- */
 
.inavlidCoupon {
	background:#F7D0C6;
	color: #DE411B
}
.invalidCopuon td {
	color: #DE411B !important
}
/* ----- text styling ----- */
.post img {
	border: 2px solid #E68650;
	padding: 5px;
	margin: 10px
}
.post .alignleft {
	float: left;
}
.post .alignright {
	float: right;
}
.navigation:after {
	clear: both;
	content:"";
	display: block;
}
.navigation div {
	width: 45%;
margin:
}
.nav-previous {
	float: left;
	text-align: left;
}
.nav-next {
	float: right;
	text-align: right
}
/* ----- FPAW ----- */

#post-886 .entry-content {
	width: 640px;
}
.FPAWbox {
	float: left;
	width: 199px;
	margin: 28px 12px 0 0;
}
.FPAWbox p {
	font-size: .9em;
	line-height: 1.5em;
	padding: 0 7px !important;
}
.FPAWbox h4 {
	height: 58px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
.divLeft h4 {
	background:url(../images/FPAWleft.gif) no-repeat;
}
.divCenter {
	width: 218px;
}
.divCenter h4 {
	background: url(../images/FPAWcenter.gif) no-repeat;
}
.divRight {
	margin: 20px 0 0 0;
}
.divRight h4 {
	background: url(../images/FPAWright.gif) no-repeat;
}
/* ----- go local form ----- */

#cforms4form {
	margin: 0;
}
#cforms4form .reqtxt {
	display: none;
}
#cforms4form ol, #cforms4form li {
	margin: 0;
	float: left;
}
#cforms4form .sendbutton {
	background: none !important;
	font-family: badonkadonk, Arial, Helvetica, sans-serif !important;
	border: none !important;
	color: #22A0DC !important;
	line-height: 1.7em !important;
	outline: none !important;
	padding: 5px 0px 0px !important;
	width: auto !important;
	height: auto !important
}
#cforms4form .sendbutton:hover {
	color: #AFC700 !important;
}
/* ----- upcoming events ----- */

#upcoming-events {
	margin: 0 0 25px 0;
}
#upcoming-events li {
	list-style: none;
}
.widget_my_calendar_upcoming_widget h3 {
	font-family: badonkadonk;
	font-size: 1em;
	clear: both;
	color: #28A3DD;
	font-style: normal;
}
.entry-content #upcoming-events {
	font-size: 1.5em;
}
.entry-content #upcoming-events li {
	margin: 0 0 20px 0;
}
.entry-content #upcoming-events strong {
	font-family: badonkadonk;
	color: #28A3DD;
	font-size: 15px
}
.entry-content #upcoming-events p {
	font-size: 13px;
	padding: 0 140px 0 0;
}