/* root.css */
/* OR blue for this site is #0878B8 */
/* purple is #0878B8*/
/* elements */

body {
        font                	: 11px/13px Verdana,Tahoma,Arial;
        background    			: #CCCCCC;
        margin              	: 0px;
}

/* Changing the width attribute of the div CSS element below will RELIABLY change the entire site width.  Please use this. */
div {
        float               	: left;
        width               	: 760px;
        box-sizing          	: border-box;
        -moz-box-sizing     	: border-box;  
}

/*
#dynamic div { 
	float			: left;
	width			: auto ! important;
}
*/
/*
#dynamic p {
        width                   : auto ! important;
}
*/
/* To center the site, simply uncomment the #outer id CSS entry below */
#outer {
        margin-left         	: auto;
        margin-right       	 	: auto;
        float               	: none;
}

div.navbar {
	text-align				: center;
	font-weight				: 700;
	font-size				: 10px;
	cursor					: pointer;
	margin					: 0px;
}	

div.leftfeat {
	width					: 141px; 
	background-image		: url(/images/pr_catbrow_head.jpg);
	background-repeat		: no-repeat; 
	height					: 22px; 
	color					: white; 
	padding-left			: 0px; 
	font-weight				: 700; 
	margin-bottom			: 2px;
}

div.leftfeat2 {
	width					: 141px; 
	background-image		: url(/images/pr_catbrow_head2.jpg);
	background-repeat		: no-repeat; 
	height					: 22px; 
	color					: white; 
	padding-left			: 0px; 
	font-weight				: 700; 
	margin-bottom			: 2px;
	line-height				: 22px; 
	text-align				: center;
}

div.leftbox {
	width						: 141px;
	background-image			: url(/images/pr_cat_run.jpg);
	background-repeat			: repeat-y;
}

div.content {
        /* border-left         	: 1px solid #0878B8;
        border-right        		: 1px solid #0878B8; */
        border-bottom   	: 2px solid #CCCCCC;
		padding-left		: 11px;
		padding-right		: 0px;
		padding-top			: 5px;
		background-image	: url(/images/pr_runner.jpg);
		background-repeat	: repeat-y;
}

div.header {
        height              	: 120px;
}

div.footer {
        height              	: 25px;
        text-align          	: center;
		width					: 760px;
		clear					: both;
}

img {
	border					: none;
}


div.footer a:hover {
        text-decoration   		: underline;
        color               	: rgb(0,0,255);
		font                	: 10px/12px Verdana,Tahoma,Arial;
}

div.transtable {
		width					: 600px; 
		float					: left; 
		height					: 20px; 
		background-color	: #0878B8; 
		color					: white;
		line-height			: 18px;
	}
	
div.footer span {
        margin              	: 0px 3px 0px 3px;
		font                	: 10px/12px Verdana,Tahoma,Arial;
}

div.column {
        width               	: 48%;
		margin-bottom	    : 5px;
		padding				: 5px;
}

div.column2 {
        width               	: 48%;
		margin-bottom	    : 5px;
		padding				: 5px;
}

div.column div {
        width               	: 100%; 
}

/* Temporary menu named styles */

div.tmpmenu {
	width		     		: 141px;
	margin-bottom			: 5px;
}

div.tmpmenu div {
	width					: 100%;
}

/* Temporary main content style */

div.tmpcenter {
	width					: 575px;
	margin-bottom			: 5px;
	margin-left				: 5px;
	padding-left			: 3px;
	padding-right			: 0px;
	padding-top				: 6px;
	padding-bottom			: 5px; 
}

div.tmpcenter div {
	width						: 100%;
}

/* ---end tmp styles, need to rename these--- */

span.headline {
        font                	: 16px/18px Verdana,Tahoma,Arial;
        font-weight    	: 700;
}

/* DEFAULT STYLES   												*/
/* The following styles are for default forms, etc								*/
/* Generic Forms 												*/

div.default {
	background	    		: #0878B8;
	margin-top	    		: 5px;
	color						: #FFFFFF;
}

div.light {
    background      : #EEEEEE;
}

div.dark {
    background      : #d1d6df;
}

div.very_dark {
    background      : #0878B8;
	color				: #FFFFFF;

}

#Reg_Form {
	width				: 600px;
}	
	

div.dark_bottom_border {
    border-bottom   : 1px solid #0878B8;
}

div.default_line {
	height		    		: 30px;
	text-align	    		: right;
}

