/* HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
/*  vertical-align: baseline;*/
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ff0000; margin: 1em 0; padding: 0; }
/*input, select { vertical-align: middle; }*/

.hidden {
    display: none;
}

.left {
    position:relative; float: left;
}

.right {
    position:relative; float: right;
}

.clear {
    clear: both;
}

/* Standard Setup */
body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 0.8em;
    -webkit-text-size-adjust: none;
    color:#000000;
    width:100%;
}

.page { /* 100% up to 996px (which will become 1000px with 2px border wither side) - to fit on 1024*768 screens with scrollbar */
    width:100%;
    max-width:996px;
    position:relative;
    overflow:auto;
    margin: 0 auto 0 auto;    
    background:white;
}

a {
    color: #0000ee;
	font-weight:bold;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.redBold {color:red; font-weight:bold;}

.addSite {border: 2px dashed #565656; padding: 1em ! important; margin: 1em; text-align: center; color:black}
.submitButton {font-weight: bold; color: black ! important; background-color: #00ff00 ! important;}

strong {
    font-weight: bold;
}

h1 {
    font-size: 1.2em;
    font-weight: bold;
    height:18px;
    padding: 6px 8px 8px 8px; 
}

header {
    position:relative;
    float:left;
    height:50px;
    width:100%;
	background: black;
}

header #menu {
    float:right;
    width:50px;
    height:50px;
    position:relative;
    cursor:pointer;
}

header #menu {
   background:url(/img/Menu.png) center center no-repeat;
}

header {
    background: black;
}

header .headerMob {
    position:relative;
    float:left;
    display:block;
    height:45px; 
	width: 100%
}

header .homeImgMob {
    position:relative;
    float:left;
    display:block;
    width:200px;
    height:45px; 
	margin: 3px 0 0 0;
    cursor: pointer;
}

nav {
    width:100%;
    overflow:hidden;
    position:relative;
    display:none;
}

nav {
	background: #ff0000;
}

nav ul li a {
    color:white;
}

nav ul {
    float:left;
    width: 96%;
    margin:2px 8px 4px 8px ! important;
    list-style:none;
    position:relative;
}

nav ul li {
    display:block;
    width:100%;
    position:relative;
    font-size: 1.2em;
    color:#2c1871;
    text-transform:uppercase;
    margin: 6px 0 6px 0;
    padding: 2px 0 6px 0;
    border-bottom:1px solid white;
}

nav ul li.azoprofile-related { display: none; }

nav ul li a {
    color:white;
    font-weight:bold;
    display:block;
    background: none;
    margin: 0;
    padding: 0;
}

header .headerFull {
	width:996px;
	padding:0px;
	height:97px;
	display:none;
	text-align:center;
}

header .headerFull {
	background-color: black;
}

header .headerFullLeft {
	width:250px;
	padding:10px;
	height:77px;
	display:block;
	float:left;
	text-align:center;
}

header .headerFullLeft {
	background-color: black;
}

header .headerFullLeft a {
	color: #00ff00;
}

header .headerFullRight {
	width:726px;
	height:97px;
	display:block;
	float:left;
	text-align:center;
}

header .headerFullRight {
	background-color: #565656;
}

header .headerFullRight .headerAd {
	width:468px;
	height:97px;
	display:block;
	float:left;
	text-align:center;
	padding: 18px 0px 0 8px;
}

header .headerFullRight .headerHeading {
	width:230px;
	height:67px;
	padding: 20px 10px 10px 10px;
	display:block;
	float:right;
	text-align:center;
}

header .headerFullRight .headerHeading h1 {
	font-size: 0.95em;
}

header .homeImgFull {
    position:relative;
    float:left;
    display:block;
    width:200px;
    height:45px; 
    cursor: pointer;
}

#main {
    position:relative;
    width:100%;
	overflow:auto;
}

.sideBar {
display:none;
width:160px;
position:absolute;
height: 600px;
top: 0px;
right: 0px;
}

.fullOnly {display:none;}
.fullOnlyInline {display:none;}
.mobOnly {display:block;}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    font-size: 1.0em;
    font-weight: bold;
    width: 92%;
    margin: 0;
    padding: 6px 8px 8px 0px; 
    height:inherit;
}

#main p { /* main paragraph style */
    margin: 0 0 8px 0;
    font-size:1.0em;
}

#main ul, #main ol {
    padding: 6px 0 6px 0;
}

#main ul li {
    list-style:disc;
    margin:0 0 4px 20px;
}

#main ol li {
    list-style-type: decimal;
    margin: 0 0 8px 2em; padding: 0 0 0 0;
}

#content {
    position:relative;
    float:left;
    width:100%;
    min-height: 420px;
    overflow:hidden;
    line-height: 1.4em;
    font-size:1.2em;
	text-align:left;
	overflow:hidden ! important;
}

#content {
	background-image:url(/img/mainback.jpg);
}

#content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 5px;
}

