/* Reset */
html, body {margin: 0;}

body, div, p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4e4e4e;}

/* body {background: url(../images/defaultbg.jpg) repeat-x scroll 0 0 transparent;} */
.container {width: 1000px; margin: 0 auto;}

/* Header */
.headerContainer {min-height: 151px; background: url(../images/headerbg.jpg) top center repeat-x;}

#socialMediaContainer {position: absolute; width: 400px; margin: 4px 0 0 600px;}
#socialMediaContainer ul {list-style:none; padding: 0; margin: 0; float:right;}
#socialMediaContainer ul li {float:left; padding: 0 10px 0 0;}

#logoContainer {position: absolute; width: 201px; margin: 16px 0 0 0;}

#topNavigationContainer {position: absolute; width: 590px; margin: 115px 0 0 400px; z-index: 5;}
#mainNavigationContainer {position: absolute; width: 798px; margin: 160px 0 0 200px; z-index: 6;}


/* Flash and Twitter */

.flashBkgrnd {background: url(../images/flashbgsides.jpg) top center repeat-x;}
.flashBkgrndImage {min-height: 515px; background: url(../images/flashbg.jpg) top center no-repeat;}

.flash {position: absolute; margin: 65px 0 0 76px;  z-index: 1;}

.twitter {position:absolute; min-height: 35px; width: 715px; margin: 444px 0 0 144px;}
	.twitter a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #d56438; text-decoration: none;}
	.twitter a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
	.twitter p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;}
	
	.rsscontainer ul {margin: 0; padding: 0;}

/* Content */

.mainContentContainer {width: 1000px; margin: 0 auto; background: url(../images/social-divider.jpg) top center repeat-y;}

.homeContentLeft {width: 590px; float:left; padding: 10px 0 50px 0; margin-right: 32px;}
.homeContentRight {width: 354px; float: left; padding: 24px 0 0 20px;}
.contentPadding {padding-bottom: 30px;}

.clearboth {clear:both;}


.homeBottomContainer {background: url(../images/footersides.jpg) top center repeat-x;}
.homeBottomImage {min-height: 309px; background: url(../images/footerbg.jpg) top center no-repeat;}


/* Content Page  */

#contentContainerBkgrnd {background: url(../images/headersides-content.jpg) top center repeat-x;}
#contentContainerImage {min-height: 700px; background: url(../images/headerbg-content.jpg) top center no-repeat;}
#contentHeaderContainer {min-height: 213px}

#contentLeftSide {float:left; width: 250px; margin-right: 10px;}
#contentRightSide {float:left; width: 740px; padding: 20px 0 50px 0}


.contentFooterContainer {background: url(../images/footersides-content.jpg) top center repeat-x;}
.contentFooterImage {min-height: 161px; background: url(../images/footerbg-content.jpg) top center no-repeat;}
.contentFooterCon {margin-top: 50px; width: 1000px; margin: 0 auto;}

.panel-wrapper img {position: absolute; z-index: -3; background: #000; padding: 0 7px;}


.homecontent {float: left; width: 564px; height: auto;}
.content {float: left; width: 740px; height: auto;}
 p , body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4e4e4e; line-height: normal;}

