@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(toys/tp_background1.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	margin: 0px;
	padding: 0px;
}
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px; } input,select{ margin:0; padding:0; }
a:link {
	color: #900;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #900;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: underline;
	color: #900;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
#logo{
	background-image: url(toys/tp_toys_r1_c6.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 169px;
	width: 500px;	
	position:absolute;
	left: 50%;
	width: 1000px;	/*z-index: -1000;*/
	margin-left: -500px;
	top: 0;
}
#search{
	height: 29px;
	width: 240px;
	float: left;
	color: #000000;
	display: inline;
	background-image: url(toys/searchback.png);
	background-position: right top;
	margin: 0px;
	font-size: 10px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 660px;
}
#navbar{
	height: 42px;
	width: 100%;
	float: left;
	color: #000000;
	display: inline;
	background-image: url(toys/tp_toys_nav.png);
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#nav-menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-weight: 500;
	font-size: 12px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Gill Sans MT";
} 
#nav-menu li
{
	float: left;
	margin: 0px;
	padding: 0px;
} 
#nav-menu li a
{
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
} 
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */ 
#nav-menu
{
width:100%;
} 
#navbar a:link {
	color: #000;
	text-decoration: none;
	background-image: url(toys/tp_toys_r5_c3.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
#navbar a:visited {
	color: #000;
	text-decoration: none;
	background-image: url(toys/tp_toys_r5_c3.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
#navbar a:hover {
	color: #000;
	text-decoration: none;
	background-image: url(toys/buttonbackover.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
#navbar a:active {
	color: #000;
	text-decoration: none;
	background-image: url(toys/tp_toys_r5_c3.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
#container {
	position:absolute;
	left: 50%;
	width: 1000px;	/*z-index: -1000;*/
	margin-left: -500px;
	top: 150px;
}
#header {
	height: 169px;
	width: 100%;	
	float: left;
	color: #000000;
	display: inline;
}
#logo{
	background-image: url(toys/tp_toys_r1_c6.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 169px;
	width: 500px;	
}
#tplogos{
	position:absolute;
	width: 399px;
	height:169px;
	right: 0%;
	top:0;
}
#contentcontainer{
width: 100%;
	float: left;
	color: #000000;
	display: inline;
	clear:both;	
	margin: 0px;
	padding: 0px;
}
#contentbacktop{
	background-image: url(toys/tp_toys_r8_c7.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;

	clear: both;
	float: left;
	width: 100%;
	height:17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contentbackmiddle{
	background-image: url(toys/tp_toys_r9_c7.png);
	background-repeat:repeat-y;
	background-position: left top;
	display: inline;
	clear: both;
	float: left;
	width: 100%;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contentbackbot{
	background-image: url(toys/tp_toys_r21_c7.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	clear: both;
	float: left;
	width: 100%;
	height:38px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#padcontent{
	padding-right: 10px;
	padding-left: 10px;	
}
#footer{
	font-size: 12px;
	clear: both;	
}
#fullwidthcontent{
	width:100%;
	clear:both;
	margin-bottom: 10px;
}
#fullwidthcontent1{
	width:100%;
	clear:both;
	margin-top: 10px;
}
#splitleft{
	width: 68%;
	padding-right: 1%;
}
#splitright{
	clear: right;
	float: right;
	width: 30%;	
}
/* scrolling horizontally */

/* page wide carousel */

.jcarousel-skin-tango2 .jcarousel-container {
	-moz-border-radius: 10px;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
}

.jcarousel-skin-tango2 .jcarousel-container-horizontal {
	width: 870px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}


.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
    width:  800px;
    height: 310px;
}