#contentDiv {
    position:relative; float:left; overflow:auto; padding:8px; max-width: 96% ! important; width:96%;
}

#contentDiv p {
    position:relative;
}

#side {
    position:relative;
    float:left;
    display:none;
    overflow:hidden;
    line-height: 1.4em;
    font-size:1.2em;
}

#sideDiv {
    position:relative; padding:8px 0 0 0; text-align:center;
}

.bold {font-weight: bold;}

.divAd {width:100%; text-align:center}

ins { /* Removes Adsense back */
    background-color: transparent !important;
}

.holdingLinks a {display:block; height: 3em; }

.featured {border-top: 5px double #ff0000; border-bottom: 5px double #ff0000; padding: 10px}
.black {color:black; font-weight:bold; display:block; text-align:center;}

input[type=submit], .basketSubmit {
    color:black;
    background: #00ff00;
    border: 2px solid black;
    padding:5px 10px 5px 10px;
    font-weight:bold;
}

hr {color: #ff0000; background: #ff0000; height: 2px; border:0;}

.dividerBlack {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 1px; 
    position: relative;
    background-color: #000000;
}

.dividerBig {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #cc0000;
}

.dividerPad {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #cc0000;
    margin: 1em 0 1em 0;
}

.dividerBigPadTop {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #cc0000;
    margin: 1em 0 0 0;
}

.gap {
    width:100%; height:30px; position:relative; float:left;
}

.gap1em {
    width:100%; height:1em; position:relative; float:left;
}

footer {
    position:relative;
    display:block;
    float:left;
    width:100%;
	overflow:hidden ! important;
	padding: 0.5em 0 0.5em 0;
    position:relative;
}


footer {
	background-color: #008888;
}

footer p {
    position: relative;
    float: right;
    margin: 0 1em 0 0;
    padding: 0;
    text-align: right;
	color:white;
}

footer a {color: white; font-weight: bold; }




/* form */
.formInput {width:96%; max-width:500px}
.formTextarea {width:96%; max-width:500px}
.verifyDiv {position:relative; float:left;}
.verifyDiv img, .verifyDiv span {position:relative; float:left;}
.verifyInput {width:80px;}

input[type=text], textarea {border: 1px solid black; }

textarea {height:100px;}

.star, .required {color: #cc0000; font-weight: bold }

/* shop */
.shopImg {max-width: 95% ! important; }

.siteType {display:inline ! important; float: none ! important; margin: 0 0.5em 0 0 ! important; padding: 0 ! important; }

.error {background: pink; border: 1px solid #c00; padding: 10px; color: #c00; display: none; }

/* Responsive Design */

/* Tablet */
@media screen and (min-width: 500px) {
	.homePhoto {float:right; padding: 0 0 1em 1em; width: 240px; }
	.addSite {float:right; text-align: center; margin: 0 0 1em 1em;}
}

/* Full Size - Show Side Bar */
@media screen and (min-width: 1017px) {
    .page {border-left: 2px solid #d1d1d1; border-right: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1; }
	#main {background-image: url(/img/sidebanner.gif); background-repeat: repeat-y;}
	.homePhoto {float:right; padding: 0 0 1em 1em; width: 240px; }
	.addSite {float:right; text-align: center; margin: 0 0 1em 1em;}
	.fullOnly {display:block;}
	.fullOnlyInline {display:inline;}
	.mobOnly {display:none;}
    #content {display: block;  padding:8px 16px 8px 16px; width:764px; }
	#side {display: block; width:200px; padding:8px 0 0 0; text-align:center; }
    nav {display:block;}
    nav ul li {text-transform:none;}
    nav ul li a, nav ul li span {display:block; float:left; }
    nav ul {margin:2px 8px 2px 8px; list-style:none; position:relative; }    
    nav ul li {position:relative; width:auto; float:left ! important; color:#2c1871; text-transform:uppercase; margin: 6px 0 6px 0; padding:0; font-size: 1.0em; border:none; }
    header {height:97px; }
	header .headerMob {display:none;}
	header .headerFull {display:block;}
	nav {display:none;}
    footer {overflow:hidden;}
    .site img {max-width: 600px; width: 600px;}
	.code {display:table-cell;}
	.prefix {display:inline;}
	.shopImg {max-width: 600px; width: 600px;}
	.basketArea .basketTxt {margin: 28px 9px 11px 0px;}
	.basketHeading {display:block; margin: 0 0 2px 0;}
	.basketArea .basketIcon {margin: 31px 9px 9px 0px;}

	
    .sidemenu a { background: black; border-radius: 10px; padding: 10px 0px 0px 0px; margin: 0 auto 1em auto; width:164px; height:35px; display:block; font-weight:bold; color:#ffffff; font-size:1.2em; }
	.sidemenu a:hover { text-decoration: underline; }
	.mainLinks { color: #00ff00 ! important; }
}

@media screen and (min-width: 1350px) {
.sideBar {display:block;}
}