/* Key styles for: Graduates School of Motoring*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 18 August 2009 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 62.5%; color: #0a0a0a;}
img, div { behavior: url(iepngfix.htc) }


/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px;}
#banner{background: #fff; overflow: hidden; height: 180px;}
#logo{float: left; padding: 20px}
#contact{padding: 20px 20px 10px 20px;}
#banner-images{padding: 0px 10px 10px 10px; float: right;}
#navigation{clear: both; font-family: "Century Gothic" Arial, Helvetica, sans-serif; font-weight: bold; background: url(images/nav-background.jpg) repeat-x; height: 45px;}
#feature-image{float: left; width: 660px; height: 322px; background: #fff;}
.managecontainer {overflow: scroll; height: 300px;}
#content-highlight{background: #6a6a65; float: right; width: 280px; height: 302px; padding: 10px; overflow: hidden; color: #fff;}
#content {background-color: #FFFFFF; width: 960px; overflow: hidden; clear: both;}
#content .col {position: relative; float: left; margin-top: 10px; }


#left {width: 278px; padding: 0 20px;}
#middle {width: 278px; border-right: 2px dotted #999; border-left: 2px dotted #999; padding: 0 20px;}
#right {width: 278px; padding: 0 20px;}

*html #left {width: 275px;}
*html #right {width: 275px;}
*html #middle {width: 275px; }



#main-content-wrapper{padding: 20px;}
#main-content{padding-left: 20px; float: right; width: 680px; margin-bottom: 20px;}
#main-content-full {width: 900px; margin-bottom: 20px;}
#sidebar{width: 200px; float: left; overflow: hidden; margin-bottom: 20px;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 960px;}

/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1000px; }
#shadow span.bottom{display: block; background: url(images/shadow-bottom.jpg) no-repeat; height: 14px;}
#shadow span.middle{display: block; background: url(images/shadow-middle.jpg) repeat-y; }

/*Navigation Styles*/
#navigation ul {padding: 15px;}
#navigation li {margin: 0; display: inline; list-style: none;}
#navigation li a{line-height: 14px; margin: 5px; text-decoration: none; color: #dfe2f1; font-size: 1.5em; border-right: 2px dotted #dfe2f1; padding-right: 12px; }
#navigation li a:hover {color: #fcd852; border-bottom: none;}

/*Link Styles*/
a {color: #333;}
a:link{color: #333;}
a:visited {color: #333; }
a:hover {color: #001c81;}

#content-highlight a{color: #fff;}
#content-highlight a:hover{color: #fcd852;}
#content-highlight h2 a{ text-decoration:none; }

#submenu a{font-size: 1.2em; line-height: 1.4em; text-decoration: none; display: block; width: 200px;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #001c81;; padding-bottom: 2px; font-family: "Century Gothic" Arial, Helvetica, sans-serif;}
h2 {font-size: 1.8em; color: #0a0a0a; padding-bottom: 2px; font-family: "Century Gothic" Arial, Helvetica, sans-serif;}
h3 {font-size: 1.6em; color: #0a0a0a; padding-bottom: 15px; font-family: "Century Gothic" Arial, Helvetica, sans-serif;}
h4 {font-size: 1.4em; color: #0a0a0a; padding-bottom: 2px; font-family: "Century Gothic" Arial, Helvetica, sans-serif;}
p {font-size: 1.1em; padding-bottom: 10px; line-height: 1.2em;}

#content-highlight h2{color: #fff;}
#contact p{text-align: right; color: #8c8c8a; font-weight: bold; font-size: 1.4em; padding: 0;}
#main-content p{font-size: 1.2em; line-height: 1.4em;}
#main-content h3{padding-bottom: 2px;}

/*Table Styles*/



table {background-color: #666; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background-color: #666; color: #fff; border: 1px solid #fff; font-size: 1.2em;}

table.links-table{background-color: #fff; border: 1px solid #fff; margin-bottom: 10px;}
table.links-table td{ padding: 5px; background-color: #fff; color: #fff; border-bottom: 1px dotted #999; font-size: 1.2em; color: #333; vertical-align: middle; height: 100px;}

/*List Styles*/
#content ul, #content ol {font-size: 1.1em; margin-left: 15px; padding-bottom: 10px; line-height: 1.6em;}
#main-content ul, #main-content ol{font-size: 1.2em;}
#submenu ul{margin-left: 0;}
#submenu li {padding: 5px 0; list-style: none; border-bottom: 2px dotted #999;} 

/*Image Styles*/
#content img {padding: 10px;}
#sidebar img {padding: 10px 0;}
#banner-images img{margin-left: 20px;}
#content img.left{padding: 10px 20px 10px 0;}
#content img.right{padding: 10px 0 10px 20px;}
img.learner-plate {padding: 0 !important; }
.links-table img {padding: 0 !important;}

#left img, #right img, #middle img {padding: 10px 0;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.hide {display: none;}
.divider {border-bottom: 2px dotted #dfe2f1; margin-top: 4px; margin-bottom: 6px;}
#sidebar .divider {border-bottom: 2px dotted #999; margin-top: 3px margin-bottom: 8px;}
.learner-plate{float: left; margin-right: -2px; margin-left: -5px; margin-top: -2px;} 

/* Ecommerce styles */
.cartlink { float: right; font-size: 1em; margin-top: -10px;  }
.tc_view { margin: 10px; }
.tc_cart_empty { margin: 5px; }
.tc_cart_count { margin-left: 5px;}
.addtocart{float:right; padding-top: 10px;}
.tcimage{float: left;}
.product-add{padding-top: 5px;}
.treasure_cart{font-size: 1.2em; float: left;}
.tcimage { display:none;}