@media (max-width: 786px) {

    #ct_headerLogin  #form-login-secretkey #modlgn-secretkey{

        min-width: 290px !important;

        max-width: 290px !important;

        width: 290px !important;

    }

}

 

html,body

{

    width: 100%;

    height: auto;

    margin: 0px;

    padding: 0px;

}



#siteWrapper {

	width: 100%;

    height: 100%;

    padding: 0px;

	margin:15px auto 50px;

}



.headerWrapper,

.contentWrapper {

	width: auto;

	margin: 0 auto 0 auto;

}



header,

#system-message-container {

   height: auto;

   max-width: 960px;

   margin-left: auto;

   margin-right: auto;

   padding: 0;

}



#ct_headerTools {

    display: inline;

    margin:15px 0;

    min-height:25px;

}



#ct_headerLogin, 

#ct_headerSearch {

    float:right;

    margin-left:25px;

    position:relative;

    width:auto;

}



#main {

	display: block;

	height:auto;

	max-width: 940px;

	overflow: visible;

	padding: 10px 10px 10px 10px;

	margin-left: auto;

	margin-right: auto;

}



#main section {

	margin-bottom: 0;

	padding: 0;

}



.container:after {

  content: ;

  display: block;

  clear: both;

  font-size: 0;

  height: 0;

  visibility: hidden;

}



footer {

	display: block;

	height:auto;

	max-width: 940px;

	overflow: visible;

	padding: 10px 10px 40px 10px;

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

}



.siteLogo {

	display: inline;

	float: left;

	width: auto;

	height: auto;

	min-height: 30px;

}



.siteLogo img {

	max-width: 100%;

}



/* GRID ------------------------------------*/



.row {

	display: table;

	height:auto;

	width: 100%;

	margin: 0;

}



.row > div {

	display: table-cell;

	vartical-align: top;

	float: left;

	position:relative;

	height: auto;

	margin-left: 1.875%;

	margin-bottom: 1.875%;

	padding-top: 1%;

}



.row > div:first-child,

.columnWidth_1 > div,

.end,

.span_1 {

	margin-left: 0% !important;

}



.row div div {

	width: auto;

}



.moduleContent {

	display: block;

}



.row > .moduletable_ct_darkBox,

.row > .moduletable_ct_lightBox {

	padding: 1%;

}



.columnWidth_1 > div { width: 100%; }

.columnWidth_2 > div { width: 49.0625%; }

.columnWidth_3 > div { width: 32.0833333333%; }

.columnWidth_4 > div { width: 23.59375%; }

.columnWidth_5 > div { width: 18.5%; }

.columnWidth_6 > div { width: 15.10416666666667%; }



.columnWidth_1 > .moduletable_ct_darkBox,

.columnWidth_1 > .moduletable_ct_lightBox { width: 98%; }

.columnWidth_2 > .moduletable_ct_darkBox,

.columnWidth_2 > .moduletable_ct_lightBox { width: 47.0625%; }

.columnWidth_3 > .moduletable_ct_darkBox,

.columnWidth_3 > .moduletable_ct_lightBox { width: 30.0833333333%; }

.columnWidth_4 > .moduletable_ct_darkBox,

.columnWidth_4 > .moduletable_ct_lightBox { width: 21.59375%; }

.columnWidth_5 > .moduletable_ct_darkBox,

.columnWidth_5 > .moduletable_ct_lightBox { width: 16.5%;}

.columnWidth_6 > .moduletable_ct_darkBox,

.columnWidth_6 > .moduletable_ct_lightBox { width: 13.10416666666667%; }



.span_6 { width: 98% !important }

.span_5 { width: 47.0625% !important }

.span_4 { width: 30.0833333333% !important }

.span_3 { width: 21.59375% !important }

.span_2 { width: 16.5% !important; }

.span_1 {width: 13.10416666666667% !important; }



.row div img {

	max-width: 100%;

	display: inline;

}



.ct_left, .ct_right {

	width: 25%;

	margin-bottom: 1.875%;

	padding: 0;

}



.ct_left {

	margin-right: 1.875%;	

}



.ct_right {

	margin-left: 1.875%;

	margin-right: 0% !important;	

}



.ct_componentContent {

	position: relative;

	display: inline;

	float: left;

	height: auto;

	z-index: 0;

	margin-left: 0 !important;

	margin-right: 0 !important;

	margin-bottom: 1.875%;

	padding: 0;

}



.ct_componentWidth_2 { width: 46.25% !important }



