﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-one-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:968px;
	border:1px solid #818181;
	position:relative;
	}
	
#content-main-one-column {
	padding:15px;
	}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:998px;
	border:1px solid #818181;
	position:relative;
	}
#content-main-two-column {
	width:73.2%;
	float:left;
	border-right:dashed 1px #AAAAAA;
	padding:15px;
	padding-right:4px;
	}
#content-side-two-column {
	float:right;
	width:21%;
	padding:15px;
	padding-left:0px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column-left {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:998px;
	border:1px solid #818181;
	position:relative;
	}
#content-main-two-column-left {
	width:73.2%;
	border-left:dashed 1px #AAAAAA;
	padding:15px;
	padding-right:4px;
	float:right;
	}
#content-side-two-column-left {
	float:left;
	width:21%;
	padding:15px;
	padding-left:0px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CONTENT CONTAINER - THREE COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:968px;
	border:1px solid #818181;
	position:relative;
	}
#content-main-three-column {
	width:51%;
	float:left;
	padding-left:15px;
	padding-right:6px;
	border-right:#AAAAAA dashed 1px;
	border-left:#AAAAAA dashed 1px;
	}
#content-side2-three-column,
#content-side1-three-column {
	width:22.5%;
	min-width:22.5%;
	font-size:0.9em;
	}
#content-side2-three-column {
	float:right;
	}
#content-side1-three-column {
	float:left;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HOME PAGE - THREE COLUMN SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#three-column-container {
	padding:0;
	margin:20px 0 10px 0;
	}
#three-column-side1 {
	float:left;
	width:32%;
	border-right:#AAAAAA dashed 1px;
	padding-right:10px;
	}
#three-column-side2 {
	float:right;
	width:30%;
	
	border-left:#AAAAAA dashed 1px;
	padding-left:2%;
	padding-right:10px;
	}
#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
css-master
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color:#666666;
}
p {
	margin:10px 0;
	}
p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(/Content/images/bg-quote.png) no-repeat;
	}
blockquote p {
	margin:2px 0;
	}
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}
fieldset {
	padding:15px;
	}
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
}
h1 {
	margin-bottom:0;
}
h1, h2 {
	margin-top:0px;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
}
h3.small {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:#d61719;
	text-decoration:none;
}
a:visited {
	color:#980000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	color:#980000;
}
#content-side-two-column a:link,
#content-side2-three-column a:link,
#content-side1-three-column a:link,
#content-side-two-column a:visited,
#content-side2-three-column a:visited,
#content-side1-three-column a:visited {
	text-decoration:none;
}
#content-side-two-column a:hover,
#content-side2-three-column a:hover,
#content-side1-three-column a:hover {
	text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
TOP INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information {
	height:75px;
	margin:0px auto 0px auto;
	position:relative;
	width:900px;
    font-size:32pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	}
	
#top-information a.text {
    font-weight:bold;
	text-decoration:none;
    color:#004488;
    position:relative;
    top:35px;
    left:10px;
    z-index:100;
	}
	
#top-information a.center-button
{
	font-size:20pt;
	margin-left:200px;
}

#top-information a.center-button:hover
{
	text-decoration:underline;
}
	
#logo {
	float:right;
	}
#logo a
{
    position:relative;
    left:-20px;
    top:5px;
    *top:-10px;
}

#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}

#subheading{
	font-size:1.1em;
	font-weight:bold;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
MAIN NAV 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main div#links 
{
	float:right;
	padding:5px 75px 0 0;
	line-height:normal;
}

#nav-main {
    border:0 none;
    font:bold 13px/42px Tahoma,Geneva,sans-serif;
    margin:auto;
    width:1000px;
    background:url("/Content/images/nav-bg.jpg") no-repeat scroll 0 0 transparent;
}

#nav-main #nav
{
    margin-bottom:0px;
}

#nav-main ul
{
    list-style-type:none;
    text-decoration:none;
    padding-left:0px; 
    margin-left:0px;
}


#nav-main #nav li
{
	line-height:24px;
	padding:0;
}
	
#nav-main #nav li.rootItem {
    color:white;           
	float:left;
    text-align:center;
    border-left:solid thin grey;
    border-right:solid thin grey;
    margin:0;
    height:41px;
    background:none;
    padding:0 20px 0 20px;
    display:table-cell;
    vertical-align:bottom;
    line-height:42px;
}

#nav-main a:link,
#nav-main a:visited {
    color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#nav-main li:hover {
	background:url("/Content/images/hover.png") repeat-x scroll 0 0  transparent !important;
}

#nav li ul
{
    display:none;
	background:#5A6C78;
	position:absolute;
	min-width:162px;
	text-align:left;
	z-index:99;
}

#nav li ul a
{
	padding:0 10px 0 10px;
}

#nav li:hover ul, #nav li.sfhover ul
{
	display:block;
}

#nav li ul li
{
	border-top:solid thin grey;
	background:#5A6C78;
	white-space:nowrap;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
POSTER PHOTO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#poster-photo-container {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background:url("/Content/images/frontpageModified.png");
	position:relative;
	height:180px;
	}
