/*---------------------------------------------------------------------------------------*/
/*Scope:  This CSS file pertains to all /views/layouts/product_base.rhtml and affects all product controller functions*/ 
/*This should inherit a majority from base.css but contains classes specific to product controller */
/*****************************************************************/
/*Controller specific div id's should be indicated below*/
/*****************************************************************/
/*Comments last updated: 9/23/06
/*---------------------------------------------------------------------------------------*/


/*****************************************************************/
/*The following div ids are common across all controllers ie changin any of the following affects every controller*/

body {
	font-family: Tahoma;
	font-weight: 100;
	font-size: 10pt;
	background: /*#D8DF43*/#ffffff url(../images/base_images/bg2.jpg);
    	background-repeat: repeat-x;
	margin: auto;
}


/*Not currently being used */
#header{
	position: absolute;
	color: black;
	left: 10px;
	top: 0px;
	text-align: center;
	width: 1000px;
	height: 25px;
	margin: 0px;
	/*border: black solid 1px;*/
}


h1{
	position: relative;
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	color: black;
	/*border: black solid 1px;*/
}

h2{
	color: #e17221;
	text-align: left;
	/*border: black solid 1px;*/
}

h3{
	color: black;
	text-align: left;
	font-weight: bold;
	/*border: black solid 1px;*/
}

p {
    margin: 0;
	/*border: black solid 1px;*/
}

html body a:link img{ border-style: none;}
html body a:link{text-decoration: none; color: blue;}
html body a:active{color: red; text-decoration: none;}
html body a:hover {color: red; text-decoration: none;}
html body a:visited {text-decoration: none; color: blue;}

html body a img{
	border-width: 0;
}


/*****************************************************************/
/*                           base.rhtml		                                        */
/*****************************************************************/
/*div heirarchy as follows: 
	body
		main_container
			content container
				left_nav
				right_bar

				ruby content
					bottom			
*/
#main_container{
	margin: auto;
}

/*In base.rhtml */
#content_container{
	height: auto;
	width: 1024px;
	margin: auto;
	/*border: black solid 1px;*/
}

/*positioning sensitive to changes*/
/*In base.rhtml */
/*superset for all Ruby content*/
/*all dynamic content should be wihtin this div*/
/*needs to contain "bottom"*/
#rubycontent{
	padding: 5px;
	position: relative;
	top:  -800px;
	margin: auto;
	height: auto;
	width: 700px;
	/*border: 1px solid #A2A2A2;*/
    background-color: white;	
	border: lightgrey solid 10px;
	/*border: black solid 1px;*/
}



/*specific for left_nav*/
a.nav_link:link img{ border-style: none;}
a.nav_link:link{color: white; text-decoration: none;}
a.nav_link:active {color: red; font-size: 100%}
a.nav_link:hover {color: red; font-size: 100%}
/* color: white  because in left_nav_bar will blend with background*/
a.nav_link:visited {text-decoration: none; color: white;}



/*positioning sensitive to changes*/
/*contains logo, button_bar, signin*/
#left_nav{
	font-family: Tahoma;
	font-size: 8pt;
	position: relative;
	left: 0px;
	top: 2px;
	text-align: left;
	width: 130px;
	height: 300px;
	font-weight: 900;
	background: url(../images/base_images/navbar.gif) no-repeat top center;

}


/*Specific for logo*/
a.logo_link:link img{ border: none;}
a.logo_link:link{ text-decoration: none;}
a.logo_link:hover { color: red;}
a.logo_link:visited { border-style: ; color: none;}

/*Specific for logo*/	
/*inside left_nav*/
#logo {
	position: absolute;
	top: 11px;
	left: 6px;
	margin: 0;
	border: none;
	/*border: black solid 1px;*/
}

/*inside left_nav*/
#button_bar{
	position:absolute;
	left: 12px;
	top:140px;
	width: 131px;
	height: 45px;
	border: none;
	/*border: black solid 1px;*/
}

/*In base.rhtml */
/*links in the left under navbar */
#sign_in{
	position: absolute;
	color: black;
	left: 30px;
	top: 320px;
	text-align: center;
	width: 60px;
	height: 75px;
	border: none;
	/*border: black solid 1px;*/
}

/*positioning very sensitive to changes*/
/*In base.rhtml */
#right_bar{
	position: relative;
	left: 890px;
	top: -300px;
	margin: 0px;
	width: 130px;
	height: 500px;
	border: none;
	background-color: black;
	/*border: black solid 1px;*/
}

/*part of ruby_content in order to properly align with dynamic content*/
/*currently set to look  like out side of "ruby_content" */
/*dimensions and positioning sesitive to changes*/
/*This class currently contains $lower_nav and #explain*/
#bottom {
	position: relative;
	left: 0px;
	top: 120px;
	height: auto;
	/*width must be equal to or smaller than ruby_content*/
	width: 700px;
	text-align: left;
	background-color: #F6FFF1;
	border-top: black solid 1px;
}

/*within #bottom*/
#lower_nav {
	position: relative;
	color: black;
	/*border: black solid 1px;*/
}

/*within #bottom*/
#explain {
	color: gray;
	/*border: black solid 1px;*/
}



#notice_buy{
	position: absolute;
	height: 150px;
   	width: 500px;
    top: -40px;
    left: 35px;
   	margin: 0;
	border: none;
	color: red;
	font-weight: bold;
	text-align: left;
	font-family: Arial;
	font-weight: 900;
	font-size: Small;
}

#notice{
	position: relative;
	height: 150px;
    width: 500px;
    top: 20px;
    left: 200px;
   	margin: 0;
	border: none;
	color: red;
	font-weight: bold;
	text-align: left;
	font-family: Arial;
	font-weight: 900;
	font-size: xx-large;
}

