/* ::: Z-index's,  all placed up here for handy reference::: */
#tabs ul li{z-index:800;}
#tabs ul li ul{z-index:900;}
#right dl{z-index:1;}


/*mooldabox */
#mb_overlay {z-index:9999;}
#mb_center {z-index:9999;}
#mb_bottom{z-index:9999;}

/*slimbox */
#lbOverlay {z-index:9999;}
#lbCenter {z-index:9999;}
#lbBottomContainer {z-index:9999;}
#lbImage {z-index:9999;}
#lbPrevLink, #lbNextLink  {z-index:9999;}

/* ::: Z-index's END ::: */


/* :::: General Rules :::: */
*{margin:0; padding:0;}

.hide {display:none;}

/* All images are set to Block, i.e. no spacing around them and text won't be on the same line */
img{ display:block; border:0; margin:0; padding:0;}

/* Use this class to make images inline with text or other images */
.inline{display:inline;}

/* Use block if you like too... */
.block{display:block;}

/* Clear styles */
.clear{clear:both;}

/* Other stuff.. */
abbr{border:0;}
acronym{border:0; outline:0;}

ul, li{list-style:none;}

/* not the greatest solution for clearing floats - IE won't make an HR transparent, boohoo. Better off using #divider (see below) */
hr{
   clear:both; margin:0; padding:0; border:0; border-style:none; line-height:0; 
   font-size:0; height:0; background:transparent; color:#fff;
}

/* Form Styling */
form {margin:0; padding:0; border:0;}
form input {margin:0; padding:0; }
form option{margin:0; padding:0 10px 0 0; }
form .button {margin:0; padding:0; border:0; vertical-align:top; width:auto;}
fieldset {margin:0; padding:0; border:0;}
legend {display:none; margin:0; padding:0; border:0;}

/* :::: General Rules END :::: */

/* Mind and Body...*/
html {} 
body{
 	font-family:arial; font-size:small; color:#1C3A83;
}

/* :::::::: TYPOGRAPHY :::::::: */

