/*****************************************************************************/
/* = HTML attributes														 */
/*****************************************************************************/

html {
	height : 100%;
}
body {
	height : 100%;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 0.8em;
	min-width : 28px;
	background : #fff;
}
p {
	margin-top : 13px;
	margin-bottom : 13px;
}
h1, h2, h3, h4 {
	color : #fff;
	padding : 3px;
	margin-bottom : 10px;
	background : #246e92;
}
h1 {
	font-weight : normal;
	font-size : 1.3em;
}
h2 {
	font-size : 1.1em;
}
h3 {
	line-height : 17px;
	font-size : 1em;
	font-weight : bold;
}
h4 {
	font-size : 1em;
}
h5 {
	color : #f48000;
	font-size : 1em;
	font-weight : bold;
	margin : 0;
	margin-bottom : 3px;
}
h1.sep, h2.sep, h3.sep, h4.sep, h5.sep {
	margin-top : 10px;
}
ul {
	margin-left : 30px;
	list-style-type : square;
}
ul li {
	line-height : 25px;
}
#beforeBody {
	width : 100%;
	height : 90px;
	margin-bottom : -115px;
}
#body {
	width : 100%;
	height : 100%;
	background : url(../img/bg.gif) repeat-x;
}

/*****************************************************************************/
/* = Contents																 */
/*****************************************************************************/

.tile_tl {
	width : 10px;
	height : 10px;
	float : left;
	background : url(../img/content/contenttl.png) !important ;
	background : none;
	font-size : 0;
}
.tile_t {
	height : 9px;
	float : left;
	background : #e5effa;
	border-top : 1px solid #c6c6c6;
	font-size : 0;
}
.tile_tr {
	width : 10px;
	height : 10px;
	float : left;
	background : url(../img/content/contenttr.png) !important ;
	background : none;
	font-size : 0;
}
.tile_m {
	margin-left : 10px;
	background : #e5effa;
}
* html .tile_m {
	display : inline;
}
.tile_ml {
	width : 10px;
	background : #e5effa url(../img/content/contentml.png) repeat-y top left;
}
.tile_mr {
	width : 10px;
	background : url(../img/content/contentmr.png) repeat-y !important ;
	background : none;
	font-size : 0;
}
/* Start Mac IE5 filter \*/
.tile_m, .tile_ml, .tile_mr {
	padding-bottom : 32767px !important ;
	margin-bottom : -32767px !important ;
	float : left;
}
/* End Mac IE5 filter */

.tile_wrapper {
	clear : left;
	overflow : hidden;
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
.tile_wrapper {
	/* Normally a Holly-style hack height: 1% would suffice but that causes
	IE 5.01 to completely collapse the wrapper - instead we float it */
	float : left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
	(I saw it happen many moons ago) makes the width of wrapper too small
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here
	just in case that many moons ago problem rears its head again */
	float : none;
}
/* easy clearing */
.tile_wrapper:after {
	content : '[DO NOT LEAVE IT IS NOT REAL]';
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.tile_wrapper {
	display : inline-block;
}
.tile_wrapper {
	display : block;
/* end easy clearing */
}
.tile_bl {
	width : 10px;
	height : 10px;
	float : left;
	background : url(../img/content/contentbl.png) !important ;
	background : none;
	font-size : 0;
}
.tile_b {
	width : 940px;
	height : 10px;
	float : left;
	background : url(../img/content/contentb.png) repeat-x !important ;
	background : none;
	font-size : 0;
}
.tile_br {
	width : 10px;
	height : 10px;
	float : left;
	background : url(../img/content/contentbr.png) !important ;
	background : none;
	font-size : 0;
}
.section {
	float : left;
	padding : 5px;
	background : #fff;
	border : 1px solid #f48000;
}

/*****************************************************************************/
/* = Content with sidebar													 */
/*****************************************************************************/

#contentWithSidebar {
	width : 960px;
	min-height : 460px;
	height : auto !important ;
	height : 460px;
}
#contentWithSidebar .contentWithSidebarContent {
	float : left;
}
#contentWithSidebar .contentWithSidebarSidebar {
	float : right;
}
.sidebarHeadline {
	height : 16px;
	line-height : 16px;
	font-size : 0.9em;
	text-align : right;
	color : #3f769d;
	border : 2px solid #3f769d;
	padding : 1px 2px 1px 2px;
}

/*****************************************************************************/
/* = Sidebar																 */
/*****************************************************************************/

.sidebarHeadline .caption, .sidebarHeadline .field {
	height : 16px;
	line-height : 16px;
	margin : 0;
	padding : 0;
}
.sidebarContent {
	line-height : 14px;
	font-size : 0.8em;
	padding : 1px 5px 5px 5px;
}
.sidebarContent .center {
	font-size : 1.2em;
	margin-top : 5px;
	margin-bottom : 5px;
}

/*****************************************************************************/
/* = ID Statuses	 		                                                 */
/*****************************************************************************/

.okId {
	color : #5ca118;
}
.lostId {
	color : #bf9266;
}
.foundId {
	color : #3f769d;
	text-decoration : blink;
}
.returnId {
	color : #f48000;
}
.expiredId {
	color : #a00;
	text-decoration : blink;
}

/*****************************************************************************/
/* = Shoppingcart Sidebar	                                                 */
/*****************************************************************************/

#sidebarShoppingCart .sidebarHeadline .field {
	width : 85px;
	float : right;
}
#sidebarShoppingCart .sidebarHeadline .field .token {
	float : right;
	margin-top : -1px;
	margin-left : 3px;
}
#sidebarShoppingCart .label {
	float : left;
}
#sidebarShoppingCart .amount {
	width : 150px;
	text-align : right;
	float : right;
}
#sidebarShoppingCart .clear {
	border-bottom : 1px dashed #000;
}

