/* Colors
Bkg blue: rgb(0,45,98)
Yellow: rgb(255,242,0)
Red: rgb(208,34,41)
*/


/* Setup */

body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666; font-weight:normal; background-color:rgb(0,45,98); }

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

body#pop_up #wrapper {width:auto;}

img a { border:0; }

h1 { font-size:2.4em; line-height:normal; color:rgb(0,45,98); font-weight:bold; margin:20px 0 10px 0; font-family:"Georgia", Times New Roman, Times, serif; }
h2 { font-size:1.6em; line-height:1.7em; color:rgb(0,45,98); font-weight:bold; margin:0 0 10px 0; font-family:"Georgia", Times New Roman, Times, serif; }
h3 { font-size:1.1em; line-height:1.3em; margin:0 0 5px 0; text-align:left; color: rgb(208,34,41); display:inline; font-weight:bold; }
h4 { font-size:1.6em;  line-height:normal; color:#666666; font-weight:bold; margin:0 0 10px 0; font-family:"Georgia", Times New Roman, Times, serif; }
h5 { font-size:1.3em; line-height:1.5em; color:rgb(0,45,98); font-weight:normal; 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:rgb(208,34,41); line-height:1.8em; font-weight:bold; }
ul.error { margin-left:1.5em; }
ul.error li { padding-left:1.5em; }
.error_block { background-color: #CCCCCC; padding:15px; margin:15px 0 15px 0; }
.alert { color:rgb(208,34,41); line-height:1.4em; font-weight:bold; }
.required { color:rgb(208,34,41); }
.small { font-size:0.9em; }
.news_date {font-size:1em; margin:0;}
.note { font-size:1em; margin-top:10px; }
.white {color:white;}
.yellow {color:rgb(255,242,0)}
.italic {font-style:italic;}
/*.news { font-size:1.5em; line-height:1.7em; color:rgb(0,45,98); font-weight:normal; margin:0 0 10px 0; }
.news_text {font-size:1.2em; line-height:1.6em; margin:0 0 30px 0; text-align:left;}

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

a { color:rgb(0,45,98); text-decoration:none;}
a:hover { color:rgb(208,34,41); text-decoration:underline; }

ul { list-style-type:disc; margin:0 0 15px 0; }
li.bullets { list-style-type:disc; margin:0 0 15px 15px; font-size:1.2em; line-height:1.6em;}
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 10px 0; }
.box_highlight { padding:10px 15px 10px 15px; background-color:#CCCCCC; margin:0 0 10px 0; clear:both; }
.box_highlight_1 { padding:10px 15px 5px 15px; background-color:#CCCCCC; margin:0 0 10px 0; }
.box_highlight_2 { padding:10px 15px 5px 15px; background-color:#CCCCCC; margin:20px 0 10px 0; }
.box_highlight h4 { margin: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, #viewoptionsnav li { display: inline; list-style-type: none; margin-right: 8px; color:rgb(208,34,41); font-size:15px; }
#categoriesnav li a, #filternav li a, #viewoptionsnav li a {padding:4px; color:white; line-height:1.5em; }
#categoriesnav li a:hover, #filternav li a:hover, .pagingnav li a:hover, #viewoptionsnav li a:hover {  color:rgb(255,242,0); text-decoration:none; }
#viewoptionsnav li.selected { border:1px solid white; padding:4px; }
.pagingnav li a {color:rgb(208,34,41);}
.pagingnav li { display: inline; list-style-type: none; margin-right: 8px; color:#666666;  }
.pagingnav li a {padding:4px; color:#666666; line-height:1.5em; }
.pagingnav li a:hover {  color:rgb(208,34,41); text-decoration:none; }

#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.3em; font-weight: normal; padding: 10px 15px 10px 10px; color:rgb(0,45,98); }
#one-column-emphasis th.product {width:180px; }
#one-column-emphasis th.price {width:80px; }
#one-column-emphasis th.quantity {width:60px; }
#one-column-emphasis th.total {width:60px; }
#one-column-emphasis td { padding:10px 10px 10px 10px; color: rgb(0,45,98); border-top: 1px solid rgb(0,45,98); vertical-align:middle; line-height:1.4em; font-size:12px; }
.oce-first { background: #d0dafd; border-right: 10px solid transparent; border-left: 10px solid transparent; }
#one-column-emphasis tr:hover td { color: rgb(0,45,98); background-color: #CCCCCC; }

#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; }

h3#buy_cost { margin:10px 0 10px 0; clear:left; }

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

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

#header { margin: 0 0 0 0; background: white; height: 145px; color:rgb(0,45,98); }
#header_content {margin: 0px auto; padding: 0px; border:0; width:950px;} 
#header h3 { color:rgb(0,45,98); }

.logo {padding: 25px 0px 5px 25px; }

#righthandside {float: right; margin:50px 30px 0 0; }

#quicksearchform {padding-bottom:10px;}

#categoriesnav {margin:0 30px 15px 30px; }
#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: 200px; font-size:1.2em; line-height:1.6em; margin:0px 30px 20px 20px; text-align:left; }

#school_submit { display:inline; }

#loginpanel { background-color: rgb(255,242,0); padding: 15px; margin:0 0 0 0; }
#page_home #loginpanel {}
#loginpanel p {color:rgb(0,45,98); font-size:1.2em; line-height:1.6em; margin:0 0 10px 0;}
#loginpanelform
label { color:rgb(0,45,98); margin:5px 10px 0 0; text-transform:uppercase; font:size:12px; }
#loginpanel input { margin-bottom:5px; font-size:1.1em; }
#loginpanelsubmit {margin-top:10px; display:block; }
#loginpanel a { color:rgb(0,45,98); text-decoration:none;}
#loginpanel a:hover { color:rgb(208,34,41); text-decoration:underline; }
.smalltext { font-size:0.9em; display:block; clear:both; }
.lined { margin-top:15px; border-top:1px dotted rgb(0,45,98); padding-top:15px;}
p#register { font-size:1.1em; line-height:1.3em; text-transform:uppercase; color:rgb(0,45,98); }
p#register a { color:rgb(208,34,41); }
#loginpanelbasket { color:rgb(0,45,98); }
#loginpanelemail { width:130px; }
#loginpanelpassword { width:130px; }
p#mybag { font-size:1.1em; line-height:2.3em; background-image:url('/images/icon_bag.gif'); background-position:left center; background-repeat:no-repeat; padding-left:25px; text-transform:uppercase; margin-bottom:0; }
.loginpanel_details_small #loginpanelsubmit {margin-top:0; display:inline; }
.loginpanel_details_small .smalltext { display:inline; }

#subscriber_password label , #subscriber_login label {font-size:12px;}

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

#top_menu { text-align:left; margin:20px 0 15px 30px; padding:0 10px 10px 20px; width:900px; color:white; margin-left:auto; margin-right:auto; font-size:13px;}
#top_menu ul { list-style:none; margin:0; }
#top_menu ul li { display:inline; color:rgb(255,242,0); padding-right:15px; }
#top_menu a { color:white; text-decoration:none; color:white;}
#top_menu a:hover { color:rgb(255,242,0); }

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

#contentdetail {float:left; width:610px; margin: 0 0 0 30px; background-color:white; padding:15px 30px 15px 30px;}
/*#contentdetail { float:left; width:855px; margin: 0 0 0 30px; background-color:white; padding:15px 20px 0px 20px; }*/

#page_shop #contentdetail, #page_details #contentdetail , #confirm_details #contentdetail { margin: 0 0 0 30px; background-color:white; padding:15px 30px 30px 30px; width:835px;}

#page_delivery #contentdetail { float:left; width:610px; height:655px; margin: 0 0 0 30px; background-color:white; padding:15px 30px 0px 30px; }

#page_login #contentdetail { float:left; width:610px; height:655px; margin: 0 0 0 30px; background-color:white; padding:15px 30px 0px 30px; }

#page_customer #contentdetail { float:left; width:610px; height:565px; margin: 0 0 0 30px; background-color:white; padding:15px 30px 0px 30px; }

#contentdetail_home { float:left; width:670px; margin: 0 0 0 30px; background-color:transparent; padding:0px; /* height:875px; */ }

.not_listed {position:relative; top:-343px; left:50px; font-size:14px; font-weight:bold; line-height:normal; color:rgb(208,34,41);}

.sa_logo {float:right; width:44px; height:70px; margin:-83px 0px 10px 0;}

#schoolselectform {position:relative; top:-345px; left:45px;}

#schooltitle { margin:0 0 20px 0; width:400px; }
.school_logo { margin:0px 10px 10px 0px; }
h1.school_name {float:right; 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 { clear:both; display:block; margin:10px 0 0px 0; font-size:11px; width:600px; }
.listings_header { margin:0 0 20px 0; }
#paging {font-size:1.1em; line-height:1.6em; margin:2px 0 10px 0; text-align:right; float:right; width:500px;}
.pagingnav { display:inline; margin: 0px 0 0 10px; padding:0; }
#viewoptions { clear:both; margin-top:20px; }
#viewoptionsnav { display:inline; margin-left:10px; }

#categories_box { background-color:rgb(226,0,122); margin-top:15px; padding:15px; }

.grid_product_item { display:block; float:left; border:1px solid #666666; width:145px; padding-bottom:5px; margin:0 20px 20px 0; height:230px; }
.grid_product_item_content { padding:8px; }
.grid_product_item_content h3 { display:block; margin-bottom:2px; font-size:12px; }
.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; font-size:12px;}

/*
.other_customers_bought_item { display:block; float:left; border:1px solid rgb(0,45,98); width:110px; padding-bottom:5px; margin:0 15px 15px 0; }
.other_customers_bought_item_content { padding:5px; }
.other_customers_bought_item_content h3 { display:block; margin-bottom:2px; }
.other_customers_bought_item_picture { display:block; width:130px; height:150px; margin-bottom:5px; }
.other_customers_bought_item_button { float:right; width:50px; text-align:right; }
.other_customers_bought_item_price { float:left; width:80px; line-height:17px; }*/

#other_customers_bought {margin:20px 0 0 0; border-top: dotted 1px rgb(1,56,136); padding:15px 0 0 0; clear:both;}
.other_customers_items { display:block; float:left; border:1px solid rgb(0,45,98); padding-bottom:5px; margin:0 15px 15px 0; width:140px; }
.other_customers_items_content { padding:5px; }
.other_customers_items_content h3 { display:block; margin-bottom:2px; }
.other_customers_items_picture { display:block; width:130px; height:150px; margin-bottom:5px;}
.other_customers_items_details {}
.other_customers_items_details h5 {color: #666666; margin: 5px 0 0 0;}
.other_customers_items_price { float:left; width:80px; line-height:17px; }

#product_main_picture { border:1px solid rgb(0,45,98); 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:65px; padding:5px 0 0; line-height:20px; font-size:12px;}
p.product_description { font-size:1.1em; }
p.product_text { font-size:1.2em; }
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; font-size:12px; }
#buy_cost h3 {font-size:1.2em; line-height:2em; color: rgb(208,34,41); font-weight:bold; margin-top:20px;}

#delivery_box { margin-top:15px; }

#product_selection_form {margin-bottom:15px;}
#product_selection_form label, #product_selection_form2 label, #product_selection_form1 label  {font-size:12px;}

#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; }

#welcome2 { padding:20px 20px 20px 20px; background-color:white; height:220px; margin-top:2px; margin-bottom:20px; }

#welcome { padding:20px 20px 20px 20px; background-color:white; margin-top:-67px; height:220px;}
#welcome p { text-align:justify; margin:20px 0 0 0;}
.home_pic_small {float:right; width:176px; height:190px; margin-top:-10px; margin-left:40px;}

/*#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(0,45,98); width:275px; height:155px; }
.school_detail #news a { color:rgb(186,198,0); }*/

#schoollink { background-color:rgb(255,242,0); padding:10px 0 10px 0; margin:20px 0 0 0; position:relative; clear:both; }
#schoollink p { margin:0; padding-left:10px; color:#666666; }
#schoollink a:hover { color:rgb(208,34,41); }
#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 { margin: 0 0 10px 0px; }

.view_buy_uniform_button {background-color:rgb(0,45,98); padding:10px 10px 10px 10px; margin:20px 0 20px 0;}
.view_buy_uniform_button p {color:white; margin:0;}
.view_buy_uniform_button a {color:white; text-decoration:none;}
.view_buy_uniform_button a:hover {color:rgb(255,242,0); text-decoration:underline; }

#sizeguide {}
#sizeguide p { color:rgb(0,45,98); font-size:1.1em; line-height:1.6em; margin:0 0 10px 0; }
.school_detail #sizeguide { width:275px; height:155px; }
.school_detail #sizeguide a { color:rgb(208,34,41); }

.button_image { border:0; }

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

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

#shipping_abroad_form {margin-bottom:20px;}

#shipping_abroad_table { margin:5px 0 0 0; padding:0; color:#666666; font-size:1.1em;}
#shipping_abroad_table input { margin:2px 0 2px 0; }
#shipping_abroad_table textarea { margin:2px 0 2px 0; }
#shipping_abroad_table label { padding-right:10px; }
#shipping_abroad_table input.login_text { margin: 0 0 0 20px;  padding:0px; width:170px; } 
#shipping_abroad_table td { text-align:left; vertical-align:middle; padding:0 10px 5px 0; }
.gap {padding:20px 0 0 0;}

#proceed_checkout {margin:10px 20px 20px 0px; float:left;}
#continue_shopping {margin:10px 20px 20px 0px; float:left;}

.delivery h2 {color:#666666;}
.delivery ul {}
.delivery li {font-size:1.2em; line-height:1.2em; margin:0 0 15px 0; text-align:left; list-style:none; color:rgb(0,45,98);}

table.orderhistory {margin:30px 0 0 0; width:600px;}
table.orderhistory tr {border-top:1px solid rgb(0,45,98); }
table.orderhistory td {display:block; float:left; font-size:1.2em; padding:10px 30px 10px 0px;}

/* Tooltip */

div#tipDiv { padding:5px; border:1px solid rgb(0,45,98); 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; font-size:12px; }
#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.black {color:#000000;}

/* Footer */

#footer { text-align:left; padding:20px 0 30px 0; margin: 0px auto; clear:both; color:white; width:900px; }
.yespay_logo {float:right; margin-top:2px;}
#footer p {font-size:1.1em; margin-bottom:0px;}

#footer a {color:white;}
#footer a:hover {color:rgb(255,242,0); text-decoration:underline;}

#footer_bar_content { background-color:rgb(0,45,98); padding:0px; border-top:20px white solid; }
#footer_bar { background-color:white; width:auto; padding-bottom:50px;}
#footer_bar_image{ margin: 0px auto -5px auto; padding:0px; width:900px; background-color:white; height:94px; }

/* Order History */
table.orderhistory td.name { width: 150px; }
table.orderhistory td.productattributes { width: auto; }
table.orderhistory td.skuattributes { width: 150px; }
table.orderhistory td.price { width: 30px; }