.social {float: left; width: 332px; border: 1px solid #000;}
.social-section {float: left; margin: 0 0 60px 100px; width: 334px; border: 1px solid #000;}
	.social-icon img {float: right; margin-left: 15px; width: 16px; height: 33px;}

.sidebar {float: left; background: url(../images/sidebarbg.png) top left no-repeat; width: 207px; min-height: 334px; padding: 5px 5px; margin-right: 26px;}
.sidebar-links {float: left; margin-top: 55px; width: 200px;}
	.sidebar-links ul {margin-top: -6px;}
	.sidebar-links li {}
	.sidebar-links a {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4e4e4e; font-weight: bold; line-height: 16px; text-decoration: none; padding: 8px 20px; margin-left: -16px; display: 
	block;}
	.sidebar-links a:hover {background: #d56438;}

/* Footer */
.scrollover {float: left; width: 1000px; height: 105px; margin-top: 43px;}
	.scrollover h3 {margin: -47px 0 0 15px;}




/* CSS for the scrollover */
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 150px;
  width: 1000px;
  margin-top: 0px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  /* Max picture height should be around 105px. */
  display: block;
  height: 106px;
  /* Max width here, for users without Javascript. However, 
  this also needs to be wide enough to hold all images in a horizontal line */
  width: 10000px;
  padding: 23px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 20px;
}
.sc_menu a.text {
  display: block;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #d56438;
  margin-top: 35px;
  text-align: center;
}
.sc_menu a.text:hover {
  display: block;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #a22d00;
  margin-top: 35px;
  text-align: center;
}
.sc_menu a.divider {
  display: block;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #027780;
  font-weight: bold;
  margin-top: 35px;
  text-align: center;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  padding: 10px;
}

/*
.l-shader {background: url(../images/l-shader.png) scroll transparent no-repeat bottom left; width: 20px; height: 107px; margin: -109px 0 0 -8px; position: absolute;}
.r-shader {background: url(../images/r-shader.png) scroll transparent no-repeat bottom left; width: 20px; height: 107px; margin: -109px 0 0 988px; position: absolute;}
*/

.footer {float: right; height: 100px; width: 375px; padding-top: 45px;}
	.footer p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 15px;}
	.footer a {font-family: Arial, Helvetica, sans-serif; font: 12px; color: #D56438; text-decoration: none; line-height: 15px; font-weight: bold;}

/* Text */
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #1a6e79; font-weight: normal; margin-bottom: 16px}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #fff; font-weight: normal;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #027780; font-weight: normal;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4e4e4e; font-weight: bold;}
 

/* Addons */
.push50 {margin-top: 50px;}
.clear {clear: both;}
.lefty {float: left;}
.righty {float: right;}


.ctnt {padding: 15px 0px 10px 0px;}
.ctnt li {display: inline; margin-left: 30px}
.ctnt a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4e4e4e; font-weight: normal; text-decoration: none; line-height: 30px;}
.ctnt a:hover {color: #d56438;}

.ct15 {padding: 15px 0px 10px 0px;}
.ct10 {padding: 0 0 10px 10px; width:366px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4e4e4e; font-weight: normal; text-decoration: none; line-height: 20px;}



/********REQUIRED - DO NOT EDIT***********/
img {border: 0;}
img, div { behavior: url(iepngfix.htc) }
iframe {height: 100px; width: 100%;}
/*******************************************/

/********REQUIRED - MODAL WINDOWS - DO NOT EDIT***********/
.ModalBackground {background-color: Black; filter: alpha(opacity=80); opacity: 0.7;}
.ModalBackgroundLogin {background-color: Black;}
/*******************************************/



/********REQUIRED - PHOTO GALLERY - EDITABLE***********/
gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#gallery ul a:hover img {
    border: 5px solid #000;
    border-width: 5px 5px 5px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }
/******************************************************/


/********REQUIRED - CALENDAR MODAL WINDOW - EDITABLE***********/
/***Calendar modal container***/
.calendarmodalcontainer {border: solid 1px Black; width: 300px; min-height: 100px;}

/***Calendar close button***/
.calendarclosebuttoncontainer {text-align: right; width: 100%;}
.calendarclosebutton {text-decoration: none; color: Black; text-align: right; padding-right: 5px;}
/***************************/

/***Calendar event container div***/
.calendareventcontainer {margin: 5px; margin-bottom: 0;}

/***Calendar event title***/
.calendareventtitlecontainer {}
.calendareventtitle {font-weight: bold;}
/*****************/

/***Calendar event description***/
.calendareventdesccontainer {}
.calendareventdesc {}
/*****************/

/***Calendar event start time***/
.calendareventstartcontainer {}
.calendareventstart {}
/*****************/

/***Calendar event end time***/
.calendareventendcontainer {}
.calendareventend {}
/*****************/

/***Calendar event attachments***/
.calendareventattachcontainer {}
.calendareventattachlink {}
/*****************/
/***********************************************************/


/********REQUIRED - LOGIN MODAL WINDOW - EDITABLE***********/
/***Login modal container***/
.loginmodalcontainer {width: 700px; min-height: 600px; background-color: White;}

/***Login container div***/
.logincontainer {width: 100%; padding: 5px;}

/***Login header container div***/
.loginheadercontainer {}

/***Login title***/
.logintitlecontainer {text-align: center; padding: 5px;}
.logintitletext {font-size: large;}
/*****************/

/***Login username***/
.loginusernamecontainer {width: 100%; text-align: center; padding: 5px;}
.loginusernametext {font-size: larger;}
.loginusername {}
/*****************/

/***Login password***/
.loginpasswordcontainer {width: 100%; text-align: center; padding: 5px; clear: both;}
.loginpasswordtext {font-size: larger;}
.loginpassword {}
/*****************/

/***Login message***/
.loginmessagecontainer {width: 100%; clear: both; text-align: center; margin-bottom: 3px;}
.loginmessagetext {font-size: larger; color: Red;}
/*****************/

/***Login button***/
.loginbuttoncontainer {width: 100%; clear: both; text-align: center;}
.loginbutton {}
.logincancelbutton {}
/*****************/

/***Login footer container div***/
.loginfootercontainer {}
/***********************************************************/


/********REQUIRED - LOGIN LITE - EDITABLE***********/
/***Login outer container***/
.loginlitemodalcontainer {}

/***Login container div***/
.loginlitecontainer {}

/***Login username***/
.loginliteusernamecontainer {}
.loginliteusernametext {}
.loginliteusername {}
/*****************/

/***Login password***/
.loginlitepasswordcontainer {}
.loginlitepasswordtext {}
.loginlitepassword {}
/*****************/

/***Login message***/
.loginlitemessagecontainer {}
.loginlitemessagetext {}
/*****************/

/***Login button***/
.loginlitebuttoncontainer {}
.loginlitebutton {}
/*****************/
/***********************************************************/


/********REQUIRED - SHOPPING CART - EDITABLE***********/

/********InCart Component********/
/***Outer container div***/
.incartcontainer {width: 150px; border: solid 1px Black; background: Black; padding: 5px; opacity: 0.5;}

/***Items in cart container***/
.incartitemsincartcontainer {}
.incartitemsincartnumber {color: White;}
.incartitemsincarttext {color: White;}
/*****************************/

/***Cart total container***/
.incarttotalcontainer {}
.incarttotalamount {color: White;}
.incarttotaltext {color: White;}
/*****************************/

/***Checkout container***/
.incartcheckoutcontainer {}
a.incartcheckoutlink {text-decoration: none; color: #56d7f7;}
a.incartcheckoutlink:hover {color: #ffffff;}
/*****************************/
/********************************/


/********Product Categories Component********/
/***Product Categories container div***/
.productcategoriescontainer {float: left;}
.productcategoriestreeview {}
/********************************************/


/********Products Component********/
/***Products outer container div***/
.productscontainer {}

/***Products DataList***/
.productsdatalist {}
/***********************/

/***Individual product container div***/
.productcontainer {padding: 5px; margin: 10px;}
/*****************************/

/***Product title container***/
.producttitlecontainer {}
.producttitle {}
/*****************************/

/***Product image container***/
.productimagecontainer {}
.productimage {}
/*****************************/

/***Product price container***/
.productpricecontainer {}
.productprice {}
/*****************************/

/***Product add to cart container***/
.productaddcontainer {}
.productaddqtytext {}
.productaddqty {}
.productaddbutton {}
/*****************************/
/********************************/


/********Product Details Component********/
/***Product details container***/
.productdetailscontainer {background-color: White; width: 500px;}
/*****************************/

/***Product details title container***/
.productdetailstitlecontainer {margin: 5px;}
.productdetailstitle {font-weight: bold; font-size: 12pt;}
/*****************************/

/***Product details description container***/
.productdetailsdesccontainer {margin: 5px;}
.productdetailsdesc {}
/*****************************/

/***Product details image container***/
.productdetailsimagecontainer {margin: 5px;}
.productdetailsimage {}
/*****************************/

/***Product details price container***/
.productdetailspricecontainer {margin: 5px;}
.productdetailsprice {}
/*****************************/

/***Product add to cart container***/
.productdetailsaddcontainer {margin: 5px;}
.productdetailsaddqtytext {}
.productdetailsaddqty {}
.productdetailsaddbutton {}
/*****************************/
/*****************************************/

/*****************************************************/


/********REQUIRED - DYNAMIC DATA - EDITABLE***********/
/***Search outer container***/
.ddatasearchcontainer {float: right; clear: both;}

/***Clear search div***/
.ddataclearsearchcontainer {float: left; margin: 3px;}
.ddataclearsearchbutton {font-size: small;}
/**********************/

/***Search box div***/
.ddatasearchboxcontainer {float: left; margin: 3px;}
.ddatasearchbox {}
/*****************/

/***Search button div***/
.ddatasearchbuttocontainer {float: left; margin: 3px;}
.ddatasearchbutton {}
/*****************/
/***********************************************************/