/*	CSS Properties for absocold.com	*/


/*	LAYOUT DIVISIONS	*/

	body {
	 background: #efefef;
	 margin: 0px 0px 20px 0px;
	 padding: 0px;
	 text-align: center;
	}

	#container {
	 background: #fff;
	 border: 1px solid #bbb;
	 margin: 20px auto 10px auto;
	 padding: 4px;
	 text-align: left;
	 width: 865px;
	}

	#header { background: url('http://20bc315893bf69761cfc970a6ac4deeca2dd9a16.gripelements.com/images/head-grad.png') top left no-repeat; width: 865px; }

	#search { float: right; }

	#navigation { background: url('http://20bc315893bf69761cfc970a6ac4deeca2dd9a16.gripelements.com/images/bg-nav.png') top left no-repeat; clear: both; height: 30px; width: 865; }

	#content { margin: 5px 0px 0px 0px; width: 865px; }

	#clearBox { clear: both; padding: 10px 0px 10px 0px; text-align: center; }

	/*	HOME PAGE DIVISIONS	*/
	
	#rotating {
	 background: #ccc;
	 height: 220px;
	 margin: 5px 0px 0px 0px;
	 width: 865px;
	}
	
	#featured {
	 background: url('http://20bc315893bf69761cfc970a6ac4deeca2dd9a16.gripelements.com/images/bg-widecol.png') top left no-repeat;
	 float: left;
         padding: 0px 20px 0px 0px;
	 text-align: right;
	 width: 410px;
	}
	
	#info { float: right; width: 430px; }
	
	#why { background: url('http://20bc315893bf69761cfc970a6ac4deeca2dd9a16.gripelements.com/images/bg-thincol.png') top left no-repeat; float: left; width: 210px; }
	
	#news { background: url('http://20bc315893bf69761cfc970a6ac4deeca2dd9a16.gripelements.com/images/bg-thincol.png') top left no-repeat; float: right; width: 210px; }
	
	/*	PRODUCT PAGE DIVISIONS	*/
	
	#product {
	 float: left;
	 padding: 0px 10px 20px 10px;
	 width: 630px;
	}
	
	#sidebar { background: url('images/bg-thincol.png') top left repeat-x; float: right; width: 215px; }

	#productContent { float: left; width: 410px; }
	
	.product { float: right; margin: 20px; }

	#details { float: right; width: 200px; }
	
	/*	SECONDARY PAGE DIVISIONS	*/
	
	#left { float: left; margin: 0px 0px 0px 10px; width: 420px; display:inline;}
	
	#right { float: right; text-align: right; width: 430px; }


/*	TYPOGRAPHY	*/

	p {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 160%;
	}
	
	#footer p { color: #999; font-size: 11px; }

	#info p { color: #333; font-size: 11px; margin: 10px; }
	
	#sidebar p { color: #333; font-size: 11px; margin: 10px; }

	.product p { font-size: 10px; }

	h1 {
	 color: #006396;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 font-weight: normal;
	}

	h2 {
	 color: #639400;
	 font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
	 font-size: 14px;
	 font-weight: normal;
	 margin: 10px;
	 padding: 0px;
	 text-transform: uppercase;
	}

	h3 {
	 background: #e5f0fe;
	 color: #3d537a;
         height: 40px;
	 font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
	 font-size: 24px;
	 font-weight: normal;
	 padding: 10px 0px 0px 10px;
	 width: 633px;
	}

       h4 {
         color: #639400;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 font-weight: normal;
         text-transform: uppercase;
       }

      h5 {
        border-bottom: 1px solid #ccc;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
        padding-bottom: 10px;
        text-align: right;
        text-transform: uppercase;
      }


/*	LIST ELEMENTS	*/

	li {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif;	 
	 font-size: 12px;
	 line-height: 160%;
	}
	
	#navigation ul { margin: 0px 10px 0px 0px; padding: 5px 0px 0px 0px; text-align: right; }
	
	#navigation li {
	 display: inline;
	 font-family: Futura, Verdana, sans-serif;
	 font-size: 14px;
	 margin-left: 8px;
	 text-transform: uppercase;
	}
	
	#sidebar ul { margin: 0px 0px 30px 10px; padding: 0px; }
	
	#sidebar li {
	 line-height: 200%;
	 list-style-type: none;
	}

       #right ul { margin: 0px 20px 30px 10px; padding: 0px; }
	
	#right li {
	 line-height: 200%;
	 list-style-type: none;
	}

	#clearBox li {
	 display: inline;
	 list-style-type: none;
	 padding: 0px 20px 0px 20px;
	}

       li.productCat { font-family: Verdana; font-size: 14px; }


/*	ANCHOR ELEMENTS	*/

	p a:link { border-bottom: none; color: #006396; text-decoration: none; }
	p a:visited { border-bottom: none; color: #006396; text-decoration: none; }
	p a:hover { border-bottom: 1px solid #999; color: #333; text-decoration: none; }

	li a:link { border-bottom: 1px dotted #999; color: #0174af; text-decoration: none; }
	li a:visited { border-bottom: 1px dotted #999; color: #0174af; text-decoration: none; }
	li a:hover { border-bottom: 1px solid #999; color: #000; text-decoration: none; }

	#sidebar li a:link { border-bottom: none; color: #333; text-decoration: none; }
	#sidebar li a:visited { border-bottom: none; color: #333; text-decoration: none; }
	#sidebar li a:hover { border-bottom: none; color: #d14600; text-decoration: none; }

        #right li a:link { border-bottom: none; color: #333; text-decoration: none; }
	#right li a:visited { border-bottom: none; color: #333; text-decoration: none; }
	#right li a:hover { border-bottom: none; color: #d14600; text-decoration: none; }

	#sidebar img a:hover { border-bottom: none; text-decoration: none; }
	
	#navigation li a:link { border-bottom: none; color: #fff; text-decoration: none; }
	#navigation li a:visited { border-bottom: none; color: #fff; text-decoration: none; }
	#navigation li a:hover { border-bottom: none; color: #fff; text-decoration: none; }

        #clearBox li a:link { border-bottom: none; text-decoration: none; }
	#clearBox li a:visited { border-bottom: none; text-decoration: none; }
	#clearBox li a:hover { border-bottom: none; text-decoration: none; }

       li.productCat a:link { border-bottom: none; }
       li.productCat a:visited { border-bottom: none; }
       li.productCat a:hover { border-bottom: none; }

	h5 a:link { border-bottom: none; color: #999; text-decoration: none; }
	h5 a:visited { border-bottom: none; color: #999; text-decoration: none; }
	h5 a:hover { border-bottom: none; color: #333; text-decoration: none; }


/*	FORM ELEMENTS	*/

	input {
	 border: 1px solid #ccc;
	 color: #333;
	 font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 padding: 1px;
	}
	#contact-form {clear:both; margin-right:20px;}

	#contact-form input.text {width:100%; background-color:#FFF !important;}
	#contact-form input.radio {border:none;}
	.error {
		color:#ff0000;
	}
.left {float:left;}
.right{float:right;}
.clear{clear:both;}
.half {width:47%;}