/* Standard Links */
/* Notice the outline:none - It gets rid of crappy outlines when clicking...*/
a{color:#1c3a82; text-decoration:none; outline:none;}
a:hover {color:#748fd9; text-decoration:none;}
a:active{outline:none;}
a:focus{outline:none; -moz-outline-style:none;}

a.nobg:hover{background:0; padding:0;}

.txtcol1, .txtcol1 a{color:#acacac} 					/* lighter grey */
.txtcol1 a:hover{color:#1c3a82} 	
					
.txtcol2, .txtcol2 a{color:#999;}						/* light grey */
.txtcol2 a:hover{color:#1c3a82;}	
	
.txtcol3, .txtcol3 a, .txtcol3 a:hover{color:#1c3a82;}	/* blue */
.txtcol4, .txtcol4 a {color:#000;}						/* black */
.txtcol5, .txtcol5 a, .txtcol5 a:hover{color:#3c3c3c;}	/* dark grey */
.txtcol6, .txtcol6 a, .txtcol6 a:hover{color:red;}  	/* warning, notes etc text hightlight */
.txtcol7, .txtcol7 a, .txtcol7 a:hover{color:#666;}		/* mid grey */
.txtcol8, .txtcol8 a, .txtcol8 a:hover{color:#091f53;}	/* darker blue */
.txtcol9, .txtcol9 a, .txtcol9 a:hover{color:#4261ab;}	/* lighter blue */

a.aunder{text-decoration:underline}
a.aunder:hover{text-decoration:none}

a.dotted{text-decoration:none; padding-bottom:1px; background:url(../../_img/bg/dot_h.gif) repeat-x bottom}
a.dotted:hover{text-decoration:none; background:0;}

h1, h2, h3, h4, h5{margin:0; padding:0;}

.large{font-weight:bold; letter-spacing:-1px; }
h1.large{font-size:290%; }
h2.large{font-size:220%; }

h3, h4{font-size:small;}
h4.lrg{font-size:medium; letter-spacing:-1px; font-family:Arial;}

p{margin:0 0 12px 0;}

.toptro{font-weight:bold; font-size:16px; line-height:18px; letter-spacing:-1px; font-family:Arial;}

.smalltxt{font-size:x-small; font-weight:normal; letter-spacing:0;} /* used with toptro for example */

.bigb{font-size:28px; color:#000;}

/* :::::::: TYPOGRAPHY END :::::::: */


/* :::::::: GRID ::::::: */
#box{position:relative;  margin:0; width:991px; }

#top{position:relative;border:1px solid #a39fa0; height:109px; background:url(../../_img/graphics/retail-header.jpg) no-repeat top left}

#mainwrap{
	float:right; width:100%; margin:0 0 0 -126px; padding:0;  min-height:800px; _height:800px;
	background:url(../../_img/bg/mainwrap_bg.gif) no-repeat bottom left;
}

#header{margin:0 0 3px 126px; padding:7px 0 0 0; background:url(../../_img/bg/topline_bg.gif) repeat-x top}

#container{float:left; width:100%; margin:0 -210px 0 0; }	

#content{ margin:0 210px 0 126px; padding:0 12px 0 8px;}	

/*
#mainwrap{float:left; width:100%; margin:0 -210px 0 0;}	
#maincontent{margin:0 210px 0 0; }	
#container{float:right; width:100%; margin:0 0 0 -124px; padding:0;}	
#content{ margin:0 0 0 124px; }
*/

#left{
	float:left; width:124px; padding:0 0 10px 0; 
}	

#right{float:right; width:210px; position:relative; z-index:1}


#footer {
	clear:both; margin:0 auto 10px auto; padding:10px 0 0 0;
}


/* grid mods  */
	.noleft #container{margin-left:0;}	
	.noleft #content{margin-left:0;}	
/**/

/* :::::::: GRID END :::::::*/


/* :::::::: Main Layout Areas  :::::::*/

/* Top */
#logo_top{
	
}
#logo_top a{
	display:block; height:80px;
}



/* Top END */

/* header */
#inner_header{
	border-bottom:0;
}
#top_header{
	position:relative; height:55px; background:url(../../_img/bg/header_bg.gif) repeat-x bottom #193370;
}

#top_header h1{
	width:290px; position:relative; top:10px; left:10px; background:url(../../_img/titles/onlinesuperstore.png) no-repeat; height:50px;
}

#top_header h1.h1title{
	background:none; height:50px; position:relative; top:13px; left:0; 
}


#search_top{
	float:right; position:relative; top:5px; left:-5px;
	width:298px; height:40px; padding:6px 0 0 8px;
}

#search_top dt{
	width:196px; height:11px; background:url(../../_img/titles/search.png) no-repeat top left;
}


#search_top .txtfld{
	width:210px; height:17px; padding:0 0 0 16px; color:#666;
	border:1px solid #797979; background:url(../../_img/icons/search_magnify.gif) no-repeat 2px 2px #fff;
}


p#topdiscount{
	position:absolute; left:500px; top:10px; width:272px; height:66px; z-index:9999;
	/*background:url(../../_img/graphics/discount.png) no-repeat top left;*/
	background:url(http://storage.fantasticmedia.co.uk/discount_20.png) no-repeat top left;
}

p#tophelp{
	position:absolute; left:690px; top:10px; 
}

p#tophelp a{
	display:block; width:160px; height:28px; background:url(../../_img/buttons/help.gif) no-repeat top left;
}

p#tophelp a:hover{
	background-position:bottom left;
}

/* header END */

/* Tabs */
#tabs{
	border-bottom:2px solid #fed734; background:url(../../_img/bg/tab_bg2.gif) repeat-x top #132144;
}

#tabs li{
	float:left; position:relative;
}

#tabs li a{
	display:block; padding:5px 10px 6px 10px; font-weight:bold; border-right:1px solid #ccc; color:#fff;
}

#tabs li.nobord a{
	border-right:0
}

#tabs li a:hover{
	background:#E2E2E2; color:#1C3A83;  border-right:1px solid #fff;
}

#tabs li.tabon a{
	background-color:#E2E2E2; color:#1C3A83; 
}

#tabs li a.curtab{
	background-color:#FED734;color:#1C3A83;  
}


