body {
	background: transparent url(../dimage/site_bg2012_b.jpg) no-repeat scroll center top;
	padding: 0px;
	height: 1200px;
	font-family: Arial;
	font-size: 12px;
	color: #777;
}

h1 {
	color: #0490e3;
	font-size: 14px;
	font-style: italic;
	font-family: Arial;
	font-weight: bold;
	width: 100%;
}
.listitem .proinfo h1 {
	margin: 4px 0;
	height: 30px;
	width: 175px;
}

h2 {
	color: #777;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}

h3 {
	color: #000;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
	font-weight: normal;
}

h4 {
	color: #fff;
	font-size: 11px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 5px;
}

a {
	color: #0490e3;
}

img {
	border: 0px;
}

#site {
	width: 960px;
	/*border: 1px solid blue;*/
	margin: 0 auto;
	height: 1280px;
}

#head {
	width: 100%;
	height: 50px;
	padding-top: 165px;
	/*border: 1px solid blue;*/
}

#content {
	height: 700px;
	width: 100%;
	/*border: 1px solid blue;*/
}

#foot {
	height: 284px;
	width: 100%;
	/*border: 1px solid blue;*/
}

#foot a {
	color: #bbb;
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

.footerinfo {
	margin-left: 20px;
	float: left;
	color: #bbb;
	font-size: 10px;
}

#top-menu {
	height: 34px;
	width: 100%;
	background-image: url(../dimage/menu_bg.png);
}
#top-menu ul {
	list-style: none;
	padding: 0;
	margin-left: 2px;
}
#top-menu li {
	float: left;
	display: inline;
	color: #0290E3;
}
#top-menu a {
	color: #0290E3;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

#top-menu .top-menuitem {
	height: 24px;
	margin-top: 5px;
}

#top-menu .top-menuitem:hover {
	background-position: 0 -24px;
}

/*--------------------------------Top menu items-------------------------------------*/
#tm_home {
	width: 61px;
	background: url(../dimage/topmenu/HOME_menu.png) no-repeat;
}

#tm_equipment {
	width: 88px;
	background: url(../dimage/topmenu/equipment_menu.png) no-repeat;
}

#tm_apparel {
	width: 71px;
	background: url(../dimage/topmenu/apparel_menu.png) no-repeat;
}

#tm_all {
	width: 84px;
	background: url(../dimage/topmenu/all_menu.png) no-repeat;
}

#tm_merchandise {
	width: 103px;
	background: url(../dimage/topmenu/merchandise_menu.png) no-repeat;
}

#tm_school {
	width: 102px;
	background: url(../dimage/topmenu/school_menu.png) no-repeat;
}

#tm_headwear {
	width: 88px;
	background: url(../dimage/topmenu/HEADWEAR_menu.png) no-repeat;
}

#tm_wilson {
	width: 65px;
	background: url(../dimage/topmenu/WILSON_menu.png) no-repeat;
}

#tm_coaches {
	width: 76px;
	background: url(../dimage/topmenu/COACHES_menu.png) no-repeat;
}

#tm_aoseries {
	width: 71px;
	background: url(../dimage/topmenu/aoseries_menu.png) no-repeat;
}

#top-menu #searchbox {
	float: left;
	padding-top: 7px;
}

#search_text {
	width: 110px;
	border: 0px;
}

#search_btn {
	width: 80px;
	margin-left: 8px;
	border: 0px;
	background: none;
	cursor: pointer;
}

#right-panel {
	float: left;
	width: 250px;
}
#right-panel div {
	float: left;
	margin-left: 10px;
}

#cartbox {
	width: 231px;
	height: 158px;
	background-image: url(../dimage/panels/rightpanel1_bg.png?v=2);
}

#promobox {
	float: left;
	height: 470px;
	width: 710px;
}
#promobox div {
	
	float: left;
}
#promobox img {
	
}

/*--------------------------------- slider -----------------------------------------------*/
.slideshow0 {
	margin-bottom: 10px;
	background-color: #fff;
}

#slidebar {
	float: left;
	clear: both;
	width: 730px;
	height: 124px;
	margin-top: 15px;
	margin-left: 222px;
}

.slideshow1 {
	float: left;
	width: 722px;
	height: 121px;
}

