/*
Hey diddle, diddle, the Cow Jumped Over The Moon.
The Cat he laughed to see such fun

/* CSS Document */

* {
margin:0 0 0 0;
padding:0 0 0 0;
border:none;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
}

#advert {
position:absolute;
margin:20px auto 0 auto;
left:20%;
padding:10px 15px 10px 15px;
background-color:#006699;
width:450px;
height:250px;
/*display:none;*/
}

.adclose p a {
color:#FFCC00;
font-size:16px;
font-weight:bold;
}

/*java cart*/
#cart {
position:absolute;
min-height:40px;
width:85px;
background-color:#FFCC00;
top:400px;
right:260px;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;
border-radius: 10px;
display:block;
padding-top:10px;
padding-bottom:5px;
}

#cart p {
margin-left:-8px;
font-size:14px;
}

#cart p a {
font-size:14px;
}

#cartoptions {
position:absolute;
min-height:100px;
width:185px;
background-color:#FF9900;
top:400px;
right:350px;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;
border-radius: 10px;
display:block;
line-height:10px;
font-size:0.7em;
}

#cartoptions p {

}

#cartoptions p a {
font-size:12px;
display:block;
}

body {
/*background-image:url(images/ggbg.jpg);*/
}

#wrapper {
width:95%;
height:100%;
margin:0 auto 0 auto;
}

#rightcol p strong {
font-weight:bold;
font-size:16px;
color:#000000;
}

table {
margin-left:20px;
font-size:50px;
}

marquee {
font-size:12px;
}

#menu {
width:100%;
margin:0 auto 0 auto;
background-color:#FF0000;
font-size:14px;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;
border-radius: 10px;
}

	#menu p {
	padding-left:15px;
	color:#000000;
	line-height:3em;
	}
	
	#menu p a {
	font-size:12px;
	line-height:3em;
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
	}
	
	#menu p a:hover {
	text-decoration:underline;
	}	
	
.contact {
display:inline;
}

#banner {
/*background-image:url(images/GGRlogoBits.jpg);*/
height:1px;
width:95%;
margin:30px auto 0 auto;
text-align:center;
}

#banner img {
margin:0.9% auto 0.9% auto;
}

#mastsplit {
/*background-image:url(images/rightcol.jpg);*/
width:100%;
height:110px;
background-color:#0066CC;
margin:3px auto 15px auto;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;
border-radius: 10px;
}

#mastsplit img {
padding:7px 3px 3px 3px;
}

#mastsplit a:hover img {
background-color:#0099FF;
}

#mastsplit p {
margin-left:10px;
margin-top:30px;
color:white;
font-size:10px;
}

#leftcol {
/*background-image:url(images/leftcol.jpg); */
width:15%;
/*padding-left:2%;*/
padding-bottom:7px;
padding-top:7px;
margin:-160px auto auto 0; /* control left, mid, rightcol top position */
text-indent:-999999999px;
position:absolute;
}

#leftcol li {
list-style:none;
width:110px;
}

#leftcol a {
line-height:10px;
display:block;
background-repeat:no-repeat;
height:160px;
}

#leftcol a:hover {
background-position:0 -176px;
}

	/* classes for ad hover buttons */
	.one a {
	background-image:url(images/haro.jpg);
	}

	.two a {
	background-image:url(images/bmx.jpg);
	}

	.three a {
	background-image:url(images/boys.jpg);
	}
	
	.four a {
	background-image:url(images/girls.jpg);
	}
	
	.five a {
	background-image:url(images/mirraco.jpg);
	}
	
.notice {
margin:0 30% 0 auto;
padding:5px;
background-color:#99CC33;
width:500px;
}

.notice h2 {
font-size:16px;
}

#midcol {
background-color:#FFFFFF;
min-height:800px;
width:59%;
margin:0px 20% 0 7%; /* See leftcol bottom margin for top position */
padding:0 2.5% 0 5%;
}


	/*text controls */

	#midcol h1 {
	color:#006699;
	font-size:20em;
	padding-left:15px;
	line-height:2em;
	margin:-24px auto -14px auto;
	}
	
	#midcol h1 a {
	font-size:30px;
	color:#006699;
	}
	
	#midcol h1 a:hover {
	color:#993333
	}
	
	#midcol h2 {
	color:#0066CC;
	font-size:16em;
	padding-left:15px;
	line-height:1.9em;
	}
	
	#midcol h2 a {
	font-size:16px;
	}
	
	#midcol p {
	padding-left:15px;
	font-size:10em;
	color:#666666;
	line-height:1.4em;
	}
	
	#midcol p strong {
	color:#000000;
	font-size:0.8em;
	}
	
	#midcol .rrp p small {
	display:block;
	margin-bottom:130px;
	font-size:10px;
	}
	
	#midcol p a {
	line-height:1.9em;
	color:#990000;
	text-decoration:none;
	}
	
	#midcol .image a {
	margin-left:50px;
	font-size:14px;
	}
	
	#midcol p a:hover {
	text-decoration:underline;
	}
	
	#midcol ul li {
	padding-left:15px;
	font-size:17em;
	color:#666666;
	line-height:1.4em;
	list-style:none;
	}

#midcol img {
display:block;
margin-bottom:30px;
}

#midcol .home h2 {
font-size:22em;
line-height:4em;
}

#midcol .home p {
font-size:18em;
margin-bottom:12px;
}

#midcol .home ul {
margin-bottom:12px;
}

#midcol .home ul li{
font-size:22em;
line-height:1.6em;
font-weight:bold;
list-style-type:inherit;
list-style-position:inside;

}

#midcol img {
float:left;
margin:5px 5px 5px 5px;
}

