/* ============================ common ============================== */

body {
	color:#666666;
	background: #fff;
	font: normal 69% Arial, sans-serif;
}

a{ color: #ec008c; text-decoration: none; }
a:hover, a:active, a:focus { color: #fff; background: #ec008c; }

img { display: block; }
a img { border: none; }
a span { cursor: pointer; }
em { font-style: italic; }
strong { font-weight: bold; }

.post:after,
#shopping-cart:after,
#content ul.gallery:after, 
#fullcontent ul.gallery:after,
#side-bar .wp-polls:after,
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.post,
#shopping-cart,
#content ul.gallery,
#fullcontent ul.gallery,
#side-bar .wp-polls,
.row{ display: inline-table; display: block; height: 1%; }

.aural{
	position: absolute;
	font-size: 0;
	left: -2007px;
}

.alignleft {
	float:left;
	width:300px;
}

.alignright {
	float:right;
	width:300px;
	text-align:right;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */


#white {
	background-color:#FFFFFF;
	position:absolute;
	display:block;
	height:150px;
	width:920px;
}

.holder{
	clear: both;
	width: 907px;
	margin: 0 auto;
}

#content{ 
	float: right; position: relative;
	width: 678px;
	background: #fff;
	font-size: 1.3em;
	z-index: 10;
}

#fullcontent{ 
	position: relative;
	width: 880px;
	padding-left:10px;
	padding-right:10px;
	background: #fff;
	font-size: 1.3em;
	z-index: 10;
}

#side-bar{ 
	float: left;
	width: 213px;
	font-size: 1.1em;
	color: #606060; background: #fff;
	position:relative; z-index:20;
}

#footer{ 
	clear: both;
	min-height: 37px;
	padding: 80px 0 10px 0;
	background: #fff url(../img/bg-footer.jpg) repeat-x 0 100%;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{
	float: right;
	margin: 25px 0;
}

#search-form{
	float: left;
	width: 220px; height: 48px;
	margin: 81px 0 0 0;
	background: url(../img/bg-searchform.png);
}
#search-form label{
	float: left;
	margin: 17px 0 0 15px;
	text-transform: lowercase;
	display: inline;
}
#search-form .text{
	float: left;
	width: 165px;
	margin: 16px 5px 0 15px;
	background: #fff; border: none;
	color: #999; font: normal 1.1em Arial, sans-serif;
}
#search-form .submit{
	float: left;
	margin: 15px 0 0 0;
}

#banner{
	clear: both;
	margin: 0 0 12px 0;
	background: #fff;
	overflow: hidden;
}
#banner.normal{ height: 333px }
#banner.extended{ height: 452px; }
#banner.short{ height: 190px; }
#banner img{ margin: 0 auto; }

#nav{
	position: relative;
	width: 100%; height: 44px;
	margin: 12px 0;
	background: #fff url(../img/bg-nav.png) no-repeat 0 0;
	z-index: 100;
}
#nav li{
	float: left; position: relative;
	height: 44px;
}
#nav li.home 			{ width: 70px; }
#nav li.the-go-kart 	{ width: 120px; }
#nav li.service 		{ width: 80px; }
#nav li.media 			{ width: 70px; }
#nav li.about-us 		{ width: 100px; }
#nav li.blog 			{ width: 60px; }
#nav li.shop 			{ width: 60px; }
#nav li.mailing-list 	{ width: 120px; }
#nav li.contact 		{ width: 90px; }
#nav li a{
	display: block; position: relative;
	width: 100%; height: 100%;
	color: #fff; background: transparent;
}
#nav li a:hover, 
#nav li a:active, 
#nav li a:focus{ color: #ec008c; background: transparent; }
#nav li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#nav li.home a span			{ background: url(../img/nav-home.png) no-repeat 0 0; }
#nav li.the-go-kart a span 	{ background: url(../img/nav-the-go-kart.png) no-repeat 0 0; }
#nav li.service a span		{ background: url(../img/nav-service.png) no-repeat 0 0; }
#nav li.media a span 		{ background: url(../img/nav-media.png) no-repeat 0 0; }
#nav li.about-us a span 	{ background: url(../img/nav-about-us.png) no-repeat 0 0; }
#nav li.blog a span 		{ background: url(../img/nav-blog.png) no-repeat 0 0; }
#nav li.shop a span 		{ background: url(../img/nav-shop.png) no-repeat 0 0; }
#nav li.mailing-list a span { background: url(../img/nav-mailing-list.png) no-repeat 0 0; }
#nav li.contact a span 		{ background: url(../img/nav-contact.png) no-repeat 0 0; }
#nav li a:hover span, 
#nav li a:active span, 
#nav li a:focus span{ background-position: 0 100%; }
#nav li.active a span{ background-position: 0 100%; }