.slideitem {
	width: 730px;
	height: 121px;
	background-image: url(../dimage/bluegradient.png);
}
.slideitem div img{
	float:left;
	cursor:pointer;
}

.slideitem div {
	float: left;
	width: 240px;
	height: 100px;
	margin-right: 3px;
	padding: 10px 0;
	background-color: transparent;
	background-image:url(../dimage/slider_bg.png);
	text-align:center;
	cursor:pointer;
}

.slideitem h1 {
	height: 30px;
}

.slideitem table {
}

.floating {
	float: left;
}
.clearboth {
	clear: both;
}

/*  -------------------------------------- right pannel ---------------------------------*/
.rightpanelcart {
	margin-top: 52px; 
	margin-left: 2px;
	border-collapse: collapse;
}

.rightpanelcart td {
	padding: 0 3px;
}

.rightpanelfreight {
	margin-top: 5px; 
	background: url(../dimage/panels/rightpanel_info.png) no-repeat; 
	width: 220px; 
	height: 240px; 
	padding: 8px;
	font-size: 11px;
}

/*  -------------------------------------- product list page --------------------------  */
#contentleft {
	background: url(../dimage/menucategory_bg.jpg) repeat-x;
	width: 710px;
	height: 650px;
	float: left;
}

#contentleft #qtydiv table {
	border-collapse: collapse;
	margin-top: 20px;
	width: 240px;
}

#contentleft #qtydiv td {
	text-align: center;
}

#contentleft #qtydiv th {
	background-color: #0490e3;
	color: white;
}

#qtydiv table input.qty {
	border: 1px solid #ddd;
	text-align: center;
	width: 40px;
}

#menu-category {
	float: left;
	width: 140px;
	height: 100%;
	margin-top: 20px;
}
#menu-category div {
	float: left;
	clear: both;
	
}

.menuitem {
	background-color: #036eb3;
	margin: 0px 0px 1px 6px;
	width: 128px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	cursor: pointer;
	font-style: italic;
}

.menuitem:hover {
	background-color: #024c82;
}

.menuitem a {
	color: white;
	text-decoration: none;
}

#prolist {
	float: left;
	width: 564px;
	height: 600px;
	background-color: #fff;
	padding-top: 2px;
	margin-top: 4px;
}
.listitem {
	float: left;
	border: 2px solid #0490e3;
	width: 180px;
	height: 270px;
	margin: 2px;
}
.proinfo { 
	margin: 4px;
	float: left;
	width: 100%;
}
div#prodetail .proinfo {	width: 55%;  }

#pagelinks ul, #pagelinks li {
	display: inline;
	list-style: none;
	list-style-type: none;
	padding: 0px;
}

/*------------------------------Page links-----------------------------------------*/
#pagelinks {
	margin-top: 4px;
}

#pagelinks a {
	text-decoration: none;
}

#pagelinks span {
	color: #fff; 
	font-weight: bold;
	padding: 4px 0 4px 4px;
}

#pagelinks li {
	margin: 0px;
}

#pagelinks li {	
	color: #0490E3; 
	padding: 2px 5px 4px 5px;
}

#pagelinks li.selected {	
	background-color: white; 
	color: #0490E3; padding: 2px 5px 4px 5px;
}

/*------------------------------product detail-------------------------------------*/
#prodetail {
	float: left;
	width: 560px;
	background-color: #fff;
	padding-top: 2px;
	border: 4px solid #0490E3;
	height: 600px;
}

.proimage {
	float: left;
	width: 200px;
	height: 200px;
	padding: 0px;
	margin: 10px 10px 200px 10px;
}

.proimage img.thumbnail {
	border: 2px solid #0490E3;
}

/*------------------------------Sizing Chart----------------------------------------*/
#facebox .sizingchart {
	border-collapse: collapse;
	width: 240px;
}

#facebox .sizingchart th {
	background-color: #eee;
	padding: 2px;
	text-align: center;
}

#facebox .sizingchart td {
	background-color: #bbb;
	padding: 2px;
	color: #fff;
	border-bottom: 1px solid #eee;
	text-align: center;
}

#facebox .sizingchart td img {
	margin-top: 2px;
}