#midcol ul.colour li {
color:#00FF66;
display:inline;
padding-right:10%;
padding-left:10%;
}

#midcol .haro {
margin-left:30px;
}

#midcol .haro ul {
margin-bottom:5px;
margin-top:5px;
}

#midcol .haro li {
display:inline;
margin-left:21px;

}

#midcol .haro li a {
font-size:14px;
color:#000000;
}

#submenu {
/*width:99%;
margin:0 0 0 auto;
padding-left:60px;
background-image:url(images/hoz-main.jpg); background-repeat:repeat-x; background-position:bottom;*/
padding-bottom:20px;
}

.end {
font-size:1em;
margin-bottom:35px;
}

.colourframe {
display:block;
height:320px;
margin-left:10px;
margin-top:7px;
margin-bottom:10px;
padding-bottom:20px;
width:97%;
clear:left;
border-style:solid;
border-width:thin;
border-color:#000000;
}

.colourframe p a {
padding-top:20px;
}

#midcol .colourframe h2 {
font-size:18px;
}

ul#nav li a {
background-color:#FFCC33;
font-size:14px;
}

.colourphotos {
float:left;
text-align:center;
width:120px;
display:block;
padding:3px 3px 3px 3px;
margin-left:-17px;
margin-right:15px;
}

#midcol .colourframe .colourphotos p a {
font-size:14px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

#midcol .colourframe .colourphotos p a:hover {
color:#000033;
}

#midcol .colourframe .colourphotos img {
margin-left:0px;
margin-top:15px;
margin-right:-5px;
}

#midcol .colourframe .colourphotos a:hover img {
border-style:ridge;
border-width:thin;
}

.specs ul {
font-weight:bold;
font-size:0.8em;
}

.specs li {
margin-bottom:7px;
}

#midcol .specs ul li {
color:#999999;
}

#midcol .comments {
margin-top:50px;
}

#midcol form {
margin-left:15px;
}

#midcol label {
font-size:12px;
color:#333333;
}

#comname input {
font-size:12px;
margin-left:33px;
border-style:groove;
width:30%;
margin-bottom:12px;
}

#text input {
	font-size:12px;
	border-style:groove;
	margin-left:36px;
	width:30%;
	}

#midcol .commentext label {
font-size:12px
}

#midcol textarea {
	font-size:12px;
	float:right;
	border-style:groove;
	margin-right:6.8%;
	width:80%;
	margin-top:-4px;
	margin-bottom:8px;
	height:200px;
	}
	
#finish input {
font-size:12px;
margin-left:86%;
border-style:outset;
}

#midcol .stock {
padding:7px 7px 7px 7px;
font-weight:bold;
}

#rightcol {
background-image:url(images/rightcol.jpg);
width:20%;
padding:7px 7px 7px 7px;
position:absolute;
top:190px;
left:76%;
font-size:18px;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;
border-radius: 10px;
}

.subcribe { /*fix some issues*/
height:100px;
background-color:#FFFFFF;
}

	#rightcol p {
	background-color:#FFFFFF;
	padding-bottom:18px;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	text-align:justify;
	text-align:center;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
	#rightcol p a {
	font-size:20px;
	line-height:20px;
	color:#003399;
	text-align:center;
	}
	
	#rightcol p a:hover {
	text-decoration:overline;
	}
	
	#rightcol form {
	background-color:#FFFFFF;
	text-align:center;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
	#rightcol input {
	font-size:12px;
	border-style:groove;
	}

#footer {
background-color:#CCCCCC;
width:95%;
margin:182px auto 0 auto;
-moz-border-radius: 10px; -webkit-border-radius: 10px; 
border-radius: 10px;
}

	#footer p {
	padding-left:15px;
	font-size:12px;
	color:#666666;
	line-height:1.2em;
	}
	
	#footer p a {
	font-size:12px;
	line-height:1.2em;
	color:#990000;
	text-decoration:none;
	}
	
	#footer p a:hover {
	text-decoration:underline;
	}
	
/*classes/ids for drop down menus */


#nav, #nav ul {
	padding: 0;
	margin: 0;	
	margin-left:5%;
	margin-top:-60px;
	list-style: none;
	padding-top:10px;
	height:30px;
}

ul#nav li{
margin-left:13%;
text-align:center;
}

ul#nav li a{
font-size:20px;
background-color:#0066CC;
width:100px;
}


#nav a {
	display: block;
	width: 200px;
	color:#00FFFF;
	text-decoration:none;
	padding-left:3px;
}

#nav li ul {
padding-top:0px;
margin-top:0px;
margin-left:-20px;
}



#nav li ul li a {
margin-left:-62px;
font-size:20px;
width:193px;
height:25px;
line-height:25px;
padding-top:0px;
background-color:#0099FF;
	}

#nav li ul li a:hover {
	}

#nav a:hover {
	background-color:#FFFFFF;
	color:#663399;
	}

#nav li {
	float: left;
	width: 8.5em;
}

#nav li ul {
	position: absolute;
	width: 8.5em;
	left: -9999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.offer {
background-color:#FF9933;
width:99%;
min-height:20px;
color:#FFFFFF;
padding:45px 7px 7px 7px;
font-size:1.4em;
}


/* begin css tabs */

#midcol ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em -20% 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #FF0000; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
font-size:1.1em;
}

#midcol ul#tabnav li { /* do not change */
display: inline;
margin-left:40px;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #FF0000; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#midcol ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #FF0000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color:#996600; /* set unselected tab background color as desired */
color: #FFF; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

#midcol ul#tabnav a:hover { /* settings for hover effect */
background-color:#990000; /* set desired hover color */
}

/* end css tabs */