/*--- basic elements---- */
body{  margin:5px 0 10px 0; padding:0; font: 11px Arial, Helvetica, sans-serif; color: #fff;}
#wrapper{width: 955px; padding:0; margin: 0 auto;background:url(../images/footerbg.jpg) no-repeat bottom;}
form, img, p{margin:0; padding:0; border:none;}
.clear{clear:both}
.floatleft{float:left}
.floatright{float:right}
h1{margin:0; padding:0; font: normal 36px Arial, Helvetica, sans-serif}
h2{margin:0; padding:0 0 10px 0; font: normal 34px Arial, Helvetica, sans-serif}
h3{margin:0; padding:0 0 10px 0; font: normal 14px Arial, Helvetica, sans-serif}


/*--- header---- */
#header{ width:955px;height:90px;}
#header .floatright{margin:-50px 0 0;}
.nav1{height:50px; width:169px;float:left;}
.nav2{height:50px; width:169px;float:left;}
.nav3{height:50px; width:169px;float:left;}



/*--- content---- */
.flashheader{border-top:4px solid #0056a2;width:955px; height:270px; margin:0; padding:0; clear:both;}
#content { width:955px; background: url(../images/contentbg.jpg) no-repeat top left; margin:0; padding:32px 32px 0 32px;}
#contentbot { width:955px; height:28px; background:#42D1F8 url(../images/contentbot.jpg) no-repeat bottom left; margin:0; padding:0; clear:both;}
#content .leftcol{width:450px; float:left; padding: 0 50px 0 0;}
#content .video{width:384px; float:left; padding: 5px 10px 0; background: url(../images/video_bg.jpg) no-repeat top;text-align:center;}
#content .leftcol p{ padding:10px 0 0 0; font-size: 13px; }
#content .leftcol p span{ color:#fff200;font: bold 14px "Trebuchet MS", Arial; }

#content .leftcol h1{font: bold 30px "Trebuchet MS", Arial;color:#fff200;margin-top:25px;}
#content .leftcol h1 span { color:#4ebdd6;}
#content .leftcol h2 { color:#fff;font: bold 20px "Trebuchet MS", Arial; width:390px;}



#sub_nav {
	position: absolute;
	top: 249px;
	margin-left:500px;
	margin:0px;
	list-style: none;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
	width: 360px;
	}
	
#sub_nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#sub_nav a {
	float: left;
	padding: 26px 1px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win */
	}
	
#sub_nav a:hover {
	background-position: 0 -26px;
	}

#sub_nav a:active, #sub_nav a.selected {
	background-position: 0 -52px;
	}
	
#nav_toddler a  {
	width: 85px;
	background: url(../images/toddler_m1.jpg) top left no-repeat;
	}

#nav_child a  {
	width: 85px;
	background: url(../images/m_child_n2.jpg) top left no-repeat;
	}
#nav_youth a  {
	width: 85px;
	background: url(../images/youth_m3.jpg) top left no-repeat;
	}
#nav_al a  {
	width: 85px;
	background: url(../images/al_m4.jpg) top left no-repeat;
	}	



/*--- contentinner---- */
#contentinner { width:955px; margin:0; padding:0; background:url(../images/contentbg_in.jpg) no-repeat top left; clear:both;border-top:4px solid #f60;}
#contentinner .leftcol{width:460px; float:left;height:155px; padding: 0 5px 0 32px;}
#contentinner .txt{width:400px; float:left; padding: 3px 4px 0 0;}
#contentinner .txt p{ line-height:20px;font: 12px "Trebuchet MS", Arial;}
#contentinner .txt p span{color:#fff200;font: bold 13px "Trebuchet MS", Arial;}

#contentinner .leftcol h1{font: bold 30px "Trebuchet MS", Arial;color:#fff200;margin-top:25px;}
#contentinner .leftcol h1 span { color:#4ebdd6;}
#contentinner .leftcol h2 { color:#fff;font: bold 20px "Trebuchet MS", Arial; width:390px;}

#products_1 { width:955px; height:518px ; padding: 0 0 0 53px; background:url(../images/contentbg_products_1.jpg) no-repeat left top; clear:both}
#products_1 table { }
#products_1 table td a:hover img { }