.ct_componentWidth_3 { width: 73.125% !important }



.ct_componentWidth_4 { width: 100% !important }



.ct_componentContent p:first-child {

	margin-top: 0px;

}



/*-------------------------*/



.moduleContent h1,

.moduleContent h2,

.moduleContent h3,

.moduleContent h4,

.moduleContent h5,

.moduleContent h6 {

	margin-top: 0;

}





/* SLIDER -------------------------------------*/



#ct_sliderWrapper, #ct_sliderShadow {

	max-width: 960px;

	overflow: hidden;

}



#ct_sliderWrapper 

{

	position: relative;

	z-index: 300;

	height: auto;

	margin: auto;

}

#ct_sliderShadow

{

	width: auto;

	height: auto;

	margin-left: auto;

	margin-righ: auto;

}

#ct_sliderShadow img {

	vertical-align: top;

	position: relative;

	top: 0;

}

#ct_sliderContent

{

	height: 100%;

	margin: auto;

}

#ct_sliderContent .moduletable

{

	background-color: transparent !important;

}



.flex-control-nav li a {

	height: 16px;

	width: 16px;

	border-radius: 8px;

}



/* BANNERS ----------------------------------------*/



.banneritem img {

	width: 100%;

}









/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-width : 320px)

and (max-width : 480px) {



  	.row > div {

		margin-left: 0%;

		margin-right: 1%;

	}

	

	#main {

		padding: 2%;

		padding-top: 3%;

	}

	

	.columnWidth_1 div, 

	.columnWidth_2 div,

	.columnWidth_3 div, 

	.columnWidth_4 div,

	.columnWidth_5 div,

	.columnWidth_6 div { width: 99%;}

	

	.span_1,

	.span_2,

	.span_3,

	.span_4,

	.span_5, 

	.span_6 { width: 99% !important }

	

	.row div:last-child,

	.end,

	.span_1 {	

	}

	

	.columnWidth_6 > div, 

	.columnWidth_5 > div,

	.columnWidth_4 > div, 

	.columnWidth_3 > div,

	.columnWidth_2 > div,

	.columnWidth_1 > div { 

		margin-bottom: 6%;

	}

	

	.moduletable_ct_darkBox,

	.moduletable_ct_lightBox {

		padding: 2% !important;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

	

	.flex-direction-nav {

		display: none;

	}

}



@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

	

	.flex-control-nav li a {

		height: 24px;

		width: 24px;

		border-radius: 12px;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

	

	#navigation {

		float: none;

		display: block:

	}

	

}



/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

	

	#ct_headerSearch,

	#ct_headerLogin {

		display: block;

		float: none;

		position: relative !important;

		top: 0;

		right: auto;

		width: 100%;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 0;

		margin-top: 10px;

	}

	

	#ct_headerSearch input,

	#ct_headerLogin .moduletable,

	#navigation select

	{

		display: block !important;

		float: none;

		width: 300px !important;

		position: relative;

		margin-left: auto !important;

		margin-right: auto !important;

	}



	#ct_headerLogin input[type='text'] {

		width: 128px !important;

	}

	

	ul.autocompleter-choices {

		width: 300px !important;

		margin-left: 0 !important;

	}

	

  	#navigation {

		float: none;

		display: block:

	}

	

    .row > div {

		margin-left: 0%;

		margin-right: 1%;

	}

	

	#main section {

		padding: 2%;

		padding-top: 3%;

	}

	

	.columnWidth_6 div, 

	.columnWidth_5 div,

	.columnWidth_4 div, 

	.columnWidth_3 div,

	.columnWidth_2 div,

	.columnWidth_1 div { width: 99%;}

	

	.span_6,

	.span_5,

	.span_4,

	.span_3,

	.span_2, 

	.span_1 { width: 99% !important }

	

	.row div:last-child,

	.end,

	.span_1 {	

	}

	

	.columnWidth_6 > div, 

	.columnWidth_5 > div,

	.columnWidth_4 > div, 

	.columnWidth_3 > div,

	.columnWidth_2 > div,

	.columnWidth_1 > div { 

		margin-bottom: 6%;

	}

	

	.ct_left, .ct_right { 

		width: 98%; 

		margin-bottom: 1.875%;

		padding: 1%;

	}



	.ct_left {

		margin-right: 1.875%;	

	}

	

	.ct_right {

		margin-left: 1.875%;	

	}

	

	.ct_componentContent {

		position: relative;

		display: inline;

		float: left;

		height: auto;

		z-index: 0;

		margin-bottom: 1.875%;

	}

	

	.ct_componentWidth_2,

	.ct_componentWidth_3,

	.ct_componentWidth_4 { width: 98% !important }

	

	.moduletable_ct_darkBox,

	.moduletable_ct_lightBox {

		width: 94% !important;

		padding: 3% !important;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

	

}





