﻿body
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-align: center;
	font-family: Georgia, Times New Roman, Serif;
}

/*----------------------------------------------------------------------------*/
/*------------------------  MAIN LAYOUT ELEMENTS  ----------------------------*/
/*----------------------------------------------------------------------------*/

#topBG
{
	width: 100%;
	position: relative;
	text-align: center;
	min-height: 165px;
	height: auto !important;
	height: 165px;
	overflow: hidden;
	text-align: center;
	background-image: url(../../media/images/layout/topBG.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#midBG
{
	width: 100%;
	position: relative;
	margin: 0px auto;
	min-height: 378px;
	height: auto !important;
	height: 378px;
	overflow: hidden;
	text-align: center;
	background-image: url('../../media/images/layout/midBG.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

#smallMidBg
{
	width: 100%;
	position: relative;
	margin: 0px auto;
	min-height: 378px;
	height: auto !important;
	height: 378px;
	overflow: hidden;
	text-align: center;
	background-image: url('../../media/images/layout/midSmallBG.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

#logoContainer
{
	margin: 0px auto;
	width: 899px;
	position: relative;
	left: 1px;
	height: 165px;
	text-align: left;
}

.logo
{
	position: relative;
	top: 50px;
	left: 15px;
}

#smallMidContainer
{
	margin: 0px auto;
	width: 899px;
	position: relative;
	left: 1px; /*height: 360px;*/
}

#midContainer
{
	margin: 0px auto;
	width: 899px;
	position: relative;
	left: 1px;
	height: 360px;
}

#menu
{
	position: absolute;
	top: 20px;
	left: 7px;
	width: 214px; /*min-height: 347px; 	height: auto !important; 	height: 347px;*/
	overflow: hidden;
	text-align: center;
	color: #10609c;
}

#menu ul
{
	margin: 60px 0px 0px;
	padding: 0px;
	line-height: 110%;
}

#menu ul li
{
	list-style-type: none;
	margin: 0px 30px 9px 30px;
	padding: 0px 0px 9px 0px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #969594;
}

#menu ul li a
{
	font-size: 1.2em;
	color: #10609c;
	font-weight: normal;
	text-decoration: none;
}

#menu ul li a:hover
{
	text-decoration: underline;
}

#menu ul li.last
{
	border-bottom-style: none;
	border-bottom-width: 0px;
}


/*----------------------------------------------------------------------------*/
/*-----------------------------  PROMOTIONS  ---------------------------------*/
/*----------------------------------------------------------------------------*/

#promotions
{
	position: absolute;
	top: 15px;
	left: 247px;
	width: 646px;
	min-height: 347px;
	height: auto !important;
	height: 347px;
	overflow: hidden;
}

#smallPromotions
{
	position: absolute;
	top: 15px;
	left: 247px;
	width: 646px; /*min-height: 347px; 	height: auto !important; 	height: 347px; 	overflow: hidden;*/
}

#mainPromo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 646px;
}

#promo1
{	
	position: absolute;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	overflow: hidden;
	width: 210px;
	left: 0px;
	top: 230px;
}

#promo2
{	
	position: absolute;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	overflow: hidden;
	width: 211px;
	left: 217px;
	top: 230px;
}

#promo3
{	
	position: absolute;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	overflow: hidden;
	width: 211px;
	left: 435px;
	top: 230px;
}


/*----------------------------------------------------------------------------*/
/*----------------------------  MAIN CONTENT  --------------------------------*/
/*----------------------------------------------------------------------------*/

#contentBG
{
	width: 100%;
	position: relative;
	margin: 0px auto;
	min-height: 260px;
	height: auto !important;
	height: 260px;
	text-align: center;
	background-image: url(../../media/images/layout/contentBG.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#contentContainer
{
	margin: 0px auto;
	width: 899px;
	position: relative;
	left: 1px;
	text-align: left;
	padding-bottom: 0px;
}

#calloutMenu
{
	width: 210px;
	position: relative;
	margin-left: 2px;
	margin-bottom: 40px;
	text-align: left;
	color: #10609c;
	font-size: 11px;
	float: left;
	padding-top: 0px;
}
.menuItem
{
	margin-top: 20px;
	border-style: none none dotted none;
	border-width: 0px 0px 1px 0px;
	border-color: #888888;
}
.menuItem .icon
{
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}

.menuItem .title
{
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	float: right;
	width: 123px;
}

.menuItem .menuLink
{
	font-family: "Trebuchet MS" , Verdana, Arial, Tahoma;
	color: #444444;
	margin-top: 6px;
	font-size: 11px;
	line-height: 130%;
	display: block;
	float: right;
	width: 123px;
}
.menuItem .menuLink a{color: #444444;}

#smallContent
{
	width: 616px;
	text-align: left;
	color: #444444;
	margin-left: 55px;
	float: left;
	padding-top: 0px;
	position: relative;
	top: -100px;
}


#content
{
	width: 616px;
	text-align: left;
	color: #444444;
	margin-left: 55px;
	float: left;
	padding-top: 30px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------  LIST ELEMENTS  -------------------------------*/
/*----------------------------------------------------------------------------*/

ul.ThumbnailList
{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
.FloatedThumbnail
{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	clear: left;
	border: none;
}

.ContentFloatedThumbnail
{
	float: left;
	margin-left: 13px;
	margin-right: 20px;
	clear: left;
	border: none;
}


ul.ThumbnailList li
{
	clear: both;
	margin-left: 0px;
	padding-left: 0px;
	padding: 5px;
}
ul.ThumbnailList h1{margin-bottom: 5px;}
ul.ThumbnailList a
{
	
	display: block;
	padding: 2px 2px 2px 10px;
	float: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #f1f1f1;
	width: 475px;
	margin-left: 10px;
	color: #444444;
	
}

ul.ThumbnailList .calltoaction a
{
	background-position: right 6px  !important;
	background-image: url(../../media/images/buynow.png) !important;
	background-repeat: no-repeat  !important;
	}

ul.ThumbnailList a.details
{
	display:inline !important;
	border: none !important;
	padding: 0px !important;	
	}
	
	ul.ThumbnailList a.details:hover
{
	background-color: #ffffff !important;
	text-decoration: underline;
	
	}

.CheckoutItem{display: block;
	padding: 2px 2px 2px 10px;
	float: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #f1f1f1;
	width: 475px;
	margin-left: 10px;
	color: #444444;
	margin-bottom: 30px;
	}
ul.ThumbnailList a:hover
{
	background-color: #f1f1f1;
	text-decoration: none;
}

ul.ThumbnailList li a h3
{
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}
ul.ThumbnailList li a .description
{
	color: #444444;
	font-size: 12px;
	font-weight: normal;
}
ul.ThumbnailList li a .calltoaction
{
	font-size: 11px;
	font-style: italic;
}

ul.ServiceClass
{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
ul.ServiceClass li
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #f1f1f1;
	padding-left: 10px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

ul.ServiceClass ul
{
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	list-style: circle;
}

ul.ServiceClass ul li
{
	margin-bottom: 5px;
	margin-top: 0px;
	border: none;
}

ul.ServiceClass li h2
{
	margin-bottom: 2px;
}
ul.ServiceClass li .price
{
	font-weight: bold;
	margin-bottom: 6px;
}

/*----------------------------------------------------------------------------*/
/*--------------------------  FOOTER ELEMENTS  -------------------------------*/
/*----------------------------------------------------------------------------*/

#footer
{
	/*width: 899px; 	border-top-style: solid; 	border-top-width: 3px; 	border-top-color: #d4d4d3;*/
	width: 100%;
	position: relative;
	margin: 0px auto;
	background-image: url(../../media/images/layout/repeatingFooterBackground.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	text-align: center;
}

#footer #footerContent
{
	text-align: left;
	padding-top: 15px;
	width: 899px;
	margin: 0px auto;
	min-height: 326px;
	height: auto !important;
	height: 326px;
	background-image: url(../../media/images/layout/footerBackground.jpg);
	background-position: center 8px;
	background-repeat: no-repeat;
}
#footerContent #ContactInfo
{
	position: relative;
	top: 195px;
	color: #002d42;
	line-height: 150%;
	margin: 10px 20px 0px 0px;
	float: left;
	width: 450px;
	border-right-color: #037cb5;
	padding-right: 25px;
	font-size: 12px;
}
#footerContent .Column2{ float: left; position: relative;
	top: 230px;	width: 400px;}
#ContactInfo .Address{float: left; width: 210px; margin-right: 0px;}
#ContactInfo .PhoneNumber{float: left; width: 210px;}
#footerContent #ContactInfo h2{margin: 0px 0px 5px 0px; font-size: 16px;}
.MainContactInfo
{
	font-weight: bold;
	
	float: left;
	margin-right: 30px;
	clear: left;
	line-height: 145%;
}
#footerContent .CopyRight
{
	
	font-weight: normal;
	color: #002d42;
}
#footerContent .Breadcrumbs
{
	
	line-height: 120%;
	margin-top: 10px;
	
}
#footerContent .Breadcrumbs ul
{
	margin-left: 0px;
	padding-left: 0px;
}
#footerContent .Breadcrumbs ul li
{
	display: inline;
	list-style: none;
	margin-right: 6px;
}
#footerContent  a
{
	color: #005983;
	font-size: 11px;
}

#swirl
{
	width: 220px;
	position: relative;
	text-align: left;
	color: #10609c;
	font-size: 1em;
	float: left;
}

#footerlinks
{
	width: 616px;
	text-align: left;
	color: #444444;
	margin-left: 35px;
	float: left;
}

.ServiceDisclaimer
{
	margin-top: 40px;
	color: #777777;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}

/*----------------------------------------------------------------------------*/
/*--------------------------  CMSAdminControl  -------------------------------*/
/*----------------------------------------------------------------------------*/

.CMSAdminControl
{
	background-color: #e9e9e9;
	padding: 10px;
	margin: 20px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbbbbb;
}

.TextBox
{
	font-family: "Trebuchet MS" , Verdana, Arial, Tahoma;
	font-size: 12px;
}

.CMSAdminControl ul
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.CMSAdminControl ul li
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*----------------------------------------------------------------------------*/
/*---------------------------  TEXT ELEMENTS  --------------------------------*/
/*----------------------------------------------------------------------------*/

/* DEFAULT HEADLINES */

h1, h2, h3, h4
{
	color: #2368ab;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 20px;
}

h1
{
	font-size: 20px;
}
h2
{
	font-size: 17px;
}
h3
{
	font-size: 13px;
}
h4
{
	font-size: 12px;
}

/* DEFAULT TEXT */

p, ul, ol
{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 170%;
}

.contactTable
{
	line-height: 160%;
}
.contactTable .PhoneNumber
{
	font-size: 16px;
}
.contactTable td
{
	padding-bottom: 20px;
}
.contactTable .left
{
	width: 165px;
	vertical-align: top;
	text-align: right;
	padding-right: 30px;
	font-weight: bold;
}

.contactTable ul
{
	margin-left: 10px;
	padding-left: 0px;
}

/*ul
{
	list-style: none;
}

ul li
{
	margin-left: 1em;
	padding-left: .75em;
}

ol
{
	margin-left: 1em;
	list-style-position: inside;
}*/

blockquote
{
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 20px;
	border-left: 1px solid #2368ab;
	line-height: 170%;
	font-size: 12px;
	color: #2368ab;
	font-weight: bold;
}

blockquote.article
{
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 20px;
	border-left: 1px solid #2368ab;
	line-height: 170%;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
	font-size: 12px;	

	
}
/* DEFAULT LINKS */

a
{
	text-decoration: none;
	font-weight: bold;
	color: #10609c;
}

a:hover
{
	text-decoration: underline;
	color: #10609c;
}

/* INPUT CONTROLS */

input, textarea
{
}

input.text
{
}

input.button
{
}

/* BUTTONS */

.buttons
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.buttons a, .buttons input
{
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #888888;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
	font-size: 90%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #232323;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}
.buttons input
{
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}
.buttons input[type]
{
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}
*:first-child + html input[type]
{
	padding: 4px 10px 3px 7px; /* IE7 */
}
.buttons input img, .buttons a img
{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}


/* STANDARD */

.buttons input:hover, .buttons a:hover
{
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}
.buttons a:active
{
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* INLINE POSITIVE */

input.InlinePositive, a.InlinePositive
{
	color: #529214;
	background-position: 5px center !important;
	background-image: url(../../media/images/tick.png) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
	margin: 0px;
	background-color: #f5f5f5;
	border: 1px solid #888888;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
	font-size: 90%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #232323;
	cursor: pointer;
	padding: 4px 10px 4px 7px; /* Links */
	position: relative;
	top: -2px;
}

a.InlinePositive:hover, InlinePositive:hover
{
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

/* POSITIVE */

input.positive, .buttons a.positive
{
	color: #529214;
	background-position: 5px center !important;
	background-image: url(../../media/images/tick.png) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
}
.buttons a.positive:hover, input.positive:hover
{
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}
.buttons a.positive:active
{
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* NEGATIVE */

.buttons a.negative, input.negative
{
	color: #d12f19;
	background-position: 5px center !important;
	background-image: url(../../media/images/cross.png) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
}
.buttons a.negative:hover, input.negative:hover
{
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}
.buttons a.negative:active
{
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

/* EDIT */

.buttons a.edit, input.edit
{
	background-position: 5px center !important;
	background-image: url(../../media/images/pencil.gif) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
}
.buttons a.edit:hover, input.edit:hover
{
}
.buttons a.edit:active
{
}

/* GARBAGE/DELETE */

.buttons a.garbage, input.garbage
{
	background-position: 5px center !important;
	background-image: url(../../media/images/garbage.gif) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
}
.buttons a.garbage:hover, input.garbage:hover
{
}
.buttons a.garbage:active
{
}

/* SECURE */

input.secure, .buttons a.secure
{
	color: #529214;
	background-position: 5px center !important;
	background-image: url(../../media/images/key.png) !important;
	background-repeat: no-repeat !important;
	padding-left: 27px !important;
}
.buttons a.secure:hover, input.secure:hover
{
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}
.buttons a.secure:active
{
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}


/* CMS STYLES */
.FormLabel
{
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}
.RadEditor ul
{
}
.RadEditor ul li
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}



.RSSToolTip{width: 250px; padding: 10px;}

.RSSToolTip h1{ font-size: 14px; margin: 10px 0px;}

.ShippingTooltip{width: 500px; padding: 10px;}
.ShippingTooltip h1 {font-size: 14px; margin: 10px 0px;}

.TooltipLinks a{cursor:help;}

a.PackageRollOver{cursor:help; 	background-color: #ffffff !important;
	text-decoration: underline;}

.PackageToolTip{padding: 10px;}
.PackageToolTip ul{margin: 10px 10px 0px 10px; padding: 0px;}
.PackageToolTip ul li{margin: 0px; padding: 0px;} 