.jcarousel-skin-tango2 .jcarousel-item {
    width: 800px;
    height: 310px;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango2 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(toys/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(toys/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
#wrap {
	color: #404040;
	margin-left: 3px;    /*margin: 0 12%;*/
    /*margin: 20px 40px;*/
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
    height: 160px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*thumbnail with captions*/
.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 566px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}
.faderimagetextbox{
	display: inline;
	float: right;
	width: 360px;	
	height:396px;
	overflow:auto;
}
#toptext_fader{
}
.scroll a:link {
	color: #000;
	text-decoration: none;
}
.scroll a:visited {
	color: #000;
	text-decoration: none;
}
.scroll a:hover {
	color: #666;
	text-decoration: none;
}
.scroll a:active {
	color: #000;
	text-decoration: none;
}
.cover{
					width: 300px; 
				height: 240px; 
				}
.showblock{
	display: block;
	clear: both;
	width: 100%;	
}
.clearboth{
	clear: both;
	float: left;
	height: 1px;
	width: 100%;	
}
.boxgrid{
	width: 300px;
	height: 240px;
	margin:4px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
.boxgrid a:link {
	color: #000;
	text-decoration: none;
}
.boxgrid a:visited {
	color: #000;
	text-decoration: none;
}
.boxgrid a:hover {
	color: #666;
	text-decoration: none;
}
.boxgrid a:active {
	color: #000;
	text-decoration: none;
}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 0;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 100;
 					left: 0;
 				}
	.srp{
	color: #666;
	}
	.ourprice{
	font-weight: bold;
	color: #900;		
	}
#productthumbs img{
	margin-right: 10px;
	margin-bottom: 10px;
	width:100px;
	height:100px;
	overflow:hidden;
}
#productthumbs{
	background-color:#EFEFEF;
}
.border1_100x100{
	border: 1px solid #333;	
	width:100px;
	height:100px;
	overflow:hidden;
}
.border1{
	border: 1px solid #333;	
}
#addtocart{
	width: 260px;
	margin-left: 10px;
	background-image: url(toys/tp_toys_r26_c7.png);
	background-repeat: repeat-y;
	margin-right: 20px;
}
#addtocart form{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#addtocart input.btn{
	background-color: #900;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-family: "Gill Sans MT";
	font-weight: 400;
}
.boxgrid input.btn{
	background-color: #900;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-family: "Gill Sans MT";
	font-weight: 400;
}
#scart input.btn{
	background-color: #900;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-family: "Gill Sans MT";
	font-weight: 400;
	text-align: right;
}
form input.btn{
	background-color: #900;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-family: "Gill Sans MT";
	font-weight: 400;
}
form input.btnsearch{
	background-color: #900;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-family: "Gill Sans MT";
	font-weight: 400;
	font-size: 10px;
}
.padsetincludes{
	margin-left:40px;
}
#scart{
	background-color: #999999;	
}
#scarttop{
	background-color: #C6C6C6;
	background-image: url(toys/tp_toys_r15_c13.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 20px;
	width: 100%;	
}
#scartbot{
	background-color: #C6C6C6;
	background-image: url(toys/tp_toys_r19_c13.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 50px;
	width: 100%;
}
.padleft100{
padding-left:100px;	
}
.checkout{
	float: right;
	width: 100px;
	padding-top: 10px;
}
/** shopping basket **/
#shopboxcontainer{
	display: inline;
	float: left;
	width: 759px;
	margin-right: 16px;
}
.shopboxheadcontainer{
	background-color: #BAB092;
	float: left;
	height: 36px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.shopboxlistcontainer{
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.shopboxitem{
	display: inline;
	float: left;
	width: 200px;
}
.installationbox{
	margin-top:10px;
	margin-bottom:10px;
	padding: 5%;
	width: 90%;
	border: 1px solid #666;	
}
.searchnav a:link{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #900;
	display: block;
	padding: 4px;
	margin-right: 10px;	
}
.searchnav a:visited{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #900;
	display: block;
	padding: 4px;
	margin-right: 10px;	
}
.searchnav a:hover{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	display: block;
	padding: 4px;
	margin-right: 10px;
}
.searchnav a:active{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #900;
	display: block;
	padding: 4px;
	margin-right: 10px;	
}
.searchresult{
	padding: 10px;
	margin-bottom: 30px;
	border: 1px dotted #D6D6D6;	
	clear:both;
	display:block;
	overflow:auto;
}
.searchresultpic{
	margin-right: 10px;	
}
.greyback{
	background-color:#d6d6d6;
}
#splitleft ul{
margin-left:50px;	
}
.boxgrid1{
	width: 300px;
	height: 300px;
	margin:4px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
			}
				.boxgrid1 img{ 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid1 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.viewbutton {
	color: #FFF;
	text-decoration: none;
	background-color: #CCC;
	padding: 3px;
	height: 25px;
	width: 100px;
	display:block;
	float:right;
				}
				.viewbutton a:link{
	color: #FFF !important;
	text-decoration: none;
	background-color: #900;
	padding: 3px;
	height: 35px;
	width: 100px;	
	
	display:block;
	float:right;
				}
				.viewbutton a:visited{
	color: #FFF !important;
	text-decoration: none;
	background-color: #900;
	padding: 3px;
	height: 35px;
	width: 100px;	
	
	display:block;
	float:right;
				}
				.viewbutton a:hover{
	color: #FFF !important;
	text-decoration: none;
	background-color: #900;
	padding: 3px;
	height: 35px;
	width: 100px;	
	
	display:block;
	float:right;
				}
				.viewbutton a:active{
	color: #FFF !important;
	text-decoration: none;
	background-color: #900;
	padding: 3px;
	height: 35px;
	width: 100px;	
	
	display:block;
	float:right;
				}