/*** ClearFix ************************************************************************/

div.mediumSection dl:after,
div.mediumSection div.inner:after,
div.popup form.generic dl:after,
form.generic fieldset:after
{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}









/*** Globals *************************************************************************/

html, body
{
	margin: 0; padding: 0;
}

body
{
    background: #fff url(Images/Backgrounds/DocumentBg.gif) repeat-x scroll top left;
    font-family: Lucida Sans Unicode, Lucida Grande, Garuda, sans-serif;
    
    text-align: center;
}

a
{
    color: #008caa;
    text-decoration: underline;
}

a:hover
{
    color: #67b6c7;
}

cite, q
{ quotes: '“' '”' '«' '»'; }

cite:before, q:before
{ content: open-quote; }

cite:after, q:after
{ content: close-quote; }

p.separated
{
    margin-top: 5px;
}




/*** Button *************************************************************************/

a.button, a.button:link, a.button:visited, a.button:active
{
    display: -moz-inline-box;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    font-size: 16px;
    background: transparent url(Images/Backgrounds/ButtonBgL.gif) no-repeat scroll left top;
    text-decoration: none;
    color: #424242;
}

a.button span
{
    display: -moz-inline-block;
    display: inline-block;
    vertical-align: middle;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    padding: 0px 30px 0px 10px;
    background: transparent url(Images/Backgrounds/ButtonBgR.gif) no-repeat scroll right top;
    cursor: pointer;
    text-align: center;
    color: #424242;
}

a.button:hover
{
    text-decoration: none;
    background-position: left center;
}

a.button:hover span
{
    background-position: right center;
}

span.buttons
{
    display: block;
    text-align: center;
    padding-top: 10px;
}

ul.plain
{
    list-style: none;
}

ul.plain li
{
    margin-top: 10px;
}





/*** TabButton **********************************************************************/

li.tabButton
{
    float: left;
    display: block;
    height: 39px;
    line-height: 39px;
    padding-left: 20px;
    font-size: 16px;
    background: transparent url(Images/Backgrounds/TabBgL.gif) no-repeat scroll left top;
    text-decoration: none;
    color: #c2c2c2;
    list-style: none;
}

li.tabButton span
{
    display: block;
    vertical-align: middle;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    padding: 2px 30px 0px 10px;
    background: transparent url(Images/Backgrounds/TabBgR.gif) no-repeat scroll right top;
    cursor: pointer;
    text-align: center;
    color: #b2b2b2;
}

li.tabButton.active
{
    background-position: left bottom;
    color: #424242;    
}

li.tabButton.active span
{
    background-position: right bottom;
    color: #424242;
}

li.tabButton:hover
{
    text-decoration: none;
    background-position: left center;
    color: #424242;
}

li.tabButton:hover span
{
    background-position: right center;
    color: #424242;
}






/*** Generic form ********************************************************************/

form input,
form textarea,
div.dropDown span
{
    color: #999;
    border: solid 2px #d7d7d7;
    font-size: 16px;
    padding: 5px 8px;
}

form input.focus,
form input:focus,
form textarea.focus,
form textarea:focus,
div.dropDown.focus span
{
    color: #424242;
    border-color: #aaa;    
}

div.dropDown span
{
    background: #fff url(Images/Backgrounds/DropDownBg.gif) no-repeat scroll right center;
}

div.dropDown ul
{
    border: dotted 1px #d7d7d7;
}

div.dropDown ul li
{
    padding: 5px 8px;
}

form label
{
    display: block;
    color: #424242;
}

form label input
{
    border: none;
    margin-right: 5px;
}

form.generic
{
    padding-top: 10px;    
}

form.generic dl dt
{
    padding: 2px;
}

form.generic fieldset
{
    margin-bottom: 10px;
}

form.generic fieldset legend
{
    margin-top: 5px;
    font: normal 20px Georgia, Serif;
    color: #008caa;    
}

