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, 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-weight: inherit;
    font-style: inherit;
    font-size: 98%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

a, a:visited {
    font-size: 103%;
    color: #333;
    text-decoration: none;
}

a:hover 
{
    text-decoration: underline;
}

.hide {
    display: none;
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 15px;
}

.emNote 
{
    font-size: 80%;
    font-style: italic;
    width: 275px;
    display: block;
}

body
{
    font-family: Tahoma, Arial, Sans-Serif;
    line-height: 150%;
}

.wrapper 
{
    
}

.headwrap
{
    margin: 0 auto;
    text-align: center;
}

.header 
{
    width: 960px;
    height: 135px;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
}


.content
{
    width: 720px;
    float: right;
    background-color: #fff;
}

.footerwrap
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.footer
{
    margin-top: 20px;
    color: #777;
    text-align: center;
}

.footer table
{
    margin: 0 auto;
    width: 800px;
}

.footer table td
{
    text-align: left;
}

.footer ul li a 
{
    font-size: 99%;
    color: #666;
}

.blogstyle {
         	/* Right column background colour */
}

.blogstyle .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
         	/* Centre column background colour */
}
.blogstyle .colleft {
    float:left;
    width:100%;
    margin-left:-200px; 	/* Width of centre column */
    background:#fff;    	/* Left column background colour */
}
.blogstyle .col1wrap {
    float:left;
    width:50%;
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
    margin:0 15px 0 415px;	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:100%;
    overflow:hidden;
}
.blogstyle .col2 {
    float:right;
    width:270px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    left:185px;         	/* Width of the left-had side padding on the left column */
    text-align: right;
}
.blogstyle .col3 {
    float:right;
    width:140px;        	/* Width of right column content (right column width minus left and right padding) */
    position:relative;
    left:655px;
    padding-left: 30px;
    border-left: dotted 1px silver;
}

.blogstyle .col3b {
    float:right;
    width:140px;        	/* Width of right column content (right column width minus left and right padding) */
    position:relative;
    left:655px;
    padding-left: 30px;
    text-align: right;
}




