﻿html { background: #d2e9b5; }
img { border: 0 }
/* content-wrapper */
div#container-wrapper {
	border-top: 1px solid #c6c5c5;
	border-right: 1px solid #c6c5c5;
	border-left: 1px solid #c6c5c5;
	border-bottom: 1px solid #c6c5c5;
	padding-bottom: 0;
	background-color: #ffffff;
	width: 817px;
	float: left;
	background: #fff url(../Images/bg-content-wrapper.gif) repeat-y top left;
}
/*  breadcrumbs */
div.breadcrumbs { padding:8px 0px 8px 10px; font-size: 100%; line-height: 14px; background: #fff; }

/*content-main */
div.content-main { float: left; width: 580px; padding: 0; margin:0;}
div.content-main h1{ font-size: 1.8em; color: #333; padding: 10px 0 5px 0; border-bottom: 2px solid #f68f1e;}
div.content-main h2 {
	color: #555;
	font-size: 12px;
	margin: 8px 0 5px 0;
	padding: 0 60px 8px 0px;
	line-height: 16px;
	
}
div.content-main #navlist
{
margin: 0;
padding: 8px 5px 8px 5px;
min-height:30px;
height:30px;
border: 1px solid #c6c5c5; 
background: #eff7e3;
font-weight: bold;
margin: 10px 0 0 0 ;
}

div.content-main #navlist ul, div.content-main #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
div.content-main #navlist a:link, div.content-main #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: normal;
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;
color: #00447C;
}
div.content-main #navlist a:link#current, div.content-main #navlist a:visited#current, div.content-main #navlist a:hover
{
border-bottom: 1px dashed #E06C09;
padding-bottom: 0px;
margin-bottom: 0;
background: transparent;
color: #E06C09;
}
div.content-main #navlist a:hover { color: #E06C09; border-bottom:1px dashed #E06C09; padding-bottom: 0; margin-bottom: 0; }
div.content-main #navlist a.select-sort { font-weight: bold; border-bottom: 1px dashed #00447C; } 


/* content-left */
div.content-left
{
    float: left;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:0 10px 0 0;
    width:210px;
    padding: 10px 0 0 8px;
    min-height: 980px;
}
div.content-left ul {list-style: none; padding: 5px 0 10px 0;background-color:#f0eeee;}
div.content-left ul li { line-height: 16px; padding: 0 0 2px 0; background-color:#f0eeee;}
span.category-header { font-size: 1.2em; font-weight: bold; color: #333;}
div.content-left ul.sub-left-nav { margin: 0 0 0 2px; padding: 0 0 2px 0; background-color:#f0eeee;}
div.content-left ul.sub-left-nav li { background: #f0eeee url(../Images/arrow-gray.gif) no-repeat 0 7px; padding: 3px 10px 0 7px; font-size: 1em;  }
div.content-left ul.sub-left-nav a { color: #00447C; line-height: 15px; otext-decoration: underline;}
div.content-left ul.sub-left-nav a:link#current, div.content-left ul.sub-left-nav a:visited#current,div.content-left ul.sub-left-nav a:hover
{
border-bottom: 1px dashed #E06C09;
padding-bottom: 0px;
color: #E06C09;
}
div#selected a
{
	otext-decoration: underline;
	border-bottom: 1px dashed #00447C;
	font-weight:bold;
}
div.content-left ul.sub-left-nav-no-show
{
	display:none;
	}

/* display-products */
div.display-products { border: 1px solid #c6c5c5; margin: 0 0 10px 0px; padding: 7px 0 10px 0; float: left; width: 580px;}
div.display-products span.product-header { font-size: 1.4em; padding: 0 0 0 10px; font-weight: bold; }
div.display-products div.display-card { float: left; width: 130px; padding: 9px 15px 0 10px;}
div.display-products div.display-card img { margin: 0px 0 0 0; padding: 8px 0 0 0;}
div.display-products div.display-card p.compare { margin: 5px 0 10px 5px;}
div.display-products div.display-card input { clear: left; float: left; margin: 0 1px 0 0; padding: 0;}
div.display-products div.display-card a.compare-cards {font-size: 1.1em; line-height: 18px; background: url(../Images/arrow-blue.gif) no-repeat 57px 4px; padding: 0 10px 0 0; }
div.display-products div.display-card p.apply { margin: 5px 0 0 0;}
div.display-products div.product-description {float: left;width: 420px;  padding: 5px 0 0 0;}
div.display-products div.product-description ul {list-style: none; padding: 5px 0 10px 0; float: left;}
div.display-products div.product-description ul li 
{
    background-image: url(../Images/check.gif);
    background-position: 0pt 0.5em;
    background-repeat:no-repeat;
    color:#000000;
    font-size:1.1em;
    font-weight:normal;
    line-height:14px;
    margin-bottom: 4px;
    padding-left:12px;
    padding-right:0px;
    
}
div.display-products table.product-details th { text-align: left; font-weight: normal; background: #d3e7f6; border-bottom: 1px solid #c6c5c5; padding: 5px; }
div.display-products table.product-details { width: 570px; font-size: 1.1em; float: left; clear: left;  margin: 12px 0 0 4px; border: 1px solid #c6c5c5; padding: 0 0 0 0; }
div.display-products table.product-details th { text-align: left; font-weight: normal; padding: 5px; background: url(../Images/bg-table.gif) repeat-x;}
div.display-products table.product-details td { text-align: left; font-weight: normal; padding: 5px;}

/* content-products */
div#content-products div.paging { float: left; width: 575px; text-align: center; margin:0 0 0 0; padding: 4px}
div#content-products div.paging a { padding: 0 5px 0 5px; font-weight: bold;}
div#content-products div.paging a.null-page { color: #999;}

/* cc-disclosure */
div#cc-disclosure { width: 552px; font-size: 0.9em; line-height: 14px; float: left; clear: left; margin: 10px 0 0 0; padding: 0 0 10px 0;}
span#ucCCDisplayCards_lblNoCards { font-weight:bold;font-size:12px; text-align:center; line-height: 18px;}

div#footer { background: #fff; padding: 20px 0 0 0; margin: 0; float: left; clear: both; width:818px;}
div#footer p.footer-top {
	padding-top: 5px;
	margin: 0 0 0 2px;
	padding-bottom: 5px;
	background-color: #ededed;
	font-weight: bold;
	width: 815px;
}
div#footer p { text-align: center; padding: 0 10px 0 10px;}
div#footer table { text-align: center; padding: 0 0 0 270px;}


/* for credit cards product page */
div#content { width: 540px; margin: 10px 0 14px 0px; float: left; }
div#content h1 { margin: 0 10px 5px 0; padding-bottom: 2px; border-bottom: 2px solid #f68f1e; font-size: 2.3em; color: #455560 }
div#content h4 { margin-bottom: 15px; font-size: 1.3em; color: #455560 }
div#content p { line-height: 1.5em }
div#content ul {list-style-image: none; margin: 0 3px 8px 25px; padding: 0px 15px 10px 15px;}
div#content ul li {list-style-image: none; list-style-position: outside; list-style-type:disc; font-size:116%; margin-top:3px;}
odiv#content select { margin:3px 0 3px 20px}
div#content .buttons { padding-top:5px }
div#content #buttons { clear:both; width: 320px; float: left; margin: 0 0 0 0; padding: 0 0 22px 0; }
div#content .smarty-head-logo { width:73px; height:73px; float:right }

div#content div#qf-wrapper { float: left; width: 553px; padding: 14px 0 0 0; display: inline;}
div#content div#qf-start { width: 340px; margin: 0 0px 0 0px; float: left; padding: 0 30px 0 0; display: inline; }

div#content .qf-start-form { width:340px; padding:0 10px 10px 10px; margin:0;}
div#content div#qf-start label { width:128px; margin-top:5px; float:left; display:block; font-weight:bold; text-align:right }
div#content div#qf-start label.large-copy { text-align: left; font-size: 12px;}

div#content div#qf-start select { width:192px; margin:3px 0 3px 10px; float:left; border:solid 1px #aacfe4; font-size:12px }
div#content div#qf-start input { width:192px; margin:3px 0 3px 10px; float:left; border:solid 1px #aacfe4; font-size:12px }
div#qf-start div#buttons img.continue { padding: 0 0 0 7px;}

div#content div#qf-start .privacyBtn { width:128px; padding:10px 0 20px 8px; float:left; clear:left }
div#content div#qf-start .continueBtn { width:119px; padding:10px 0 20px 0; float:left }

div#content .content-block { width:523px; min-height:236px; margin:0 15px 10px 0; padding:15px 15px 0px 15px; clear:left; background: url("/images/brochureware/smartypants/content-bg-grad.gif") no-repeat 0 0 }
* html div#content .content-block { height: 236px }
div#content .content-block h3 { margin:0; font-size: 1.4em; color: #333  }
div#content .content-block p { padding:5px 0 0 0;  }
div#content .content-block ul li { padding: 0 0 8px 0px;}
div#content .content-block .start-qf { width:139px; margin:-7px 0 0 8px; padding:5px 5px 12px 5px; float:right; border: solid 1px #d9dad8; text-align:center;background: #fff; }
div#content .content-block .start-qf h4 { font-size:135%; font-weight:normal; margin: 0 0 8px 0; padding: 0 0 6px 0; border-bottom: 2px solid #f68f1e; color: #455560; width: 100%; font-weight: bold; }
div#content .content-block .start-qf a {border:none; text-decoration:none}


