/************************************************************************

	Site:		matchpoint.com

	Author:		eROI		[www.eroi.com]  

	Client:		Matchpoint		[http://www.matchpoint.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Column
	4 - Right Column
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	background:url("images/bg_body.gif") repeat scroll center top #000000;
color:#5E5E5E;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration:none;
	outline: none;
}

a:hover {
	text-decoration:none;
	
}


div.left, div.right {
float: left;
}

div.clear {
clear:both;
}

a span {
display: none;
}

a.blocky {
display: block;
width: 100%;
height: 100%;
}


/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

/*div#container {
width: 739px;
padding-top: 100px;
margin-right: auto;
margin-left: auto;
position: relative;
padding-left: 23px;
color: #333;
}*/
div#container {
background:#fff;
border:4px solid #D6D6D6;
margin:60px auto 30px auto;
padding:0 20px 20px 20px;
width:858px;

color: #333;
}
table td {
	padding:3px;
}



div#header {
border-top: 1px solid #efefef;
height: 115px;
position: relative;
}

a#logo {
width: 269px;
height: 36px;
background: url(images/logo_epmartin.gif);
display: block;
position: absolute;
top: 58px;
left: 18px;
}

ul#navigation {position: absolute; top: 84px; left: 610px;}
ul#navigation li { list-style: none; height: 12px; float: left; margin-right: 11px; }

li#home { background: url(images/nav_off_home.gif) left top no-repeat; width: 35px; }
li#collections { background: url(images/nav_off_collections.gif) left top no-repeat; width: 71px; }
li#story { background: url(images/nav_off_story.gif) left top no-repeat; width: 38px; }

li#contact { background: url(images/nav_off_contact.gif) left top no-repeat; width: 54px; }

ul#navigation li a { display: block; width: 100%; height: 100%; }
/* replace */
.replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;}



ul#nav {
list-style: none;
position: absolute;
left: 339px;
top: 16px;
width: 379px;
height: 10px;
line-height: 100%;
}

ul#nav li {
float: left;
padding-right: 10px;
}

ul#nav li a {
color: #999;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
}

ul#nav li a:hover {
color: #fff;
}


/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

div.shoppingCart,
div.leftColumn,
div.enterInfo,
div.verifyInfo {
background:#fff;
width:798px;
float: left;
padding: 20px 20px 20px 40px;
clear:both;
color: #333;
display:block;
}
div.leftColumn {
	width:650px!important;
}
div.enterInfo,
div.verifyInfo,
div.credit_card_checkout,
div.shoppingCart {
border-top:1px solid #CFCFCF;
}
div#detail_wrap {
border:1px solid #CFCFCF;
height:450px;
display:block;
clear:both;
}
div.leftColumn h1 {
color:#2E2E2E;
font-size:24px;
letter-spacing:-0.02em;
margin-bottom:10px;
text-transform:uppercase;
}

div.leftColumn ul li {
	list-style-position:inside;
	margin-left:5px;
}
div.leftColumn img {
border:1px solid #CFCFCF;
float: right;
margin-left:20px;
}

div.product_view_main_description {
padding-bottom: 10px;
}

div.product_view_price {
font-weight: bold;
padding-bottom: 15px;
}

div.detail_option_radio {
padding-bottom: 10px;
}

div.detail_option_name_radio {
padding-bottom: 3px;

}


div.product_view_inventory {
color: #9f7d27;
}

div.rightColumn {
float: left;
padding: 20px 0 20px 0;
height: 342px;
background:#fff;
/*width:130px;*/
color:#444;


}
div.rightColumn div#detail_desc_wrap {
	border:1px solid #CFCFCF;
	margin-bottom:9px;
}

div#detail_desc_wrap {
padding: 14px 0;
}

div#detail_desc_wrap h1 {
text-align: center;
}

div#detail_desc_wrap img {
margin:0 20px 10px 20px;
}

div#detail_desc_wrap a {
display: block;
color: #333;

}

div#detail_desc_wrap a:visited {
color: #333;
text-decoration: none;

}

div#detail_desc_wrap a img {
border: 1px solid #222;

}

div#detail_desc_wrap a:hover img {
border: 1px solid #aaa;
}


h1.detail_desc_title {
font-size: 11px;
text-transform: uppercase;
padding-bottom: 3px;
}

h1.detail_desc_article {
font-size: 8px;
text-transform: uppercase;
}
div#footer {
/* background: url(images/bg_footer.gif) left top repeat-x; */

color: #ccc;
}

div#footer div.wrapper { 
width: 898px;
margin: 0 auto;
text-align: center;
font-size: 10px;
padding-bottom:30px;
}

div#footer a { color: #ccc;}

div#footer ul li { list-style: none; display: inline; }
div#footer ul li a {  text-transform: uppercase; letter-spacing: .05em; margin-right: 10px; }

div#footer p { padding-top: 20px; }
div#footer p a { color: #ccc; }