body {
	margin: 0;
	padding: 0;
	background: black;
	color: white;
	font-family: Arial;
	/*overflow:hidden;*/
	background-color:#000;
}

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

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

#background_home, #background_basic, #background_products {
	width: 900px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;  so contained absolutes work */
	overflow:hidden;
}

#background_home {
	background-image: url(../images/bg-home.jpg);
}

#background_basic {
	background-image: url(../images/bg_basic.jpg);
}

#background_products {
	background-image: url(../images/bg-products.jpg);
}

#main_image_div {
/*	background:url("../images/loading.gif") no-repeat scroll center center black;
	height:300px;
	left:30px;
	overflow:hidden;
	position:relative;
	top:-340px;
	vertical-align:middle;
	width:225px;*/
	background:url("../images/loading.gif") no-repeat scroll center center black;
	height:400px;
	left:150px;
	overflow:hidden;
	position:relative;
	top:-380px;
	vertical-align:middle;
	width:225px;
}

#thumbs_div {
	height:450px;
	left:380px;
	margin-left:355px;
	overflow:auto;
	position:relative;
	top:-780px;
	width:100px;
	text-align:center;
}

#thumbs_div img {
	margin-bottom: 10px;
}


#details_div {
/*	left:520px;
	margin-left:200px;
	position:relative;
	top:-1170px;
	width:80px;*/
	left:520px;
	margin-left:-150px;
	position:relative;
	top:-1170px;
	width:90px;
	text-align:center;
}

#details_div img {
	margin-bottom: 10px;
}

#details_div a {
	text-decoration: none;
}

table.sizes, table.sizes td {
	border: 1px solid red;
}

table.valign_hack {
	height: 100%;
	width: 100%;
}

table.valign_hack td {
	vertical-align: middle;
}

/*#text_header {
	position: absolute;
	font-size: 18pt;
	left: 300px;
	top: 80px;
	width: 550px;
	text-align: right;
	text-transform: uppercase;
}*/

#text_header {
	float:left;
	font-size:18pt;
	left:175px;
	position:relative;
	text-transform:uppercase;
	top:80px;
}

/*#text_content {
	clear:left;
	font-size:10pt;
	height:410px;
	margin-left:20px;
	overflow:auto;
	position:relative;
	text-align:center;
	top:100px;
	width:550px;
}*/

#text_content {
	font-size:10pt;
	height:410px;
	overflow:auto;
	position:absolute;
	text-align:center;
	margin-top:150px;
	width:550px;
}

#text_content p {
	margin: 20px;
	text-align: justify;
}

h1, h2 {
	text-align: left;
	margin: 20px;
	font-weight: normal;
}

h1 {
	text-transform: uppercase;
}

img.float {
	float: left;
	margin: 20px;
}

.highlight {
	color: #cf1b1b;
}

.clear {
	clear: both;
}

#footer {
	text-align: center;
	font-size: 8pt;
	color: gray;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

#footer a {
	color: gray;
}
#nav_links,
#nav_links2,
#nav_links3{
	text-transform:uppercase;
	font-size:24px;
	font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
}



#nav_links{
	font-size:16px;
	float:right;
	padding-top:5px;
	padding-right:5px;
	font-weight:bold;
}

/*#nav_links2{
	left:500px;
	left:580px;
	position:relative;
	top:420px;
}*/

#nav_links_2_out{
	clear:right;
	display:block;
	float:right;
	margin-top:350px;
	width:300px;
}

#nav_links a,
#nav_links a:visited{
		color:#900;
		padding:5px;
	/*position: absolute;*/
}

#nav_links a:hover,
#nav_links a:focus{
		color:#F00;
	/*position: absolute;*/
}

#nav_links a:hover {
	text-decoration: none;
}

#nav_links a span {
	/*visibility: hidden;*/
}

#nav_links ul,
#nav_links3 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

	

#nav_links3{
	padding-top:200px;
}

#background_products #nav_links3{
	padding-top:350px;
}

#nav_links ul li{
	float:left;
}
#nav_links2 ul li{
	list-style: none outside;
}

#nav_links2 ul li a,
#nav_links2 ul li a:visited{
	background-image:url(../images/bg_links_invert.png);
	background-position:left top;
	background-repeat:repeat-y;
	display:block;
	width:256px;
	text-align:right;
	margin-bottom:5px;
	height:28px;
	text-align:left;
	padding-left:3px;
	text-shadow:2px 2px #600;
	-moz-box-shadow:3px 3px 5px #000;
	-webkit-box-shadow:3px 3px 5px #000;
}

#nav_links2 ul li a:hover,
#nav_links2 ul li a:focus{
	/*margin-left:30px;*/
	width:310px;
	text-decoration:none;
	color:#FFC;
	margin-left:-20px;
}


#nav_links3 ul li a,
#nav_links3 ul li a:visited{
	background-image:url(../images/bg_links.png);
	background-position:right top;
	background-repeat:repeat-y;
	display:block;
	width:326px;
	text-align:right;
	margin-bottom:5px;
	height:28px;
	text-align:right;
	padding-right:3px;
	text-shadow:2px 2px #600;
	-moz-box-shadow:3px 3px 5px #000;
	-webkit-box-shadow:3px 3px 5px #000;
}

#nav_links3 ul li a:hover,
#nav_links3 ul li a:focus{
	/*margin-left:30px;*/
	width:356px;
	text-decoration:none;
	color:#FFC;
}