#tabs li#lihome a{
	padding:5px 20px 6px 20px; background-position:12px 4px; background-repeat:no-repeat;
	background-image:url(../../_img/icons/home.gif);
}
#tabs li#lihome a:hover{
	background-position:12px -47px; background-color:#FBCB05;
}

#tabs li#lihelp a{
	padding-right:30px; background:url(../../_img/icons/help.gif) no-repeat 45px 7px;
}
#tabs li#lihelp a:hover, #tabs li#lihelp a.curtab{
	background:url(../../_img/icons/help_on.gif) no-repeat 45px 7px #FBCB05; border-right:1px solid #fff;
}



#tabsdrop{
	height:5px; line-height:0; font-size:0; background:url(../../_img/bg/tabs_drop.png) repeat-x top;
}


	/* tabs drop down */
	#tabs ul li ul{
		display:none; width:200px; height:auto; 
		padding:0 0 0 0;
		position:absolute; left:-1px;
	}
	
	#tabs ul li:hover ul, #tabs ul li.over ul{
		display:block;
	}
	
	#tabs ul li ul li {
		width:195px; height:auto; float:none; border:0; padding:0 4px 0 1px;
		background:url(../../_img/bg/tabs_bg_right.png) repeat-y top; 
	}
	
	
	#tabs ul li ul li a{
		display:block; width:166px; padding:5px 5px 6px 24px; color:#1C3984;
		border-right:0; background:url(../../_img/icons/crest_ball.gif) no-repeat 9px 7px #e2e2e2;
	}
	
	
	#tabs ul li ul li a:hover{
		background:url(../../_img/icons/crest_ball.gif) no-repeat 9px -29px #e2e2e2; color:#748fd9; border-right:0;
	}
	
	#tabs ul li ul li.tablibg{height:7px; font-size:0; line-height:0;background:url(../../_img/bg/tabs_bg_bot.png) no-repeat bottom left}
	
	#tabs ul li ul li.nobtop{border-top:0;}
	#tabs ul li ul li.nobbot{border-bottom:0;}
	
	/* tabs drop down END */


/* Tabs END */

/* Left */
#left img{
	margin:0 auto 10px auto;
}

/* Left END */

/* Right */

#right dl{
	margin:0 0 7px 0; padding:0 0 10px 0; position:relative; z-index:1;
	background-position:bottom left; background-repeat:no-repeat;
	background-image:url(../../_img/bg/right_bg_mid.gif);
}

dl#right_bestsellers, dl#right_recent{background-image:url(../../_img/bg/right_bg_mid_white.gif);}
dl#right_secure{background-image:url(../../_img/bg/right_bg_mid_secure.gif);}
dl#right_payment{padding:0; background-image:url(../../_img/graphics/cards.gif); height:104px;}


#right dt{
	padding:6px 0 5px 10px; font-weight:bold;
	background-repeat:no-repeat; backgound-position:top left;
	font-size:21px;
	background:url(../../_img/bg/right_bg_top.gif) no-repeat top left;
}


#right dt span{
	width:100%; display:block; background-position:93% 0; background-repeat:no-repeat;
}

#right #right_myacc dt span{background-image:url(../../_img/icons/myaccount.gif);}
#right #right_newsletter dt span{background-image:url(../../_img/icons/newsletter.gif);}
#right #right_bestsellers dt span{background-image:url(../../_img/icons/bestsellers.gif);}

#right dd{
	min-height:110px; _height:110px; padding:0 10px 7px 10px; 
}

#right #right_newsletter dd{min-height:auto; _height:auto;}
#right #right_recent dd{min-height:10px; _height:10px;}

#right .txtfld{
	width:186px; height:21px; padding:3px 0 0 2px;
	border:1px solid #626262; border-right-color:#b9b9b9; border-bottom-color:#b9b9b9;
}


#right_myacc dd label{
	display:block; margin:0 0 2px 0; font-weight:bold; color:#3c3c3c
}
#right_myacc dd span.form{
	display:block; margin:0 0 5px 0
}


/* right form button */
#right dd .formbutton{
	width:188px; height:27px; margin:0 0 5px 0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat
}

