* {margin: 0; padding: 0;}
body {background:#808080; font:62.5% normal Helvetica, Arial, sans-serif; color:#3D3D3D;}
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}


table.fancy_table {line-height: 150%;}
  table.fancy_table tr th {font-size:1.25em; padding:3px 0; text-align: left;}
  table.fancy_table tr td {font-size:1.15em;  padding:12px 0; border-top: 1px solid #ccc;}


/* Login Form */
#Table_01 {position: relative;}
.LoginForm {position: absolute; width:230px; height: 105px;	}

input#ctl00_LoginButton {position: absolute; top:3px; right:85px;}
span#ctl00_lblMyPERRLAHome {position: absolute; top:27px; right:65px;}
a#account {position: absolute; top:11px; right:72px;}

.LoginForm p {
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    padding-left: 0px;
    padding-top: 2px;
}



.LoginForm a 
{
	font:11px Arial, helvetica, sans-serif; 
	color:#AA0000; 
	text-decoration:underline;
	padding-left: 6px;

}
	
.LoginForm a.white_link
{
	color:#fff; 
}

div#search {position: absolute; bottom:5px; right:20px;}

.LoginForm input.button {
    background:#598c23;
    color:#fff;
    padding:3px 6px;
    border:1px solid #fff;
    font-size: 10px;
    text-decoration:none;
    padding-top: 0;
}    


.LoginForm input.button:hover {
	background:#477C14;
	text-decoration:none;
}	



div#search input.txt_box {
	font:10px Tahoma, Arial, helvetica, sans-serif; 
	color:#000000; 
	padding:1px 3px; 
	text-transform:none; 
	border: 1px solid #555555;
	background-color: #EEEEFF;
	width:90px;
	margin:0 5px 2px 0;

}

div#search input.button {
	background:#598c23;
	color:#fff;
	padding:1px 3px;
	border:1px solid #fff;
	font-size: 9px;

}



/* Main Nav */
ul#main_nav {width:896px; overflow: hidden;}
  ul#main_nav li {float: left; display: block; height: 37px; width: 128px;}
	ul#main_nav li a {display: block; width: 100%; height:100%; background: url(images/main_nav.jpg) no-repeat;}

	ul#main_nav li.home a {background-position: 0 top;}
	ul#main_nav li.home a.current, ul#main_nav li.home a:hover {background-position: 0 bottom;}

	ul#main_nav li.products a {background-position: -128px top;}
	ul#main_nav li.products a.current, ul#main_nav li.products a:hover {background-position: -128px bottom;}

	ul#main_nav li.buy a {background-position: -256px top;}
	ul#main_nav li.buy a.current, ul#main_nav li.buy a:hover {background-position: -256px bottom;}

	ul#main_nav li.help a {background-position: -384px top;}
	ul#main_nav li.help a.current, ul#main_nav li.help a:hover {background-position: -384px bottom;}

	ul#main_nav li.testimonials a {background-position: -512px top;}
	ul#main_nav li.testimonials a.current, ul#main_nav li.testimonials a:hover {background-position: -512px bottom;}

	ul#main_nav li.group a {background-position: -640px top;}
	ul#main_nav li.group a.current, ul#main_nav li.group a:hover {background-position: -640px bottom;}

	ul#main_nav li.about a {background-position: -768px top;}
	ul#main_nav li.about a.current, ul#main_nav li.about a:hover {background-position: -768px bottom;}


/* Side Bar */
div#sidebar {width: 235px;}
	div#sidebar h2 {color:#CA0228 !important; border-bottom: 1px solid #CA0228 !important;}