@media only screen

and (min-width : 321px)

and (max-width : 786px) {

	

	#ct_headerSearch,

	#ct_headerLogin {

		display: block;

		float: none;

		position: relative !important;

		top: 0;

		right: auto;

		width: 100%;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 0;

		margin-top: 10px;

	}

	

	#ct_headerSearch input,

	#ct_headerLogin .moduletable,

	#navigation select

	{

		display: block !important;

		float: none;

		width: 300px !important;

		position: relative;

		margin-left: auto !important;

		margin-right: auto !important;

	}

	

	#ct_headerLogin input[type='text'] {

		width: 128px !important;

	}

	

	ul.autocompleter-choices {

		width: 300px !important;

		margin-left: 0 !important;

	}

	

  	#navigation {

		float: none;

		display: block:

	}

	

	

	.ct_left, .ct_right { 

		width: 98%; 

		margin-bottom: 1.875%;

		padding: 1%;

	}



	.ct_left {

		margin-right: 1.875%;	

	}

	

	.ct_right {

		margin-left: 1.875%;	

	}

	

	.ct_componentContent {

		position: relative;

		display: inline;

		float: left;

		height: auto;

		z-index: 0;

		margin-bottom: 1.875%;

	}

	

	.ct_componentWidth_2,

	.ct_componentWidth_3,

	.ct_componentWidth_4 { width: 98% !important }

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

	

}







@media only screen

and (min-width : 321px)

and (max-width : 768px) {

	

	#main section {

		margin-left: 0;

		margin-right: 0;

	}

  

  	.row > div {

		margin-left: 0.9375%;

		margin-right: 0.9375%;

	}

	

	.columnWidth_1 div, 

	.columnWidth_2 div { 

		width: 98%; 

	}

	

	.columnWidth_3 div, 

	.columnWidth_4 div,

	.columnWidth_5 div, 

	.columnWidth_6 div { 

		width: 48.125%; 

	}

	

	.row > div.span_1, 

	.row > div.span_2 { 

		width: 98% !important;

	}

	

	.row > div.span_3, 

	.row > div.span_4,

	.row > div.span_5, 

	.row > div.span_6 { 

		width: 48.125% !important;

	}

		

	.columnWidth_1 div > .moduletable_ct_darkBox, 

	.columnWidth_1 div > .moduletable_ct_lightBox, 

	.columnWidth_2 div > .moduletable_ct_darkBox, 

	.columnWidth_2 div > .moduletable_ct_lightBox { 

		width: 96%;

	}

	

	.columnWidth_3 > .moduletable_ct_darkBox, 

	.columnWidth_3 > .moduletable_ct_lightBox,

	.columnWidth_4 > .moduletable_ct_darkBox, 

	.columnWidth_4 > .moduletable_ct_lightBox,

	.columnWidth_5 > .moduletable_ct_darkBox, 

	.columnWidth_5 > .moduletable_ct_lightBox,

	.columnWidth_6 > .moduletable_ct_darkBox, 

	.columnWidth_6 > .moduletable_ct_lightBox { 

		width: 46.125% !important;

	}

	

	

	.row div:last-child,

	.end,

	.span_1 {	

		margin-right: 0%;

	}

	

	.columnWidth_6 > div, 

	.columnWidth_5 > div,

	.columnWidth_4 > div, 

	.columnWidth_3 > div,

	.columnWidth_2 > div,

	.columnWidth_1 > div { 

		border-bottom: none;

		margin-bottom: 1,875%;

	}

	

	.ct_left, .ct_right { 

		width: 98%; 

		margin-bottom: 1.875%;

		padding: 1%;

	}



	.ct_left {

		margin-right: 1.875%;	

	}

	

	.ct_componentContent {

		position: relative;

		display: inline;

		float: left;

		height: auto;

		z-index: 0;

		margin-right: 1.875%;

		margin-bottom: 1.875%;

	}

	

	.ct_componentWidth_2 { width: 98% !important }

	

	.ct_componentWidth_3 { width: 98% !important }

	

	.ct_componentWidth_4 { width: 98% !important }

	

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

	

}