#right dd .grey_blue{background-image:url(../../_img/buttons/grey_blue_form.gif);}
#right dd .blue_sky{color:#fff;background-image:url(../../_img/buttons/blue_sky_form.gif);}
#right dd .blue_grey{color:#fff;background-image:url(../../_img/buttons/blue_grey_form.gif);}
#right dd .grey_blue_signup{background-image:url(../../_img/buttons/grey_blue_signup.gif);}


#right dd .formbutton:hover, #right dd .grey_blue_on{
	color:#fff; background-position:top right;
}

#right dd .blue_grey:hover{
	color:#000;
}

/**/

/* right text button */

/**/

dl#right_bestsellers ol{
	margin:0 auto; width:190px;
}

dl#right_bestsellers ol li{
	width:190px; background:#f3f3f3; border-top:1px solid #fff; border-bottom:1px solid #ccc; font-size:12px;
}

dl#right_bestsellers ol li.top3{
	background:#dae8fc; border-bottom:1px solid #b9b9ff;
}


dl#right_bestsellers ol li a{
	display:block; padding:3px 5px;	width:180px; 
}
dl#right_bestsellers ol li a:hover{
	background:#1C3A83; color:#fff;
}

dl#right_secure p{
	padding:5px 60px 0 10px;
}

#myacc_overlay, #basket_overlay{
	position:absolute; left:0; top:0; z-index:9999; width:207px; height:200px; border:1px solid #ccc;
}

.basketloading{
	width:207px; height:200px; border:1px solid #ccc;
}

#right_basket ul{
	margin:0 0 10px 0;
}
#right_basket ul li{
	margin:0 0 3px 0;
}

#right_recent ul li{
	margin:0;
}


#right_recent ul li a{
	font-weight:bold; font-size:12px;
	padding:5px 0 5px 16px; display:block;
	background-position:0 7px; background-repeat:no-repeat;
	background-image:url(../../_img/icons/crest_ball2.gif);
}

#right_recent ul li a:hover{
	background-position:0 -29px; color:#748fd9;
}

/* basket styles */
dl#right_basket{background-image:url(../../_img/bg/right_bg_mid_basket.gif);}
dl#right_basket.basket_on{background-image:url(../../_img/bg/right_bg_mid_basket_on.gif);}

dl#right_basket dt{background-image:url(../../_img/bg/right_bg_top_basket.gif);}
dl#right_basket.basket_on dt{background-image:url(../../_img/bg/right_bg_top_basket_on.gif);}

dl#right_basket dt span{background-image:url(../../_img/icons/mybasket.gif);}
dl#right_basket.basket_on dt span{background-image:url(../../_img/icons/mybasket_on.gif);}

dl#right_basket dd{
	min-height:40px; _height:40px;
}

dl#right_basket.basket_on dd{
	min-height:auto; _height:auto;
}


/**/


/* Right END */


/* Footer */
#inner_footer{
	height:44px; padding:10px;
	/*background:url(../../_img/bg/footer_bg.gif) repeat-x top #dbdbdb;*/
	
	background:url(http://www.leedsunited.com/namedImage/10273/FooterBackground.gif) no-repeat top left;
	 
}
/* Footer END */

/* :::::::: Main Layout Areas END :::::::*/


/* :::::::: Content :::::::: */

/* bcrumb */
#bcrumb{
	padding:3px 0 0 2px;
}
#bcrumb ul{
	list-style:none; display:inline;
}
#bcrumb ul li{
	list-style:none; display:inline; 
}


/* :::::::: Content END :::::::: */

/* ::: Title Headers ::: */
.title_header{
	width:635px; height:48px; background-position:top left; background-repeat:no-repeat;
}

.instore{
	background-image:url(../../_img/titles/instorenow.gif)
}
.featured{
	background-image:url(../../_img/titles/featured.gif)
}

/* ::: Title Headers END ::: */

/* :::: text Button Styles :::: */

/* main layout for button */
a.text_button {
	display:block; padding:0 0 6px 0; background-position:bottom left; background-repeat:no-repeat;
}

a.text_button:hover{
	background-position:bottom right; background-repeat:no-repeat; cursor:pointer;
}