.poster-photo-image {
	/*border-right:3px solid #FFF;*/
	height:160px;
	display:inline;
	}
#poster-text {
	color:#FFFFFF;
	font-size:16pt;
	font-weight:bold;
	line-height:50px;
	position:absolute;
	text-align:center;
	top:25px;
	width:580px;
}
#poster-text h2
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-size:48pt;
    color:#004488;
    right:10px;
    position:relative;
}
#feature-area-home {
	position:absolute;
	top:0;
	right:0;
	width:21%;
	text-align:center;
	padding:19px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:142%;
	border-left:solid #FFFFFF 3px;
	height:100%;
	vertical-align:middle;
	padding-top:65px;
	}
#feature-area-home div
{
    position:relative;
}
#feature-area-home a:link,
#feature-area-home a:visited {
	color:#004488;
	text-decoration:underline;
	}
#feature-area-home a:hover {
	text-decoration:none;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
pagetitle
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetitle {
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background:#5A6C78;
	position:relative;
	color:#d5e8ff;
	font-size: large;
	padding:.5em 20px .7em 20px;
	}
#pagetitle a:link,
#pagetitle a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
#pagetitle a:hover{
	color:#D4E7F8;
	text-decoration:none;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul {
	margin:0;
	padding:0;
	}
li {
	list-style:none;
	background:url(/Content/images/list-bullet-02.gif) no-repeat 0 .8em;
	margin-left:0.4em;
	padding:0.2em 0 1em 1em;
}
ul.list-of-links {
	border-bottom:1px dotted #B2B2B2;
}
div.list-of-links div
{
	background:url(/Content/images/list-bullet-02.gif) no-repeat 0 .8em;
	padding:.2em 0 .2em 1em;
	margin-left:0.4em;
}
#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}
ul.list-of-links li{
	border-top:1px dotted #B2B2B2;
	background-image:url(/Content/images/list-bullet-01-link.gif);
}
ul.list-of-links li.current {
	background-color:#E5E5E5;
}
ul.no-lines,
ul.no-lines li {
	border:none;
	}
ul.list-of-links-no-dots
{
	border-bottom:1px dotted #B2B2B2;
}
ul.list-of-links-no-dots li
{
	background:none;
	padding:.2em 0 .2em 1em;
}
ul.dark-dots
{
	list-style-type:disc;
}
ul.dark-dots li
{
	list-style-type:disc;
	background:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HOME PAGE FEATURE AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.feature-area {
	background-color:#6799D1;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
	border:none;
	}
.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(/Content/images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
.photo-float-left {
	float:left;
	margin-right:10px;
	}
.image-border-none {
	border:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	background:#5A6C78 url(/Content/images/footer.png) bottom left no-repeat;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	padding:.8em 0 1em 20px;
	position:relative;
	color:#a9c0db;
	font-size:.8em;
}
#footer div {
	width:25%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}
#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#D4E7F8;
	text-decoration:none;
}
#footer a:active {
	color:#FFFFFF;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
FOOTER-SUB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	text-align:center;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:.8em;
	color:#999999;
	}
#footer-sub ul {
	margin:0;
	padding:0;
	}	
#footer-sub li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}
#footer-sub a:link,
#footer-sub a:visited {
	text-decoration:underline;
	color:#999999;
}
#footer-sub a:hover {
	color:#666666;
	text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
MISC CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}
.arrow {
	vertical-align:middle;
	}
input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}
input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}
.clear {
	clear:both;
	}
.none {
    display:none;
}

#productsFrame
{
    width:100%;
    frameborder:0;
    scrolling:auto;
    align:middle;
    marginheight:0;
    marginwidth:0;
}

.floatRight
{
    float:right;
}

.floatLeft
{
    float:left;
}

.invisiLink
{
    color:#A9C0DB;
}
.invisiLink:hover
{
    cursor:default;
    text-decoration:none;
    color:#A9C0DB;
}
.crawler
{
    position:relative;
}
.tweet
{
    font-size:10pt;
}
.productsNavigation
{
    width:100px;
}
.productsNavigation :first-child
{
    float:right;
}
.whitespace-after
{
    margin-bottom:10px;
}
.whitespace-before
{
    margin-top:10px;
}
.whitespace-left
{
    margin-left:10px;
}
.whitespace-right
{
    margin-right:10px;
}
.imageLink img
{
	border:solid thin black;
	margin-right:1em;
}
.imageLink img:hover
{
	border:solid thin red;
}
.input-validation-error
{
	border:solid thin #FF0000;
	background:#FFEEEE;
}
.requiredStar
{
	color:#FF0000;
}
.important
{
	color:#FF0000;
}

.cartButton
{
	width:100px;
	float:right;
}

table.cart
{
    border-spacing:40px 10px;
}

.alignRight
{
    text-align:right;
}

span.comingSoon
{
	color:Red;
	font-size:16pt;	
}