/* common styles for Zed Candy */


* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	color: #000000;
	font: 0.8em/1.3em normal Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: left;
}

/* general text styles */



h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 160%;
	padding: 0 0 0.5em 0;
	color: #000000;
}

h2 {
	font-size: 140%;
	margin-left: 10px;
	padding: 0.5em 0;
}

h3 {
	font-size: 120%;
	margin-left: 10px;
	padding: 0.5em 0;
}

h4 {
	color: #bf0000;
	font-size: 100%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 85%;
	text-transform: uppercase;
}

p {
	font-size: 85%;
	padding: 0.5em 0;
	margin: 0 10px 0 0;
}

.go_p {
	font-size: 85%;
	padding: 0.5em 0;
	margin: 0 10px 0 0;
}

a, a:link {
	color: #bf0000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
}

a:hover, a:active {
	text-decoration: underline;
}


/* structural elements */

#container {
	margin: 0 auto;
	width: 770px;
}

#header {
	margin: 0 auto;
	width: 770px;
	}
	
#logo {
	float: left;
	width: 230px;
}

#cartContainer {
	background: #ffffff url(../../img/common/bg_cartContainer.gif) top left no-repeat;
	float: right;
	width: 540px;
}

#corporateNav {
	clear: both;
	margin-top: 15px;
	width: 540px;
}

#mainNav {
	background-color: #000000;
	clear: both;
	width: 770px;
}

#secondaryNav {
	background: #bf0000 url(../../img/followon/bg_secondaryNav.jpg) top right no-repeat;
	border-top: 1px solid #ffffff;
	clear: both;
	width: 770px;
}

#primaryContent {
	clear: both;
	margin: 0 auto;
	width: 770px;
}

#footer {
	border-top: 1px solid #000000;
	clear: both;
	margin: 0 auto;
	width: 770px;
}


#copyright {
	float: right;
	font-size: 85%;
	margin: 10px 0 1.2em 0;
	text-align: right;
	width: 220px;
}



/* text offer and search box */

#offerSearch {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 770px;
}

#offerSearch h2 {
	float: left;
	font-size: 130%;
	padding: 0.5em 0;
	width: 520px;
}

#offerSearch h2 a {
	margin-left: 20px;
}

#searchBox {
	float: right;
	width: 220px;
}

/* primary content */


/* brand search form styles */

#SearchList {
	margin: 0;
	padding: 0;
	width: 220px;
	float:right;
}

.brandSearch {
	font-size: 85%;
	margin: 5px 0;
	width: 220px;
}

.go_search_button {
	font-size: 85%;
	margin: 5px 0 5px 5px;
	width: 30px;
}

/* newsletter sign up form */

.inputWide {
	font-size: 85%;
	margin: 5px 10px;
	width: 195px;
}


/* currency options */

#currencyBox {
	background: #ffffff url(../../img/common/bg_currency.gif) top right repeat-y;
	border-top: 1px solid #e6e6e6;
	float: right;
	margin-top: 5px;
	width: 161px;
}

#currencyBox h4, #currencyBox ul {
	display: block;
	float: left;
	margin: 5px 0;
	width: 80px;
}

#currencyBox h4 {
	font-size: 90%;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
}

#currencyBox ul {
	list-style-type: none;
	text-align: center;
}

#currencyBox ul li {
	border-right: 1px solid #bf0000;
	display: inline;
	margin-left: 8px;
	padding-right: 8px;
}

#currencyBox ul li.lastMoney {
	border-right: none;
}


/* shopping cart */

#shoppingCart {
	background: #ffffff url(../../img/common/bg_cart.gif) top left repeat-y;
	border-top: 1px solid #e6e6e6;
	clear: both;
	text-align: left;
	width: 540px;
}

#cartTitle {
	background: transparent url(../../img/common/icon_cart.gif) center left no-repeat;
	float: left;
	width: 120px;
}

#cartTitle h4 {
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	overflow: hidden;
	padding: 10px 5px 10px 28px;
	text-transform: uppercase;
}

#cartInfo {
	float: left;
	width: 253px;
}

#cartInfo p {
	padding: 10px 5px;
}

#cartLinks {
	float: right;
	padding: 10px 0;
	text-align: left;
	width: 160px;
}

#cartLinks a.arrowRed {
	margin: 0 0 0 10px;
}

