@charset "utf-8";
/* CSS Document */


/** TOOLS **/
.show {display: block;}
.hide {display: none;}

.left {float: left;}
.right {float: right;}
.center {display: block; margin-left: auto;	margin-right: auto;}

.clearleft {clear:left;}
.clearright {clear: right;}
.clear {clear: both;}

.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}

a {text-decoration: none; outline: 0;}
a:hover {text-decoration: underline;}	

/** LAYOUT **/
html { background-color: #808080}
body { background-color: #808080; padding: 10px 0 10px; }

#container { width: 800px; margin: auto; display: block; border: none; }
	#container > tbody > tr > td { border: none; text-align: left; padding: 0; vertical-align: top; }

		.leftcol { width: 100px; background-color: #000; color: #fff; }
		.rightcol { width: 676px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }
		/*.socks td.rightcol { background: transparent; }*/
		.branding { height: 28px; }
		.contactinfo a { color: #000; } 
		#container td.contactinfo { padding: 6px 12px; }
		#container td#maincontent { padding: 12px; }
		
		#mainlogo { background: url(../images_/logo.gif) no-repeat; }
		#mainslogan { background-color: #ffcc00; padding: 0; }
			#mainslogan h1 { font: bold 17px/28px "Trebuchet MS", Verdana, Arial, sans-serif; color: #000; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; margin: 0; }
		#navcontainer, #maincontent { height: 550px; }
		#navcontainer {}
		#maincontent {}
			#mainnav, #mainnav * { margin: 0; padding: 0; list-style: none; }
			#mainnav { width: 100px; margin: 1em 0 2em; }
			#mainnav li { margin: 2px 0; font: bold 13px/18px "Trebuchet MS", Verdana, Arial, sans-serif; text-transform: capitalize; }
			#mainnav ul li { margin-left: 10px; font-size: 11px; font-weight: normal; }
			#mainnav a { margin: 0 10px; display: block; color: #fff; }
			#mainnav li.here a, #mainnav a.here { color: #FFCC00; }

			#navcontainer img { display: block; margin: 4px auto; }
			
			img.section_display { display: block; margin: 0 auto; }
			div.golf_product_mainimage { height: 550px; float: right; margin: 0 20px 1em; }
			table.quantity td, table.quantity th { padding: 3px 8px; text-align: left; border: none; }

			.golf td#maincontent h1 { font: bold 25px/55px "Times New Roman", Times, serif; margin: 36px 0 0; text-transform: capitalize; width: 410px; position: relative; }
			.golf td#maincontent h2 { font: bold 18px/22px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 20px; }
			
			.socks #maincontent h1 { font: bold 25px/55px "Times New Roman", Times, serif; letter-spacing: -0.05em; color: #640164; margin: 15px 0; width: 410px; position: relative; }
			.socks #maincontent h2 { font: bold 18px/22px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: -15px 0 20px; }
			
			.golf td#maincontent h1 span, .socks td#maincontent h1 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
		
			#socks_common_description { width: 410px; margin: 30px 0; }
			#socks_product_img_container { width: 250px; float: right; }
			#socks_product_desc_container { width: 410px; float: left; }
			
			.socks_product_desc { height: 200px; padding-bottom: 10px; }
			.socks_product_desc h3 { text-transform: capitalize; }
			.socks_product_desc table.quantity { border-collapse: collapse; }
			.socks_product_desc table.quantity th { width: 32px; background: #ccc; font-weight: normal; }
			.socks_product_desc table.quantity td, .socks_product_desc table.quantity th { padding: 3px; border: 1px solid #ccc; font-size: 10px; }
			.socks_product_desc table.quantity td:first-child, .socks_product_desc table.quantity th:first-child { width: 48px; }
			.socks_product_desc table.quantity td:first-child { font-weight: bold; }
			.socks_product_desc table.quantity th.qty { width: 110px; }
			
			#row_of_socks { }
			#row_of_socks div { float: left; width: 76px; margin: 0 3px; text-align: center; text-transform: capitalize; }
			#row_of_socks h4 { font-size: 10px; }
			.contact_strong { color: red; font-weight: bold; }