/*---------------------------------------------------------------------------------------------------------------------------





---------------------------------------------------------------------------------------------------------------------------*/

/* Body--------------------------------------------------------------------------------------------------------------------*/

body {

	background-color: #ffffff;
	background-image: url(images/top_navbackground2.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	height: 122px;
	margin: auto 0px;
	text-align:center;

}



img {

	align: left;


}


#img_container {

	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 750px;
	height: 89px;

}



#img_container a {


	text-decoration: none;


}


#img_container img {

	float:left;
	text-decoration: none;
	border: solid 0px #000000;

}




/* Container---------------------------------------------------------------------------------------------------------------*/

#container {

	border: 0px solid red;
	width: 750px;
	height: 125px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

#container img {

	float: left;
	border: 0px solid yellow;
	margin: 0px 0px 10px 0px;
	

}

/* navigation---------------------------------------------------------------------------------------------------------------*/

#navigation {

	border: 0px solid yellow;
	hieght: 37px;
	margin: 0px 0px 22px 0px;	
	text-align: right;
	float: right;
	
}



#navigation a {

	font-family: verdana, arial;
	font-size: 16px;
	font-variant: small-caps;
	color: white;
	text-decoration: none;
	margin: 0px 20px 0px 0px;


}



#navigation a:hover {

	color: #000000;


}


/* Content---------------------------------------------------------------------------------------------------------------*/


#content {

	border: solid 0px blue;

}

.main-image {

	background-image: url(images/main-image2.jpg);
	background-repeat: no-repeat;
	border: solid 0px pink;
	height: 345px;
	clear: both;

}



.text-orange {

	font-family: arial black;
	font-size: 55px;
	border: solid 0px red;
	width: 500px;
	font-variant: small-caps;
	text-align: left;
	padding: 45px 0px 0px 45px;
	float: left;
	color: #fe8647;	
}


.text-blue {

	font-family: arial narrow;
	font-size: 26px;
	border: solid 0px pink;
	width: 500px;	
	font-variant: small-caps;
	text-align: left;
	display: block;
	float: left;
	letter-spacing: 10px;
	color: #6eb0dc;	
	

}



.text-quote {

	font-family: verdana;
	font-style: italic;
	font-size: 17px;
	width: 400px;	
	text-align: left;
	display: block;
	float: left;
	color: #000000;	
	padding: 20px 0px 0px 45px;

}


.call-to-action {

    	float: left;
	clear: left;
	margin: 25px 0px 0px 45px;

}

.call-to-action a {

    	background-image: url(images/call-action-btn.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 235px;
	display: block;
	outline: none;

}


.call-to-action a:hover {

    	background-image: url(images/call-action-btn-hover.jpg);

}




/* Content Left---------------------------------------------------------------------------------------------------------------*/



.content_left {

	border: solid 0px red;
	float: left;
	width: 400px;
	padding: 20px 2px 15px 0px;
	margin: 0px 5px 15px 5px;
	text-align: left;
}




.content_left p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
}



.content_left2 {

	text-align: left;
	
	
}





/* Content Right---------------------------------------------------------------------------------------------------------------*/


.content_right {

	background-image: url(images/background-right.gif);
	background-repeat: no-repeat;
	border: solid 0px orange;
	float: left;
	clear: right;
	width: 300px;
	padding: 20px 0px 15px 0px;
	margin: 20px 0px 0px 15px;

}



/* Content Right Professional Bags---------------------------------------------------------------------------------------------------------------*/



.professional-oversized{

	background-image: url(images/professional-oversized3.jpg);
	background-repeat: no-repeat;
	width: 391px;
	height: 134px;
	padding: 10px 0px 0px 12px;

}


.professional-oversized a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: black;
	text-decoration: none;
	line-height: 2;
	font-variant: small-caps;
}




.professional-oversized a:hover {

	color: white;
	
}



.professional-oversized p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	

}



.professional-oversized h1 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: bolder;
	

}



/* Content Right Trainers Bags---------------------------------------------------------------------------------------------------------------*/


.athletic  {

	border: solid 0px blue;
	height: 105px;
	text-align: left;
	clear: both;
	padding: 0px 5px 10px 0px;
	margin-bottom: 8px;

}

.athletic img {

	padding: 0px 5px 0px 5px;


}





.athletic p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: solid 0px black;
	float: right;
	width: 185px;
}


.athletic a{

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #fe8647;
	text-decoration: none;
}



