/* Colors
Blue: rgb(40,59,108)
Yellow: rgb(250,191,7)
White: rgb(245,245,245)
Off white: rgb(216,216,216)
*/


/* Setup */

body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666; font-weight:normal; background-color:rgb(216,216,216); background-image:none; background-repeat:repeat-x; background-position:bottom left; }

body#pop_up { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666; font-weight:normal; background-color:rgb(216,216,216); background-image:none; margin:30px;}

#page_home { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666; font-weight:normal; background-color:white; background-image:url('/images/bkg_grey_gradient.gif'); background-repeat:repeat-x; background-position:bottom left; }

img a { border:0; }

h1 { font-size:2em; line-height:1.3em; font-weight:normal; margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; color:white;}
h1.yellow { font-size:2em; line-height:1.3em; font-weight:normal; margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; color:rgb(250,191,7);}
h2 { font-size:1.3em; line-height:1.7em; color:white; font-weight:normal; margin:0 0 15px 0; }
h2.yellow { font-size:1.3em; line-height:1.7em; color:rgb(250,191,7); font-weight:normal; margin:0 0 15px 0; }
h3 { font-size:1.1em; line-height:1.3em; margin:0 0 5px 0; text-align:left; color:rgb(40,59,108); display:inline; font-weight:normal;}
h4 { font-size:1.6em; line-height:1.4em; color:rgb(40,59,108); font-weight:normal; margin:0 0 10px 0; }
h5 { font-size:1.3em; line-height:1.5em; color:rgb(40,59,108); font-weight:bold; margin:0 0 10px 0; }

