body {background: url(../images/bg.jpg); margin: 0; padding: 0;}

body, div, p, pre, input, select, textarea {font-family: arial; font-size: 13px; color: #333;}

#contentcontainer div, #contentcontainer p {line-height: 17pt;}

img {border: 0;}

/*------- If we need to skin here is what to change ---------*/

hr {
    background: #f2ece1; background: -moz-linear-gradient(left,  #f2ece1 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2ece1), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left,  #f2ece1 0%,#ffffff 100%); background: -o-linear-gradient(left,  #f2ece1 0%,#ffffff 100%); background: -ms-linear-gradient(left,  #f2ece1 0%,#ffffff 100%); background: linear-gradient(to right,  #f2ece1 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ece1', endColorstr='#ffffff',GradientType=1 );
    height: 2px; margin: 7px 0; border: 0;
    }

h1, h2, h3, h4 {padding: 0 0 8px 0; margin: 0 0 8px 0; line-height: normal;}
p {margin: 0 0 13px;}

h2 {font-weight: normal; font-size: 21px; color: #333333;}
h3 {font-weight: normal; font-size: 17px; color: #5279bc;}
h4 {font-weight: bold; font-size: 13px; color: #5279bc;}

#pageTitle h1 {padding: 0 0 10px 0; margin: 0 0 8px 0; line-height: normal;font-weight: normal; font-size: 25px; color: #1e5fb9; border-bottom: 1px dotted #ccc;}

a {color: #e49600;}
a:hover {color: #56a5e8;}


#lrgcontainer {width: 1000px; margin: 50px auto; padding: 10px 0 0 0; background: #fff; box-shadow: 0 0 10px #2b4366; -moz-box-shadow: 0 0 10px #2b4366;}

#headerContainer {width: 960px; margin: 0 auto;}
    #headerleft {float:left; margin: 10px 0 10px 0; width: 580px;  overflow:hidden;}
        #headerleft div, #headerleft h1  {font-weight: normal;  font-size: 30px; letter-spacing: -1px; color: #333; line-height: normal !important; border-bottom: 0 !important;}
    #headerright {float:right; margin: 10px 0 10px 0; width: 380px; overflow:hidden; text-align: right;}
        #headerright div, #headerright p  {font-size: 11px !Important; line-height: 14pt;}

#mainnav {background: #e49600; width: 960px; margin: 0 auto;}

#contentcontainer {width: 960px; margin: 0 auto;}
    #imageregion {width:960px; min-height: 200px; background: url(/images/header.jpg) top center no-repeat;}
    #contentarea {padding: 10px 0; min-height: 300px;}
    #contentarea img { float: right; margin: 0 0 15px 15px; }
    #contentarea img.norm { float: none; margin: 0 0 15px; }
        .contentleft {width: 630px; margin: 0 10px 0 0; float: left;}
        .contentright {width: 320px; margin: 0; float: left;}
        
        .contentCol1 {width: 310px; margin: 0 10px 0 0; float: left;}
        .contentCol2 {width: 320px; margin: 0 ; float: left;}
        
#footercontainer {background: #333; padding: 10px 0;}
    #footercontainer h1,#footercontainer h2,#footercontainer h3,#footercontainer h4 {font-weight: bold; font-size: 14px; color: #ccc; border-bottom: 1px dotted #666;}
    #footercontainer div, #footercontainer p {color: #ccc;}
    .footerheight {min-height: 200px;}

#footerend {border-top: 1px solid #444}
    .footerpadding {padding: 0 0 10px 0;}
        #link1 {display: block; padding: 10px; background: #5279bc;}
        #link1:hover {background: #3f5f91;}
        
        .ftrLnk {display: block; padding: 10px; color: #666; font-weight: bold; text-decoration: none;}
        .ftrLnk:hover {color: #fff;}
        
.footerLink { float: left; }
.footerLink, .footerLink a { margin: 10px 0 0; color: #fff; }
    
    
.regionpadding {padding: 0 0 5px 0;}
.container {width: 960px; margin: 0 auto;}
.clearboth {clear: both;}
.left {float:left;}
.right {float:right;}



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

/******** File Links ********/
.flMainContainer {}
.flContainer {}
.flCatContainer {}
.flCatTitle {
    margin: -9px 0 10px 0; padding: 10px; font-weight: bold; font-size: 1.1em; color: #333; border-left: 1px solid #BFBFBF;
    background: #efefef; background: -moz-linear-gradient(left,  #efefef 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left,  #efefef 0%,#ffffff 100%); background: -o-linear-gradient(left,  #efefef 0%,#ffffff 100%); background: -ms-linear-gradient(left,  #efefef 0%,#ffffff 100%); background: linear-gradient(to right,  #efefef 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );
    }
.flCatDescription {}

.filelinkscontainer {}
.filelinkslist {list-style: none; padding-left: 10px; margin: 0;}
.filelinkslistitem {margin: 10px;}

.filelinksdatecontainer {float: left; clear: left; margin-left: 10px;}
.flDate a { font-size: .85em; font-style: italic; text-decoration: none; }

.filelinkstitlecontainer {float: left; margin-left: 10px; clear: right;}
.flTitle a { font-size: 1.1em; font-weight: bold; text-decoration: none; border-bottom: 1px solid #a7c2ce; }

.flAuthor { font-weight: bold; color: #333; }

.filelinksdescriptioncontainer {clear: both; margin-left: 10px;}
.flDescription {}

.flArchiveContainer
/***************/

 /******** Press Release ********/
.prMainContianer {}
.prContainer {}

.prDate { font-size: .85em !important; padding: 0 !important; }
.prDate a { font-style: italic; text-decoration: none; }
.prDate a:hover {}

.prTitle {padding: 0 !important;}
.prTitle a { font-size: 1.1em; font-weight: bold; text-decoration: none; border-bottom: 1px solid #a7c2ce; }
.prTitle a:hover {}

.prAuthor { font-size: 1em !important; font-weight: bold; color: #333; padding: 0 !important;}

.prDescription { padding: 3px 0;}
.prDescription a {}
.prDescription a:hover {}

.prHR {
    background: #f2ece1 !important; background: -moz-linear-gradient(left,  #f2ece1 0%, #ffffff 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2ece1), color-stop(100%,#ffffff)) !important; background: -webkit-linear-gradient(left,  #f2ece1 0%,#ffffff 100%) !important; background: -o-linear-gradient(left,  #f2ece1 0%,#ffffff 100%) !important; background: -ms-linear-gradient(left,  #f2ece1 0%,#ffffff 100%) !important; background: linear-gradient(to right,  #f2ece1 0%,#ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ece1', endColorstr='#ffffff',GradientType=1 ) !important;
    height: 2px !important; margin: 7px 0 !important; border: 0 !important;
}

.prPaginationContainer {}

.prPagination {list-style: none; padding: 0; margin:0; float:left;}
.prPagination li {float: left; padding: 0 5px;}

.prPaginationPrevItem {}
.prPaginationPrevItem a {}
.prPaginationPrevItem a:hover {}

.prPaginationItem {}
.prPaginationItem a {}
.prPaginationItem a:hover {}

.prPaginationNextItem {}
.prPaginationNextItem a {}
.prPaginationNextItem a:hover {}

.prArchiveContainer {float:right;}
/********/

/********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; }
/******************************************************/


/*Telerik*/

/********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 {}
/*****************/
/***********************************************************/

/* BEGIN FILE LINKS PAGINATION STYLES*/
/*
	#mainContentContainer is EDITABLE
*/
#mainContentContainer .pager
{
	padding: 0;
	margin: 10px 0 0 0;
	padding-top: 10px;
	background: #fff !important;
	height: 38px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	/*border-radius: 8px;
	-moz-border-radius: 8px;*/
}
#mainContentContainer  .pager div.short
{
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 74px;
}
#mainContentContainer .pager div.short input
{
	width: 28px;
	border: none;
	margin-left: 8px;
	float: left;
}
#mainContentContainer  .pager ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 4px;
}
#mainContentContainer .pager ul li
{
	display: inline;
	margin-left: 3px;
}
#mainContentContainer .pager ul li a.normal
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	text-align: center;	
}
#mainContentContainer .pager span
{
	font-size: .9em;
	margin:  5px 3px 0 3px;	
	float: left;
}
#mainContentContainer .pager .btn
{
	display: block;
	width: 40px;
	text-align: center;
	float: left;	
	margin: 0;
	margin-left: 4px;
	cursor: pointer;	
}
#mainContentContainer .pager ul li a.active
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	text-align: center;	
}

/*blue -- Editable */
.blue
{
	background-color: transparent;
}
.blue a.normal
{
	background-color: #ffffff;
	color: Black;
	border: solid 1px #DDDDDD;
	padding: 5px 0;
	font-size: .85em;
}

.blue a:hover
{
	background-color: #aabfcb;
	color: Black;
	border: solid 1px #DDDDDD;
	padding: 5px 0;
	font-size: .85em;
}


.blue a.active
{
	background-color: #3b4449;
	color: #fff;
	border: solid 1px #dddddd;
	font-weight: bold;
}
#mainContentContainer  .pager.blue .btn
{
	background-color: #AAAAAA;
	color: Black;
	border: solid 1px #DDDDDD;
}

/* END FILE LINKS PAGINATION STYLES*/