/*
Copyright ©2006 Creative Bay Ltd. All rights reserved.
This CSS Style Sheet may not be used or reproduced in whole or in part, without the prior permission of CreativeBay, www.creativebay.co.uk.
Any person or group of persons found to be in breach of this notice may face legal action.
*/


#header, #subheader, #leftpane, #rightpane, #showcase ul, #seo, ul.tablinks, #largeimage, #design, #customhtml, #descriptiontitle, #ImageID { display: none; }
#showcase a { visibility: hidden; }
#background { text-align: center; }
#container { border: 1px solid #999; text-align: center; width: 770px; margin: 0px auto; }
* html #container { width: 772px; }
#descriptioncontent { margin: 50px 0px; }
#showcase h3, .tabtitle, .tabcontent, #backup { font-family: "arial" sans-serif; }
#showcase h3 { display: block; margin: 20px 0px; padding: 0px; font-size: 20px; line-height: 20px; } 
.tabtitle { font-size: 14px; line-height: 20px; background: #b2b2b2; color: #fff; }
.tabcontent { font-family: "arial" sans-serif; font-size: 11px; margin-bottom: 50px; width: 770px; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; }
* html .tabcontent { overflow: auto; word-wrap: break-word; }
#backup { text-align: center; margin-top: 50px; font-size: 12px; color: #dd0000; font-weight: bold; }


/*<========== GENERAL STYLING (contains: background, header, flash, subheader, repeater & footer) ==========>*/

/*<=====Brands=====>*/
#brands{
background: url(http://static.frooition.com/080702/files/Brands.jpg);
width: 150px;
padding: 0px 0px 0px 0px;
height: 705px;
}

.brand {
height: 64px;
width: 150px;
display: block;
	margin-bottom: 0px;
}

.brand:hover {
	background: #ededec;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*HEADER SEARCH */

#header #header_search {
position: absolute;
left: 10px;
bottom: -20px;
width:281px;

 }

#header #header_search .searchbox {
background: none;
border: none;
width:180px;
height:25px;
color: #000000;
margin-left:10px;
margin-top:0px;
height:15px;
font-size:10px;
 }

#header #header_search .submitbox {
background: none;
border: none;
width: 81px;
height:27px;
margin-left:5px;
cursor:pointer;
}

#nav {
	height: 35px;
	width: 466px;
	position: absolute;
	z-index: 20;
	top:136px;
	left:258px;
	}
	
#nav .home {
	width:58px !important;
	height:35px !important;
	float:left;
	}

#nav .about {
	width:81px !important;
	height:35px !important;
	float:left;
	}

#nav .postage {
	width:89px !important;
	height:35px !important;
	float:left;	}

#nav .faq {
	width:58px !important;
	height:35px !important;
	float:left;
	}
	
#nav .returns {
	width:90px !important;
	height:35px !important;
	float:left;
	}

#nav .contact {
	width:90px !important;
	height:35px !important;
	float:left;
	}


/*<-- background -->*/
#background {
	background: url(background.jpg) top repeat-x;
	padding: 0px 0px;
}

/*<-- header -->*/
div#header {
	background: url(shared_header2.jpg); height:220px; position:relative;
}

/*<-- flash -->*/
#header object {
	width: 660px;
	height: 120px;
	position: absolute;
	display: block;
	margin-top:25px;
	margin-left:300px;
}

/*<-- subheader -->*/
div#subheader {
	background: url(shared_subheader2.jpg);
	text-indent: 245px;
	color: #fff;
}

/*<-- repeater -->*/
div#container {
	background: url(shared_repeater.gif);
	margin-top:-20px;
}

/*<-- footer -->*/
div#footer {
	background: url(shared_footer.jpg); height:105px;
}





/*<========== SHOWCASE (contains: item title, 3 buttons, main picture & thumbnails) ==========>*/

/*<-- item title -->*/
#showcase h3 {
	color: #d81013;
}

/*<-- 3 buttons -->*/
#showcase ul#showcase_v2 { background: none; } 
li#showcase2 { background: url(watch.gif) no-repeat; }
li#showcase3 { background: url(email.gif) no-repeat; }


/*<-- thumbnail styling -->*/
#showcase li.cbhosted a {
	background: url(template_thumbout.gif);
}

#showcase li.cbhosted a:hover {
	background: url(template_thumbover.gif);
}

#showcase li.exhosted a {
	background: url(template_thumbout.gif);
}

#showcase li.exhosted a:hover {
	background: url(template_thumbover.gif);
}


#showcase div#largeimage a#fullsize {
	color: #999;
}


div#showcase div#imageID h5 {
	color: #fff;
	background: #777;
}

div#showcase div#imageID a {
	background: #fff;
	border: 1px solid #777;
	color: #999;
}

div#showcase div#imageID span {
	background: #777;
}


div#search form input.submitbox {
	background: url(template_search.gif);
}




/*<========== DESCRIPTION & TABS (contains: description & tab styling) ==========>*/

div#descriptiontitle,
h4.tabtitle {
	background: url(shared_boxtitle3.gif) !important;
	color: #000000 !important;
}

div#descriptioncontent,
pre.tabcontent {
	background: url(shared_boxcontent3.gif);
	color: #000;
}

div#descriptioncontent a,
pre.tabcontent a {
	color: #333333;
}

div#descriptionbase,
div.tabbase {
	background: url(shared_boxbase3.gif);
}


ul.tablinks {
	border-bottom: 1px solid #ffffff;
}

ul.tablinks a {
	background: url(template_tabout.gif);
	color: #000;
}

ul.tablinks span,
ul.tablinks a:hover {
	background: url(template_tabover.gif);
	color: #000;
}




/*<========== LEFT & RIGHT BOX STYLING (contains: description & tab styling) ==========>*/

div.boxtitle {
	background: url(shared_boxtitle.gif);
	color: #000000;
}

div#container div.boxcontent, div.boxlinks {
	background: url(shared_boxcontent.gif);
}


.boxlinks a {
	background: url(shared_linkout.gif);
	color: #000000;
}

.boxlinks a:hover {
	background: url(shared_linkover.gif);
	color: #cb0000;
}

div.boxbase {
	background: url(shared_boxbase.gif);
}


#promobox, #promobox a {
	color: #000000;
}

#promobox div.promoitem, div#promobackup {
	background: url(shared_boxcontent.gif);
}

#promobox a.promopic img {
	border: 1px solid #ffffff;
}

#helpful_links,
#categories .boxtitle {
	background: url(shared_linktitle.gif);
	color: #000000;
}

#helpful_links_base,
#categories .boxbase {
	background: none;
}