/*------------------------------Shopping Cart--------------------------------------*/
.cart-summary {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

.cart-summary th {
	background-color: #0490e3;
	color: #fff;
	font-size: 12px;
	height: 22px;
	text-align: center;
}

.cart-summary td {
	height: 25px;
	color: #666666;
}

.cart-summary tr.peritem:hover {
	background-color: #eeeeee;
}

.cart-summary img.remove_btn { display: none;}

/*------------------------------Login Page-----------------------------------------*/
#login {
	float: left; 
	background-color: white; 
	width: 650px; 
	margin: 5px; 
	padding: 25px;
	color: #777;
}

#login #loginleft {
	float: left; 
	width: 310px;
}

#login #loginleft #oldcustomer {
	margin-top: 20px;
	width: 272px;
	padding: 20px 0px;
}

#login table {
	border: 1px solid #0490E3; width: 100%; padding: 20px 10px 0px 10px;
}

#login #newcustomer {
	float: left;
	padding: 0px 0 0 40px;
	border-left: 2px solid #dddddd;
	width: 280px;
}

#login input.username, #login input.password {
	font-size: 11px; 
	width: 150px; 
	border: 0; 
	background: none; 
	margin: 7px 0 0 87px;
}

input.text, .details select {
	font-size: 11px; 
	width: 150px; 
	border: 1px solid #ddd; 
}

.details select#cc_yyexp {
	font-size: 11px; 
	width: 70px; 
	border: 1px solid #ddd; 
}

#login input#btn_login {
	
}

#login input#btn_newcust {
	margin-top: 12px;
}

/*------------------------------Order Form-----------------------------------------*/
#contentleft .details {
	width: 667px;
	margin-top: 5px;
	border-collapse: collapse;
}

#contentleft .details td {
	border: 0px;
	padding: 2px 8px;
}

#contentleft .details td label{
	font-size: 11px;
}

#contentleft .details td.payoption_top {
	background: url(../dimage/paymentdetails_bg.png) no-repeat;
}

#contentleft .details td.contact_top {
	background: url(../dimage/contactdetail_bg.png) no-repeat;
}

#contentleft .details td.billing_top {
	background: url(../dimage/billingdetail_bg.png) no-repeat;
}

#contentleft .details td.delivery_top {
	background: url(../dimage/deliverydetail_bg.png) no-repeat;
}

#contentleft .details td.left {
	background: url(../dimage/borderleft.png) repeat-y;
}

#contentleft .details td.right {
	background: url(../dimage/borderright.png) repeat-y right;
}

#contentleft .details td.bottom {
	background: url(../dimage/details_bg.png) no-repeat;
}

.details .td1 {	width: 100px;}
.details .td2 {	width: 220px;}
.details .td3 {	width: 80px;}


/*------------------------------Payfororder Page-----------------------------------*/
.contentwhite {
	float: left;
	clear: both;
	background-color: white; 
	margin: 4px; padding: 10px 20px 20px 20px;
	width: 93%;
	font-size: 11px;
}
.payfororderdiv {
	float: left;
	background: url(../dimage/payfororder_bg.png) no-repeat; 
	padding: 20px 10px;
	width: 435px;
	margin-right: 40px;
}

.payfororderdiv input.required {
	font-size: 11px;
}

p.orderinfo {
	background-color: #eee;
	font-size: 14px;
	padding: 4px;
	margin-top: 0;
	margin-bottom: 0;
}

/*------------------------------General--------------------------------------------*/

.titlegray {
	color: #777;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}

.titleblue {
	color: #0490e3;
	font-weight: bold;
}

.textblue {
	color: #0490e3;
	font-style: italic;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.halfwidth {
	width: 50%;
}

.pointer {
	cursor: pointer;
}

a.whitelink {
	color: white;
	text-decoration: none;
}

a.whitelink:hover {
	text-decoration: underline;
}

a.graylink {
	color: #777777;
	text-decoration: underline;
}

div.blueframe {
	margin: 12px 0;
	border: 2px solid #0490E3;
	padding: 5px;
	text-align:center;
	font-weight:bold;
	font-size: 12pt;
}

div.bluetitle {
	position: relative;
	top: -10px;
	right: -10px;
	background-color: #fff;
	text-align: center;

	color:#0490E3;
	font-family:Arial;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

.button{
	border: 0;

}