div.spa_box {background:#eeeeee; border: 1px solid #999; padding: 6px 8px; height:200px; }
  div.spa_box ul {list-style-image: none !important; list-style: none; padding: 0 !important; }
	div.spa_box ul li {padding: 2px 0 !important;}
	div.spa_box {line-height: 100%;}
	
div.spa_box_nav {width:100%; text-align: right; font-size:1.3em; margin-top: 3px;}

div#spa_comments {height:125px;}

/* Interior - Contnet */

#content_bg {background: url(images/content_bg.png) repeat-x #fff;}

div.full {width:840px !important;}

div#left_col {width:578px; margin-bottom: 20px;}

div#content_wrp {width:840px /* 900 -50pd*/; margin: 20px 0 20px 0; padding: 0 30px;}

div#content_wrp p {margin: 4px 0px 8px 0px; font-size: 1.15em; line-height: 150%;}

div#content_wrp a {color:#005b7f; text-decoration:underline; }
div#content_wrp a:hover {text-decoration:none; }

div#content_wrp h2 {margin-bottom: 8px; padding-bottom:5px; font-size: 1.8em; color:#005b7f; text-transform: uppercase; letter-spacing: 0.05em; border-bottom:1px solid #005b7f; font-weight: normal; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif} 

div#content_wrp h3 {margin: 20px 0 -2px 0; font-size: 1.3em;}
	div#content_wrp h3 a {color:#005b7f; font-size:1.3em}

div#content_wrp h4 {margin: 4px 0 8px 0; color:#005b7f; font-size:1.3em;}

div#content_wrp img.stock_photo {margin-bottom:10px; border: 1px solid #ccc; width: 233px;}

div#content_wrp ul {font-size: 1.15em; list-style-image: url(images/arr_3.gif); margin: 0px 0 8px 0; padding-left: 25px; }
	div#content_wrp ul li { padding:5px 0; }

div#content_wrp ol {font-size: 1.15em;  margin: 4px 0 8px 0; padding-left: 25px; }
	div#content_wrp ol li { padding:3px 0; }

div#content_wrp table.reg_text {font-size:1.15em; margin-top:4px; line-height: 150%;}
table.reg_text tr td {padding: 2px 0;}
input.txt_box_long {width:225px;}
select.sel_box_long {width:230px;}



/* Splash Page */
table.products tr {border-top: 1px solid #216783; margin-top:15px;}
	table.products tr td {padding-top: 20px;}

div#home_slides {width:572px; height:200px; overflow: hidden; margin-bottom:20px; border:1px solid #999999;}

/* Testimonials & Tell a Friend */
ul#testimonials {list-style: none; padding: 0 !important; margin:15px 0 0 0 !important;}
	ul#testimonials li {background:#eee; list-style-image: none; padding: 10px 20px !important; color:#505050; margin-bottom:15px; border:1px solid #ccc;}
		ul#testimonials li p {line-height: 125%; font-size:0.9em; }
		ul#testimonials li p.author {font-weight: bold; text-align: right;}

div.testimonial_form p {font-weight: bold; margin-bottom:15px;} 
div.testimonial_form span.form_error {color:#ff0000; margin-left:5px; visibility: hidden;}
div.testimonial_form input.txt_box {width:150px; padding:2px; border: 1px solid #999; }
div.testimonial_form textarea {width:350px; height:290px; }

div.friend_form p {font-weight: bold; }
div.friend_form textarea {width:325px!important; height:155px; }



/* Did you know */
div.block_item {margin:0 20px 20px 20px;}



/* Three Col Layout */
div.col_one_third {width:285px;}
div.col_two_third {width: 520px;}



/* Footer */
div#disclaimer {margin-top: 30px; text-align: center; width: 100%; color:#2d2d2d;}
div#disclaimer a {color:#2D2D2D;}
div#disclaimer a:hover {text-decoration: none;}





/* Previous Styles - to replace with Riley Styles above as needed */
#clientArea
{
	margin-left:26px;
	vertical-align:top;  
	text-align:left;
}


table, td {border-collapse:collapse}
table, td, img {border-style: none;
	border-color: inherit;
	border-width: 0;
	vertical-align:top;
}
/*td, tr, p {vertical-align:top;  text-align:left; margin:0; padding:0}*/
.clear{clear:both; line-height:0px}

.header a{font:11px Arial, helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
.header a:hover{text-decoration:underline}

.header p{font:12px/12px Arial, helvetica, sans-serif; color:#FFFFFF; font-weight:bold}

.header p a{font:11px Arial, helvetica, sans-serif; color:#FFFFFF; text-decoration:underline}
.header p a:hover{text-decoration:none}


.list li{background:url(images/list_arr.gif) center right no-repeat; text-align:right; width:181px}
.list a{font:11px/15px Arial, helvetica, sans-serif; color:#595959; text-decoration:none; padding-right:16px}
.list a:hover{text-decoration:underline}

.list_2 li{background:url(images/another_arr.gif) center left no-repeat; padding-left:21px}
.list_2 a{font:11px/17px Arial, helvetica, sans-serif; color:#3D3D3D; text-decoration:none}
.list_2 a:hover{text-decoration:underline}

span{font:12px/13px Arial, helvetica, sans-serif; color:#004F6F; font-weight:bold}

/*a{font:11px Arial, helvetica, sans-serif; color:#3D3D3D; text-decoration:underline; font-weight: inherit;}
a:hover{text-decoration:none} */

.link{font:11px Arial, helvetica, sans-serif; color:#004F6F; text-decoration:underline}
.link:hover{text-decoration:none}


.hl_lnk a{font:12px/13px Arial, helvetica, sans-serif; color:#004F6F; font-weight:bold; text-decoration:underline}
.hl_lnk a:hover{text-decoration:none}

.hl_lnk span{font:11px Arial, helvetica, sans-serif; color:#004F6F}

.list_3 li{background:url(images/arr_3.gif) center left no-repeat; padding-left:14px}
.list_3 a{font:11px/15px Arial, helvetica, sans-serif; color:#595959; text-decoration:none}
.list_3 a:hover{text-decoration:underline}

.list_4 a{font:11px/18px Arial, helvetica, sans-serif; color:#3D3D3D; text-decoration:underline}
.list_4 a:hover{text-decoration:none}

.list_5 a{font:11px/18px Arial, helvetica, sans-serif; color:#3D3D3D; text-decoration:none}
.list_5 a:hover{text-decoration:underline}

	
.Footer td {font:11px Tahoma, Arial, helvetica, sans-serif; color:#DDDDDD}
.Footer a{font:11px Tahoma, Arial, helvetica, sans-serif; color:#DDDDDD; text-decoration:underline}
.Footer a:hover{text-decoration:none}
.Footer p {font:11px Tahoma, Arial, helvetica, sans-serif; color:#DDDDDD; padding-left: 100px; padding-top: 20px;}

div#cms_format span {color:#3D3D3D; font-size: 12px; font-weight: normal; line-height: 130%;} 
div#cms_format ol {font-size: 12px;} 
div#cms_format img {border:1px solid #CCCCCC;margin:5px 0; }




/* Carosuel Only */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100%;
    height: 15px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
   /* display: none;*/
}

.jcarousel-prev {
    z-index: 3;
/*    display: none;*/
}

#mycarousel-next:hover, #mycarousel-prev:hover {cursor: pointer !important;}


/* Skin */

.jcarousel-skin-tango .jcarousel-container {
	margin: 0 auto;

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 705px;
    padding: 0px 75px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100%;
    height: 200px;
    /*padding: 40px 20px;*/
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  715px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100%;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100%;
    height: 9px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/newrel_next.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/newrel_prev.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	text-decoration: none;
	color: #3d3d3d;
}