#nav li .sub-nav{
	position: absolute;
	left: -2007px; top: 37px;
	width: 211px;
	padding: 26px 0 0 0;
	background: url(../img/bg-sub-nav-top.png) no-repeat 0 0;
}
#nav li:hover .sub-nav{ left: 0; bottom: 0; }
#nav .sub-nav ul{
	min-height: 108px;
	padding: 0 0 15px 0;
	background: url(../img/bg-sub-nav-bottom.png) no-repeat 0 100%;
}
#nav .sub-nav ul li{
	float: none; display: block;
	height: auto;
	margin: 0 10px;
	width: 191px;
	border-bottom: 1px solid #85ca42;
}
#nav .sub-nav ul li a{
	display: block;
	width: 176px;
	padding: 5px 0 5px 15px;
	color: #fff; background: url(../img/bullet.png) no-repeat 0 50%;
}
#nav .sub-nav ul li a:hover, 
#nav .sub-nav ul li a:active, 
#nav .sub-nav ul li a:focus{
	color: #ec008c; background: url(../img/bullet.png) no-repeat 0 50%;
}

.archive .current_page_item a:link, .archive .current_page_item a:visited, .archive .current_page_item a:active {
	color:#85CA42;
}

#click-to-buy{
	position: absolute;
	right: -113px; top: -23px;
}
a#click-to-buy:hover,
a#click-to-buy:focus,
a#click-to-buy:active{ background: none; }

/* ========================== header end ============================ */

/* ============================ content ============================= */

#content h2, #fullcontent h2{
	margin: 0 0 20px 60px;
	font-size: 1.5em;
	border-bottom: 1px solid #a0a0a0;
	text-transform: uppercase;
}
#content h3, #fullcontent h3{
	margin: 0 0 20px 0;
	font-size: 1.3em;
	border-bottom: 1px solid #a0a0a0;
}
#content .post h2.gallery, #fullcontent .post h2.gallery{
	position: relative;
	height: 1.5em;
	margin: 0 0 20px 0;
	border-bottom: 0;
}
h2.gallery span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/gallery.png) no-repeat 0 0;
}
#content p{
	padding: 0 0 30px 60px;
	line-height: 1.4em;
}
#content p.cite,
#content blockquote,
#content em{
	margin-left:-55px;
	display: block;
   padding: 0 0 20px 60px;
   background: url(../img/ldquo.png) no-repeat 0 0;
   font-size: 1.5em; font-style: normal; line-height: 1.4em;
   letter-spacing: -1px;
   width: 613px;
}
#content p.cite strong,
#content p.cite q,
#content blockquote strong,
#content em strong{
   display: block;
   padding: 23px 60px 23px 0;
   background: url(../img/rdquo.png) no-repeat 100% 100%;
   font-weight: normal;
   width: 543px;
}
#content .post.line p.cite,
#content .post.line blockquote,
#content .post.line em{
	display: block;
	margin-left:-58px;
   padding: 0 0 20px 60px;
   background: url(../img/ldquo.png) no-repeat 0 0;
   font-size: 1.5em; font-style: normal; line-height: 1.4em;
   letter-spacing: -1px;
   width: 623px;
}
#content .post.line p.cite strong,
#content .post.line p.cite q,
#content .post.line blockquote strong,
#content .post.line em strong{
   display: block;
   padding: 23px 60px 23px 0;
   background: url(../img/rdquo.png) no-repeat 100% 100%;
   font-weight: normal;
   width: 553px;
}
#fullcontent p.cite,
#fullcontent blockquote,
#fullcontent em{
display: block;
   padding: 0 0 20px 60px;
   background: url(../img/ldquo.png) no-repeat 0 0;
   font-size: 1.5em; font-style: normal; line-height: 1.4em;
   letter-spacing: -1px;
   width: 748px;
}
#fullcontent p.cite strong,
#fullcontent p.cite q,
#fullcontent blockquote strong,
#fullcontent em strong{
   display: block;
   padding: 23px 60px 23px 0;
   background: url(../img/rdquo.png) no-repeat 100% 100%;
   font-weight: normal;
   width: 748px;
}
#content ol{
	margin: 0 0 30px 60px; padding: 0 0 0 2em;
	line-height: 1.4em;
	list-style: decimal;
}
#content ul.commentlist{
	margin: 0 0 30px 0;
}
#content ol.commentlist li {
}

