/* Copyright - DMAC Web Industries and Pitstop Computers 2013
 * Author - David McCarroll 
 * Created Start Date - 26/02/2013
 */

/* Body background image */

body
{	
	background-position: center bottom;	/* Aligns background image */
	background: url('../../images/background.jpg') no-repeat top  fixed; 	/* Insert background image only once */
	background-size: cover;	/* Makes image stretch with screen size */
}

/* Main Container (Keeps everything in the middle of monitor) */

#main_container
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* Pitstop Computers Logo */
 
#logo
{
	width: 650px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}

/* Main Page Layout */

.main_page
{
	width: 930px;
	padding: 5px 15px;
	min-height: 550px;
}


/* Footer */

#footer
{
	width: 940px;
	padding: 5px 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#footer p
{
	text-align: center;
	font-weight: bold;
	font-size: 0.695em;
}

/* Image Layout */

img, img a:link, img a:visited, img a:hover, img a:active
{
	border: 0;
	
}

/* HEADINGS FONT */

h1, h2, h3, h4
{
	text-align: center;
	color:#000000;
}

/* FORM ERROR */




/* LOGIN AREA */

#login_image
{
	width: 240px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

form#login
{
	width: 350px;
	margin-top: 112px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 212px;
}

form#login fieldset
{
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

form#login fieldset p
{
	margin-left: 40px;
}

.login_textfield
{
	float: right;
	margin-right: 40px;
	font-weight: bold;
}

.login_textfield:focus
{
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
}

#login_button
{
	width: 75px;
	margin-left: 137px;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
}

/* ADMINISTRATION MAIN MENU */

.main_menu_image
{
	width: 240px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

#main_menu
{
	width: 960px;
	float: left;
	position: relative;
}

.sub_menu_image
{
	width: 240px;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
}

.admin_submenus
{
	width: 300px;
	height: 230px;
	margin: 10px;
	float: left;
	position: relative;	
}

.admin_submenus ul
{
	border: 3px inset #0099cc;
	border-radius: 15px;
	height: 150px;
	padding-top: 20px;
	background-color: #ffffff;
	padding-left: 0;
	text-align: center;
	list-style-type: none;
}

.admin_submenus ul li a
{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #0000ff;
}

.admin_submenus ul li a:hover
{
	text-decoration: underline;
}

.admin_submenus ul li a:visited
{
	color: #0000ff;
}

/* TRADING HOURS */

.trading_hours
{
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

.trading_hours p
{
	text-align: center;
}

form#change_trading_hours
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
	padding: 10px;
}

form#change_trading_hours p
{
	text-align: right;
	margin-right: 15px;
}
 
form#change_trading_hours p select option
{
	text-align: center;
}

form#change_trading_hours input#change_times
{
	width: 115px;
	margin-left: 93px;
	margin-right: auto;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
	
}

/* UPCOMING HOLIDAYS */

form#change_public_holidays
{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

form#change_public_holidays input#change_holidays
{
	width: 115px;
	margin-left: 117px;
	margin-right: auto;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
}

/* LOGO BRANDS */

form#add_new_logo
{
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 75px;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

form#add_new_logo fieldset
{
	border: none;
}

form#add_new_logo fieldset p
{
	text-align: right;
	margin-right: 15px;
}

form#add_new_logo fieldset p input.logo_title
{
	margin-right: 75px;
}

form#add_new_logo fieldset p input.website_link
{
	margin-right: 75px;
}

form#add_new_logo fieldset p input#add_logo
{
	width: 115px;
	margin-left: auto;
	margin-right: 100px;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
}

/* NEW LOGO ADDED */

#new_logo_display
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
	margin-bottom: 75px;
	background: #ffffff;
	text-align: center;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

/* VIEW LOGOS */

#brands_container
{
	width: 510px;
	margin-left: auto;
	margin-right: auto;
	
}

#brands
{
	width: 510px;
	float: right;
	position: relative;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
	padding-top: 15px;
	
}

#brands_heading
{
	width: 410px;
	margin-left: auto;
	margin-right: auto;
}

.logo_image_display
{
	width: 240px;
	height: 150px;
	margin: 5px;
	float: left;
	position: relative;
	text-align: center;
}

/* DELETE LOGO */

.delete_logo_display
{
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
	overflow: hidden;
	padding: 10px;
}
/* EDIT LOGOS */

form#edit_logo
{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

form#edit_logo fieldset
{
	border: none;
}
form#edit_logo fieldset p
{
	text-align: right;
}

form#edit_logo fieldset p input#edit_logo_title
{
	margin-right: 75px;
}

form#edit_logo fieldset p input#edit_website_link
{
	margin-right: 75px;
}


form#edit_logo fieldset input#change_logo
{
	width: 115px;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
}

#edit_logo_display
{
	width: 100px;
	height: 100px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 3px inset #0099cc;
	border-radius: 15px;
	background: #ffffff;
	text-align: center;
	overflow: hidden;
}

/* ADD/CHANGE SPECIALS */

#special_image
{
	width: 340px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

form#add_change_special
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px; 
}

form#add_change_special fieldset
{
	border: none;
}

form#add_change_special fieldset p
{
	text-align: right;
}

form#add_change_special fieldset p input#special_name
{
	margin-right: 250px;
}

form#add_change_special fieldset p input#special_price
{
	width: 45px;
	margin-right: 340px;
}

form#add_change_special fieldset p input#special_upload
{
	margin-right: 240px;
}

form#add_change_special fieldset p input#enter_special
{
	width: 115px;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
	margin-right: 317px;
}


/* ADD NEW ITEM */

#title_image
{
	width: 240px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

form#new_item
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

form#new_item fieldset
{
	border: none;
}

form#new_item fieldset p
{
	font-weight: bold;
	text-align: right;
}

form#new_item fieldset p input#item_name
{
	margin-right: 255px;
}

form#new_item fieldset p input#item_price
{
	width: 75px;
	margin-right: 300px;
}

form#new_item fieldset p input#item_upload
{
	margin-right: 200px;
}

form#new_item fieldset .error p.error
{
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

form#new_item fieldset p input#enter_item
{
	width: 115px;
	background-color: #0099cc;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px;
	margin-right: 317px;
}

/* CHANGE ITEM LIST */

.item_list_title
{
	width: 425px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

table.item_list_table
{
	width: 95%;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
	text-align: center;
	
}

/* DELETE ITEMS */

.thumb_image_display
{
	width: 78px;
	padding: 5px;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

/* DISPLAY */



.display
{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 3px inset #0099cc;
	border-radius: 15px;
}

.item_name h1
{
	text-transform: capitalize;
}

.image
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.image img
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.price p
{
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

.details
{
	padding: 20px;
	margin-left: 150px;
}

/* MENU BAR */

.menu_bar
{
	width: 960px;
	text-align: center;
	color: #000000;
}
.menu_bar a
{
	text-align: center;
	text-decoration: none;
	color: #000000;
	
}

.menu_bar a:hover
{
	color: #0000ff;
}