.athletic a:hover{

	color: #6eb0dc;
}



/* Content Right Programmers Bags---------------------------------------------------------------------------------------------------------------*/



.programmer  {

	border: solid 0px blue;
	height: 105px;
	text-align: left;
	clear: both;
	padding: 0px 5px 10px 0px;
	margin-bottom: 8px;

}

.programmer img {

	padding: 0px 5px 0px 5px;


}


.programmer p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: solid 0px black;
	float: right;
	width: 185px;
}

.programmer a{

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #6eb0dc;
	text-decoration: none;
}


.programmer a:hover{

	color: #fe8647;
}



/* Content Right Duffle Bags---------------------------------------------------------------------------------------------------------------*/



.duffle  {

	border: solid 0px blue;
	height: 105px;
	text-align: left;
	clear: both;
	padding: 0px 5px 10px 0px;
	margin-bottom: 8px;

}

.duffle img {

	padding: 0px 5px 0px 5px;


}



.duffle p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: solid 0px black;
	float: right;
	width: 185px;
}



.duffle a{

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #fe8647;
	text-decoration: none;
}

.duffle a:hover{

	color: #6eb0dc;
}


/* Content Right header/text/spans---------------------------------------------------------------------------------------------------------------*/



h1 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 17px;
	font-variant: small-caps;
	color: black;

}



h2 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 15px;
	font-variant: small-caps;
	color: black;

}




.style1 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
	font-variant: small-caps;
	color: #fe8647;

}



.style2 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
	font-variant: small-caps;
	color: #6eb0dc;

}




.style3 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
	font-variant: small-caps;
	color: #ffb76f;

}


.style4 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 900;

}



.style5 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color: #000000;

}


.style6 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 900;
	color: #000000;

}





.style7 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #000000;

}



.style8 {

	font-family: georgia, arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}


.style9 {

	font-family: georgia, arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	font-variant: small-caps;
	color: #000000;

}


.style10 {

	font-family: georgia, arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color: #000000;

}




b {

	font-family: times, arial, verdana, helvetica, sans-serif;
	font-weight: 900;
	font-size: 20px;
	color: #fe8647;
	padding: 0px 5px 0px 5px;

}





ul {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;

}


li {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 2;
	list-style-type: square;
}


table {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	width: 450px;
	border-collapse: separate;
	border-spacing: 5px 5px	

}



table a{

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #6eb0dc;
}



table a:hover{

	color: #000000;
}





/* Page Content---------------------------------------------------------------------------------------------------------------*/


#page-content {

	border: solid 0px orange;
	clear: both;
	min-height: 600px;
	text-align: left;
	padding: 5px 15px 0px 15px;
}


#page-content h1 {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	font-variant: small-caps;
	color: #000000;
	border-bottom: solid 2px #6eb0dc;
	

}




#page-content p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}




#page-content_sitemap {

	border: solid 0px orange;
	clear: both;
	text-align: left;
	padding: 5px 15px 0px 15px;

}


#page-content_sitemap p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}



#page-content_sitemap a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	

}


#page-content_sitemap a:hover {

	color: #fe8647;
	

}

#page-content_sitemap b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	text-decoration: none;
	

}


#page-content img {

	float: right;
	clear: both;
	

}










/* Columns (product page)---------------------------------------------------------------------------------------------------------------*/


.columns {

	padding: 15px 0px 0px 35px;


}

.column1 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	

}


.column1 a:hover {

	color: #6eb0dc;

}




.column1 {

	
	border: solid 0px red;
	float: left;
	width: 187px;
	padding: 0px 18px 25px 0px;
	margin-right: 15px;

}






.column1 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column1 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}


.column2 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	

}


.column2 a:hover {

	color: #6eb0dc;

}





.column2 {


	
	border: solid 0px orange;
	float: left;
	width: 187px;
	padding: 0px 18px 25px 0px;
	margin-right: 15px;

}


.column2 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column2 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}


.column3 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	

}



.column3 a:hover {

	color: #6eb0dc;

}



.column3 {

	
	border: solid 0px blue;
	float: left;
	width: 187px;
	padding: 0px 0px 25px 0px;

}


.column3 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column3 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}


.column4 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	

}



.column4 a:hover {

	color: #6eb0dc;

}



.column4 {


	border: solid 0px red;
	float: left;
	width: 187px;
	padding: 0px 18px 25px 0px;
	margin-right: 15px;

}

