/******************************************************
*                                                     *
*   CSS file - http://www.cobweb.com       			  *
*   Copyright (c) Cobweb Solutions, 2009.             *
*                                                     *
******************************************************/

/* Reset. 
----------------------------------------------------------------------------------------- */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }
img { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }

/* Base 
----------------------------------------------------------------------------------------- */

html {font-size: 62.5%;}

body {
	background: #fff;
	font:130%/154% Arial, sans-serif;
	color:#666;
	text-shadow: 0 1px 1px #fff
}

a {
	color: #333;
	text-decoration: none;
}

p.device {
	font-size: 80%;
	padding-top: 0;
}

/* Layout 
----------------------------------------------------------------------------------------- */
#wrapper {
	width: 681px;
	margin: 25px auto;
}

#header {
	height:52px;
	padding-bottom: 20px;
}

#logo {
	width: 176px;
	height: 52px;
	float: right;
	background: url(../../../../images/bb_cob_logo.gif) no-repeat;
}

#logo a {
	display: block;
	height: 100%;
	text-indent: -9999px;
}

#content {
/*	height: 515px;*/
	padding: 40px 270px 20px 30px;
	background: #fff url(../../../../images/main_bg.jpg) no-repeat;
	border: 1px solid #a5a5a5;
	-webkit-border-radius: 9px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-border-radius: 9px; 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#content ul {
	padding: 5px 0;
	margin-left: 10px;
	line-height: 22px;
}

#content li {
	padding-left: 25px;
	background: url(../../../../images/tick.gif) no-repeat 0 50%;
}
/*#content h2 sup {
	font-size: 50%;
	line-height: normal;
	letter-spacing: normal;
}*/

img.offer {
	margin: 5px 0 10px;
	display: block;
}

#footer {
	padding: 0 0 10px 0px;
}

#footer_top {
	padding: 15px 0;
/*	border-top: 1px solid #000000;*/
}

#footer_top img {
	display: block;
	margin: 0 auto;
}

#footer_base 	{
	text-align: center;
	padding-top: 5px;
}

#footer li {
	display: inline;
}

#footer li a {
	color: #000000;
	font-size: 11px;
	line-height: 18px;
}

#footer li a:hover {
	color: #606060;
}

#footer p {
	color: #000000;
	font-size: 11px;
	line-height: 18px;
	padding: 5px 0 0;
}

/* Button 
----------------------------------------------------------------------------------------- */
.button, .button:visited {
	background:url(../../../../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	color: #fff; 
	background-color: #9b257f;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size: 16px; 
	width:274px;
	text-align: center;
	padding: 10px 14px 12px; 
	font-weight: bold; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	margin: 15px 0 10px;
}

* html .button, * html .button:visited {
	background-image: none;
}

.button:hover { 
	background-color: #40125b;
	color: #fff;
}

.button:active { 
	top: 1px;
}