@import "video.css";
@import "content.css";

/*body{
 background:#dce9f5 url(../images/bg.gif) repeat-x top left;
 font-size:62.5%;
 font-family:Arial, Helvetica, sans-serif;
 color:#000;}*/

body, body.full
{
    background: #FFFFFF;
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

body.standalone
{
    background: #FFFFFF /*url(../images/bg.gif) repeat-x top left*/;
}


*
{
    margin: 0;
    padding: 0;
    /*list-style-type: none;*/
}

hr
{
    display: none;
}

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after
{
    /* clear floats */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* hide from ie-mac \*/
.clearfix
{
    display: block;
}
/* end hide from ie mac */
.clearfix
{
    display: inline-block;
}

.clear
{
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0.0;
}

.imgreplace
{
    /* apply image replacement */
    text-indent: -999999px;
    text-align: justify;
    overflow: hidden;
    display: block;
}

.nounderline
{
    /* remove underline */
    text-decoration: none !important;
}

.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

img.left
{
    float: left;
    margin: 0 8px 0 0;
}

.main-wrapper-frame, .main-wrapper
{
    max-width: 1000px;
    min-width: 970px;
    padding-bottom: 10px;
}
.main-wrapper
{
    margin-left: auto;
    margin-right: auto;
}
.main-wrapper .border-top-left
{
    background: url(../images/frame_top-left.png) no-repeat top left;
}
.main-wrapper .border-top-right
{
    background: url(../images/frame_top-right.png) no-repeat top right;
}
.main-wrapper .border-bottom-left
{
    background: url(../images/frame_bottom-left.png) no-repeat bottom left;
}
.main-wrapper .border-bottom-right
{
    background: url(../images/frame_bottom-right.png) no-repeat bottom right;
}

.bulletedList
{
    padding: 5px;
    list-style-type: square;
}

.noStyleTypeList
{
    list-style-type: none;
}
/* FORMS
--------------------------------------------------------------------------------------*/
fieldset
{
    border: none;
    font-size: 1.2em;
}

fieldset br
{
    clear: left;
}

fieldset a
{
    color: #000 !important;
    font-size: 0.9em !important;
    font-weight: bold;
}

fieldset label
{
    float: left;
    margin: 0 0 4px 0;
}

fieldset input
{
    margin: 0 0 4px 0;
}

input.text
{
    border: 3px solid #A7A6AA;
    height: 18px;
    float: left;
    margin: 0 0 0 5px;
}

textarea
{
    border: 1px solid #A7A6AA;
    float: left;
    margin: 0 0 0 5px;
}

input.check
{
    float: left;
    margin: 0 5px 0 0;
}

/* LINKS
---------------------------------------------------------------------------------------*/
a img
{
    border: none;
    vertical-align: middle;
}

a:focus
{
    outline: none;
}

a, a:visited
{
    color: #00888E;
    text-decoration: none;
}

a:hover
{
    color: #00888E;
    text-decoration: underline;
}

/*HEADINGS
---------------------------------------------------------------------------------------*/
h1
{
    color: #00888E;
    font-size: 1.3em;
}

h1 a.back, .fluidrightlink
{
    color: #00888E !important;
    font-weight: normal;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none !important;
}

h1 a.back
{
    padding: 0 0 0 18px;
    background: url(../images/icon_back.gif) no-repeat top left;
}

h1 span.fluidtextleft
{
    padding: 0px 0 5px 0px;
    color: #00888E;
    font-size: 1.3em;
    text-transform: uppercase;
}

.favourites-star
{
    padding-left: 5px;
}

/*h2{
 color:#00888E;
 font-size:1.4em;
 padding: 0 0 4px 0;
 text-transform: uppercase;
 border-bottom : solid 2px #00888E; }

h2 span {
 padding-left: 4px;
}*/


/* PAGE STRUCTURE
---------------------------------------------------------------------------------------*/
#container
{
    width: 98%;
    clear: both;
    margin: 0 auto;
    min-width: 970px;
}

#inner-container
{
    width: 100%;
}

#wrapper
{
    width: 100%;
    float: left;
    min-width: 770px;
}



#left-colum
{
    width: 176px;
    float: left;
    padding: 0px 0px 0 0px;
    margin-left: -100%;
}

#center-column
{
    margin: 0 195px;
    overflow: hidden; /* Fix for correct align of searchbox in IE */
}

.norightcolumn
{
    margin-right: 0 !important;
}

#center-column-full
{
    margin: 0 15px 0 15px;
    width: 98%;
}

#right-column
{
    float: left;
    margin-left: -176px;
    width: 176px;
}

#center-column-fixed
{
    width: 578px;
    margin: 0 auto;
}

#header-frame
{
    margin: 0 5px;
    min-width: 970px;
}
#header
{
    background: url(../images/bg.gif) repeat-x bottom left;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    width: 100%; /*margin: 0 5px 0 5px;*/
}


/* HEADER
-------------------------------------------------------------------------------------*/
a.logo
{
    background: url(../images/logo.gif) no-repeat top left;
    height: 61px;
    float: left;
    margin: 20px 0 0 5px;
}

a.logo:hover
{
    text-decoration: none;
}

a.logo span
{
    text-indent: 0;
    color: #fff;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 2.5em;
    font-size: 1.2em;
}

.header-right
{
    text-align: right;
    color: #FFF;
    font-weight: bold;
    font-size: 1.3em;
    padding: 30px 31px 0 0;
}

span.bigwhitefont
{
    font-size: 1.3em;
}

span.violetfont
{
    color: #330033;
}


/* BREADCRUMBS 
-------------------------------------------------------------------------------------*/
div.breadcrumbs
{
    padding: 0 0 10px 5px;
    font-size: 1.1em;
    width: 83%;
    margin: 0 190px 0 0;
}

div.breadcrumbs a
{
    color: #9C9C9C !important;
}

div.breadcrumbs p a.active
{
    color: #9C9C9C !important;
    text-transform: uppercase;
}

p.breadcrumbs-left
{
    float: left;
    margin: 0 10px 0 0;
    color: #9C9C9C;
    text-transform: uppercase;
}

p.breadcrumbs-right
{
    float: right;
}


/* CENTER COLUMN
--------------------------------------------------------------------------------------*/

#center-column h1, /*#center-column h2,*/ #center-column-full h1, #center-column-fixed h1
{
    position: relative;
    top: -25px;
    bottom: 25px;
    color: #0B0B0B;
    font-size: 1.3em;
    padding: 0;
}

#center-column p, #center-column-full p
{
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

#center-column-fixed p
{
    font-size: 1.1em;
    margin: 0 0 15px 0;
}


/*  FLUID ROUNDED CORNERS */
.fluid-box
{
    padding: 0 12px 0 0;
    background: #fff url(../images/bordersright.gif) 100% 0 repeat-y;
    margin: 4px 0 20px 0;
}

.fluid-box-gray
{
    padding: 0 12px 0 0;
    background: #E4E4E4 url(../images/bordersrightgray.gif) 100% 0 repeat-y;
    margin: 0 0 20px 0;
}

.fluid-left, .fluid-left-promo, .fluid-left-promo-front
{
    width: 47%;
    float: left;
}

.fluid-right, .fluid-right-promo, .fluid-right-promo-front
{
    width: 47%;
    float: right;
}

.fluid-left-promo
{
    width: 37%;
}

.fluid-right-promo
{
    width: 57%;
}

.fluid-right div.equal-height, .fluid-left div.equal-height
{
    min-height: 300px;
    height: auto !important;
    height: 300px;
}

.bi
{
    padding: 0 0 0 0 12px;
    background: url(../images/borders.gif) 0 0 repeat-y;
}

.bt
{
    height: 23px;
    margin: 0 -12px;
    background: url(../images/box.gif) 100% 0 no-repeat;
}

.bt div
{
    width: 180px;
    height: 23px;
    background: url(../images/box.gif) 0 0 no-repeat;
}

.bb
{
    height: 17px;
    margin: 0 -12px;
    background: url(../images/box.gif) 100% 100% no-repeat;
}

.bb div
{
    width: 18px;
    height: 17px;
    background: url(../images/box.gif) 0 100% no-repeat;
}

/*gray bod */
.fluid-box-gray .bi
{
    background: #E4E4E4 url(../images/bordersleftgray.gif) 0 0 repeat-y;
}

/* gray bottom */

.bb2
{
    height: 60px;
    margin: 0 -12px;
    background: url(../images/box2.jpg) 100% 100% no-repeat;
}

.bb2 div
{
    width: 18px;
    height: 60px;
    background: url(../images/box2.jpg) 0 100% no-repeat;
}

/* LEFT AND RIGHT COLUMN ELEMENTS
--------------------------------------------------------------------------------------*/

/* Boxes */
.sidebar-box
{
    background: url(../images/sidebar_bg.gif) repeat-y top left;
    width: 179px;
    margin: 0 0 10px 0;
}

.sidebar-box-wrapper
{
    /*background:url(../images/sidebar_headerbg.gif) no-repeat top left;*/ /*padding: 5px 8px;*/ /*min-height:127px;  height:auto !important;  height:127px;*/
}

.sidebar-box-bottom
{
    background: url(../images/sidebar_bottombg.gif) no-repeat bottom left;
    height: 8px;
}

/* List */
ul.list
{
    margin: 0;
    padding: 0;
}
ul.list li
{
    background: #F7F7F7 url(../images/bullet.gif) no-repeat 0 4px;
    font-size: 1.2em;
    margin: 0 0 0 0px;
    padding: 4px 0 4px 4px;
    border-bottom: solid 1px #CFCFCF;
}

ul.list li.active
{
    background-color: #E0E0E0;
}

ul.list li span, ul.list li a
{
    color: #00888E;
}

ul.list li a:hover
{
    color: #00888E;
}


/* LEFT COLUMN
--------------------------------------------------------------------------------------*/
label.search
{
    float: right;
    color: #707070;
    font-size: 0.9em;
    padding: 0 10px 0 0;
    font-weight: normal;
}

.sidebar-box fieldset a
{
    border-top: 1px solid #999999;
    padding: 8px 0 0 15px;
    margin: 10px 0 0 0;
    background: url(../images/bullet.gif) no-repeat left 11px;
    display: block;
    color: #330033 !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

/* RIGHT COLUMN
--------------------------------------------------------------------------------------*/
#right-column .sidebar-box
{
    margin: 0 0 30px 0;
}


/* INFO TEXT
 --------------------------------------------------------------------------------------*/
div.infotext
{
    clear: both;
    font-size: 1.2em;
}


/* Big search box */
.searchbox
{
	clear: both;
	height: 36px;
	margin: 10px auto 30px;
	text-align: center;
	width: 548px;
}
.searchbox-btn
{
	height: 36px;
	margin-left: -36px;
	width: 36px;
	float: left;
}

.searchbox-txt
{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 2px solid #C5C5C5;
	color: #C5C5C5;
	font-size: 18px;
	height: 24px;
	padding: 4px 4px;
	width: 500px;
	float: left;
}
/* End big search box*/

/* Sliding promo box  */
.promoslider-wrapper-small
{
	clear: both;
	margin: 0px auto 12px auto;
	width: 756px;
	height: 180px;
}

.promoslider-small
{
	float: left;
	height: 180px;
	padding: 0 0 10px;
	width: 700px !important;
}

.promoslider-small ul
{
	float: left;
	height: 180px;
	list-style:none;
	margin:0;
	padding:0;
}
.promoslider-small li
{ 
	background-color: #FAFAFA;
	padding: 5px 4px;
	width: 700px;
}

.promoslider-content-left
{
	float:left;
	height: 170px;
	width: 30%;
}

.promoslider-content-middle
{
	float:left;
	font-size: 1.1em;
	height: 170px;
	margin-left: 10px;
	overflow: hidden;
	width: 40%;
}

.promoslider-content-right
{
	float:left;
	height: 170px;
	margin-left: 10px;
	overflow: hidden;
	width: 25%;
}

.promoslider-title
{
	border: none;
	font-size: 1.4em;
	padding: 0;
	text-transform: none;
}

.promoslider-contact-info
{
	font-size: 1.1em;
	margin: 10px 0 0;
	line-height: 1.3em;
}

.prevArrow 
{
	background:url(../../images/arrow_left_normal.png) no-repeat 0 0;	
	display: block;
	float:left;
	height: 180px;
	width: 28px;
}														

.prevArrow:hover
{
	background:url(../../images/arrow_left_hover.png) no-repeat 0 0;	
}

.nextArrow  
{
	background:url(../../images/arrow_right_normal.png) no-repeat 0 0;	
	display:block;
	float:left;
	height: 180px;
	width: 28px;
}

.nextArrow:hover
{
	background:url(../../images/arrow_right_hover.png) no-repeat 0 0;	
}
/* End sliding promo box */

/* Favourite button control */
.favourite-button-on, .favourite-button-off
{
    width: 16px;
    height: 16px;
    outline: none;
}

.favourite-button-on
{
    background: url(../../images/favorite_on16.gif) no-repeat 0 0;
}

.favourite-button-off
{
    background: url(../../images/favorite_off16.gif) no-repeat 0 0;
}
/* End favourite button control */

.checkbox label
{
    margin-left: 4px;
}

.languagebar input
{
    margin-right: 3px;
}