.comment-no {
	margin-left: -15px;
	margin-right: 3px;
	float: left;
}

.clear {
	clear: both;
	height: 0px;
}

#content .post{
	position: relative;
	width: 618px;
	margin: 30px 0 25px 0; padding: 0 0 15px 60px;
	overflow: hidden;
}
.post-break{
	border-bottom: 1px solid #a0a0a0;
	clear:both;
	padding-top:5px;
}
#content .post h2{
	margin: 0 0 10px 0;
	font-size: 1.5em;
	border-bottom: 1px solid #a0a0a0;
	text-transform: uppercase;
}
#content .post .date{
	position: absolute;
	left: 0; top: 0;
	width: 42px; height: 52px;
	padding: 7px 0 0 0;
	color: #fff; background: url(../img/bg-date.png) no-repeat 0 0;
	font: bold 0.9em "Arial Black", "Impact", "Arial Narrow", Arial, sans-serif; text-align: center; text-transform: uppercase;
}
#content .post .date span{
	display: block;
	font: normal 1.4em "Impact", "Arial Narrow", Arial, sans-serif; text-align: center;
	height: 20px;
}
#content .post .date .month {
	font-size: 1.2em;
	height: 16px;
}
#content .post .date .year {
	font-size: 0.9em;
}

#content .post .post-meta{
	display: block;
	margin: 0 0 20px 0;
	font-size: 0.8em;
}
#content .post p{
	position: relative;
	left: -60px;
	width: 618px;
	padding: 0 0 30px 60px;
	width: 558px;
}
#content .post .imageframe, .post img {
	border:5px solid #E6E7E9;
}
#content .post .ngg-galleryoverview img {
	border:0;
}
#content .post a.add-a-comment{
	float: right;
	width: 102px; height: 31px;
	padding: 8px 0 0 10px;
	color: #fff; background: url(../img/bg-add-a-comment.png) no-repeat 0 0;
	font-size: 0.85em;
}
#content .post a.add-a-comment:hover, 
#content .post a.add-a-comment:active, 
#content .post a.add-a-comment:focus{ color: #ec008c; }

#content .post a.comment-link{
	float: right;
	width: 102px; height: 31px;
	padding: 8px 0 0 10px;
	color: #fff; background: url(../img/bg-add-a-comment.png) no-repeat 0 0;
	font-size: 0.85em;
}
#content .post a.comment-link:hover, 
#content .post a.comment-link:active, 
#content .post a.comment-link:focus{ color: #ec008c; }

#content .post a.stbutton{
	float: left;
	margin: 8px 15px 0 0;
	display: inline;
	font-size: 0.85em;
}
#content .post a.stbutton:hover span, 
#content .post a.stbutton:active span, 
#content .post a.stbutton:focus span{ color: #fff; background: #ec008c; }

#content ul.gallery{ margin: 0 0 0 60px; padding: 0; }
.gallery li{
	float: left;
	margin: 0 40px 30px 0;
	display: inline;
}
.gallery li a{
	display: block;
	border: 6px solid #e6e7e9;
}
.gallery li a:hover, 
.gallery li a:active, 
.gallery li a:focus{ border: 6px solid #ec008c; }


table{
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.4em;
	border-collapse: collapse;
}
caption{ margin: 0 0 15px 0; }
th{
	padding: 15px 15px 0 0;
	text-align: left; font-weight: bold;
	border-bottom: 1px solid #9f9f9f;
}
td{
	padding: 15px 15px 15px 0;
	text-align: left;
	border-bottom: 1px solid #9f9f9f;
}
td .qty{
	width: 3em;
	color: #fff; background: #84c547;
	border: solid 3px #84c547;
}
td .radio{
	color: #fff; background: #84c547;
	border: solid 3px #84c547;
}
td .clr{
	color: #fff; background: #84c547;
	border: solid 3px #84c547;
}
#shopping-cart .submit{ float: right; }
#conditionswrap {
	float:right;
	width:550px;
	margin-top:20px;
}
#conditions{
	font-size: 0.8em; line-height: 1.4em;
}
#conditions dt{
	float: left;
	color: #ec008c;
}
#conditions dd{
	padding: 0 0 15px 2em;
}
.form .row{
	clear: both;
	margin: 0 0 1em 0;
}
.form .comment-row{
	clear: both;
	margin: 0 0 1em 8em;
}
.form label{
	float: left;
	width: 8em;
	padding:0.8em 0 0 0;
}
.form .input{
	float: left;
	width: 213px; height: 41px;
	background: url(../img/bg-input.gif) no-repeat 0 0;
}
.form .input input{
	display: block;
	width: 190px;
	margin: 13px 9px;
	background: #fff; border: none;
	color: #999; font: normal 0.9em Arial, sans-serif;
}

