/* NOTES TO READ BEFORE CHANGING CSS */
/*

The padding and margin tags are in condensed notation. They read in clockwise from the top (top right bottom left).




*/


/* These styles are for the template content */
#productDetails {
	padding:25px 0px 35px 0px;
	}

#productAd {
	padding:17px 0px 17px 0px;
	}

#commonLogo {
	padding:2px 63px 15px 0px;

	text-align:right;
	}


/* COMMON TAGS */
img {
	border:none;
	behavior:url(pngbehavior.htc);
	}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	background:#f3f4f4;
	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


h1 {
	margin:0px 20px 0px 26px;
	padding:0px 0px 0px 0px;

	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	font-size:19px;
	line-height:28px;
	color:#8b8e91;
	}

h2 {
	margin:0px 20px 0px 26px;
	padding:0px 0px 0px 0px;

	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
	color:#8b8e91;
	}
	
p {
	margin:9px 20px 0px 26px;
	padding:0px 0px 0px 0px;

	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#000000;
	}

ul, ol {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	}

li {
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;

	font-size:13px;
	line-height:17px;
	color:#000000;
	}

a:link {
	color:#ec6c20;
	text-decoration:underline;
	}

a:active {
	color:#ec6c20;
	text-decoration:underline;
	}

a:visited {
	color:#ec6c20;
	text-decoration:underline;
	}

a:hover {
	color:#ec6c20;
	text-decoration:none;
	}

form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

input, select, textarea {
	margin:0px 0px 0px 5px;
	padding:2px 5px 2px 5px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	border:1px solid #b1a8a3;
	}

input.checkbox {
	margin:-3px 5px 0px 0px;
	}

input.radio {
	margin-top: -3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

textarea {
	width:400px;
	height:80px;
	}


/* These styles are for the containers of the page. Changing these could have a larger effect on the page than you would probably want. */
#containerMain	{ margin-left:auto; margin-right:auto; padding:0px 32px 0px 32px; width:737px; background:url(commonBack.gif); background-repeat:repeat-y; text-align:left;}
	#containerContent	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:673px;}
	#containerLeft	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:381px;}
	#containerMid	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1px;}
	#containerRight	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:291px;}
	#containerFoot		{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:673px;}
		#containerFoot p		{margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:10px; line-height:12px; text-align:center;}
#containerBottom	{margin:0px 0px 0px 0px;  padding:0px 64px 0px 0px;}
