/*
Copyright ?2007 Frooition Ltd. All rights reserved.
This CSS Style Sheet may not be used or reproduced in whole or in part, without the prior permission of Frooition, www.frootion.com
Any person or group of persons found to be in breach of this notice may face legal action.
*/
div.tabcontent { clear:both;height:100%;background:#fff; margin-bottom: 0px; width: 100%; white-space:normal; overflow: visible; }

#container input, #container select { margin-right:0px; }

#background {
	margin: 0px auto;
	text-align: center;
	font-family: "arial", tahoma, verdana, sans-serif;
}


div #froocredit{
	width: 980px !important;
	margin: 0px auto;
	text-align: right !important;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	height: 20px;
}

div#container {
	width: 980px;
	margin: 0px auto;
	text-align: left !important;
	border: none !important;
}




div#header {
	display: block !important;
	float: left;
	width: 980px;
	height: 90px;
}

div#subheader {
	display: block !important;
	float: left;
	width: 980px;
	height: 25px;
	line-height: 25px;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div#leftpane {
	display: block !important;
	float: left;
	width: 150px;
	padding: 10px;
}
* html div#leftpane { width: 170px; }

div#centerpane {
	display: block;
	float: left;
	width: 620px;
	padding: 10px;
}
* html div#centerpane { width: 640px; }


div#customhtml {
	display: block !important;
	width: 620px;
}

div#rightpane {
	display: block !important;
	float: left;
	width: 150px;
	padding: 10px;
}
* html div#rightpane { width: 170px; }


div#rightpane div.clear,
div#leftpane div.clear {
	display: block;
	width: 150px;
	height: 10px;
	line-height: 10px;
	font-size: 0px;
	clear: both;
}


div#footer {
	display: block;
	width: 980px;
	height: 90px;
	clear: both;
}



/* <--- Showcase Styling (Contains main pic, 3 buttons and max 6 thumbs) ---> */

div#showcase {
	display: block;
	width: 620px;
	position: relative;
}

div#showcase span {
	display: block;
	width: 620px;
	height: 20px;
	clear: both;
}

#showcase ul{
	float: left;
	display: block !important;
	width: 150px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}


#showcase ul#showcase_v2{
	background-position: 0px -30px !important;
}

#showcase ul.gallery_showcase_alternative {
	float: left;
	display: block !important;
	width: 535px;
	margin: 10px 0px;
	padding-left: 85px;
	list-style: none;
}



#showcase ul.gallery_thumbs_alternative {
	float: left;
	display: block !important;
	width: 600px;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	list-style: none;
}





#showcase li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 75px;
	height: 75px;
}

#showcase a { visibility: visible !important; }

#showcase li a {
	display: block;
	width: 72px;
	height: 72px;
	cursor: pointer;
	text-align: center;
	padding: 1px;
}

* html #showcase li a {
	width: 74px;
	height: 74px;
}

#showcase li.button, #showcase li.button a {
	width: 150px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#showcase li.button a:hover {
	background: #fff;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

#showcase li.space {
	width: 150px;
	height: 10px;
	background: none;
}

#showcase li.cbhosted script {
	height: 72px;
	width: 72px;
	line-height: 72px;
}

#showcase li.cbhosted script a img {
	vertical-align: middle;
	margin: auto;
}

#showcase li.exhosted img {
	width: 72px;
	height: 72px;
}

#showcase li.hide {
	display: none;
}





#showcase h3 {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 17px !important;
	font-weight: bold;
	float: left;
	display: block;
	width: 620px;
	line-height: 20px;
	margin: 10px 0px !important;
	padding: 0px;
}

#showcase img {
	border: none;
}



#showcase img.none {
	display: none;
}


/* <--- Main Image ---> */
#showcase div#gallery_largeimage_alternative {
	clear: both;
	display: block !important;
	width: 620px;
	text-align: center;
}

#showcase div#gallery_largeimage_alternative img {
	display: block;
	margin: 0px auto 5px auto;
}

#showcase div#largeimage {
	float: right;
	display: block !important;
	width: 470px;
	text-align: center;
}

#showcase div#largeimage img {
	display: block;
	margin: 0px auto 5px auto;
	
}

#showcase div#largeimage a#fullsize {
	display: none;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
}



/* <--- Full Size Window ---> */
div#showcase div#imageID {
	display: none;
	width: 620px;
	position: absolute;
	left: 0px;
	top: 40px;
}

div#showcase div#imageID a{
	cursor:pointer;
}


div#showcase div#imageID h5 {
	display: block;
	width: 620px;
	height: 20px;
	font-family: "arial" tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	text-indent: 10px;
}

div#showcase div#imageID a {
	display: block;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	width: 618px;
	text-align: center;
}
* html div#showcase div#imageID a { width: 620px; }

div#showcase div#imageID a img {
	display: block;
	margin: 0px auto 5px auto;
}