/* products */
#products { width:955px; height:518px ; padding: 0 0 0 53px; background:url(../images/contentbg_products.jpg) no-repeat left top; clear:both}
#products_1 p, #products p { color:#000; font-size:17px; width:375px;}
#products_1 .title, #products .title{color:#FF6600; font-size:24px; width:537px; text-align:right; padding:70px 0 0 0; font-weight:bold}
#products_1  ul.nav li, #products ul.nav{color:#fff; font-size:20px; width:540px; text-align:left; padding:60px 0 0 0; margin:0;}
#products_1 ul.nav li, #products ul.nav li{list-style-type:none; margin:0; float:left; border-right: 1px solid #fff; font-weight:bold}
#products_1 ul.nav li.last, #products ul.nav li.last { border-right: none}
#products_1 ul.nav li.first, #products ul.nav li.first { padding:0 20px 0 0;}
#products_1 ul.nav li a , #products ul.nav li a { text-decoration:none; color:#fff}
#products_1 ul.nav li, #products ul.nav li {padding:0 20px 0 20px; text-decoration:none; color:#FF6600}
#products_1 .clear , #products .clear { padding:15px 0 0 0; width:570px}
.box{width:136px; height:144px; background:url(../images/box.jpg) no-repeat; margin:0px 5px 0 0; float:left; text-align:center; padding:5px 0 0 0}
.boxsel{width:136px; height:144px; background:url(../images/boxsel.jpg) no-repeat; margin:0px 5px 0 0; float:left; text-align:center; padding:5px 0 0 0; cursor:hand;}
.box div, .boxsel div{text-align:left; padding:10px 0 0 0; color:#D2D2D2; font-size:16px}
.box a, .boxsel a{text-decoration:none; color:#D2D2D2; font-weight:bold}
.box a:hover, .boxsel a:hover{text-decoration:none; color:#fff;}
#products .floatright{ width:384px; padding:30px 0 0 0}


/* wheretobuypage */
#wheretobuypage{ width:955px; height:675px;background: url(../images/wheretobuybg.jpg) no-repeat bottom left ; clear:both; border-top:4px solid #f60;}
#storelogos{ padding:95px 0 0 290px; color:#000000}
#storelogos img.top{ margin-top:0;}
#storelogos img{margin:60px 17px 0 0}


/* aboutus */
#aboutus{ width:955px; height:675px;background: url(../images/aboutbg.jpg) no-repeat bottom left ; clear:both; border-top:4px solid #f60;}
.abtcontent{ padding:90px 100px 0 300px; color:#000000;}
.abtcontent p{color:#006699; font-size:13px}
.abtcontent p.title{color:#006699; font: bold 13px Arial, Helvetica, sans-serif; margin-bottom:15px}


/* contactus */
#contactus{ width:955px; height:670px;background: url(../images/contactbg.jpg) no-repeat bottom left ; clear:both; border-top:4px solid #f60; font: 13px Arial, Helvetica, sans-serif; margin:0px auto}
.contactcontent{ padding:90px 0px 0 300px; width:260px; float:left;color:#006699;  }
.contactright{ width:230px; float:right; padding:90px 100px 0 0px;color:#006699;  }
.contactcontent p.title{color:#006699; font: bold 13px Arial, Helvetica, sans-serif; margin-bottom:15px}
.txtfld{border:#B6B6B6 1px solid; font:11px Arial, Helvetica, sans-serif; float:left; margin-bottom:12px; width:167px;}
.label{width:65px; margin-right:10px; float:left; margin-bottom:12px}
.mar1{margin-right:15px}


/* results */

#results{ width:955px; height:710px;background: url(../images/resultsbg.jpg) no-repeat bottom left ; clear:both; border-top:4px solid #f60;}
.leftcolrel{width:955px; float:left; padding: 0 25px 0;background: url(../images/contentbg_in.jpg) no-repeat left top;}

.leftcolrel h1{font: bold 30px "Trebuchet MS", Arial;color:#fff200;}
.leftcolrel h1 span { color:#4ebdd6;}
.leftcolrel h2 { color:#fff;font: bold 20px "Trebuchet MS", Arial; width:410px;}
 .leftcolrel h3{ padding:0px 20px 0 0; font-size: 13px; float:right;margin:-70px 85px 0 0; width:400px;}
 .leftcolrel h3 span{ color:#fff200; font: bold 13px "Trebuchet MS", Arial;}

.box1{width:609px; height:84px; padding:30px 13px 0 13px; margin: 45px 40px 0 0;background:transparent url(../images/box1.gif) no-repeat;float:right;}
.fld{width:82px; border:0; margin:0 32px 0 0;}
.marleft{width:425px;float:left; font-size:15px;}
.marright{width:161px; text-align:center; margin-right:15px; float:right;}
.marright p a{color:#000; text-decoration:none; line-height:26px; font-weight:bold}
#sort{margin:22px 0 22px 13px; font-size:15px; }
#sort p{width:394px;float:left; font-weight:bold}
.searchtop{width:608px; background:url(../images/searchtop.gif) no-repeat top left; height:5px;} 
.searchmid{width:608px; height:389px;background:url(../images/searchmiddle.gif) no-repeat top left; font:14px bold "Trebuchet MS", Arial; padding:0 13px; color:#000; line-height:15px;} 
.searchmid a{color:#000; text-decoration:none}
.searchmid a:hover{color:#000; text-decoration:none}
.searchbot{width:608px; background:url(../images/searchbot.gif) no-repeat top left; height:17px;} 
.searchmid .col1{width:150px; padding:0 30px 0 0; float:left}
.searchmid .col2{width:105px; padding:0 0px 0 0; float:left}
#hide{display:none;margin:130px 0 0 280px;}


/*--- products gallery---- */
#product_name {font-family: Trebuchet MS, Verdana, sans-serif; font-size:30px; font-weight:bold; color:#000; margin-left:175px;};



/*--- footer---- */
#footer{width:895px; height: 60px; padding:0px 30px 0 30px; text-align:left; color:#4DB0D8; font:bold 15px Arial, Helvetica, sans-serif; clear:both; }
#footer a{text-decoration:none; color:#4DB0D8; padding:0 22px 0 0;font:bold 15px Arial, Helvetica, sans-serif;}
#footer a:hover{text-decoration:none; color:#FF6600;}
#footer .floatleft{float:left; width:500px;height:30px;  padding-top:25px;}
#footer .floatleft .active {color:#FF6600;}
#footer .floatright{ height:30px; float:right; width:350px;color:#4DB0D8; padding-top:17px;}
#footer .floatright .mar{margin-right:45px}