p {font-size:1.2em; line-height:1.6em; margin:0 0 10px 0; text-align:left; }
.line {padding-top: 5px; border-bottom: 1px solid rgb(30,77,113); line-height:2em}
.clear { clear:both; }
.intro { font-size:1.4em; }
.error { color:#CC0000; line-height:1.8em; font-weight:bold; }
ul.error { margin-left:1.5em; }
ul.error li { padding-left:1.5em; }
.error_block { background-color: rgb(254,230,162); padding:15px; margin:15px 0 15px 0; }
.alert { color:#CC0000; line-height:1.8em; font-weight:bold; }
.required { color: #CC0000; }
.small { font-size:0.9em; }
.blue {color:rgb(40,59,108);}

.green { color:rgb(186,198,0); }

a { color:rgb(40,59,108); text-decoration:none;}
a:hover { color:rgb(40,59,108); text-decoration:underline; }

ul { list-style-type:disc; margin:0 0 15px 0; }
ul.list { padding-left:1.5em; margin-left:0; font-size:1.2em; line-height:1.6em; list-stye:none; }

.heading_graphic { display:block; margin:0 0 15px 0; }
.box_highlight { padding:10px 15px 10px 15px; background-color:rgb(250,191,7); margin:0 0 10px 0; }
.box_highlight h4 { margin:0; }
.box_highlight_1 { padding:10px 15px 5px 15px; background-color:rgb(250,191,7); margin:0 0 10px 0; }
.box_highlight_2 { padding:10px 15px 5px 15px; background-color:rgb(250,191,7); margin:20px 0 10px 0; }

#left { float:left; width:150px; background: red; }
#right { float:right; width:150px; background: blue; }
#middle { margin:0 150px; background:yellow; }

#aligner { width: 950px; margin-left: auto; margin-right: auto; }

#categoriesnav li, #filternav li, .pagingnav li, #viewoptionsnav li { display: inline; list-style-type: none; margin-right: 8px;}
#categoriesnav li { display: inline; list-style-type: none; margin-right: 8px; font-size:17px;}
#categoriesnav li a, #filternav li a, .pagingnav li a, #viewoptionsnav li a { background-color:white; padding:4px; }
#categoriesnav li a:hover, #filternav li a:hover, .pagingnav li a:hover, #viewoptionsnav li a:hover { background-color:rgb(40,59,108); color:#666666; text-decoration:none; }
#viewoptionsnav li.selected { border:1px solid #666666; padding:4px; }

#one-column-emphasis { margin:15px 0px 45px 0px; /* width: 480px; */ width:100%; text-align: left; border-collapse: collapse; }
#one-column-emphasis th { font-size:1.2em; font-weight: normal; padding: 10px 15px 10px 10px; color:rgb(40,59,108); }
#one-column-emphasis td { padding:10px 10px 10px 10px; color: rgb(40,59,108); border-top: 1px solid rgb(216,216,216); vertical-align:middle; line-height:1.4em; }
.oce-first { background: #d0dafd; border-right: 10px solid transparent; border-left: 10px solid transparent; }
#one-column-emphasis tr:hover td { color:rgb(40,59,108); background: rgb(216,216,216); }

#product_options { width:100%; margin:5px 0 0 0; border-collapse:collapse; }
#product_options th { font-size:1.1em; font-weight: normal; padding: 10px 15px 10px 10px; color:rgb(1,56,136); }
#product_options td { padding:5px; text-align:left; vertical-align:top; border: 1px solid #e8edff; line-height:1.5em; }
#product_options tr:hover td { color: #339; background: #eff2ff; }
#product_options td.product_options_first { border:0; }
.table_price { font-size:1em; line-height:1.1em; }
.table_submit { margin-left:5px; }
.icon_not-in-stock { display:block; padding:5px; }

/* http://www.neuroticweb.com/recursos/3-columns-layout/index.php */

#container {width:950px; margin: 0px auto 0px auto;}

#wrapper { text-align:left;  padding: 0px; border:0; background-color:transparent;}

#header { margin: 0 0 2px 0; background: rgb(250,191,7); height: 145px; color:white; }

#header_content {width:950px; margin: 0px auto 0px auto; position:relative;}

.logo {padding: 20px 0px 5px 30px; }

#righthandside {float: right; margin:60px 10px 0 0; }

#quicksearchform {padding-bottom:10px;}

#categoriesnav {margin:20px auto 15px auto; width:950px; font-size:12px; line-height:normal; }
#categoriesnav li a { padding:0; background-color:transparent; }
#categoriesnav li a:hover { background-color:transparent; }

#side-a { float:left; width:165px; font-size:1.2em; line-height:1.6em; margin:10px 20px 20px 30px; text-align:left; }
#side-a h3 { color:rgb(30,77,113); }
#side-b { float: right; width: 250px; font-size:1.2em; line-height:1.6em; margin:0px 0px 20px 20px; text-align:left; }

#school_submit { display:inline; }

#page_home #loginpanel { background-color:rgb(40,59,108); padding: 15px; margin:105px 30px 0 0; }
#loginpanel { background-color:rgb(40,59,108); padding: 15px; margin:0px 0px 0 0;}
#loginpanel p {color:white; font-size:1.2em; line-height:1.6em; margin:0 0 10px 0;}
#loginpanelform
label { color:white; margin:5px 10px 0 0; text-transform:uppercase; }
#loginpanel input { margin-bottom:5px; font-size:0.9em; }
#loginpanel label { display:block; }
#loginpanelsubmit {margin-top:10px; display:block; }
#loginpanel a { color:rgb(250,191,7); text-decoration:none;}
#loginpanel a:hover { color:rgb(250,191,7); text-decoration:underline; }
.smalltext { font-size:0.9em; display:block; clear:both; color:rgb(250,191,7); }
.lined { margin-top:10px; border-top:1px dotted white; padding-top:10px; }
p#register { font-size:1em; line-height:1.3em; text-transform:uppercase; color:white; }
p#register a { color:rgb(250,191,7); }
#loginpanelbasket { color:white; }
#loginpanelemail { width:130px; }
#loginpanelpassword { width:130px; }
p#mybag { font-size:1em; line-height:2.3em; text-transform:uppercase; margin-bottom:0; }
.loginpanel_details_small #loginpanelsubmit {margin-top:0; display:inline; }
.loginpanel_details_small .smalltext { display:inline; }

#heading_start-here { position:absolute; left:670px; top:475px; z-index:20; }

#top_menu { position:absolute; top:110px; right:0px; text-align:right; width:400px; }
#top_menu ul { list-style:none; margin:0; }
#top_menu li { display:inline; color:#666666; padding-right:15px; font-family:"Times New Roman", Times, serif; font-size:14px;}
#top_menu a { color:rgb(40,59,108); text-decoration:none; }
#top_menu a:hover { color:#666666; }

#content { float:left; width:510px; margin:0px 0px 10px 0px; }

#contentdetail { margin: 0 0 0 0px; background-color:white; padding:30px; width:890px;}
#page_home #contentdetail { background-image:url('/images/pic_school_kids_main.jpg'); background-repeat:no-repeat; background-position:top right; height:523px; width:845px; padding:0px 0px 0px 105px; }
#homepage_content_text { width:300px; padding:70px 25px 0px 25px; background-image:url('/images/pic_white_gradient.png'); background-repeat:repeat-x; background-position:bottom; height:453px; }

#content_text {margin:0 280px 30px 0px;}

#left_column_pics { position:absolute; width:103px; margin:0; padding:0; }
#left_column_pics img {display:block; margin:0 2px 2px 0;}
#left_column_pics img.last {display:block; margin:0 2px 0px 0;}

#blue_box_home { background-color:rgb(40,59,108); padding:10px 10px 10px 15px; margin:25px 0 25px 0; }
#blue_box_home h1 {color:rgb(250,191,7);font-size:2.2em; font-weight:normal; margin:0 0 0px 0; font-family:"Times New Roman", Times, serif;}

#blue_box { background-color:rgb(40,59,108); padding:10px 10px 5px 15px; margin:0px 0 25px 0; width:auto;}

#schooltitle { margin:0 0 20px 0; width:400px; }
.school_logo { float:left; margin-bottom:10px; }
h1.school_name { margin-left:75px; font-size:2.5em; font-weight:normal; line-height:1.2em; margin-bottom:20px; }
.school_desc { min-height:125px; }

#suitable_schools ul { list-style-type:disc; }
#suitable_schools li { margin-left:1.5em; line-height:1.4em; }

.breadcrumb { display:block; margin:10px 0 20px 0; }
.listings_header { margin:0 0 20px 0; }
#paging {font-size:1em; line-height:1.6em; margin:0 0 10px 0; text-align:right; float:right; width:500px; }
.pagingnav { display:inline; margin-left:10px; }
#viewoptions { clear:both; margin-top:20px; }
#viewoptionsnav { display:inline; margin-left:10px; }

#categories_box { background-color:#CC0000; margin-top:15px; padding:15px; }

#lower_boxes { margin:15px 30px 0 30px; clear:both; }
p.more { margin-bottom:0; }
p.more a:hover { color:white; }

.grid_product_item { display:block; float:left; border:1px solid rgb(40,59,108); width:140px; padding-bottom:5px; margin:0 35px 15px 0; height:215px; }
.grid_product_item_content { padding:5px; }
.grid_product_item_content h3 { display:block; margin-bottom:2px; }
.grid_product_item_picture { display:block; width:130px; height:150px; margin-bottom:5px; }
.grid_product_item_button { float:right; width:50px; text-align:right; }
.grid_product_item_price { float:left; width:80px; line-height:17px; }

#product_main_picture { border:1px solid rgb(40,59,108); padding:10px; margin-bottom:20px; float:left; }
#product_main_picture h3 { margin:10px 0 0 0; display:block; }
#product_main_picture a { cursor:pointer; }
#product_content { margin-top:20px; }
#product_content_text { margin-left:290px; }
#product_content_text label { display:block; float:left; width:55px; padding:5px 0 0; line-height:20px;}
p.product_description { font-size:1.1em; }
p.product_text { font-size:1em; }
ul.product_usps { margin-bottom:15px; list-style:disc; margin-left:1.5em; }
ul.product_usps li { font-size:1.1em; margin-bottom:5px; }

#buy_cost {margin:15px 0 15px 0; }
#buy_cost h3 {font-size:1.2em; line-height:2em; color:rgb(40,59,108); font-weight:bold; margin-top:20px;}

#product_selection_form {margin-bottom:15px;}

#checkout_login_reminder { border-top:1px solid rgb(1,56,136); border-bottom:1px solid rgb(1,56,136); padding:10px 0 10px 0; margin-bottom:15px; }
.small_col_left { display: block; width: 48%; float: left; }
.small_col_right { display: block; width: 48%; float: right; }

.table_skus { border:0; }

.dotted_line {margin:0 30px 10px 0px; border-bottom: dotted 1px rgb(1,56,136); padding:0 0 10px 0;}

#related_products { margin:20px 0 0 0; border-top: dotted 1px rgb(1,56,136); padding:15px 0 0 0; clear:both; }

#welcome { background-color:rgb(147,44,134); padding:15px; width:350px; height:190px; margin-right:20px; float:left; }
#welcome p { color:white; font-size:1.1em; line-height:1.3em; margin:0; }

#delivery_box { margin-top:15px; }

#news { background-color:rgb(0,157,222); padding:15px; width:240px; height:190px; color:white; float:left; }
#news p { font-size:1.1em; }
.school_detail #news { background-color:rgb(147,44,134); width:275px; height:155px; }
.school_detail #news a { color:rgb(186,198,0); }

#schoollink { background-color:rgb(250,191,7); padding:10px; margin:20px 0 0 0; position:relative; clear:both; }
#schoollink p { margin:0; color:white; }
#schoollink #smallkid { position:absolute; left:10px; top:5px; z-index:10; }
.school_detail #schoollink { margin:30px 0 30px 0; }
.school_detail #schoollink #smallkid { position:absolute; left:10px; top:-20px; z-index:10; }

#school_detail_picture { float:right; margin:0 0 20px 20px; }

#sizeguide { background-color:#CC0000; padding:15px; color:white; width:170px; height:190px; float:right; }
#sizeguide p { color:white; font-size:1.1em; line-height:1.3em; margin:0; }
.school_detail #sizeguide { width:275px; height:155px; }
.school_detail #sizeguide a { color:rgb(186,198,0); }

.button_image { border:0; }

.large_pic {margin:0 30px 0 30px;}

#pic_size-guide { margin:0 0 15px 0; }

/* Tooltip */

div#tipDiv { padding:5px; border:1px solid rgb(147,44,134); background-color:white; }

/* Profile */

#page_profile #contentdetail label { display:block; float:left; width:120px; line-height:2em; }
#page_profile #contentdetail label.receive_newsletter {display:block; float:left; line-height:2em; }
#page_profile #contentdetail label.newsletter_text {display:block; float:left; line-height:1.2em; width:420px; margin:5px 0 0px 123px; margin-bottom:20px;}
#page_profile #contentdetail input , #page_profile #contentdetail select { margin-bottom:5px; line-height:1.3em; }
#profileinfo1 h4 { margin-bottom:5px; }
#profileinfo2 { padding:15px; }
p.notice { font-size:1em; line-height:2em; display:inline; }
#shippingdetails label , #invoicedetails label , #shippingdetails_form label { display:block; float:left; width:120px; line-height:2em; }
#shippingdetails input , #shippingdetails select  { margin-bottom:5px; line-height:1.3em; }
#shippingdetails label.receive_newsletter {display:block; float:left; line-height:2em; }
#shippingdetails label.newsletter_text {display:block; float:left; line-height:1.2em; width:420px; margin:5px 0 0px 123px; }
#shippingdetails {margin-bottom:20px;}

#customer_details_entered td {display:block; float:left; width:120px; line-height:2em; font-size:1.2em;}
#customer_details_entered td.yellow {color: rgb(250,191,7);}

.orderhistory {border-top:1px solid rgb(40,59,108); width:580px; margin-top:20px; }
.orderhistory tr {border-bottom:1px solid rgb(40,59,108);}
.orderhistory td {display:block; float:left; width:auto; font-size:1.2em; padding:10px 30px 10px 0px;}

td.name {width:150px;}
td.skuattributes {width:150px;}
td.price {width:30px;}


/* Footer */

#footer { text-align:left; padding:0px 0 30px 0; margin:20px 0px 10px 0px; clear:both; }

#footer_content {width:950px; margin: 0px auto 0px auto; position:relative;}

.yespay_logo {float:right; }
#footer p {font-size:1em;}
#footer p.powered_by { line-height:20px; }