div.default_line2 {
	height		    		: 30px;
	line-height				: 30px;
	width					: 395px;
	float					: left;
}

div.account_l {
	float					: left;
	width					: 150px !important;
	text-align				: right;
	margin-right			: 5px;
	font-weight				: 700;
}

div.account_r {
	float					: left;
	width					: 240px !important;
	text-align				: left;
}

label.default {
	font		    			: 11px/25px Verdana,Tahoma,Arial;
	font-weight	    			: 700;
	margin		    			: 0px 3px 0px 3px;
}

input.default {
	width		    			: 250px;
	border		    		: 1px solid #0878B8;
	background	    		: #ffffff;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 10px;
}

select.default {
	width						: 254px;
	border					: 1px solid #0878B8;
	background				: #ffffff;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 10px;
}

textarea.default {
	width						: 400px;
	height					: 100px;
	border					: 1px solid #0878B8;
	background				: #ffffff;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 11px;
}

input.button {
	border		    		: 1px solid  #0878B8;
	background	    		: #ffffff;
	margin		    		: 0px 6px 0px 6px;
	font-size				: 10px;
	font-weight			: 700;
}

/* search message */

#search_message {
    background                  : #EEEEEE;
    text-align                  : center;
    margin-bottom               : 5px;
    color                       : black;
    font-weight                 : 700;
    width                       : 580px;
    margin-top                  : 5px;
    margin-bottom               : 5px;
}

/* Error Notification Styles 											*/

#error {
	background				: #ffa200;
	margin-top				: 5px;
}

#notice {
    background      		: #F88614;
    text-align      			: center;
    margin-bottom   		: 5px;
	color						: white;
	font-weight			: 700;
}

#protector {} /* NEVER put anything in here, or IE shall destroy the site 					*/

/* Text Styles 													*/

a, a:link, a:visited {
	color		    			: #08689F;
	font-weight	    	: 400;
	text-decoration	    : none;
}

a:hover {
	text-decoration	    : underline;
}

a.footer_nav {
	color			: #A2CB4B;
	font-size		: 10px;
}	

a.footer_nav:visited {
	color			: #A2CB4B;
	font-size		: 10px;
}	

a.footer_nav:hover {
	color			: #0000FF;
	font-size		: 10px;
}	
/* Navigation Menus												*/

#class_2_leftmenu {
	background				: #eeeeee;
	margin					: 0px;
	width					: 141px;
	margin-left				: 2px;
}

div.selected_category {
	background				: #efefef;
	width					: 141px;
	background-image		: url(/images/pr_cat_run.jpg);
	background-repeat		: repeat-y;
	height					: 16px;
}

div.selected_category a {
	color					: #FF781F;
	font-weight				: 700;
}

div.sub_category {
	background-image		: url(/images/pr_cat_run2.jpg);
	background-repeat		: repeat-y;
	width					: 140px;
	height					: 16px;
}

/* Stat Bar													*/

span.stat_text {
	font					: 10px Verdana,Tahoma,Arial;
	font-weight				: 700;
	color					: #AAAAAA;
}

span.stat_value {
	font					: 10px Verdana,Tahoma,Arial;
	color					: #AAAAAA;
}

/* Login Form Styles 												*/

#login {
	background	    		: #0878B8;
	width		    			: 270px;
	margin-top	    		: 5px;
	color						: #FFFFFF;
}

div.login_form_line {
	width		    			: 400px;
	height		    		: 25px;
	text-align	    		: left;
}

label.login_form {
	font		   	 			: 11px/20px Verdana,Tahoma,Arial;
	font-weight	    	: 700;
	margin		    		: 0px 3px 0px 3px;
}

input.login_form {
	width		    			: 150px;
	border		    		: 1px solid #0878B8;
	background	    		: #ffffff;
}

.text_row {
	height			: 20px;
	line-height		: 16px;
	float 			: left;	
	width			: 100% ! important;
}

.text_row div.col {
	width			: 50%;
}

/* Login Form Styles 												*/
/* new form styles for login */

div.formline_log {
	width						: 270px ! important;
	padding					: 0px ! important;
}

div.form_left_log {
	text-align				: left ! important;
	width						: 80px ! important;
	font-weight			: 700 ! important;
	margin-left				: 5px ! important;
	height					: 30px ! important;
}

div.form_right_log {
	text-align				: left ! important;
	width						: 180px ! important;
	height					: 30px ! important;
}

input.formfield_log {
	border					: 1px solid #0878B8 ! important;
	width						: 160px ! important;
	background-color		: white ! important;
	font-size				: 10px ! important;
}