.form .input select{
	display: block;
	width: 190px;
	margin: 13px 9px;
	background: #fff; border: none;
	color: #999; font: normal 0.9em Arial, sans-serif;
}
.form .req{
	float: left;
	padding: 0.8em 0 0 0;
}

.form .ver{
	float: left;
	padding-left:10px;
	margin-top:-7px;
}

.form .textarea{
	position: relative;
	width: 408px; height: 160px;
	border:0;
	padding: 10px;
	background: url(../img/bg-textarea.gif) no-repeat 0 0;
	color: #999; font: normal 0.9em Arial, sans-serif;
}

.form .textarea textarea{
	display: block; position: absolute;
	color: #999; font: normal 0.9em Arial, sans-serif;
	top: 10px; left: 10px;
	width: 408px; height: 160px;
	background: #fff; 
	border: 0;
}

.form .address{
	position: relative;
	width: 193px; height: 84px;
	border:0;
	padding: 10px;
	background: url(../img/bg-address.gif) no-repeat 0 0;
	color: #999; font: normal 0.9em Arial, sans-serif;
}
.form .textarea address{
	display: block; position: absolute;
	color: #999; font: normal 0.9em Arial, sans-serif;
	top: 10px; left: 10px;
	width: 193px; height: 84px;
	background: #fff; 
	border: 0;
}

.form .submit {
	background: url(../img/btn-submit.gif) no-repeat 0 0;
	width:77px;
	height:19px;
	border:0;
}


/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

h2.essential-info{
	position: relative;
	height: 44px;
	margin: 0 0 10px 0;
}
h2.essential-info span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/essential-info.png) no-repeat 0 0;
}

h2.the-big-vote{
	position: relative;
	height: 44px;
	margin: 0 0 10px 0;
}
h2.the-big-vote span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/the-big-vote.png) no-repeat 0 0;
}

h2.archives{
	position: relative;
	height: 39px;
}
h2.archives span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/archives.png) no-repeat 0 0;
}

h2.more-info{
	position: relative;
	height: 39px;
}
h2.more-info span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/more-info.png) no-repeat 0 0;
}

h2.latest{
	position: relative;
	height: 39px;
}
h2.latest span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/latest-news.png) no-repeat 0 0;
}

ul.latest{
	min-height: 40px;
	margin: 0 0 20px 0; padding: 0 0 37px 0;
	background: url(../img/bg-sidebar-offer.png) no-repeat 0 100%;
}
.latest li{
	margin: 0 10px;
	border-bottom: 1px solid #85ca42;
}
.latest li a{
	display: block;
	padding: 5px 0 5px 15px;
	color: #fff; background: url(../img/bullet.png) no-repeat 0 50%;
}
.latest li a:hover, 
.latest li a:active, 
.latest li a:focus{
	color: #ec008c; background: url(../img/bullet.png) no-repeat 0 50%;
}

h2.categories{
	position: relative;
	height: 39px;
}
h2.categories span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/categories.png) no-repeat 0 0;
}

h2.recent-comments{
	position: relative;
	height: 39px;
}
h2.recent-comments span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/recent-comments.png) no-repeat 0 0;
}

h2.from-the-blog{
	position: relative;
	height: 39px;
}
h2.from-the-blog span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/from-the-blog.png) no-repeat 0 0;
}

#side-bar h3{ margin: 0 10px 10px 10px; }

#side-bar .wp-polls{ margin: 0 0 20px 0; }
#side-bar .wp-polls li{ margin: 0 10px 10px 10px; }
#side-bar .wp-polls label{
	color: #ec008c;
	text-transform: uppercase; font-weight: bold; font-size: 1.1em;
}
#side-bar .Buttons{
	float: right;
	padding: 5px 15px 5px 0;
	color: #606060; 
	border: none;
	font: normal 1em Arial, sans-serif;
	cursor: pointer;
	display: inline;
}
#side-bar .wp-polls p a{
	float: left;
	margin: 7px 10px;
}
#side-bar .wp-polls-loading{
	position: relative;
	top: -80px;
}

