/***************/
/* main layout */
/***************/
body { margin: 0; padding: 0; background: #fff; color: #2d3638; margin: 5px 6px; }

#bodyWrapper { width: 991px; margin: auto; }

/* specific link colours for this site */
a:link 	  { color: #2d3638; text-decoration: none; }
a:visited { color: #2d3638; text-decoration: none; }
a:hover   { color: #2d3638; text-decoration: underline; }
a:active  { color: #2d3638; text-decoration: underline; }

.input{ border:2px solid #787878; margin:6px 0 0 140px; height:17px; padding-left:10px; width:122px; }
.call_btn{ float:right; margin:7px 2px 0 0;}
/********************/
/* content elements */
/********************/
#mainContainer {
	margin: 0;
	padding: 0;
}

#leftBar     { float: left; width: 221px; margin-right: 9px; }
#mainContent { float: left; width: 528px; }
#rightBar    { float: left; width: 221px; margin-left: 9px; }

ul.home_prod{ margin:0px; padding:0px; }
ul.home_prod li{ list-style-type:none; display:block;  background:#;  padding:2px 0 2px 10px; }
ul.home_prod li:hover{  cursor:pointer; background:#;}
ul.home_prod li a{ text-decoration:none; }
ul.home_prod li a:hover{ text-decoration:none; color:#10aae6;}

/**************************/
/* navigation-style <ul>s */
/**************************/

/* all tiers */
ul.nav      { margin: 0; padding: 0; list-style: none; margin-top: 2px; }
ul.nav li   { margin: 0; padding: 0; margin-bottom: 2px; }
ul.nav li a { display: block; border: 1px solid #eaeaea; background: #fff; color: #2d3638; padding: 0 4px; }
ul.nav li a:hover { text-decoration: none; }

/* tier 2 + 3 */
ul.nav li ul      {  }
ul.nav li ul li   {  }
ul.nav li ul li a { padding-left: 14px; color: #5c5e5e; }

/* tier 3 only */
ul.nav li ul li ul      {  }
ul.nav li ul li ul li   {  }
ul.nav li ul li ul li a { padding-left: 24px; }


/**************************/
/* those rule-like things */
/**************************/
#topHR { margin-top: 5px; margin-bottom: 15px; border: 1px solid #c0c0c0; border-width: 2px 1px; background: #2d3638; height: 1px; }
#botHR { margin-top: 10px; margin-bottom: 6px; border: 1px solid #c0c0c0; border-width: 2px 1px; background: #2d3638; height: 1px; }


/***************/
/* generic box */
/***************/

h1.title { font-size: 1em; line-height: inherit; font-weight: normal; }

.box { border: 1px solid #c0c0c0; background: #FFF; padding: 0 0 1px; margin-bottom: 15px; }
.box .innerBox { border-bottom: 1px solid #c0c0c0; background: transparent; padding: 2px 2px 3px;  }
.box .title { background: #2d3638; color: #fff; margin-bottom: 7px; text-transform: uppercase; }
.box .title.textHack { padding: 4px 24px 0; height: 19px; background: #2d3638 url('../images/title_blank_big.gif') top left no-repeat; }
.box #boxText { padding: 0 10px; font-size: 1.1em; line-height: 1.3em; background-color:#FFF; border:1px solid #E8E8E8; }

.testimonial blockquote { }
.testimonial p { font-weight:bold;}

/**************/
/* header box */
/**************/
#topBox { background: #2f383a url('../images/headerbg.gif') top repeat-x; color: #fff; margin: 0; padding: 10px 5px; }
#topBox #logo   { float: left; }
#topBox #basket { float: right; width: 199px; height: 78px; border: 1px solid #424c4e; padding: 8px 7px; background: #f6f6f6; color: #2d3638; }
#topBox #basket hr { border-bottom-style: solid; }
#topBox #basket #basketCost { text-align: right; font-weight: bold; }

/***********/
/* nav box */
/***********/
#navBox a       { background: #fff; color: #2d3638; }
#navBox a:hover { background: #f4ec09; color: #2d3638; }

/****************/
/* shop nav box */
/****************/
#shopNavBox .catTitle { border: 1px solid #eaeaea; background: #fff; color: #2d3638; }
#shopNavBox a         { background: #fff; color: #2d3638; }
#shopNavBox a:hover   { background: #10aae6; color: #fff; }
#shopNavBox #shopSearch { margin-top: 10px; }
#shopNavBox #shopSearch #search_form input { border: 1px solid #eaeaea; background: #fff; color: #666; }
#shopNavBox #shopSearch #search_form input#search_search { width: 151px; padding: 4px 3px; }

/**************/
/* signup box */
/**************/
#signupBox #signup_form input { border: 1px solid #eaeaea; background: #fff; color: #666; width: 204px; padding: 1px 4px; }
#signupBox #signup_form input#signup_submit { border-color: #aaa; background: #8cc63f; color: #2d3638; padding: 0; width: 212px; }

/******************/
/* top header box */
/******************/
#topHeader { padding: 0; }

/***********************/
/* console repairs box */
/***********************/
#consoleRepairs {  }
#consoleRepairs #repairsText  { font-size: 1.1em; padding: 0 10px; }
#consoleRepairs #repairsFlash { margin: 5px 0; text-align:center; }

/*******************/
/* accessories box */
/*******************/
#accessoriesBox {  }
#accessoriesBox #accessoriesText  { font-size: 1.1em; padding: 0 10px; }
#accessoriesBox #accessoriesFlash { margin: 5px 0; border: 1px solid #c0c0c0; }

/***************/
/* invoice box */
/***************/
#invoiceBox {  }
#invoiceBox #invoiceText  { font-size: 1.1em; padding: 0 10px; }

/********************/
/* signup box (big) */
/********************/
#bigSignupBox #signupText { font-size: 1.1em; padding: 0 10px; }

/************/
/* shop box */
/************/
#shopBox {  }
#shopBox .innerBox {  }
#shopBox .innerBox #shopInner { padding: 0 1px; }

/**********************/
/* special offers box */
/**********************/
#offerBox {  }
#offerBox #offerTitle   { border: 1px solid #aaa; padding: 0 4px; background: #c0c0c0; color: #ff3dab; font-weight: bold; }
#offerBox #offerTitle a { color: #ff3dab; }
#offerBox #offerPrices  { padding: 0 5px; }
#offerBox #offerPrice   { color: #ff3dab; }
#offerBox #offerPicture { border: 1px solid #eaeaea; margin: 6px 0; }

/*****************/
/* free info box */
/*****************/
#infoBox {  }
#infoBox .title { margin-bottom: 0; }

/**********************/
/*   extra bits box   */
/* (not really a box) */
/**********************/
#extrasBox { border: 0; background: none; text-align: right; }


/**********/
/* footer */
/**********/
#footer { padding: 4px 7px 5px; }
#footer a { text-decoration: none; } /* for the clevercherry.com link */

.floatleft { float: left; }

hr {
	border-bottom: dashed #000 1px;
	height: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*****************/
/* photo gallery */
/*****************/
div.galleryItem { /* one gallery item */
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
}


/***********************/
/* general form styles */
/***********************/
#contactform	{ float: left; }  /* the contact form itself */
#contact		{ float: right; } /* contact info or whatever on right */

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 80px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 90px; } /* label width + label margin-right, override as above */

/* message and error boxes, not just useful in contact form */
div.messagebox { border: 1px solid #080; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
div.messagebox.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
div.messagebox.error { border-color: #f00; color: #f00; } /* error box in red */