/*****************************************************************/
/*                            Index.html		                                        */
/*****************************************************************/


#conceptPic{
	position: absolute;
	margin: auto;
	text-align: center;
	top: 90px;
	width:auto;
	height:auto;
	background-repeat: no-repeat;
}

#enter{
	position: relative;
	text-align: center;
	width:auto;
	height:auto;	
	left: -300px;
	top: 370px;
       background-repeat: no-repeat;
}

#indexBottom{
	position: relative;
	top: 490px;	
	border-style: none;
	width: 900px;
	height: 50px;
	text-align: left;
	border-top: 1px solid black;
}



/*****************************************************************/
/*                                          PRODUCT CONTROLLER                                        */
/*****************************************************************/
/*  This section below contains Div id's specific to the Product controller views*/
/*  Although some may inherit from above and are so indicated below*/


/*not being used*/
/*For Product Controller only*/
#main_product{
	height:auto;
	border: none;
}

/* selected product for product showdetail */
/*This is a div id in order to position*/
#main_product_name{
	position: relative;
	text-align: center;
	top: 0px;
	left: 60px;
	width: 500px;
	height: auto;
	font-family: Tahoma;
	font-size: x-large;
	color: #FF6633;
	border: none;
}

/*parent of #main_product_image*/
#main_product_image_area{
	position: relative;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 300px;
	border: none;
	border: none;
}

/*child of main_product_image_area*/
/*contains only the image itself*/
#main_product_image{
	position: relative;
	left: 0px;
	top: 0px;
	border: none;
}

/*Contains main_product_stat, main_product_graph, main_product_buttons*/
#main_product_detail{
	position: absolute;
	width: auto;
	left: 350px;
	top: 100px;	
	border: none;
}
/* selected product for product showdetail */
/*contains stats of a groupbuy*/
#main_product_stat{
	position: relative;
	width: 230px;
	font-family: Tahoma;
	font-size: 8pt;
	text-align: left;
	color:  #000000;
	background-color: #71716C;
	border: none;
	border: none;
}

#main_product_graph{
	position: relative;
	top: 10px;
	border: none;
}

#main_product_buttons{
	position: relative;
	width: auto;
	height: auto;
	top: 10px;
	text-align: left;
	border: none;
}


/*Description of selected product for product showdetail */
#main_product_detailDesc{
	position: relative;
	text-align: left;
	color: #000000;
	top: 130px;
	width: auto;
	height: 300px;
	background-color: #ffffff;
	border: none;
}
/*child of #main_product_detailDesc*/
#main_product_detailDesc_text1{
	position: relative;
	top: 0px;
	text-align: left;
	height: auto;
	background-color: #ffffff;
	border: none;
}

p.prodDescTitle{
	position: relative;
	text-align: left;
	color: #FF6633;
	font-size: 12pt;
	font-weight: bold;
}

/* Used to create a line*/
p.longline{
	color: #e2e2e2;
	font-size: 8pt;
}

/*child of "main_product_groupbuy*/
td.leftDescriptor{
	background-color: #55b4ea;
}
/*child of "main_product_groupbuy*/
td.rightDescriptor{
	background-color: #FFFFFF;
}

/*For Product controller only*/
/*should be within #right_bar*/
/*Positioning is derived from this class*/
#other_products{
	position: relative;
	left: 733px;
	top: -1000px;
	width: 100px;
	height: auto;
	text-align: center;
	border-style: none;	
	margin: 0;
	border: 1px black;
}

a.other_prod:link img{border-style: red; color: white;}
a.other_prod:link{text-decoration: none; color: white;}
a.other_prod:hover {	color: red;}
a.other_prod:visited { border-style: none; color: white;}


/*****************************************************************/
/*  This Section is for any place "comments" being used in Product Controller
/*****************************************************************/
#comment_container{
	position: relative;
	left: 0px;
	top: 100px;
	width: auto;
	height: auto;
	text-align: left;
	border: none;
	
}

/* Contained with comment_container*/
p.prodCommentsTitle{
	position: relative;
	color: #FF6633;
	font-size: 12pt;
	font-weight: bold;
}	

/*showing comments on showProdDetail*/
#showComments{
	color: black;
	text-decoration: underline;
	border: none;
}

/*hiding comments on showProdDetail*/
#hideComments{
	color: blue;
	text-decoration: underline;
	border: none;
}


/*comments section*/
#comments{
	position: relative;
	left: 0px;
	top: 0px;
	height: auto;
	text-align: left;
	border: none;
}

/*****************************************************************/
/*  Suggestion model 									   */
/*****************************************************************/

/*  listallCategories.rhtml*/
/*  Explanatory for suggestions */
/*Child of <div id="rubyContent" */
#SuggestionExplanation{
	position: relative;
}

/* used in SuggestionsByACategory*/
#listofSuggestions{
	
}

/* used in SuggestionsByACategory*/
td.suggestionListHeader{
	background-color: #55b4ea;
	font-family: georgia;
	font-size: 12pt;
	font-weight: bold;
	color: black;
}


/*Used in suggestion/show*/
/*Used in suggestion/list*/
/* used in SuggestionsByACategory*/
td.suggestionAttr{
	background-color: #efefef;
	font-family: georgia;
	font-size: 8pt;
	color: black;
}

/*Used in suggestion/list*/
/* used in SuggestionsByACategory*/
td.suggestionAttr2{
	font-size: 10pt;
}


/*Used in suggestion/show*/
td.suggestionShowHeader{
	background-color: #efefef;
	font-family: georgia;
	font-size: 12pt;
	font-weight: bold;
	color: #c42627;
}

/*****************************************************************/
/*  Order model 									   */
/*****************************************************************/
#confirmOrderInfo{
	line-height: 1.6;
}