div#showcase div#imageID span {
	display: block;
	width: 620px;
	line-height: 10px;
	height: 10px;
	font-size: 0px;
}




div#description {
	display: block;
	width: 620px;
	margin-bottom: 20px;
}

div#description div#descriptiontitle {
	display: block !important;
	width: 620px;
	height: 20px;
	font-family: "arial" tahoma, verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
}

div#description div#descriptioncontent {
	display: block;
	width: 600px;
	padding: 10px;
	margin: 0px !important;
}
* html div#description div#descriptioncontent { width: 620px; }

div#description div#descriptionbase {
	display: block;
	width: 620px;
	height: 10px;
	line-height: 10px;
	font-size: 0px;
}



#tab1, #tab2, #tab3, #tab4, #tab5 {
	width: 620px;
	font-family: "arial" tahoma, verdana, sans-serif;
	font-size: 11px;
}


#tab2, #tab3, #tab4, #tab5 {
	display: none;
}

pre.tabcontent {
	width: 600px;
 	white-space: -moz-pre-wrap;
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	word-wrap: break-word;
	white-space:normal;
}

* html pre.tabcontent {
	overflow: auto;
	word-wrap: break-word;
	width: 620px;
}


ul.tablinks {
	width: 620px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	height: 20px;
	display: block !important;
	cursor: pointer;
}
* html ul.tablinks { height: 25px; }

ul.tablinks li {
	display: inline;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px;
}

ul.tablinks a, ul.tablinks span {
	display: block;
	width: 123px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

h4.tabtitle {
	display: block;
	margin: 10px 0px 0px 0px !important;
	padding: 0px !important;
	font-family: "arial" tahoma, verdana, sans-serif;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
}



div.tabbase {
	display: block;
	height: 10px;
	line-height: 10px;
	font-size: 0px;
}

div#search form,
div#search form input {
	margin: 0px;
	padding: 0px;
}

div#search form input {
	margin: 0px;
	padding: 0px;
}

div#search form input.searchbox {
	width: 140px;
	font-family: "arial" tahoma, verdana, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}

div#search form input.submitbox {
	width: 60px;
	height: 18px;
	border: none;
	background: none;
	cursor: pointer;
}


div.boxtitle {
	display: block;
	width: 140px;
	padding: 3px 5px;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
* html div.boxtitle { width: 150px; }

div#container div.boxcontent, div.boxlinks {
	display: block;
	width: 150px;
	margin: 0px !important;
}

/* fix weird bug where box won't show backround on p tag margins */
div#container div.boxcontent p { margin: 0px; padding: 7px 0px; }

div#container div#search div.boxcontent {
	width: 140px;
	padding: 5px;
	display: block;
}

* html div#container div#search div.boxcontent {
	width: 150px;
}


.boxlinks a {
	display: block;
	width: 140px;
	padding: 2px 5px 3px 5px;
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}
* html .boxlinks a { width: 150px; }


.boxlinks br,
.boxlinks img {
	display: none;
}

div.boxbase {
	display: block;
	width: 150px;
	height: 10px;
	line-height: 10px;
	font-size: 0px;
	margin-bottom: 20px;
}



#promobox {
	width: 150px;
}


.promoitem {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 10px 5px;
}

.promoitem a.buynow , .promoitem a.details {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}



.promoitem a img {
	background: #fff;
	padding: 2px;
}


div#promobackup {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 5px;
}

div#promobackup a {
	text-decoration: underline;
	font-weight: bold;
}


#design {
	margin: 30px 0px 40px 0px;
	width: 100%;
	text-align: center;
	display: block !important;
}

#design div {
	background: url(global_logo.gif) no-repeat;
	margin: 0px auto;
	width: 230px;
}

#design div a {
	display: block;
	width: 230px;
	height: 63px;
}

#design div a span {
	display: none;
}


/* CANCEL BACKUP STYLING */
#backup { display: none !important; }


/* prevent BIN icon from looking poor on dark backgrounds */
.promobuy  img{
	background: url(global_binimg.gif) no-repeat;
}


/* FIX BOX CONTENT ISSUE */
.actioncontent .boxcontent {
	background: none !important;
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
}

/* 1024 scroll fix*/
div#EBdescription {
	margin: 0px !important;
	padding: 0px !important;
}

#merchandisingMERC_VI {}

/* Fix for em tag breaking layout */

.boxcontent form .searchbox {
	width: 140px !important;
}

#descriptioncontent em {
	overflow: visible;
	height: 1%;
}

#descriptioncontent img {
	max-width: 600px !important;
	height: auto !important;
	margin: 0px !important;
}

#tab1, #tab2, #tab3, #tab4, #tab5 { font-family: Arial, Helvetica, sans-serif; }
div#description div#descriptiontitle { font-family: Arial, Helvetica, sans-serif; }