/*****************************************************************************/
/* = Expand / Collapse menu	                                                 */
/*****************************************************************************/

ul.expandCollapse {
	padding-left : 20px;
	margin-left : 0;
}
ul.expandCollapse li {
	line-height : 17px;
	clear : left;
}
ul.expandCollapse li.expand {
	list-style-image : url(../img/expand.gif);
}
ul.expandCollapse li.collapse {
	list-style-image : url(../img/collapse.gif);
}
ul.expandCollapse li.disabledExpand {
	list-style-image : url(../img/disabledExpand.gif);
}
ul.expandCollapse li div.expandContent {
	display : none;
	margin-top : 5px;
	margin-bottom : 5px;
	width : 660px;
}
ul.expandCollapse li div.expandOptions {
	width : 100%;
	margin-left : 12px;
	text-align : right;
	clear : both;
}
ul.expandCollapse li div.show {
	display : block;
}
ul.expandCollapse li div.expandContent div.section {
	width : 100%;
}
ul.expandCollapse li div.expandContent div {
	line-height : 25px;
}
ul.expandCollapse li div.expandContent div.fl {
	width : 200px;
}
ul.expandCollapse li div.expandContent div.fr {
	width : 450px;
}

/*****************************************************************************/
/* = Autocomplete															 */
/*****************************************************************************/

div.auto_complete {
	width : 300px;
	padding : 2px;
	background : #f5f5f5;
	border : 1px solid #666;
}
div.auto_complete ul, div.auto_complete ul li {
	list-style-type : none;
}
div.auto_complete ul li {
	padding : 2px;
	border-top : 1px dashed #666;
}
div.auto_complete ul li.first {
	border-top : none;
}
div.auto_complete ul li.selected {
	background : #f48000;
}
div.auto_complete ul kbd {
	display : none;
}
div.auto_complete ul span.informal {
	display : block;
	font-size : 0.8em;
}

/*****************************************************************************/
/* = Password box															 */
/*****************************************************************************/

#passwordSecurity {
	width : 187px;
	border : 1px solid #aaa;
	border-top : none;
	margin : 0;
	background : #fff;
}
#passwordSecurityLine {
	width : 0;
	height : 5px;
	margin : 0;
	background : #800;
	font-size : 0.1em;
}
#UserSuggestedPassword {
	background : #eee;
	color : #666;
}
#suggestPasswordBox {
	border : 1px solid #ddd;
	background : #f5f5f5;
	text-align : center;
	margin-top : 21px;
	padding : 3px;
}
.passwordBox {
	width : 271px;
	height : 110px;
	clear : both;
	float : left;
}
.passwordBox .field {
	width : 271px;
}
.generatePasswordBox {
	width : 163px;
	float : right;
	margin-right : 2px;
}

/*****************************************************************************/
/* = Lost or found buttons													 */
/*****************************************************************************/

#lostOrFoundButtons {
	height : 170px;
	padding-top : 13px;
}
#lostOrFoundHello a {
	width : 164px;
	height : 44px;
	display : block;
	text-decoration : none;
	margin : auto;
}
#lostOrFoundLabel {
	width : 164px;
	height : 29px;
	background : url(../img/label.gif);
	margin : auto;
}
#lostOrFoundLogin a {
	width : 164px;
	height : 44px;
	display : block;
	text-decoration : none;
	margin : 10px auto;
}
#lostOrFoundRegister a {
	width : 164px;
	height : 44px;
	display : block;
	text-decoration : none;
	margin : 10px auto;
}

/*****************************************************************************/
/* = Common																	 */
/*****************************************************************************/

a, a:active {
	color : #f48000;
	text-decoration : none;
}
a:hover {
	color : #f48000;
	text-decoration : underline;
}
a img {
	border : none;
}
.bottomMenu, .expandOptions, .options {
	color : #246e92;
	font-weight : bold;
}
.bottomMenu {
	height : 16px;
	line-height : 16px;
	margin-top : 5px;
	clear : both;
	float : right;
	text-align : right;
}
.questionMarkInput {
	margin-bottom : -3px;
}
.big {
	font-size : 16px;
	font-weight : bold;
}
.center {
	text-align : center !important ;
}
.left {
	text-align : left !important ;
}
.right {
	text-align : right !important ;
}
.mcenter {
	margin : auto;
}
.nobr {
	white-space : nowrap;
}
.pointer {
	cursor : pointer;
}
.smaller {
	font-size : 0.8em;
}
.bigger {
	font-size : 1.2em;
}
.orange {
	color : #f48000;
}
.darkblue {
	color : #246e92;
}
.disabled {
	color : #777;
}
.head {
	font-weight : bold;
}
.infoMessage {
	display : none;
}
.clear {
	height : 0;
	line-height : 0;
	font-size : 0;
	clear : both;
}
#chooseLanguage div.sidebarContent {
	line-height : 25px;
}
#contentMenu {
	font-size : 1.1em;
	color : #3f769d;
	margin-bottom : 10px;
	font-weight : bold;
}
#contentMenu a {
	color : #3f769d;
}
#contentMenu a:hover {
	text-decoration : none;
	border-bottom : 2px solid #5fbef3;
}
#contentMenu a.active {
	color : #f48000;
}
.error_message {
	color : #f48000;
	font-weight : bold;
}
#noscript {
	height : 16px;
	line-height : 16px;
	padding : 3px;
	border : 3px solid #a00;
	color : #a00;
	background : #fff;
	margin-bottom : -28px;
}