.account .colmid {
    float:left;
    width:200%;
    margin-left:-215px; 	/* Width of right column */
    position:relative;
    right:100%;
         	/* Centre column background colour */
}
.account .colleft {
    float:left;
    width:100%;
    margin-left:-200px; 	/* Width of centre column */
    background:#fff;    	/* Left column background colour */
}
.account .col1wrap {
    float:left;
    width:50%;
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.account .col1 {
    margin:0 15px 0 415px;	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:100%;
    overflow:hidden;
     
}
.account .col2 {
    float:right;
    width:250px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    left:125px;         	/* Width of the left-had side padding on the left column */
    text-align: left;
    border-left: dotted 1px silver;
    padding-left: 60px;
   
}

.account .col3 {
    display: none;
}








.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.headerinfo 
{
    height: 100px;
}

.checkout-tabs li
{
    font-size: 120% !important;
    
}

.checkout-tabs li span
{
    display: block;
    padding-left: 25px;
    padding-right: 25px;
}

.checkout-exit 
{
    text-align: right;
}

#main-tabs 
{
    margin: 0;
    padding: 0;
}

#main-tabs h1 
{
    font-size: 100% !important;
    font-weight: normal !important;
}

.active-tab, .active-tab a
{
    color: #fff !important;
}

#main-nav 
{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    color: White;
}

#main-nav li
{
    list-style: none;
    margin: 0;
    padding: 10px 0 10px 15px;
}

#main-nav li a, #main-nav li a:visited
{
    color: #fff;
    /*font-size: 110%;*/
    text-decoration: none;
}



.mainwrap
{
    margin: 0 auto;
    text-align: center;
}

.contentwrap
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.leftnav
{
    width: 240px;
    float: left;
    color: White;
}

.bg-colour-public 
{
}

#main-tabs li
{
    margin: 0 3px 0 0;
    padding: 6px 12px 6px 12px;
    float: left;
    font-size: 140%;
    background-color: #fff;
}



.category-listing 
{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0; 
}

.category-item 
{
    width: 160px;
    height: 190px;
    float: left;
    list-style: none;
    margin: 20px 10px 0px 10px;
    padding: 0 0 20px 0;
    background-color: white;
}

.category-item a 
{
    margin-top: 5px;
    display: block;
}

.breadcrumb 
{
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb li
{
    list-style: none;
    float: left;
    background-repeat: no-repeat;
    background-position: left;
    margin: 0;
    padding: 10px 10px 10px 10px;
} 

.breadcrumb li a 
{
    color: #fff !important;
    display: block;
    margin-left: 10px;
}

.breadcrumb li span
{
    color: #fff;
    display: block;
    margin-left: 10px;
    font-size: 103%;
    font-weight: bold;
}
.breadcrumb li a:visited
{
    color: #fff !important;
}

.productContainer 
{
    float: right;
    width: 470px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.imageContainer 
{
    float: left;
    margin: 0; 
    width: 400px; 
}

.thumbList 
{
    display:none;
}

.mainImageContainer 
{

}

.product 
{
    margin: 25px;
    font-size: 110%;
}

.product h1 
{
    font-size: 190%;
    font-weight: normal;
    margin: 15px 0 25px 0;
}

.product h2 
{
    font-size: 140%;
    font-weight: normal;
    margin: 0px 0 25px 0;
}

.product ul 
{
    margin: 0 0 0 18px;
}

.product li 
{
    list-style: square;
    color: #000;
    margin: 20px 0 15px 0;
}

.productInfo 
{
    margin: 0 0 0 0;  
    font-size: 110%;  
}

.productSpecs 
{
    width: 400px;
    padding: 0;
    margin: 0;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    margin: 5px 0 35px 0;
}

.productSpecs thead td
{
    font-weight: bold;
}

.productSpecs td 
{
    padding: 6px;
    margin: 0;
    border-bottom: solid 1px silver;
    border-right: solid 1px silver;
}

.price 
{
    margin-top: 35px;
}

.price select 
{
    font-size: 110%;
}

.priceInfo
{
    margin: 5px 0 15px 0;
    
}

.codeInfo
{
    margin: 15px 0 15px 0;
}

/*

.product .imageContainer 
{
    float: right; 
    padding: 10px; 
    margin: 15px 15px 15px 85px; 
    width: 355px; 
    
}
*/
.product .mainImage
{
    border: solid 1px #a9b3ba; 
}


.product p 
{
    margin: 5px 0 5px 0;
}

.product label
{
    display: block;
    margin: 10px 0 0 0;
}

.textbox 
{
    width: 400px;
    border: solid 1px silver;
    font-size: 105%;
    padding: 4px;
}

.textboxPad1 
{
    margin: 10px 0 10px 0;
    display: block;
}

.textbox-short
{
    width: 250px;
    border: solid 1px silver;
    font-size: 105%;
    padding: 4px;
}

.checkbox 
{
    display: block;
}

.textarea-short
{
    width: 250px;
    border: solid 1px silver;
    font-size: 105%;
    padding: 4px;
    height: 100px;
}

.submitBtn 
{
    border: solid 1px silver;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 0 0;
}

.uiErrorMessages, .uiErrorMessages li
{
    list-style: none;
    margin: 0 0 10px 0 !important; padding: 0 !important;
}

.uiErrorMessages li, .uiAlert
{
    color: #ee3333;
}

h3 
{
    font-size: 115%;
    border-bottom: solid 1px silver;
    margin-bottom: 10px;
    color: #666;
}

.btnHolder 
{
    margin-top: 20px !important;
}


/* Basket */

.basketItemQuantity 
{
    width: 50px;
}

.basket 
{
    width: 100%;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
}

.basketItemRow td img 
{
    padding-left: 10px;
}

.basketItemsHeader td 
{
    border-bottom: solid 1px White;
    border-left: solid 1px White;
    padding: 4px;
    background-color: #72a7a1;
    color: White;
}

.basketTotalItem
{
    border-left: solid 1px silver;
    border-bottom: solid 1px silver;
    padding: 4px;
}

.basketTotal 
{
    border-left: solid 1px silver;
    border-bottom: solid 1px silver;
    padding: 4px;
}

.basket .basketItemRow td
{
    border-bottom: solid 1px silver;
    border-left: solid 1px silver;
    padding: 4px;
    vertical-align: top;
}

.basketItemsHeader 
{
    font-weight: bold;
}

.basketButtons 
{
    text-align: right;
    margin: 25px 0 25px 0;
    
}

.basketItemBold 
{
    font-weight: bold;
}


/* Basket Confirmation */

.basketConfirm
{
    width: 100%;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
}

.basketConfirm .basketItemsHeader td 
{
    border-bottom: solid 1px silver;
    border-left: solid 1px silver;
    padding: 4px;
    background-color: #fff;
    color: black;
}

.basketConfirm .basketItemRow td
{
    border-bottom: solid 1px silver;
    border-left: solid 1px silver;
    padding: 4px;
    vertical-align: top;
}

.category-listing-table 
{
   
}

.category-listing-table  td 
{
    text-align: center;
    padding: 25px;
}

.sub-pages 
{
    padding-left: 20px;
}

.sub-pages li
{
    
    font-size: 90%;
}

.leftCol 
{
    width: 49%;
    float: left;
}

.rightCol 
{
    width: 49%;
    float: right;
}

.pSpace 
{
    padding: 10px 0 10px 0;
}

.public-tab 
{
    background-color: #72a7a1 !important;
}


.public-tab h1 a
{
    color: #fff !important;
}

.college-tab 
{
    background-color: #714879 !important;
}

.college-tab h1 a
{
    color: white !important;
}

.school-tab 
{
    background-color: #dd5e92 !important;
}

.school-tab h1 a 
{
    color: #fff !important;
}

.highlight, highlight:hover
{
    color: #dd5e92 !important;
    font-weight: bold;
}