div.hrCart {
	background-color: #e6e6e6;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

div.hrCart hr {
	display: none;
}

/* ++ Tabular Data ++ */

table.prod_orderTbl {
	border: 0px solid #000000;
	font-size: 85%;
	margin-bottom: 15px;
	margin-top:10px;
	text-align: left;
}

table.prod_orderTbl table.dataTbl {
	margin-left: 10px;
	width: 95%;
}

table.prod_orderTbl th 
{
	background-color:#000000;
	border-bottom: 2px solid #e6e6e6;
	color: #FFFFFF; /*ff7f00;*/
	padding: 5px;
	text-transform: uppercase;
}

table.prod_orderTbl tr {
	background-color: #ffffff;
}

table.prod_orderTbl tr.alt_row {
	background-color: #F2F2F2;	
}

table.prod_orderTbl td 
{
	border-bottom:1px solid #e6e6e6;
	padding: 3px 5px;
}

table.prod_orderTbl td.multiple, table.prod_orderTbl th.multiple {
	padding: 3px 0;
	text-align: center;
}

table.prod_orderTbl td strong {
	text-transform: uppercase;
}

table.prod_orderTbl td input {
	text-align: right;
	width: 50px;
}

table.prod_orderTbl td input
{
	border:1px solid #000000;
}


/* miscellaneous styles */

.clear {
	clear: both;
}

div.hrClear {
	clear: both;
	height: 1px;
	width: 770px;
}

div.hrClear hr{
	display: none;
}

a.arrowRed {
	background: transparent url(../../img/common/arrow_red.gif) center right no-repeat;
	font-size: 85%;
	padding-right: 6px;
	text-transform: uppercase;
}

a.arrowWhite {
	background: transparent url(../../img/common/arrow_white.gif) center right no-repeat;
	color: #ffffff;
	font-size: 85%;
	padding-right: 6px;
	text-transform: uppercase;
}

a.arrowRed2 
{
	display:block;
	background: transparent url(../../img/common/arrow_red2.gif) center left no-repeat;
	font-size: 85%;
	padding-left: 6px;
}

a.arrowRedViewLarge 
{
	background: transparent url(../../img/common/arrow_red.gif) center right no-repeat;
	font-size: 85%;
	padding-right: 6px;
	text-transform: uppercase;
	margin-left:10px;
}

.downloadDoc
{
	display:block;	
    background: url("../../img/followon/icon_download.gif") left top no-repeat;
    padding-left:20px;
    margin-bottom:8px;
}

.newsDate
{
	width:95px;
	float:left;
}

.newsTitle
{
	width:430px;
	float:left;
}

/* Page Titles */

.blockpagetitle
{
	padding: 5px 0px 7px 8px;
	/*padding-left:8px;
	padding-top:5px;*/
	font: 120% bold Arial;
	color: #FFFFFF;
	background-color: #000000;	
	width: 563px;
	text-align: left;
	float: left;
	font-weight: bold;	
}

.blockpagetitlesecondary
{
	color: #000000;
	background-color: #D6D6D6;	
}

.ordersummarytitle
{
	float: right;
	padding: 5px 0px 7px 8px;
	font: 120% bold Arial;
	color: #FFFFFF;
	background-color: #000000;	
	width: 180px;
	text-align: left;
	margin: 0 10px 0 1px;
	font-weight: bold;	
}

/* Order Summary Table */

.ordersummarycontainer
{
	float: right;
	width: 198px;
	margin: 0 0 0 1px;
	text-align: left;
}

.ordersummarycontainer table
{
	width: 190px;	
}

.ordersummarycontainer table tr td
{
	font-size: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.ordersummarycontainer em
{
	font-style:normal;
	color: #bf0000;
	font-weight: bold;
}

ul.checkoutprogressbar
{
	width:	770px;
	height: 30px;
	text-align: left;	
	margin: 0 0 2px 0;
	padding: 7px 0 0 0;
	border-top: 1px solid #E6E6E6;
}

ul.checkoutprogressbar li
{
	display: block;
	font: 10px normal Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	height: 21px;
	padding: 9px 0px 0px 18px;		
	width: 172px;
	color: #FFFFFF;	
	background-color: #d6d6d6;
	float: left;
}

ul.checkoutprogressbar li.current
{
	background: #ff7f00 url(../../img/common/arrow_redProgress.gif) center left no-repeat;	
	color: #000000;
}

ul.checkoutprogressbar li.complete
{
	background: #ff7f00;	
	color: #000000;
}

/* forms - move to forms.css */

.orderconfirmation_container
{
	float: left;
	width: 500px;
	text-align: left;
	padding: 20px 0 0 20px;	
}

.checkout_form_container
{
	clear: both;
	float: left;
	padding-top:12px;
	/*font-size: 85%;*/
	/*margin-left:20px;*/
	width:420px;
	margin: 0px 0px 0px 20px; 
	text-align: left;
}

.checkout_form_container .magibiz_formlabel
{
	float:left;
	clear:left;
	display:block;
	position:relative;
	margin-top:0px;
	width:180px;
	margin-right:20px;
	text-align: left;
}

.checkout_form_container .magibiz_formlabel em
{
	position:absolute;
	margin-top:0px;
	right:-14px;
	top:0px;
}

.checkout_form_container .magibiz_formeditor
{
	border:1px #354349 solid;
	width:190px;
	margin-bottom:15px;
}

.checkout_form_container .magibiz_formeditordate
{
	/*border:1px #354349 solid;*/
	width:190px;
	margin-bottom:15px;
		
}

.checkout_form_container .magibiz_formvalidationitem
{
	float:left;
	width:5px;
	padding-right:2px;
}

.checkout_order_summary
{
	width: 180px;
}

.buttonscontainer
{
	clear: both;
	padding: 20px 0;	
	width: 550px;
	float: left;
}

.buttonscontainer input
{
	float: right;		
	margin: 5px 0;
	padding: 5px 17px 5px 10px;
	text-align: right;

	background: #bf0000 url(../../img/common/arrow_white_right.gif) center right no-repeat;
	/*border-right: 10px solid #bf0000;*/
	color: #ffffff;
	font-size: 85%;
	text-transform: uppercase;
	border-color: #bf0000;
	border-style: solid;
	
}

.customerdetailscontainer
{
	float: left;
	text-align: left;
	clear: both;
	width: 550px;	
}

.customerdetails
{
	float: left;
	width: 250px;
	padding: 10px 0 0 20px;	
}

.buttonscontainer input.paynow
{
	background: transparent url(../../img/cart/btn_payNow.gif) top left no-repeat;
	width:115px;
	height:30px;
	float:right;
}

.buttonscontainer input.paynow:hover
{
	background-position: bottom left;
}

div.smallClear
{
	height:0px;
	border-top:1px solid #e6e6e6;
	padding:2px 0;
}

div.smallClear hr
{
	display:none;
}