body, html { margin:0px;  padding:0px;background-color:#5983AB; color:#666666; }
body 
{
	margin:0px;
	padding:28px 0px 0px 0px;
	background-color:#5983AB;
	color:#666666;
	background:url(images/bgPage.png) repeat-x top left;
	font-size:1.0em;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
img {border:0px;}
table tr { vertical-align:top;}

#wrapper { margin:0px auto; padding:0px; width:980px; background-color:#5983AB; color:#666666; }

/*Top Styles*/
#top {  float:left; padding:0px 0px 0px 20px; height:42px; margin:0px; width:960px; background-color:#336799; border-bottom:5px solid #3398CC;}
#topleft {  float:left; padding:0px; height:42px; margin:0px; width:180px; background-color:#336799;}
#topnav {float:left; background-color:#336799; color:#ffffff; height:23px; padding:7px 0px 12px 0px; width:620px; margin:0px; font-size:0.7em;}
#topnav ul { z-index:10000;  display:block; list-style-type:none; padding:0px; margin:0px; width:620px; color:#ffffff; background-color: #336799;}
#topnav li {float: left; padding:0px; margin:0px; color:#ffffff; }
#topnav a {display: block;}
#topnav ul ul li a:active,#topnav ul ul li a:link, #topnav ul ul li a:visited { color:#ffffff; border-bottom:1px solid #ffffff; padding: 3px 6px 5px 10px;background-color:#336799; text-decoration:none; text-transform:capitalize;}
#topnav ul ul li a:hover { color:#ffffff; background-color:#336799; text-decoration:none;}
#topnav ul ul li {text-transform:capitalize; font-weight:normal; padding: 0px; background-color:#336799; }
#topnav li ul { position: absolute; left: -999em; width: 10em; white-space:nowrap;}
#topnav li ul a{ width:14em;}
#topnav li:hover ul, #topnav li.sfhover ul{ left: auto;}
*:first-child+html #topnav {height: 1%;}
*:first-child+html #topnav li {height: 1%;}

#topright {float:left; padding:8px 10px 8px 10px; height:18px; margin:0px; width:140px; background-color:#3398CC; margin-top:9px;}
#topright .search{ width:119px; height:15px; margin:0px; padding:0px; vertical-align:middle; border-left:1px solid #2382BC; border-bottom:1px solid #2382BC; border-top:1px solid #2382BC; border-right:0px; padding-left:4px; font-size:0.7em;}
#topright .serachbtn{ margin:0px;height:17px; padding:0px; vertical-align:bottom;}
/*Top Styles*/


/* Top Search 
#topSearch {float:left; padding:0px 0px 0px 20px; border-bottom:1px solid #dfe1de; height:33px; margin:0px; width:960px; background-color:#3297cb;}
.topSearchImage {float:left; width:180px;}
.topSearchForm {float:left;padding:5px 0px 5px 0px;  margin:0px;  width:780px; }
#topSearch form {padding:0px 0px 0px 10px; margin:0px; height:20px; vertical-align:top;}
#topSearch select {padding:0px 0px 0px 3px; margin:0px; height:17px; width:210px; font-size:0.6em; vertical-align:middle;}
#topSearch input {padding:0px 0px 0px 20px; margin:0px; font-size:0.6em;vertical-align:middle;}
 Top Search */


/*Main Content Styles*/
#main {clear:both;padding:9px 10px 10px 10px; background-color:#ffffff; color:#3098cb; width:960px; margin:0px; font-size:0.7em; min-height:600px; height: auto !important; height:600px; border-top:1px solid #E0E0E0;}

/*Main HOME Styles*/
#mainHome {clear:both; padding:19px 20px 20px 20px; background-color:#ffffff; color:#000000; width:940px; margin:0px; border-top:1px solid #E0E0E0;}
#flashHome {float:left; width:700px; padding:0px 20px 0px 0px; margin:0px;}
#rightHome {float:left; width:220px; padding:0px; margin:0px;}
.rightEvents {float:left; width:220px; padding:9px 0px 0px 0px; margin:0px;}
.rightEvents a:active,.rightEvents a:link,.rightEvents a:visited {display:block; background-color:#ffebec; color:#000000; border-bottom:1px solid #FDCBCA; padding:0px 11px 10px 11px; margin:0px; text-decoration:none; font-size:0.7em;}
.rightEvents a:hover {display:block; background-color:#ffffff; color:#000000; border-bottom:1px solid #FDCBCA; padding:0px 11px 10px 11px; margin:0px; text-decoration:none; font-size:0.7em;}
.rightBtns {float:left; width:220px; padding:0px; margin:0px;}
.rightBtns img { padding:0px 0px 1px 0px; margin:0px;}
.eventsDate
{
	display:block; 
	/*background-color:#ffebec; */
	color:#CC0001; 
	padding:10px 11px 0px 0px; 
	margin:0px; 
	text-decoration:none; 
	font-size:1em; 
	font-weight:bold;
}

#mainHome2 {clear:both; padding:19px 20px 20px 20px; border-top:1px solid #c5e1ef; background-color:#d7ebf6; color:#000000; width:940px; margin:0px;}
#leftHome {float:left; width:220px; padding:0px 20px 0px 0px; margin:0px;}
#contentHome {float:left; width:460px; padding:0px 20px 0px 0px; margin:0px; font-size:0.8em; }
#contentHome h1 { color:#326799; background-color:#d7ebf6; font-size:1.5em; padding:0px; margin:0px; font-weight:normal;}
#contentHomeRight {float:left; width:220px; padding:0px; margin:0px;}
/*Main HOME Styles*/



.mainContent{float:left; padding:0px 10px 0px 0px; width:750px; margin:0px; background-color:#ffffff; color:#000; }
.mainContent h1{background-color:#33659a; color:#ffffff; font-weight:normal; display:block; padding:4px 10px; margin:0px; font-size:1.6em; text-transform:uppercase;}
.mainContent .Blue h1 { background-color:#3398CC; color:#ffffff; font-weight:normal; display:block; padding:4px 10px; margin:0px; font-size:1.6em; text-transform:uppercase;}
.mainContent h2{ background-color:#ffffff; color:#0f437a; font-weight:normal; padding:0px 0px 0px 0px; margin:0px; font-size:1.3em; }
.mainContent p {background-color:#ffffff; color:#000; padding:0px 0px 10px 0px; margin:0px; font-size:13px}
.mainContent a{ background-color:#ffffff; color:#000; text-decoration:none;}
.mainContent a:hover{ background-color:#ffffff; color:#33659a; text-decoration:underline;}
.mainContent ul {padding:0px 0px 7px 15px; margin:0px; list-style-type:circle; font-size:13px}
.mainContent li {padding:0px 0px 3px 0px; margin:0px;}
.mainContent table {padding:0px 0px 10px 0px; margin:0px;}
.mainContent table tr { vertical-align:top}

.mainContentText{float:left; padding:10px 10px 0px 10px; width:730px; margin:0px; background-color:#ffffff; color:#666666; }

.mainContentText ul
{
	margin-left:10px;	
	color:#000;
}


#Search { float:left; margin:0px; padding:14px 20px 14px 20px; width:160px; vertical-align:top; background-color:#ccebf5; border-bottom:1px solid #b7e3f1; border-top:1px solid #b7e3f1;}
#Search form{padding:0px; margin:0px; vertical-align:top; background-color:#ccebf5;  color:#666666;}
#Search #search{font-family:Arial, Helvetica, sans-serif; width:140px; vertical-align:middle; font-size:0.8em; border:0px; background-color:#ffffff; height:14px; color:#313131; margin:0px; padding:1px 0px 0px 5px;}
#Search #searchbutton {font-family:Arial, Helvetica, sans-serif; text-align:right; vertical-align:middle; padding:0px; margin:0px; height:15px; }
#QuickLinks { padding:10px 0px 0px 0px; margin:0px; float:left;}
#Btns {float:left; padding:10px; width:180px; margin:0px; }
#Btns img { padding:0px 0px 9px 0px; margin:0px;}
#BtnsTop {float:left; padding:9px 10px 0px 10px; width:180px; margin:0px; }
#BtnsTop img { padding:0px 0px 0px 0px; margin:0px;}
.Form {  margin:0px; padding:0px; border:0px; background-color:#EAEFF5; color:#000; }
.Form .input {font-family:Arial, Helvetica, sans-serif; background-color:#ffffff;  color:#666666; margin:0px; padding:0px 0px 0px 3px; border:1px solid #666666;}
.Form td{  margin:0px; padding:5px 0px 5px 10px; }
.Form tr { margin:0px; padding:0px;}
.Form .nobg{ margin:0px; padding:0px;background-color:#ffffff;  color:#555555; }
.Form #Submit {font-family:Arial, Helvetica, sans-serif; margin:0px; padding:3px 0px;}
.Form input, .Form select, .Form textarea
{
	border:1px solid #000;
}
.inputWide {width:200px;}
.TableHeader td{ background-color:#33659a; color:#ffffff; font-weight:bold }

.Red{ font-weight:bold; color:Red;}
.gridHeader{background-color:#33659a; color:#ffffff; font-weight:bold;}
/*Main Content Styles*/


/*Main INSIDE Styles*/
#left { float:left; padding:0px 20px 0px 0px; width:180px; margin:0px; }
.navholder{width: 180px; background-color:#EAEFF5; font-size:0.9em; /*font-style:italic;*/ margin: 0px; padding: 0px; text-transform:capitalize;}
.navholder ul{margin: 0px; padding: 0px; list-style-type:none;}
.navholder li{margin: 0px; padding: 0px; list-style-type:none; display:block; width: 180px; }
.navholder .header a {display:block; width: 164px;  margin: 0px; padding: 4px 6px 5px 10px; background-color:#326698; color:#96FEFF; text-transform:uppercase; font-style:italic; font-weight:bold;}
.navholder .header a:link, .navholder .header a:visited, .navholder .header a:active {background-color:#326698; color:#96FEFF; text-decoration:none; text-transform:uppercase; font-style:italic;  font-weight:bold;}
.navholder .header a:hover {background-color:#326698; color:#ffffff; text-decoration:none; text-transform:uppercase; font-style:italic;  font-weight:bold;}
.navholder a {display:block; width: 164px;  margin: 0px; padding: 4px 6px 5px 10px; background-color:#EAEFF5; color:#356498;}
.navholder a:link, .navholder a:visited, .navholder a:active {background-color:#EAEFF5; color:#356498; text-decoration:none; border-bottom:1px solid #C1D1E0; }
.navholder a:hover {background-color:#ffffff; color:#356498;text-decoration:none; background-image:none; border-bottom:1px solid #C1D1E0; }
.navholder .On a{background-color:#ffffff; color:#356498; text-decoration:none; border-bottom:1px solid #C1D1E0;}
.navholder .subnav a {display:block; width: 154px;  margin: 0px; padding: 4px 6px 5px 20px; background-color:#EAEFF5; color:#356498;}
.navholder .subnav a:link, .navholder .subnav a:visited, .navholder .subnav a:active {background-color:#EAEFF5; color:#356498; text-decoration:none; border-bottom:1px solid #C1D1E0; }
.navholder .subnav a:hover {background-color:#ffffff; color:#356498;text-decoration:none; background-image:none; border-bottom:1px solid #C1D1E0; }
.navholder .subnav .On a{background-color:#ffffff; color:#356498; text-decoration:none; border-bottom:1px solid #C1D1E0;}

#BreadCrumbs{float:left; width:750px; padding:0px 10px 6px 0px; color:#999999; background-color:#ffffff;}
.mainContent .Blue #BreadCrumbs{float:left; width:750px; padding:0px 10px 9px 0px; color:#999999; background-color:#ffffff;}

#BreadCrumbs a .On { color:#68B4D8;}
#BreadCrumbs a:link, #BreadCrumbs a:visited, #BreadCrumbs a:active { color:#999999; text-decoration:none; padding:0px 0px; margin:0px;}
#BreadCrumbs a:hover { color:#68B4D8; text-decoration:none; padding:0px 0px; margin:0px;}

.Products {border-top:1px solid #ffffff;}
.ProductsTableRow td {border-bottom:1px solid #33659a; }
.title{background-color:#336799; color:#ffffff; font-weight:normal; padding:4px 10px; margin:0px; font-size:1.6em; text-transform:uppercase;}
.ProductsTableRow td {padding:10px 0px 10px 10px; margin:0px;}
.ProductsTableRow td .header { width:440px; float:left;padding:0px 10px 0px 0px; margin:0px; color:#3297CB; text-transform:uppercase; font-weight:bold; font-size:1.1em;}
.ProductsTableRow td .content {padding:0px 10px 0px 0px; margin:0px;}
.ProductsTableRow td .content p {padding:0px 0px 10px 0px; margin:0px; }
.ProductsTableRow td .buttons {padding:0px; margin:0px; width:560px; float:left;}
.ProductsTableRow td .buttons img {padding:0px 5px 0px 0px; margin:0px;}
.ProductsTableRow td .header a{color:#3297CB;}

.ProductsPaging { width:750px;padding:0px; color:#999999; background-color:#ffffff;  background:url(images/pagingbg.jpg) top left no-repeat;}
.ProductsPaging td { padding:0px 0px 3px 31px; margin:0px; height:24px;}
.ProductsPaging span { background:url(images/pagingbglink.jpg) right no-repeat; color:#336799; text-decoration:none; padding:0px 7px 0px 0px; margin:0px; font-weight:bold;}
.ProductsPaging a:link, .ProductsPaging a:visited, .ProductsPaging a:active { background:url(images/pagingbglink.jpg) right no-repeat; color:#3398CC; text-decoration:none; padding:0px 7px 0px 0px; margin:0px;}
.ProductsPaging a:hover { color:#68B4D8; text-decoration:none; padding:0px 7px 0px 0px; margin:0px;}

.productssearch {height:25px; border-bottom:1px solid #33659a; padding:5px 0px 0px 10px; background-color:#EAEFF5; color:#356498;}
.productssearch .productslist {font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 3px; margin:0px; height:17px; font-size:9px; vertical-align:middle;}
.productssearch input {font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 20px; margin:0px; font-size:0.6em;vertical-align:middle;}


#Products {float:left; width:750px; padding:0px; margin:0px;}
.ProductsLeft {float:left; width:280px; padding:0px 0px 0px 0px; margin:0px; text-align:center;}
.ProductsLeft .image { padding:0px; min-width:280px;  width:auto !important; width:280px; min-height:280px; height:auto !important; height:280px;}
.ProductsRight {float:left; width:450px; padding:20px 0px 0px 20px; margin:0px;}

#accordion {width:280px; margin:0px; padding:0px 0px 0px 0px; text-align:left; /*font-style:italic*/}
#accordion  h3.toggler {cursor: pointer; height:22px; border-bottom: 1px solid #ffffff; margin: 0px;padding:0px; background-color:#ffffff; color:#3398CC;}

#accordion2 {width:220px; font-size:0.7em; margin:0px; padding:0px 0px 0px 0px; text-align:left; /*font-style:italic;*/}
#accordion2 h3.toggler {cursor: pointer; height:22px; border-bottom: 1px solid #d7ebf6; margin: 0px;padding:0px; background-color:#d7ebf6; color:#3398CC;}
#accordion2 .element a {display:block; margin:0px; padding:3px 10px 3px 8px; background-color:#b6dbed; color:#326799; text-decoration:none; border-bottom:1px solid #ffffff;}
#accordion2 .element a:link, .element a:visited, .element a:active { background-color:#b6dbed; color:#326799; }
#accordion2 .element a:hover { background-color:#ffffff; color:#326799; }
#accordion2 .element { margin:0px; padding:0px 0px;}
#accordion2 .element p { margin:0px; padding:5px 10px; background-color:#b6dbed; color:#326799;}
#accordion2 .element .left {float:left; width:110px; padding:0px; margin:0px}
#accordion2 .element .right {float:left; width:110px; padding:0px; margin:0px}

h3.toggler img {height:22px; }
#accordion .element a {display:block; margin:0px; padding:3px 10px 3px 8px; background-color:#d7ebf6; color:#326799; text-decoration:none; border-bottom:1px solid #ffffff;}
#accordion .element a:link, .element a:visited, .element a:active { background-color:#d7ebf6; color:#326799; }
#accordion .element a:hover { background-color:#ffffff; color:#326799; }
#accordion .element { margin:0px; padding:0px 0px;}
#accordion .element p { margin:0px; padding:5px 10px; background-color:#d7ebf6; color:#326799;}
/*Main INSIDE Styles*/


/*Footer Styles*/
#footer {clear:both; font-size:0.6em; padding:0px 15px 0px 15px; width:950px; margin:0px; color:#66ccff; background-color:#336799;}
.footer { padding:5px 0px 5px 0px; width:950px; margin:0px; text-transform:uppercase;background-color:#336799;}
.footer a { color:#66ccff ; background-color:#336799; text-decoration:none; padding:0px 5px;}
.footer a:hover {color:#ffffff; background-color:#336799;}
#footer2 {clear:both; font-size:0.6em; padding:0px; width:980px; margin:0px;color:#66ccff;  border-top:1px solid #537ea9; background-color:#336799;}
.footer2 {padding:5px 15px 5px 15px; width:950px; margin:0px; background-color:#336799; color:#66ccff;}
.footer2 a { color:#66ccff; background-color:#336799; text-decoration:none; padding:0px;}
.footer2 a:hover {color:#ffffff; background-color:#336799;}
#footer3 {clear:both; float:right; text-align:right; font-size:0.6em; padding:0px 0px 0px 0px; width:980px; margin:0px; background-color:#5580AA; color:#ffffff;}
/*Footer Styles*/

.tramexButton
{
	float:right;
	background-color:#3399CC;
	font-style:italic;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:10px;
	padding:2px 6px;
	text-transform:uppercase;
	border:none;
	margin:5px;
	cursor:pointer;
	width:auto;
}
.tramexButton:hover
{
	background-color:#1A74B3;
	font-style:italic;
	text-decoration:none;
	font-weight:bold;
	color:#99FFFF;
	font-size:10px;
	padding:2px 6px;
	text-transform:uppercase;
	border:none;
}

/* User Feedback styles */
h5
{
	margin:10px 0px 10px 10px;
	font-style:italic;
	color:#39C;
	font-size:16px;
}
#panelMessage p
{
	padding-left:10px;
	font-size:1em;
}
#socialNetworking
{
	float:left;
	margin-top:9px;
	width:220px !important;
}
#socialNetworking table, #socialNetworking tbody, #socialNetworking tr
{
    width:220px !important;
    font-size:11px;
}
#socialNetworking td
{
    float:left;
    width:220px !important;
}
#socialNetworking img
{
	margin-bottom:1px;
}
.txtOrderPrice
{
	border:solid 1px #CCC;
	width:4em;
	float:right;
	margin-right:5px;
}
#player
{
	display:block;
	/*width:375px;
	height:221px;	*/
	width:720px;
	height:422px;	
	text-align:center;
	margin:15px;
	float:left;
	border:1px solid #999;

}
#player img
{
	text-align:center;
	padding-top:161px;
}
/* Google Translate */
body
{
	padding-top:0;
}
#top
{
	height:70px;
	float:left;
}
#topright
{
	height:61px;
	padding:0;
	width:160px;
	background-color:Transparent;
}
#topRightSearch
{
    padding:8px 10px;
    background-color:#3398CC;
}

#topleft, #topnav
{
	padding-top:28px;
}
#translateWrapper, #languages
{
	height:28px;
	line-height:28px;
	width:160px;
	padding:0px 0px 0px 0px;
}
#languages a
{
    float:right;
    margin:0px 0 0 5px;
}
#google_translate_element
{
	height:22px;
	padding-bottom:6px;
}
#google_translate_element select
{
	width:140px;
	border:1px solid #2382BC;
	font-size:11.2px;
	padding:0px 0px 0px 1px;
	height:17px;
}
.goog-te-gadget
{
	color:#3398CC !important;
}
#google_translate_element span
{
	display:none;
	
}

#fb-root
{
    float:right;
    margin:0 0 0 10px;
}

/* CC order form */
#orderCC
{
    float:left;
    width:400px;
    background-color:#EAEFF5;
    padding:5px;
}
#orderCC td
{
    height:20px;
    float:left;
    width:45%;
}
#orderCC input[type=text], #orderCC select
{
    border:1px solid #000;   
}
.plain
{
    background:none !important;
    background-color:#FFF !important;
    padding:5px 20px 0 20px;
}
.plain h1
{
    margin-top:0;
}
#paymentInfo
{
    width:380px;
    background-color: #33659A;
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 4px 10px;
    text-transform: uppercase;
}
.leftButton{ float:left !important;margin: 10px 0 0 0;}

/* Profile additions */
#profileButtons
{
    float:left;
    width:710px;
    height:265px;
    background-color:#D6EBF5;
    padding:20px;
}
#profileButtons .button
{
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    display:block;
    width:220px;
    height:116px;
    float:left;
    margin:0 20px 20px 0;
}
#profileButtons .endButton{ margin:0 0 20px 0; }
#profileButtons .myProfile{ background:url('images/profileButMyProfile.png') left top no-repeat transparent; }
#profileButtons .addRegistration{ background:url('images/profileButAddRegistrations.png') left top no-repeat transparent; }
#profileButtons .viewRegistration{ background:url('images/profileButViewRegistrations.png') left top no-repeat transparent; }
#profileButtons .orderProducts{ background:url('images/profileButOrderProducts.png') left top no-repeat transparent; }
#profileButtons .viewAllProducts{ background:url('images/profileButViewAll.png') left top no-repeat transparent; }
#profileButtons .logout{ background:url('images/profileButLogout.png') left top no-repeat transparent; }
#profileButtons .button:hover{ background-position:bottom; }

#socialNetworkingLinks
{
    float:left;
    clear:both;
    width:750px;
    height:36px;
    margin:0 0 10px 0;
}
#socialNetworkingLinksProducts
{
    float:left;
    clear:both;
    width:450px;
    height:50px;
    margin:0 0 5px 0;
    display: block;
}
#socialNetworkingLinks div, #socialNetworkingLinksProducts div
{
    float:left !important;
    margin:10px 10px 0 0 !important;
}

#socialNetworkingLinksProducts div
{
    float:left !important;
    margin:0 10px 0 0 !important;
}