a.a_hover {
	display:block; padding:0 0 6px 0;
	background-position:bottom right; background-repeat:no-repeat; cursor:pointer;
}

a.text_button span{
	display:block; margin:0; padding:7px 5px 0 5px; font-weight:bold; text-align:center;
	background-position:top left; background-repeat:no-repeat;
}

a.text_button:hover span{
	color:#1C3A83; background-position:top right; background-repeat:no-repeat;
}

a.text_button span.span_hover{
	display:block; margin:0; padding:7px 5px 0 5px; font-weight:bold; text-align:center;
	color:#1C3A83; background-position:top right; background-repeat:no-repeat;
}


/**/

/* custom styles for button */

	.button_130 a.text_button{width:130px; }
	.button_188 a.text_button{width:188px; }
	
	.button_130 a.blue_sky {background-image:url(../../_img/buttons/blue_sky_130_bot.gif)} 
	.button_130 a.grey_sky {background-image:url(../../_img/buttons/grey_sky_130_bot.gif)} 
	.button_130 a.blue_yellow {background-image:url(../../_img/buttons/blue_yellow_130_bot.gif)} 
	.button_130 a.grey_yellow {background-image:url(../../_img/buttons/grey_yellow_130_bot.gif)} 
	.button_130 a.yellow_sky {background-image:url(../../_img/buttons/yellow_sky_130_bot.gif)} 
	
	.button_188 a.grey_sky {background-image:url(../../_img/buttons/grey_sky_188_bot.gif);}
	.button_188 a.blue_sky_checkout {background-image:url(../../_img/buttons/blue_sky_checkout_bot.gif);}
	.button_188 a.yellow_sky {background-image:url(../../_img/buttons/yellow_sky_188_bot.gif)} 
	.button_188 a.sky_yellow {background-image:url(../../_img/buttons/sky_yellow_188_bot.gif)} 

	.button_130 a.text_button span{width:120px;}
	.button_188 a.text_button span{width:178px;}
	
	.button_130 a.blue_sky span{color:#fff; background-image:url(../../_img/buttons/blue_sky_130.gif);}
	.button_130 a.grey_sky span{color:#3c3c3c; background-image:url(../../_img/buttons/grey_sky_130.gif);}
	.button_130 a.blue_yellow span{color:#fff; background-image:url(../../_img/buttons/blue_yellow_130.gif);}
	.button_130 a.grey_yellow span{color:#3c3c3c; background-image:url(../../_img/buttons/grey_yellow_130.gif);}
	.button_130 a.yellow_sky span{background-image:url(../../_img/buttons/yellow_sky_130.gif);}

	.button_188 a.grey_sky span{color:#000; background-image:url(../../_img/buttons/grey_sky_188.gif);}
	.button_188 a.blue_sky_checkout span{color:#fff; background-image:url(../../_img/buttons/blue_sky_checkout.gif);}
	.button_188 a.yellow_sky span{background-image:url(../../_img/buttons/yellow_sky_188.gif);}
	.button_188 a.sky_yellow span{background-image:url(../../_img/buttons/sky_yellow_188.gif);}
	
	.button_130 a.text_button:hover span, a.text_button span.span_hover{color:#1C3A83;}
	.button_188 a.grey_sky:hover span{color:#1C3A83;}
	.button_188 a.blue_sky_checkout:hover span{color:#1C3A83;}
	.button_188 a.yellow_blue:hover span{color:#fff;}

/**/



/* form button */
.formbutton{
	width:188px; height:27px; margin:0 0 5px 0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat
}

.grey_blue{background-image:url(../../_img/buttons/grey_blue_form.gif);}
.blue_sky{color:#fff;background-image:url(../../_img/buttons/blue_sky_form.gif);}
.blue_grey{color:#fff;background-image:url(../../_img/buttons/blue_grey_form.gif);}
.grey_blue_signup{background-image:url(../../_img/buttons/grey_blue_signup.gif);}


.formbutton:hover, .grey_blue_on{
	color:#fff; background-position:top right;
}

.blue_grey:hover{
	color:#000;
}

/**/


/* :::: Button Styles END :::: */


/* ::: loading styles ::: */
.loading {background:url(../../_img/icons/loading.gif) no-repeat center #fff;}
.loading_yellowbg {background:url(../../_img/icons/loading_yellowbg.gif) no-repeat center #fcea9e;}
.loading_small{background: url(../../_img/icons/spinner.gif) no-repeat center #fff;}
.loading_bar{background: url(../.._/img/icons/loading_bar.gif) no-repeat center #fff; height:50px;}

/* ::: loading styles END ::: */


/* ::: Slimbox ::: */
#lbOverlay {
	position: absolute; left: 0; width: 100%;background-color: #000; cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;left: 50%;overflow: hidden;background-color: #D6E1FF;
}

.lbLoading {
	background: #fff url(../../_img/icons/loading_bar_blue.gif) no-repeat center;
}

#lbImage {
	position: absolute; left: 0; top: 0; border: 10px solid #D6E1FF; background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block; position: absolute; top: 0; width: 50%; outline: none;
}

#lbPrevLink {
	left: 0; background: transparent url(../../_img/icons/prevlabel.gif) no-repeat 0% 15%;
}

#lbPrevLink:hover {
	background: transparent url(../../_img/icons/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0; background: transparent url(../../_img/icons/nextlabel.gif) no-repeat 100% 15%;
}

#lbNextLink:hover {
	background: transparent url(../../_img/icons/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #D6E1FF; border-top-style: none;
}

#lbCloseLink {
	display: block; float: right; width: 66px; height: 22px; background: transparent url(../../_img/icons/closelabel.gif) no-repeat center; margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* ::: Slimbox END ::: */


/* :::::::: Generic Styles :::::::: */

.ldent{padding-left:5px;}

.flt_r{float:right; margin:0 0 10px 10px;}
.flt_l{float:left; margin:0 10px 10px 2px;}

.bordbot{padding:0 0 10px 0; border-bottom:1px solid #ccc;}

.txtalgn {vertical-align:middle;}
.txtalgn_bot {vertical-align:bottom;}
.txtalgn_top {vertical-align:top;}

.txtfld{width:230px;}
.txtfld_s{width:100px;}
.txtfld_xs{width:50px;}

.nomarg, p.nomarg{margin:0;}
.xtrmarg, p.xtrmarg{margin-bottom:20px;}
.sxtrmarg, p.sxtrmarg{margin-bottom:10px;}
.xsxtrmarg, p.xsxtrmarg{margin-bottom:5px;}
.topmarg, p.topmarg{margin-top:15px;}

.toppad{padding-top:5px}
.xtoppad{padding-top:10px}

ul.genul{
	margin:0 0 20px 0; padding:5px 0 0 10px; list-style:none;
}
ul.genul li{
	margin:0 0 2px 10px; padding:0 0 0 10px; list-style:none; background:url(../../_img/bg/bullet.gif) no-repeat 0 6px;
}

ul.genul_inline{
	float:left; width:100%; margin:0 0 10px 0; padding:0 0 0 5px; list-style:none;
}
ul.genul_inline li{
	float:left; width:33%; margin:0; padding:0; list-style:none; font-style:italic;
}

.gen_table{width:100%;  border-spacing:0;}
.gen_table th{
	text-align:left; padding:5px; border-right:1px solid #133b6c;
	background:url(../../_img/bg/header_bg.gif) repeat-x top; color:#fff;
}
.gen_table td{text-align:left; padding:5px; border-right:1px solid #133b6c; border-top:1px solid #133b6c;}
.gen_table tr.odd{background:#efefef;}

.gen_table tr:hover{background:#f9f0cb;}

.gen_table .nobord{border-right:0;}
.gen_table th.txtalgn_c, .gen_table td.txtalgn_c{text-align:center;}
.gen_table th.txtalgn_c img, .gen_table td.txtalgn_c img{margin:0 auto;}


/* combo box class */
.combohide{visibility:hidden}
.comboshow{visibility:visible}

/* clearing div */
.divider{
   clear:both; line-height:0; font-size:0; height:0;
}

/* :::::::: Generic Styles END :::::::: */

/* Tabs disappearing in <= IE 6, quick hack to show */
* html .iebug_holder{width:100%; height:1%;}