#additional_buttons ul{
	list-style: none outside;
	display:block;
}
#additional_buttons ul a,
#additional_buttons ul a:visited{
	background-image:url("../images/bg_buttons.png") !important;
	background-position:center top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-size:12px;
	height:23px !important;
	margin:3px;
	padding-top:7px;
	text-align:center;
	text-shadow:none !important;
	width:160px !important;
	font-size:11px;
	font-weight:bold;
}

#additional_buttons{
	margin-left:-20px;
}
/*#background_basic #additional_buttons{
	left:575px;
	top:500px;
	position:relative;
	width:300px;
}*/

#background_basic #additional_buttons{
	/*left:560px;
	position:relative;
	top:480px;*/
}

#background_basic #additional_buttons li{
	margin:0 !important;
}

#additional_buttons ul a:hover,
#additional_buttons ul a:focus{
	background-position:center -30px;
	text-decoration:none;
}

#nav_about	{	left: 193px;	top: 25px;	width: 78px;	height: 26px;	}
#nav_testimon	{	left: 283px;	top: 25px;	width: 99px;	height: 26px;	}
#nav_contact	{	left: 392px;	top: 25px;	width: 94px;	height: 26px;	}
#nav_home	{	left: 14px;	top: 45px;	width: 233px;	height: 133px;	}
#nav_boxing	{	left: 169px;	top: 341px;	width: 154px;	height: 32px;	}
#nav_muaythai	{	left: 140px;	top: 396px;	width: 183px;	height: 32px;	}
#nav_girlswear	{	left: 113px;	top: 451px;	width: 210px;	height: 32px;	}
#nav_robes	{	left: 160px;	top: 506px;	width: 163px;	height: 32px;	}
#nav_main	{	left: 126px;	top: 229px;	width: 115px;	height: 32px;	}
#nav_media	{	left: 113px;	top: 451px;	width: 128px;	height: 32px;	}
#nav_care	{	left: 97px;	top: 506px;	width: 144px;	height: 32px;	}


/*======================== PAYMENT PAGE ==========================*/
.payment-page{
	width:900px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_payment.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.payment-page #buttons .button{
	display:block;
	width:270px;
	margin:5px;
	float:left;
	padding:5px;
	border:1px solid #999;
	background-color:#000;
	height:101px;
}

.payment-page #buttons .button:hover{
	border:1px solid #ddd;
	background-color:#222;
}

.payment-page #buttons .button .title{
	border-bottom:1px solid #666666;
	color:red;
	font-family:"Palatino",Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
	padding:5px;
}

/*.payment-page #buttons .button:nth-child(3n){
	background-color:#333;
}*/
.payment-page #logo,
.page-designkit #logo{
	/*background:url("../images/logo_designkit_payment.jpg") no-repeat scroll center center black;*/
	height:120px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

.payment-page #buttons{
	background:url("../images/payment_emptyslot.jpg") repeat scroll left top transparent;
	clear:both;
	display:table;
	margin-left:auto;
	text-align:center;
	width:585px;
}

.payment-page #explanation {
	clear:both;
	display:block;
	margin-bottom:3px;
	margin-left:300px;
	margin-top:5px;
	width:585px;
}

.payment-page #nav_links,
.page-designkit #nav_links{
	display:table;
	float:right;
	margin-bottom:10px;
}
/*======================== PAYMENT PAGE END ==========================*/
/*========================DESIGNKIT PAGE ==========================*/
.page-designkit{
	width:900px;
	margin:0 auto;
}

#page-designkit{
	overflow:scroll;
}
.page-designkit .sections{
	margin-bottom:5px;
}

.page-designkit .sections .title{
	background:#670001;
	background-image:url(../images/bg_title_designkit.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.page-designkit .sections .titleactive{
background-image:url(../images/bg_designkit_title_active.png);
background-position:right bottom;
background-repeat:repeat-y;
}

.page-designkit .sections .title:hover,
.page-designkit .sections .title:focus{
	background:#F00;
}

.page-designkit .sections .content{
	display:none;
	margin-top:5px;
}
.page-designkit .sections .content .images{
	/*display:block;*/
	width:900px;
	text-align:center;
}

.page-designkit .sections .content .images table{
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}
.page-designkit .sections .content .images img{
	margin-top:5px;
}

.page-designkit .sections .content .explanation{
	display:block;
	/*width:380px;*/
	float:right;
	border-bottom: 1px solid #666;
	padding:5px;
	padding-bottom:30px;
	color:#CCC;
}
.page-designkit .sections .content .explanation p{
	margin:0;
}

.page-designkit h2{
	margin:0;
	padding-left:5px;
}

.page-designkit .sections .content .explanation .downloadinstruction{
	display:block;
	padding:5px;
	background: #6E5F00;
	border:1px solid #B7B000;
	margin-top:10px;
	
}


.sections .content .images img{
	background:url("http://www.boxxerworld.com/images/loading.gif") no-repeat scroll center center black;
}

.sections .content .images .images-left{
	margin-left:auto;
	margin-right:auto;
	width:350px;
	float:left;
}

.sections .content .images .images-right{
	/*display:block;*/
	width:236px;
	/*float:left;*/
	margin-left:auto;
	margin-right:auto;
	float:right;
}

.sections .content .images .images-inside{
	width:590px;
	margin-left:auto;
	margin-right:auto;

}

.sections .backtotop{
	clear:both;
}
/*========================DESIGNKIT PAGE  END==========================*/
/*========================CONTACT PAGE==========================*/

.contact h2{
	border-top:1px solid #333;
}
/*========================CONTACT PAGE END==========================*/