/*reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/*default styles*/

.clear { clear:both; }

body { background: #DFDFDF; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a, a:visited { color: #fff; }

a:hover { color: #EAB649; }

h1 { color: #2B4698; font-size: 30px; }

h5 { color: #EAB649; font-size: 14px; margin-bottom: 7px; }

p { line-height: 175%; font-size:13px; }

/*building blocks*/

#wrapper { border: 1px solid #787D80; margin:0 auto; width: 800px; }

#main-content { background: #7F96CA url(assets/gradient.jpg) repeat-x; padding:25px; min-height: 300px; }

#bottom { background: #B8DCF6; }

#footer { color: #888; font-style:italic; margin: 0 auto; padding-top:8px; width: 800px; }

#copyright { float: left; width:400px; }

#legal { float: right; width:400px; text-align: right; }

/*footer styles*/

#footer a { color: #888; text-decoration: none; }

#footer a:hover { text-decoration: underline; }


/*home page specific*/

#home #header { background: #fff url(assets/ruler_bg_home.png) repeat-x bottom left; height: 137px; position: relative; }

#home #header h1 { padding-top: 32px; text-align: center; }

#home #main-content li { display: inline; padding-right: 17px; margin-top:10px; }

#home #main-content h1 { color: #EAB649; margin-bottom: 40px; text-align: center; }

#home #main-content ul { margin-top:15px; padding-left: 18px; padding-bottom:25px; }

#bottom-left { float:left; width:400px; }

#bottom-right { float:right; width:399px; }

#bottom-right img { float:right; padding-right:15px; padding-top: 15px; }

.replace { display: none; }

#home .logo-home { position: absolute; left:482px; top:15px; }

.ali { position: absolute; left:12px; top:-6px; }

/*pdp specific*/

#pdp #header { background: #FFFFFF url(assets/ruler_bg_pdp.png) repeat-x bottom left; height:31px; position: relative; padding-top: 30px; padding-left: 10px; }

#pdp #bottom { padding: 15px 0; position: relative; }

#description { float:left; width: 415px; font-size: 13px; }

#product-feature { float:right; position: relative; width: 335px; z-index: 1; }

#description h2 { font-size: 20px; line-height:25px; margin-bottom: 10px; width: 245px; }

.feature { color: #FFDC78; text-transform: uppercase; }

#description ul { margin-top: 15px; }

#description li { line-height: 23px; }

#product-feature img { float:right; margin-top: -20px }

.buynow { font-size: 16px; font-weight: bold; margin-top:15px;  }

.price { float:left; padding-top: 13px; text-align: right; width: 275px; }

#bonus-box { background: #ED1E25; height: 150px; position:absolute; bottom:0; right:0; width: 170px; text-align: right; font-weight:bold; padding-right: 15px; }

#bonus-box p { font-size:11px; line-height: 15px; }

ul.nav { float: left; margin-left:15px; }

ul.nav li { display:inline; padding: 3px; }

.yellow { color: #eab649; }

.bonus-included { position: absolute; bottom: 21px; right: 145px; z-index: 9999; }

.logo-home { position: absolute; left:326px; top:2px; }

.back { background:transparent url(assets/blue_arrow.png) no-repeat; padding-left:10px;  }

.back a { color: #2C469A; font-size: 12px; text-decoration: none; }

.back a:hover { text-decoration: underline; }

#bottom h4 { color: #2B4698; float: right; font-size: 16px; text-align: right; line-height: 22px; margin-right:15px;  } 

/*buy now button hover effect*/

.buy-button a { background: url(assets/buyNowCombined.png) no-repeat top; height: 38px; text-indent: -9999px; display:block; width: 128px; }

.buy-button a:hover { background-position: bottom; }

/*random*/

#amazon { text-align: center; margin-top: 20px; }

#amazon a { display: block; }

.coming-soon { margin-left:10px; margin-top: 54px; }

.buy-button { float:right; }