form.generic fieldset fieldset
{
    float: left;
    padding-right: 10px;
    margin-bottom: auto;
}

form span.validationSummary
{
    display: block;
    color: #999;
}

form ul.validationSummary
{
    list-style-type: disc;
    list-style-position:inside;
    color: #f43;
    margin-bottom: 15px;
    margin-left: 5px;
}




/*** Headers *************************************************************************/

h1
{
    display: inline-block;
	height: 230px; width: 240px;
    margin: 15px auto 0 auto;

	background: transparent url(Images/Logotype_BigVertical.gif) no-repeat scroll top left;
    text-align: left;	
    overflow: hidden;
}

h1 a
{
    display: block;
	height: 230px; width: 240px;
	    
    text-align: left;
	text-decoration: none;
	text-indent: -9999px;
}

h1.condensed
{
    height: 76px; width: 340px;
    background-image: url(Images/Logotype_Horizontal.gif);
    margin-bottom: -5px;
}

h1.condensed a
{
    height: 76px; width: 340px;
}

h2
{
    margin-top: 15px;
    font: normal 48px Georgia, Serif;
    color: #008caa;
}

h2 span.title
{
    margin-top: 10px;
    display: block;
    font: normal 22px Georgia, Serif;
}

h2 span.separated
{
    text-decoration: underline;
}

h2 span.sub,
h2 span.micro,
p.sub
{
    display: block;
    font: normal 16px Lucida Sans Unicode, Lucida Grande, Garuda, sans-serif;
    color: #a0a0a0;
}

h2 span.micro
{
    font-size: 14px;
}

h3
{
    margin-top: 15px;
    font: normal 22px Georgia, Serif;
    color: #008caa;    
}

h4
{
    margin-top: 10px;
    font: normal 20px Georgia, Serif;
    color: #008caa;    
}

.first
{
    margin-top: 0px;
    padding-top: 5px;
}







/*** NavigationBar *******************************************************************/

div.navigationBar
{
    display: -moz-box;
    display: inline-block;
    line-height: 100px;
    height: 100px;

    background: transparent url(Images/Backgrounds/NavBarRBg.png) no-repeat scroll right top;
}

div.navigationBar ul
{
    display: table;
    line-height: 100px;    
    height: 100px;
    
    vertical-align: middle;    
    margin-right: 40px;
    padding: 0px 10px 0px 40px;
    background: transparent url(Images/Backgrounds/NavBarLBg.png) no-repeat scroll left top;
}

div.navigationBar ul li
{
    display: table-cell;
    line-height: 100px;
    height: 100px;
        
    vertical-align: middle;    
    padding-left: 10px;
}

div.navigationBar ul li a
{
    display: inline;
    line-height: 22px;
    color: #424242;
    text-decoration: none;
    padding: 10px; 
}

div.navigationBar ul li a:hover,
div.navigationBar ul li a.selected
{
    border: solid 2px #d0d0d0;
    background: #fff;
    padding: 8px;
}










/*** Picks ****************************************************************************/

a.pickImage
{
    outline: none;
}

