/* CSS Document */
/****************************
RIBBIT CLEAR - v1 - www.ribbitflightschool.com
****************************/
* {
	padding:0;	
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img { border:0;}
a {text-decoration:none;}

/****************************
OVERRIDES
****************************/

body {
	font-size:12px;
	background:#FFFFFF url(../images/site/bg.jpg) no-repeat scroll center top;
}

h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#052946;
	text-transform: uppercase;
}
h2 {
	margin-top:0;
	font-size:14px;
	font-weight:bold;
	color:#052946;
}
p {
	margin-bottom:10px;
}
ul {
	margin: 10px;
	padding: 0;
}

a {	color:#4276cc}
a:hover { color:#c7d6ee;}
	

/****************************
POSITIONING TAGS
****************************/
#container {
	width:980px;
	position:relative;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#fullLeftSide {
	float:left;
	width:170px;
	margin-top:95px;
}
#fullRightSide {
	float:left;
	width:800px;
	margin-top:95px;

}
#corner {
	float:left;
	height:100px;
	width:170px;
	margin-bottom:5px;
}
#corner h1 {
	border:0px;
	padding:10px 0px 0px 5px;
	font-size:24px;
	letter-spacing:.2em;
	color:#FFFFFF;
}

#leftnavContainer {
	float:left;
	width:145px; /*170 total*/
	height:445px;
	padding:3px 0px 0px 20px;
	margin-top:5px;
	overflow:hidden;
}
#leftnav {
	float:left;
}
#leftnav div {
	position:relative;
	margin-bottom:8px;
}
#leftnav a {
	color:rgb(0,0,0);
	border-bottom: 0px solid #333333;
	text-decoration:none;
	letter-spacing:.1em;
	width:100px;
	text-transform:lowercase;
}
#leftnav a:hover { border-bottom: 1px dashed #333333}
#leftPadBottom {
	float:left;
	background-color:#CCC;
	width:175px;
	height:5px;
}

#mainbody, #mainbody_noverflow {
	float:left;
	width:790px; /* 980 - 170 - margin 5 - padding 5 */ 
	height:545px;
	overflow:auto;
	padding:3px 0px 0px 10px;
}
#mainbody_noverflow {overflow:hidden}

#header, #footer {
	float:left;
	width:980px;
	height:42px;
	padding-top:15px;
	color:#000;
}
#header {
	height:5px;
	padding-top:0px;
}

/****************************
LEFTNAV FORMATTING
****************************/
.sectionTitle {
	width:125px;
	height:20px;
	font-size:14px;
	color:#FFF;
	padding:2px;
	background-color:#4276cc;

}

/****************************
PRODUCT PAGES
****************************/
#product_container {
	float:left;
	width:800px; /* main body is 800*/
}

#product_thumbs_container {
	float:left;
	width:420px;
	height:520px;
	overflow:auto;
	padding:0px 5px;
}

.product_thumb_row {
	float:left;
	clear:both;
	width:405px;
}

.product_thumb {
	float:left;
	width:195px;
	margin:0px 5px 10px 0px;
}
.product_thumb_left {
	float:left;
	width:90px;
}
.product_thumb_left img { cursor:pointer;}

.product_thumb_right {
	float:left;
	width:100px;
}

.product_thumb_title {text-transform:uppercase;}

	
#product_big_container {
	float:right;
	width:350px;
	height:520px;
	overflow:auto;
	padding:0px 5px;
	margin-right:5px;
}
#product_big_right {
	float:right;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}


/****************************
SHOPPING CART
****************************/
.cart_row, .cart_actionrow {
	clear:both;
	float:left;
	width:780px;
	margin-bottom:5px;
}
.cart_row input { 
	width:25px;
}
.cart_actionrow a {color:#FFF;font-weight:bold}
.cart_actionrow a:hover {color:#000;}
.cart_actionrow_entry {
	float:left;
	width:100px;
	padding:5px;
	margin:2px 5px 0px 0px;
	background-color:#4276cc;
	text-align:center;
}
.cart_actionrow_icons {
	float:left;
	width:350px;
	padding:0px;
	margin-right:5px;
}

.cart_qty {
	float:left;
	width:50px;
}
.cart_thumb{
	float:left;
	width:90px;
}
.cart_description{
	float:left;
	width:300px;
}
.cart_price{
	float:left;
	width:110px;
}

.cart_price_total {
	text-decoration:underline;
}
.cart_del {
	float:left;
	width:20px;
}

/****************************
FOOTER
****************************/
#footer_left {
	float:left;
	width:400px;
	margin-left:180px;
	display:inline;
}
#footer_right {
	float:right;
	width:370px;
	text-align:right;
	padding-top:7px; /*allign with img bottoms */
	padding-right:10px;
	letter-spacing:.1em;
}
#footer_right a { color:#000;}


/****************************
INLINE IMAGES
****************************/
.image_left, .image_right { display:inline; }
.image_left {
	float:left;
	padding:0px 20px 10px 0px;
}
.image_right { 
	float:right;
	padding:0px 0px 10px 20px;
}


/*******************************
FORM
*******************************/
.grid_container {
	float:left;
	clear:both;
	width:540px;
}
.grid_row, .grid_title_row {
	float:left;
	clear:both;
	width:540px;
	margin-bottom:10px;
}
.grid_title_row {
	font-weight:bold;
	margin-bottom:10px;
}
.grid_entry_50, .grid_entry_100, .grid_entry_150, .grid_entry_200, .grid_entry_250, .grid_entry_300 {
	float:left;
	padding-right:10px;
}

.grid_entry_50 {width:50px;}
.grid_entry_100 {width:100px;}
.grid_entry_150 {width:150px;}
.grid_entry_200 {width:200px;}
.grid_entry_250 {width:250px;}
.grid_entry_300 {width:300px;}

.descriptor {
	float:left;
	clear:both;
	color:#CC0000;
}
	

/****************************
ADD-ON TAGS
These are used to tweak the styles above.
****************************/
.no_margin { margin:0; padding:0; }
.margin_bottom_small { margin-bottom:5px;}

.thin_top_border {border-top:#999999 1px solid; } 
.thin_bottom_border {border-bottom:#999999 1px solid; } 
.thin_left_border {border-left:#999999 1px solid; } 
.overflow_on {overflow:auto; }

.black_bg {	background-color:#000000; }
.white_bg {	background-color:#FFFFFF; }
.dkgray_bg { background-color:#666666; }
.ltgray_bg { background-color:#999999; }
.red_bg { background-color:#CC3300; }

.dk_blue {color:#4276cc; }
.lt_blue {color:#c7d6ee; }

.text_color_black { color:#000000; }
.text_color_ltgray { color:#999999; }
.text_color_dkgray { color:#666666; }
.text_color_white { color:#FFFFFF; }
.text_color_red { color:#CC3300; }

.font_size_large {font-size:14px; }
.font_size_medium {font-size:12px; }
.font_size_normal {font-size:10px; }
.font_size_tiny {font-size:9px; }

.font_weight_bold { font-weight:bold; }
.font_weight_normal { font-weight:normal; }

.visibility_hidden {visibility:hidden;}
.visibility_visible {visibility:visible;}