#side-bar dl{ margin: 0 10px; }
#side-bar dt{
	float: left;
}
#side-bar dd{
	padding: 0 0 10px 7em;
}

a.download{
	display: block;
	margin: 0 8px 5px 10px; padding: 8px 0 8px 40px;
	background: url(../img/bg-download.png) no-repeat 0 0;
	text-transform: uppercase;
}
a.download:hover, 
a.download:active, 
a.download:focus{
	color: #ec008c; background: url(../img/bg-download.png) no-repeat 0 0;
	text-decoration: underline;
}

#side-bar a.post{
	display: block;
	margin: 0 8px 8px 10px; padding: 9px 0 9px 40px;
	background: url(../img/postme.png) no-repeat -4px 0;
	text-transform: uppercase;
}
#side-bar a.post:hover, 
#side-bar a.post:active, 
#side-bar a.post:focus{
	color: #ec008c; background: url(../img/postme.png) no-repeat -4px 0;
	text-decoration: underline;
}

#side-bar a.faq{
	display: block;
	margin: 0 8px 8px 10px; padding: 9px 0 9px 40px;
	background: url(../img/faq.png) no-repeat -4px 0;
	text-transform: uppercase;
}
#side-bar a.faq:hover, 
#side-bar a.faq:active, 
#side-bar a.faq:focus{
	color: #ec008c; background: url(../img/faq.png) no-repeat -4px 0;
	text-decoration: underline;
}

#side-bar .phone{
	display: block;
	margin: 0 10px 20px 10px; padding: 9px 0 9px 40px;
	background: url(../img/telephone.png) no-repeat -4px 0;
	text-transform: uppercase;
	color: #ec008c;
}

.archive{
	min-height: 108px;
	margin: 0 0 20px 0; padding: 0 0 15px 0;
	background: url(../img/bg-sidebar-list.png) no-repeat 0 100%;
}

.colarchive {
	color:#FFFFFF;
	font-size:13px;
	min-height: 100px;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	background: url(../img/bg-sidebar-list.png) no-repeat 0 100%;
}

.colarchive ul li {
	margin:0;
	line-height:20px;
}

.colarchive a {
	color:#FFFFFF;
}

#collapsArchList {
	padding: 0 10px 0 10px;
}

.colarchive li{
	margin: 0 10px;
	border-bottom: 1px solid #85ca42;
}
.colarchive li a{
	padding: 5px 0 5px 15px;
	color: #fff; background: url(../img/bullet.png) no-repeat 0 50%;
}
.colarchive li a:hover, 
.colarchive li a:active, 
.colarchive li a:focus{
	color: #ec008c; background: url(../img/bullet.png) no-repeat 0 50%;
}

.collapsing ul {
	margin-left:19px;
	padding-bottom:15px;
}

.archive li{
	margin: 0 10px;
	border-bottom: 1px solid #85ca42;
}
.archive li a{
	display: block;
	padding: 5px 0 5px 15px;
	color: #fff; background: url(../img/bullet.png) no-repeat 0 50%;
}
.archive li a:hover, 
.archive li a:active, 
.archive li a:focus{
	color: #ec008c; background: url(../img/bullet.png) no-repeat 0 50%;
}

ul.from-the-blog{
	min-height: 108px;
	margin: 0 0 20px 0; padding: 0 0 37px 0;
	background: url(../img/bg-comment.png) no-repeat 0 100%;
}
.from-the-blog li{
	margin: 0 10px;
	border-bottom: 1px solid #85ca42;
}
.from-the-blog li a{
	display: block;
	padding: 5px 0 5px 15px;
	color: #fff; background: url(../img/bullet.png) no-repeat 0 50%;
}
.from-the-blog li a:hover, 
.from-the-blog li a:active, 
.from-the-blog li a:focus{
	color: #ec008c; background: url(../img/bullet.png) no-repeat 0 50%;
}

.comment{
	min-height: 108px;
	margin: 0 0 20px 0; padding: 0 14px 35px 12px;
	color: #fff; background: url(../img/bg-comment.png) no-repeat 0 100%;
	line-height: 1.6em;
}
.comment q{ display: block; }
.comment a{
	color:#8FEC37;
}