img.pickImage
{
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

p.comparePrices 
{
    margin-top: -30px;
}

p.pickPrice 
{
    margin-bottom: 50px;    
}

p.pickPrice label
{
    display: block;
    text-align: center;
    
    margin-top: 5px;
    font: normal 22px Georgia, Serif;
    color: #008caa;     
}

p.pickPrice a.goLeft
{
    display: -moz-inline-box;
    display: inline-block;
    width: 210px;
    text-align: right;
    color: #008caa;
    padding-right: 30px;
    margin-right: 10px;
    background: transparent url(Images/Arrow_Left.gif) no-repeat scroll right bottom;
}

p.pickPrice a.goRight
{
    display: -moz-inline-box;
    display: inline-block;
    width: 210px;
    text-align: left;
    color: #008caa;
    padding-left: 30px;
    margin-left: 10px;
    background: transparent url(Images/Arrow_Right.gif) no-repeat scroll left bottom;
}

p.pickPrice a.goLeft.disabled,
p.pickPrice a.goRight.disabled
{
    visibility: hidden;
}

p.pickPrice a.goRight:hover,
p.pickPrice a.goLeft:hover
{
    color: #67b6c7;
}

p.pickPrice a.price
{
    font-family: Georgia, Serif;
    font-size: 60px;
    color: #48c53f;
    text-decoration: none;
    line-height: 50px;
    border-bottom: solid 2px #48c53f;
}

p.pickPrice a.price:hover
{
    color: #78e56f;
    border-bottom: solid 2px #78e56f;
}





/*** Big Section *********************************************************************/

h2.bigSection,
h3.bigSection,
h4.bigSection
{
    width: 940px;
    margin-left: auto;    
    margin-right: auto;
    padding-bottom: 30px;
    margin-top: 30px;
    background: transparent url(Images/Backgrounds/BigSectionTopBg.png) no-repeat scroll center bottom;
}

div.bigSection
{
    width: 940px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: transparent url(Images/Backgrounds/BigSectionBottomBg.png) no-repeat scroll center bottom;
}

div.bigSection div.inner
{
    width: 860px;
    padding: 0px 40px;
    text-align: left;
    background: transparent url(Images/Backgrounds/BigSectionBg.png) repeat-y scroll center top;
    line-height: 22px;
}

div.bigSection div.inner p
{
    padding: 5px 0px;
}

div.bigSection.staticPage h3,h4,h5,h6
{
    margin-top: 0;
    padding-top: 15px;
}

div.bigSection p.exposed
{
    margin-top: 20px;
    text-align:center;
}



/*** Med Section *********************************************************************/

h2.mediumSection,
h3.mediumSection,
h4.mediumSection
{
    width: 520px;
    margin-left: auto;    
    margin-right: auto;
    padding-bottom: 30px;
    background: transparent url(Images/Backgrounds/MediumSectionTopBg.gif) no-repeat scroll center bottom;
}

div.mediumSection
{
    width: 520px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: transparent url(Images/Backgrounds/MediumSectionBottomBg.gif) no-repeat scroll center bottom;
}

div.mediumSection div.inner
{
    width: 440px;
    padding: 0px 40px;
    text-align: left;
    background: transparent url(Images/Backgrounds/MediumSectionBg.gif) repeat-y scroll center top;
}

div.mediumSection dl dd
{
    display: block;
    float: left;
    
    width: 200px;
    margin-right: 20px;
    margin-bottom: 5px;
    vertical-align: top;
    color: #707070;
}

div.mediumSection dl dt
{
    display: block;
    float: left;

    width: 220px;
    margin-bottom: 5px;
    vertical-align: top;
}

div.mediumSection ul
{
    list-style: disc outside;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

div.mediumSection ul li
{
    margin-bottom: 5px;
}



/*** Vendor Link *******************************************************************/

p.vendorLink
{
}


/*** Footer ************************************************************************/

div.footer
{
    height: 50px;
    padding-top: 30px;
}

div.footer a
{
    color: #008caa;
    padding: 0 10px;
}

div.footer a:hover
{
    color: #67b6c7;
}




/*** Site info ********************************************************************/

a.siteInfo
{
    display: block;
	height: 120px; width: 120px;
	    
    text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	background: transparent url(Images/CornerBadge_SiteInfo.gif) no-repeat scroll right top;
	
	position: absolute;
	right: 0px; top: 0px;
}






/*** LoginPopup ********************************************************************/

.tplLoginPopup
{
    width: 440px;
}

.tplLoginPopup form
{
    padding-top: 10px;
    text-align: center;
}

.tplLoginPopup form dt input
{
    width: 320px;
}

.tplLoginPopup form dt
{
    padding-bottom: 4px;
}