/** 
 * Fresh 
 * 
 * Global CSS for LightSpeed.
 * 
 * @project			Fresh
 * @version			1.0
 * @site			http://www.lightspeedretail.com
 * @package			xhtml-css 
 * @author			Adam Simms  
 * @copyright 		2005-2009 Xsilva Systems Limited
 * @cssdoc			version 1.0-pre 
 * @license			GPL v3 
 * @media			Screen
 
 * @section			Global CSS
 * @date 			2009-04-27
 * @lastmodified 	2010-04-13 13:27
 * 
 * @colordef  #fff; white 
 */
 
body {
background: #000 url(/css/images/bg.jpg) no-repeat;
margin:0;
}

.container { 
margin:0 auto; 
width:1020px; 
border-left: 1px solid #272727; 
border-right: 1px solid #272727;
}

img { border:0; }

/** 
 * @subsection		Page Title 
 */

#pageTitle, #pageTitleMedium, #pageTitleLarge, #pageTitleXLarge {
background:url(/css/images/pageTitle_bg.png) repeat-x top;
background: -moz-linear-gradient(top, #222, #111); /* FF3.6 */
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111)); /* Saf4+, Chrome */
padding: 0 30px;
border-bottom: 1px solid #000;
clear: both;
font-weight: normal;
height: 110px;
}

#pageTitleMedium { height: 220px; }

#pageTitleLarge { height: 330px; }

#pageTitleXLarge { height: 440px; }


#pageTitle h1, #pageTitleMedium h1, #pageTitleLarge h1, #pageTitleXLarge h1 { 
color:#fff; 
display:block; 
float:left; font-size:2.25em; 
line-height:1; 
margin: 45px 0 15px;
text-shadow:#000 -1px -1px 0; 
clear: both;
font-weight: normal;
}

/**
 * @section		Columns 
 */

.columnSmall, .column2 {
width: 135px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.columnSmall, .column3 {
width: 218px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.column4 {
width: 300px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.column5 {
width: 382px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.columnMedium, .column6 {
width: 466px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.column7 {
width: 547px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.column8 {
width: 630px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.columnLarge {
width: 705px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}

.column12 {
width: 960px;
display: block;
float: left;
padding: 30px 0 30px 30px;
text-align: left;
}


/**
 * @subsection		pageTabs 
 */
ul#pageTabs {
list-style: none;
margin: 35px 0 0 0;
padding: 15px 0 0 0;
clear: both;
display: block;
position: relative;
z-index: 100;
}

ul#pageTabs li a{
display: block;
float: left;
width: auto;
margin: 0 5px 2px 0;
padding: 10px 12px;
background: rgba(255, 255, 255, 0.25);
text-decoration: none;
color: #fff;
text-shadow: #000 -1px -1px 0;
font-weight: normal;
}

ul#pageTabs li a img {
margin: 0 8px -5px 0;
}

ul#pageTabs li a.tabActive, ul#pageTabs li a:hover {
height: 35px;
margin-bottom: -15px;
background: #fff;
color: #222;
text-shadow: #dfdfdf 1px 1px 0;
}



/**
 * @section		Forms 
 */
form {
display:inline;
margin:0;
padding:0;
}

input,select,textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
line-height:1.25;
width:100%;
}

label {
cursor:pointer;
}

/**
 * @subsection		Tables 
 */
table {
border:0;
margin:0 0 1.25em;
padding:0;
}

table tr td {
padding:2px;
}


/**
 * @subsection		Rounded Corners 
 */
 
.rounded {
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.rounded-top {
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
}

.rounded-bottom {
-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
}

/**
 * @subsection		Global Classes 
 */
.clear         { clear:both; }
.block         { display: block; }
.float-left    { float:left; }
.float-right   { float:right; }
.float-center  { margin: 0 auto; display: block;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.padding { padding: 30px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Clear floats without extra markup  */
.wrapper {display:block;}
.wrapper:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html .wrapper { height:1%; }

a.button {
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
a.button:hover {
	text-decoration: none;
}
a.button,
a.button b.o,
a.button b.m {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-decoration: none;
}
a.button b.o {
	border-color: #5A5A5A; /** rgba fallback **/
	border-color: rgba(0, 0, 0, 0.56);
	text-decoration: none;
}
a.button b.m {
	background: #6EBADD;
	background:-moz-linear-gradient(center top, #6EBADD, #2F88B0) repeat scroll 0 0 transparent; 
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6EBADD),color-stop(0, #2F88B0)); 
	border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/
	border-color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
}
a.button:hover b.m {
/*
	background: #2F88B0;
	background:-moz-linear-gradient(center top, #6EBADD, #6EBADD) repeat scroll 0 0 transparent; 
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6EBADD),color-stop(0, #6EBADD));
*/ 
}
a.button:active b.m {
background: #2F88B0;
	border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/
	border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}
a.button b.m b {
	display: block;
	font-weight: bold;
	padding: 10px 8px;
	text-shadow: 0 1px 0 #DDD;
	color: #262626;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
	text-decoration: none;
}

a.button img {margin:-8px 10px 0 0; display: block; float: left;}

/* Shadow */
.shadow, .lightbox img {
-moz-box-shadow: 2px 2px 12px #666666;
-webkit-box-shadow: 2px 2px 12px #666666;
}