.column4 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column4 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}


.column5 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	

}


.column5 a:hover {

	color: #6eb0dc;

}



.column5 {


	border: solid 0px orange;
	float: left;
	width: 187px;
	padding: 0px 18px 25px 0px;
	margin-right: 15px;

}

.column5 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column5 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}

.column6 a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 2;
	padding: 0px 0px 0px 5px;
	

}



.column6 a:hover {

	color: #6eb0dc;

}



.column6 {


	border: solid 0px blue;
	float: left;
	width: 187px;
	padding: 0px 0px 25px 0px;

}



.column6 p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	

}


.column6 b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	

}


/* Content Page Content Left and Right---------------------------------------------------------------------------------------------------------------*/




.page-content-left {

	border: solid 0px red;
	float: left;
	width: 334px;
	clear: both;


}


.page-content-left img{

	float: left;

}



.page-content-left a {

	font-family: arial, verdana, helvetica, sans-serif;
	color: #6eb0dc;



}


.page-content-left a:hover {

	color: #ffb66e;



}




.page-content-right {

	border: solid 0px blue;
	width: 300px;
	float: right;
	clear: right;
	text-align: left;
	padding: 0px 0px 0px 25px;


}



.page-content-right p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color: black;
	line-height: 4;
	

}



.page-content-right a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
	line-height: 4;

}

.page-content-right a:hover {

	color: #ffb66e;

}



.page-content-text {

	border: solid 0px blue;
	float: right;
	width: 355px;


}



.page-content-text a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;

}



.page-content-text a:hover{

	color: #ffb66e;

}




.page-content-text p {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: black;


}

.orderstyle {

	background-image: url(images/cart2.jpg);
	background-repeat: no-repeat;
	width: 58px;
	height: 18px;
	display: block;

}



.orderstyle a{

	background-image: url(images/cart2_hover.jpg);
	background-repeat: no-repeat;
	width: 58px;
	height: 18px;
	display: block;

} 


.orderstyle a:hover{

	background-image: url(images/cart2.jpg);
} 



.page-content-left {

	border: solid 0px red;
	float: left;
	width: 334px;
	clear: both;


}


.page-content-left-table {

	float: left;
	width: 320px;
	clear: none;

}


.page-content-left-table table {

	width: 0px;
	align: left;


}


.page-content-left b {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #6eb0dc;
	text-align: left;
}







/* Footer---------------------------------------------------------------------------------------------------------------*/

#footer {

	background-image: url(images/footer3.jpg);
	background-repeat: no-repeat;
	width: 741px;
	height: 227px;
	clear: both;


}


#footer a {

	font-family: arial;
	font-size: 9px;
	color: #000000;
	float: right;
	text-decoration: none;
	margin: 5px 20px 10px 0px;


}



#footer a:hover {

	color: #ffffff;

}


#copyright {

	font-family: arial;
	font-size: 9px;
	color: black;
	text-align: right;
	margin: 10px 20px 0px 0px;
	clear: both;

}

/* Form---------------------------------------------------------------------------------------------------------------*/


fieldset {

	
	font-family: arial, verdana;
	font-size: 11px;
	width: 660px;
	border: solid 2px #6eb0dc;
	background-color: #ffffff;
	margin: 16px 16px 16px 16px;
	padding: 16px 16px 16px 16px;
	float: left;



}




legend {

	background-color: #fe8647;
	border: solid 1px #6eb0dc;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;	
	padding: 5px;
	font-weight: bold;


}


label {

	display: block;
	color: #000000;

}


imput {

	width: 200px;

}


textarea {

	width: 300px;
	height: 100px;



}

input.radio, input.checkbox, input.submit {

	width: auto;

}

input.radio {

	float: left;
	margin-right: 10px;

}


input:focus, textarea:focus  {

	background: #ffcc;

}


input{type="text"}, textarea {

	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 1px solid #cccccc;	
	border-right: 1px solid #cccccc;

}


.required {

	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
	color: #760000;

}

label {

	float: left;
	width: 140px;

}

div#header-links {
		width: 300px;
		float: right;
		margin-top: 30px;
		font-weight: bold;
		font-size: 14px;
		color: #fe8647;
}

div#header-links a {

		color: #fe8647;
	}
	
div#header-links a:visited {
	color: #fe8647;
}



.new_item_prod {
	margin-top: 5px;
	padding: 0px;
}