/* this is for the password reminder question */
div.pass_question {
	width						: 390px ! important;
	text-align				: left ! important;
	font-size				: 11px ! important;
	font-weight			: 700 ! important;
	height					: 30px ! important;
	margin-left				: 5px ! important;
}

/* new general form section */

div.formline {
	width						: 450px ! important;
	padding					: 0px ! important;
}

div.form_left {
	text-align				: left ! important;
	width						: 205px ! important;
	font-weight			: 700 ! important;
	margin-left				: 5px ! important;
	height					: 30px ! important;
}

div.form_right {
	text-align				: left ! important;
	width						: 225px ! important;
	height					: 30px ! important;
}

input.formfield {
	border					: 1px solid #0878B8 ! important;
	width						: 200px ! important;
	background-color		: white ! important;
	font-size				: 10px ! important;
}

select.formselect {
	width						: 225px ! important;
	border					: 1px solid #0878B8 ! important;
	background				: #ffffff ! important;
	margin		    		: 0px 3px 0px 0px ! important;
	font-size				: 10px ! important;
}

textarea.formtext {
	width						: 200px ! important;
	height					: 100px ! important;
	border					: 1px solid #0878B8 ! important;
	background				: #ffffff ! important;
	margin		    		: 0px 3px 0px 0px ! important;
	font-size				: 10px ! important; 
	font-family				: verdana, tahoma, arial ! important;
}

input.formbutton {
	border					: 1px solid #0878B8 ! important;
	background				: #ffffff ! important;
	font-size				: 10px ! important;
	float						: right ! important;
	margin-right			: 20px ! important;
}	
	
/* old help stuff below here */	
#help {
	background	    		: #0878B8;
	margin-top	    		: 5px;
	color						: #FFFFFF;
}

div.help_form_line {
	height		    		: 30px;
	text-align	    		: right;
}

label.help_form {
	font		    			: 11px/25px Verdana,Tahoma,Arial;
	font-weight	    	: 700;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 11px;
}

input.help_form {
	width		    			: 400px;
	border		    		: 1px solid #0878B8;
	background	    		: #ffffff;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 11px;
}

select.help_form {
	width						: 400px;
	border					: 1px solid #0878B8;
	background				: #ffffff;
	margin		    		: 0px 3px 0px 3px;
}

textarea.help_form {
	width						: 400px;
	height					: 100px;
	border					: 1px solid #0878B8;
	background				: #ffffff;
	margin		    		: 0px 3px 0px 3px;
	font-size				: 11px; 
}

/* Terms and Conditions 											*/

#terms_and_conditions h1 {
	margin					: 0px 0px 0px 2px;
	font						: 16px/18px Verdana,Tahoma,Arial;
	font-weight			: 700;
	text-indent				: 0px;
	margin-left				: 0px;
}

#terms_and_conditions h2 {
	margin					: 0px 0px 0px 2px;
	font						: 14px/16px Verdana,Tahoma,Arial;
	font-weight			: 700;
}

#terms_and_conditions p {
	margin					: 0px 0px 0px 2px;
	font						: 11px Verdana,Tahoma,Arial;
}

/* Item Details View												*/

#item_container {
	margin-top				: 5px;
}

#item_display {
}

#item_display_box {
	width						: 585px;
}

#item_display_box div.item_name {
	width						: 390px;
	font						: 11px Verdana,Tahoma,Arial;
	font-weight			: 700;
}

#item_display_box div.item_brand {
	width						: 390px;
	font						: 11px Verdana,Tahoma,Arial;
}

#item_display_box h2 {
	width						: 390px;
	margin-top				: 5px;
	font						: 12px Verdana,Tahoma,Arial;
	font-weight			: 700;
}

#item_display_box div.item_category {
	width						: 390px;
	font						: 11px Verdana,Tahoma,Arial;
}

#item_display_box div.item_points {
	width						: 390px;
	font						: 11px Verdana,Tahoma,Arial;
}

#item_image_box {
	width						: 180px;
	height					: 180px;
	border					: 1px solid black;
	overflow					: hidden;
	margin-right			: 2px;
	float						: right;
}

#item_image_box td {
	vertical-align			: middle;
	text-align				: center;
	width						: 180px;
	height					: 180px;
}

#purchase_container {
    clear           		: both;
	float					: left;
	width					: 585px;
    margin-top      		: 10px;
}

