body
{
width: 950px;
margin: 10px auto;
padding: 0px;
font-family: Arial, Verdana, sans-serif;
}

a img
{
border: 0;
}

div.clear
{
clear: both;
}

img.right
{
float: right;
}

#nav
{
color: grey;
}

#nav a:link,#nav a:visited
{
font-weight: bold;
border: none;
text-transform: capitalise;
padding: 0px 3px;
color: blue;
}

#header
{
width: 950px;
background-color: white;
position: fixed;
top: 0px;
padding: 5px 0px 0px 0px;
z-index: 99999999;
margin-bottom: 30px;
}




#main
{
margin: 150px 0px 50px 0px;
padding: 0px;
width: 950px;
}

p, li
{
font-size: 13px;
color: #383A3A;
font-family: Arial, Verdana, sans-serif;
line-height: 1.4;
}

p.br
{
margin-top: -10px;
padding-top: 0px;
}

a:link, a:visited
{
color: #0050ce;
}

a:hover
{
color: #2839FF;
}

h1
{
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 25px;
}

h1 span
{
font-size: 20px;
color: #0050ce;

}

h3
{
font-size: 15px;
clear: left;
color: #2d2d2d;
margin: 25px 0px 0px 0px;
}

h4
{
margin: 20px 0px -8px 0px;
font-size: 13px;
}


#lower
{
margin: 20px 0px 10px 0px;
}

#lower p
{
text-align: center;
font-size: 11px;
color: grey;
}

.italic
{
font-style: italic;
}

.small
{
font-size: 12px;
}

div.filmrow img
{
margin: 5px 1px 5px 0px;
width: 100px;
height: 143px;
}

div.filmrow img:hover
{
margin: 1px -3px 1px -4px;
border: 4px solid gold;
}



h2
{
border-top: 155px solid transparent;
border-bottom: 1px dashed grey;
padding: 8px 0px 7px 0px;
margin: -130px 0px 3px 0px;
font-size: 18px;

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

h2 span
{
color: #008900;
background: url(http://www.ukfilmrental.com/images/layout/arrow-green.png) no-repeat scroll 5px 5px transparent;
padding-left: 17px;
}


.addh2
{
float: right;
margin: -30px 0px 0px 0px;
position: relative;
z-index: 999;
}

.addh2 span.text
{
font-size: 12px;
color: grey;
margin: 1px 7px 0px 0px;
float: left;
}













ul.green-btn li
{
font-size: 14px;
padding: 4px 0px;
background-color: #04B431;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04B431', endColorstr='green'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#04B431), to(green)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #04B431,  green); /* for firefox 3.6+ */ 
}

ul.yellow-btn li
{
font-size: 14px;
padding: 4px 0px;
background-color: orange;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE34D', endColorstr='#FFD700'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFE34D), to(#FFD700)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFE34D,  #FFD700); /* for firefox 3.6+ */ 
}

ul.blue-btn li
{
font-size: 14px;
padding: 4px 0px;
background-color: orange;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33B9FF', endColorstr='#0097E6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#33B9FF), to(#0097E6)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #33B9FF,  #0097E6); /* for firefox 3.6+ */ 
}

ul.green-btn, ul.yellow-btn, ul.blue-btn
{
margin: 0px;
padding: 0px;
text-indent: 0px;
list-style: none;
display: inline;
}

ul.green-btn li:hover
{
background-color: green;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='green', endColorstr='green'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(green), to(green)); /* for webkit browsers */
background: -moz-linear-gradient(top,  green,  green); /* for firefox 3.6+ */ 
}

ul.yellow-btn li:hover
{
background-color: green;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='orange', endColorstr='orange'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(orange), to(orange)); /* for webkit browsers */
background: -moz-linear-gradient(top,  orange,  orange); /* for firefox 3.6+ */ 
}

ul.green-btn a, ul.yellow-btn a, ul.blue-btn a
{
text-decoration: none;
padding: 6px 12px 6px 20px;
font-size: 13px;
color: white;
background: url(http://www.ukfilmrental.com/images/layout/arrow.png) no-repeat scroll 8px center transparent;
}

ul.yellow-btn a
{
color: black;
}








.toggle-view h4
{
font-size: 13px;
margin: 0px;
color: #0060bb;
}

.toggle-view
{
list-style: none;
margin: 0px 35px;
padding: 0;
}

.toggle-view li:hover span
{
color: black;
}
 
.toggle-view li
{
position: relative;
cursor: pointer;
cursor: hand;
margin: 10px 0px;
}

.toggle-view li ul
{
list-style: disc;
margin-bottom: 30px;
}

.toggle-view li ul li
{
margin: 1px 0px;
}
     
 
.toggle-view span
{
position: absolute;
left: -20px; top: 0;
color: grey;
}
     
.toggle-view .panel
{
margin: -0px 0px 10px 0px;
display:none;
}  

.positives h4
{
color: green;
} 

.negatives h4
{
color: #ff3333;
} 

.negatives
{
width: 420px;
margin: 0px 0px 20px 55px;
float: left;
}

.positives
{
width: 425px;
margin: 0px 0px 20px 25px;
float: left;
padding-right: 20px;
border-right: 1px solid #ddd;
}












div.img
{

}

div.img img
{
float: right;
margin: 10px 0px 20px 20px;
padding: 0px;
border: 1px solid #ddd;
padding: 0px;
width: 300px;
height: 250px;
}


div.console
{
width: 200px;
margin: 0px 0px 20px 20px;
}

.toggle-view p
{
margin-top: 2px;
}


div.info1
{
width: 310px;
padding: 3px;
margin: 15px 10px 10px 0px;
border: 1px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
float: left;
}

div.info1 h3, div.info2 h3, div.info3 h3
{
margin: 0px 0px -10px 0px;
padding: 5px;
}


div.info2
{
width: 310px;
padding: 3px;
margin: 15px 10px 10px 10px;
border: 1px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
float: left;
}


div.info3
{
width: 270px;
padding: 0px;
margin: 15px 0px 10px 10px;
border: 1px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
float: left;
}


#pops
{
margin: 0px 0px 0px -6px;
}


#pop
{
list-style: none;
margin: 10px 0px 0px 0px;
padding: 0px;
text-indent: 0px;
}

#pop li
{
border-top: 1px solid #ddd;
margin: 0px;
padding: 10px 5px 10px 5px;
}

#pop h4
{
margin: -4px 0px 0px 110px;
}

#pop img
{
float: left;
margin: 0px 10px 0px 0px;
}

#pop span
{
font-size: 11px;
color: #dddddd;
padding: -3px 0px 10px 0px;
}












#why
{
list-style: none;
text-indent: 0px;
margin-left: 15px;
padding-left: 0px;
}


#why li
{
margin: 0px;
padding: 2px 0px 2px 20px;
background: url(http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/tick-button-icon.png) no-repeat scroll 0px 3px transparent;
}