.drop-us{
	color: #8d8d8d;
	font-size: 1.6em;
}



h2.from-our-customers {
	position: relative;
	height: 44px;
}
h2.from-our-customers span {
	position: absolute;
	width: 216px; height: 100%;
	background: url(../img/from-our-customers.png) no-repeat 0 0;
}

#customer-quote {
	background: url(../img/customer-quote.png) no-repeat;
	width: 236px; height: 181px; margin-left: -13px;
}

#customer-quote li {
	padding: 25px 25px 25px 25px;
	line-height: 160%;
}

#customer-quote li em {
	display: block;
	font-style: normal;
	color: #999;
}

#customer-quote li .ldquo-customer {
	background: url(../img/ldquo-customer.gif) no-repeat;
	width: 17px; height: 14px; float: left;
	margin: -4px 4px 0 0;
}
#customer-quote li .rdquo-customer {
	background: url(../img/rdquo-customer.gif);
	width: 31px; height: 27px; float: right;
	margin: 4px;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#footer img {
	margin:0;
	border:0;
	padding:0;
}

#footer li{
	float: left;
	margin: 0;
	padding:0;
}
#footer li.rss{
	float: right;
	margin: 0;
	margin-top:-17px;
}

/* =========================== footer end =========================== */

/* ============================= cart =============================== */

/* ============================ layout ============================== */


/* -- Cart Testing Stuff Below -- */

#cart {
	position:relative;
	width:796px;
	margin:0 auto;
}

#cartnav ul {
	list-style:none;
	border-bottom:1px solid #D3D3D3;
}

#cartnav li {
	list-style:none;
	font-size:20px;
	cursor:pointer;
	float:left;
}

#cartnav-cart {
	background:url(../img/cartnav-cart.png) no-repeat 0 0;
	position:relative;
	z-index:2;
	width:239px;
	height:50px;
}
#cartnav-cart:hover {
	background-position: 0 -100px;
}

#cartnav-accessories {
	background:url(../img/cartnav-accessories.png) no-repeat 0 0;
	position:relative;
	z-index:2;
	width:293px;
	height:50px;
}
#cartnav-accessories:hover {
	background-position: 0 -100px;
}

#cartnav-delivery {
	background:url(../img/cartnav-delivery.png) no-repeat 0 0;
	position:relative;
	z-index:2;
	width:247px;
	height:50px;
}
#cartnav-delivery:hover {
	background-position: 0 -100px;
}

#cartnav-cart.jsBgOn, #cartnav-accessories.jsBgOn, #cartnav-delivery.jsBgOn {
	background-position: 0 -50px;
}
#cartnav-cart.jsBgOff, #cartnav-accessories.jsBgOff, #cartnav-delivery.jsBgOff {
	background-position: 0 0;
}

#cartwrap {
	border:1px solid #D3D3D3;
	border-bottom:0;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	top:-1px;
	z-index:1;
	clear:both;
	width:774px;
}

#cartwrap .tip {
	float:left;
	color:#ec008c;
}

#cartwrap .tip img {
	display:inline;
}

#cartwrap .tip a {
	color:#ec008c;
	text-decoration:underline;
}

#cartwrap .tip a:hover, a:active, a:focus { 
	color: #fff; 
	background: #ec008c;
	text-decoration:none;
}

#cartcurve {
	background-image:url(../img/cart-curve.png);
	width:12px;
	height:12px;
	position:absolute;
	z-index:2;
	right:-1px;
	top:-1px;
}

#cartbg {
	background:url(../img/cart-bg.png) no-repeat 0 0;
	margin-top:-225px;
	padding-bottom:5px;
	width:796px;
	height:256px;
}

#cart-info {
	background:url(../img/cart-info.png) no-repeat 0 0;
	padding: 0 10px 0px 10px;
	width:776px;
	height:53px;
	margin-top:20px;
	margin-bottom: 10px;
}

#cart-info #terms {
	float:left;
	padding-top: 20px;
}

#cart-info #total {
	float:right;
	padding-top: 10px;
}

#cart-info #total .submit {
	background: url(../img/submit-btn.png) no-repeat 0 0;
	margin-left:10px;
	width:93px;
	height:31px;
	border:0; cursor: pointer;
}

#cart #kartimg {
	float:left;
}

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png);
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png);
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

img.wp-smiley {
	border: none; display: inline;
}