#purchase_box {
	background				: #0878B8;
	text-align				: center;
    width           		: 160px;
    float           		: left;
    margin-left     		: 25px;
	color					: white;
}

div.purchase_label {
	text-align				: center;
	font						: 11px Verdana,Tahoma,Arial;
	font-weight			: 700;
	margin-bottom			: 2px;
}

#wishlist_box {
	background				: #0878B8;
	text-align				: center;
	width           		: 160px;
	float           		: left;
	margin-left     		: 25px;
	color					: white;
}

#item_details {
	float						: left;
	clear						: none;
	width						: 390px;
}

/* PAger Stylee													*/

#pager_container {
	margin-bottom			: 5px;
	margin-top				: 2px;
	background				: #0878B8;
	width						: 580px;
}

#pager_first {
	width						: 10%;
	text-align				: left;
	font						: 10px/12px Verdana,Tahoma,Arial;
}

#pager_last {
	width						: 10%;
	text-align				: right;
	font						: 10px/12px Verdana,Tahoma,Arial;
}

#pager_pages {
	width						: 80%;
	text-align				: center;
	font						: 10px/12px Verdana,Tahoma,Arial;
}

#pager_pages a.page {
	margin-left				: 2px;
	margin-right			: 2px;
	font						: 10px/12px Verdana,Tahoma,Arial;
}

#pager_pages a.current_page {
	margin-left				: 2px;
	margin-right			: 2px;
	font						: 14px/14px Verdana,Tahoma,Arial;
	color						: #FF781F;
	font-weight			: 600;
}

/* Cart Styles                                              */
div.cart_item {
    margin-bottom   		: 8px; 
    padding-top     		: 2px;
}

div.cart_last_item {
    padding-top    	 	: 2px;
}

div.cart	{
	width						: 560px
}

a.cart_remove_link {
    font            			: 9px/11px Verdana,Arial,sans-serif; 
    color           			: red;
}

input.cart_qty_box {
    width           			: 30px; 
    text-align      			: right;
}

#cart_contents {
    width           : 560px;
    background      : #FFFFFF;
    margin-top      : 10px;
}

#cart_container {
    width           : 560px ! important;
    margin-top      : 5px ! important;
}

#cart_shipping {
    padding-top     : 5px ! important;
    width           : 280px ! important;
    background      : #FFFFFF;
    margin-top      : 0px ! important;
}

#cart_order {
    width           : 280px ! important;
    margin-top      : 0px ! important;
    float           : left;
}

div.cart_order_block {
    border          : none;
    width           : 280px ! important;
}

div.cart_order_label {
    width           : 110px ! important;
    text-align      : left;
    font-weight     : 700;
    text-indent     : 5px;
}

div.cart_order_value {
    width           : 150px ! important;
}

div.cart_address_block {
    border          : none;
    width           : 280px ! important;
}

div.cart_address_label {
    width           : 70px ! important;
    text-align      : left;
    font-weight     : 700;
    text-indent     : 5px;
}

div.cart_address_value {
    width           : 200px ! important;
}

span.cart_header_title {
    color           : #FFFFFF;
    font            : 16px/18px Verdana,Arial,sans-serif;
}

#cart_item_header_item_column {
    text-align      			: left; 
    width           			: 70%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#cart_item_header_point_column {
    text-align      			: right; 
    width           			: 14%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#cart_item_header_qty_column {
    text-align      			: center; 
    width           			: 15%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#cart_header {
    font            			: 11px Verdana,Arial,sans-serif; 
    background      		: #0878B8;
	color						: #FFFFFF;
}

#cart_footer {
    font            			: 11px Verdana,Arial,sans-serif; 
    text-align      			: right;
}

/* Wishlist Styles                                          */
div.wishlist_item {
    border-top      		: 1px solid #EEEEEE; 
    margin-bottom   		: 8px; 
    padding-top     		: 2px;
}

div.wishlist_last_item {
    border-top      		: 1px solid #EEEEEE; 
    padding-top    	 	: 2px;
}

a.wishlist_remove_link {
    font            			: 9px/11px Verdana,Arial,sans-serif; 
    color           			: red;
}

#wishlist_item_header_item_column {
    text-align      			: left; 
    width           			: 60%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#wishlist_item_header_point_column {
    text-align      			: right; 
    width           			: 20%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#wishlist_item_header_action_column {
    text-align      			: center; 
    width           			: 20%; 
    font            			: 11px Verdana,Arial,sans-serif; 
    font-weight     		: 700;
}

#wishlist_header {
    font            			: 11px/17px Verdana,Arial,sans-serif; 
}

#wishlist_footer {
    font            			: 11px/17px Verdana,Arial,sans-serif; 
    background     	 	: #0878B8; 
    text-align      			: right;
}

/* Other													*/

.invalid {
    background      		: yellow;
}

/* checkout checking out   */
#checkout_status_bar {
	text-align				: center;
	width						: 100%;
}
            
#checkout_status_bar div {
	width						: 33%;
	height					: 20px;
}
        
div.step {
	font						: 10px/12px Verdana,Arial,sans-serif;
	color						: #c2c2c2;
	text-decoration		: none;
	float						: left;
	line-height				: 18px;
}
            
div.current_step {
	font						: 10px/12px Verdana,Arial,sans-serif;
	font-weight			: bold;
	color						: white;
	float						: left;
	background-color		: black;
	line-height				: 18px;
	}
            
span.current_step {
	
}
            
div.checkout_spacer {
	color						: #c2c2c2;
	float						: left;
}

div.banner {
	color						: #FFFFFF;
	width						: 590px;
	background-color		: #0878B8;
	font-weight			: 700;
	font-size				: 14px;
	height					: 20px;
	line-height				: 18px;
	margin-bottom			: 8px;
	text-indent				: 2px;
}

div.halfbanner {
	color						: #FFFFFF;
	width						: 285px;
	background-color		: #0878B8;
	font-weight			: 700;
	font-size				: 14px;
	height					: 20px;
	line-height				: 18px;
	margin-bottom			: 8px;
	text-indent				: 2px;
}
	
#item_details li {
	margin-left: 10px;
}	

/* Epoch Classes */

table.calendar {
        font-family             : Verdana, Helvetica, Arial, sans-serif;
        font-size               : 10px;
        border-collapse         : collapse;
        background-color        : white;
        border                  : 1px solid #999999;
        width                   : 200px;
        text-align              : center;
        -moz-user-select        : none;
}
/* keeps the form from being huge on ie... */

table.calendar div {
        width                   : 200px;
}

table.calendar input, table.calendar select {
        font-size               : 10px;
        border                  : 1px solid #0878B8;
        background              : #ffffff;
}

table.calendar td {
        border                  : 0;
        font-size               : 10px;
        text-align              : center;
}

div.mainheading {
        width                   : 200px ! important;
        float                   : none;
}

table.caldayheading {
        border-collapse         : collapse;
        cursor                  : pointer;
        empty-cells             : show;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.caldayheading td {
        border                  : solid #CCCCCC 1px;
        text-align              : left;
        color                   : #0878B8;
        font-weight             : bold;
        width                   : 22px;
}

table.caldayheading td.wkhead {
        border-right            : double #CCCCCC 3px;
}

table.calcells {
        border-collapse         : collapse;
        cursor                  : pointer;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.calcells td {
        border                  : solid #CCCCCC 1px;
        vertical-align          : top;
        text-align              : left;
        font-weight             : bold;
        width                   : 22px;
        height                  : 20px;
}

table.calcells td {
        padding                 : 1px;
        margin                  : 0px;
}

table.calcells div {
        padding                 : 0px;
        margin                  : 0px;
        float                   : none;
}

table.calcells td.wkhead {
        background-color        : white;
        text-align              : center;
        border-right            : double #CCCCCC 3px;
        color                   : #0878B8;
}

table.calcells td.wkday {
        background-color        : #f5f5f5;
}

table.calcells td.wkend {
        background-color        : #f5f5f5;
}

table.calcells td.curdate {
        background-color        : #d1d6df;
}

table.calcells td.cell_selected {
        background-color        : #0878B8;
        color                   : white;
}

table.calcells td.notmnth {
        background-color        : #FFFFFF;
        color                   : #CCCCCC;
}

table.calcells td.notallowed {
        background-color        : white;
        color                   : #EEEEEE;
        font-style              : italic;
}

table.calcells td.hover {
        background-color        : #999999;
}

/* HOTELS.COM integration classes */
div.room_select_20 {
        height                  : 25px;
        line-height             : 25px;
        width                   : 20% ! important;
        font-size               : 10px;
}

div.room_select_30 {
        height                  : 25px;
        line-height             : 25px;
        width                   : 30% ! important;
        font-size               : 10px;
}

div.room_select_33 {
        width                   : 33% ! important;
        font-size               : 10px;
}

div.room_select_80 {
        width                   : 80% ! important;
        font-size               : 10px;
}