/*
    REMEMBER  #ID and .Class names are CASE SENSITIVE
*/

body
{
	
	margin					:0px ;
	padding					:0px ;
	border					:0px;
	font-family				:Verdana;
	/*font-family				:Times New Roman;*/
	font-size				:smaller;

}

img
{
    cursor  :pointer ;
    border-style            :none;
}

div
{
	margin					:0 ;
	padding					:0 ;
	border-width			:0px;
	/*background-image        : url(images/green_bkgnd_1024.jpg); */
    border-style            :none;
    height					:auto;
}

div.centered
{
    width                   :400px;
    margin-left             :auto;
    margin-right            :auto;
    text-align              :center;
}

div.pagepanel
{
	top						:0;
	left					:0;
	width					:100%;
	height					:100%;
	margin					:0px ;
	padding					:0px ;
}

div.centerpanel, div#centerpanel
{
	width					:1000px;		/* must specify a width for auto margins */
	margin-left				:auto;
	margin-right			:auto;
}

DIV.header, div#headerpanel
{
	width					:100% ;
	/*height					:4em;*/
	border-bottom-style		:solid;	
	text-align				:center;
}

div.bodypanel, div#bodypanel
{
	width				:100%;	
	height				:100%;
}

div#xleftcontent
{
	float				:left;
}

div#xrightcontent
{
	/*display				:inline;*/
	float					:right;
}


#bodypanel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#footerpanel
{
    /*position                :relative;*/
	width					:100%;
	clear					:both;
}



div#linkZoomPanel
{
    font-size               :10pt ;
        
    /*margin-top              :5px;*/

    text-align              :center ;
/*    
    position                :absolute;
    top                     :350px ;
*/
    left                    :0px;
	margin-left				:auto;
	margin-right			:auto;
	
	width                   :100%;      /* this is needed for ffox */
}

div#zoomImgPanel
{
    width                   :900px;
    padding-bottom           :1em;
       
}

/* this is the large select image */
div#leftcontent img
{
/*    padding-top             :20px;*/
}



/*
    div#productdetailpanel

    This will contain the title and description for the product
*/

div#productdetailpanel
{
    top                     :0px;
    left                    :0px;
    /*dont specify the width here as the parent rightcontent already has width set, else we will get firefox issues with offsets
    width                   :300px; */
    height                  :200px;
	/*font-size				:10pt;   */
	text-align              :left; 
	padding-left            :1em ;
	padding-right           :1em ;
	/*padding-top             :1em;*/
    /*background-color        :#001500;	*/
}

div#rightcontentdetail
{
	padding-left            :1em ;
	padding-right           :1em ;    
	margin-top              :2em;
}

/*
    div#prodTitle

    This will contain just the title of the product
*/
div#prodTitlePanel
{
    margin                  :0px;
    padding                 :0px;
	/*height                  :75px;*/
	padding-bottom			:2em;
	color					:Black;
}

#prodTitle
{
    text-align              :center;
    font-size               :16pt;
    font-weight				:normal;
    font-family             :Arial;
	
}

div#prod_description_container_panel
{
    overflow                :auto;
    top                     :76px;
    height                  :125px;
}

div#prod_description_panel
{
}



/*
    div#productorderdetailpanel

    This panel will contain info such as product code, price, qty etc
*/
div#productorderdetailpanel
{
    top                     :201px;
    left                    :0px;    
    height                  :120px;
	font-weight             :bold;    
	text-align				:center;
}

div#idPrevSearchLinkPanel
{
	text-align		:center;
    margin-top		:1em;	
}

#idLink_PrevSearch
{
}

/*  START Main text styles */
div.titledText
{

    
    padding-top					:1em;
    margin-left					:1em;       /* not sure why we need 2 to make a difference */
    margin-right				:1em;
    text-align					:left;
    /*height						:340px;*/
    padding-left				:1em;
    padding-right				:1em;
    	
    border-width		:2px;
	border-style		:solid;
	border-color		:Gray;

    min-height						:340px;
    height				:auto;
}


* html .titledText 
{
    height				:340px;	
}

/*
 html>body div.titledText
 {
	min-height			:340px; 

 }
*/
div.subText
{
    padding-top             :1em;
    padding-left            :3em;       /* not sure why we need 2 to make a difference */
    padding-right           :3em;
    text-align              :left;
    /*font-size               :8pt;*/
}

div.textTitle 
{
    
   text-align              :center;
    font-size               :16pt;
    font-weight				:normal;
    font-family             :Verdana;
    color					:Black;
    padding-bottom             :1em;          
}

div.subTextTitle 
{
    text-align              :center;
    font-size               :12pt;
    font-weight				:bold;
    font-family             :Arial;
    
    padding-bottom             :1em;     
}
div.subTextNoTitle 
{
    padding-bottom			:2em;	
}

/*
    the pagepic will go in the right content
*/
div#pagepicpanel
{
    text-align              : center;
    margin-top              :20px ;
}

.pagepic
{
    /*clear                   :both;*/
    display                 :block;
    margin-bottom           :1em ;  
    margin-left             :auto ;  
    margin-right            :auto ;  
    cursor                  :default;
}

/*  END Main text styles */

/* gallery will contain the thumbnailcontainer, parent = div#bottomcontent  */
div.gallery
{
    /*height                  :100px;*/
	width					:100%;
    font-family             :Trebuchet MS;
	font-size				:8pt;     
	padding-top				:2em;   
}

/* thumbnailcontainer - will contain the thumbnail DIV above and will have the scrollbars*/
div.thumbnailcontainer
{
	width					:100%;
	height					:140px;	/* = 100% causes vertical scrollbars */
	overflow				:auto;	
	/*margin-top				:10px;*/
}

/* repeater - will contain the actual repeater control */
div.repeater
{
	height					:100px;
	margin-left             :auto;
	margin-right            :auto;
}

/* the divs that will actually be added to the Repeater template when binding */
div.galleryitem
{
	width					:100px;
	float                   :left;
	text-align              :center;
	margin                  :0px;
	padding                 :0px;
	border-style            :none;
}

/* the div for the actual image placed in the galleryitem above */
div.galleryitemimage
{
	width					:100px;
	height                  :100px;
	text-align              :center;
	margin                  :0px;
	padding                 :0px;
	border-style            :none;
		
}
div.gallerytitle
{
    clear                   :both;
}

img.imgzoom, img.imgLarge
{
  cursor                   :pointer;
}
#imgLarge
{
	margin-bottom			:1em;
}

img#imgzoom
{
    margin-top              :2em;
    margin-bottom          :2em;
}

div#menubar
{
	margin					:1px;
	width					:100%;
}

#loginbutton
{
    color                   :Silver;
    float                   :right ;
    font-family				:'Trebuchet MS';    
    font-size				:xx-small;    
    text-decoration         :none ;
    
}

/* for login control on index page */
label
{
    font-family				:'Trebuchet MS';    
    font-size				: x-small;    
	color                   : Silver;    
}

div.trinitylogo
{
    padding-top             :2em ;
    padding-bottom          :0px;   
	text-align				:center;
	position				:relative;
	width					:700px;
	margin-left				:auto;
	margin-right			:auto;
	margin-bottom           :0px;
	color                   :white;
	clear                   :both;
}

div#trinitylogoinfo
{
    /*margin-top              :1em;*/
    color                   :Silver;
}


img.logoimg
{
	position				:absolute;
	left					:100;
	top						:0;
}

div.titleunderline
{
	margin					:auto;
	width					:290px;
}



.inputform
{
	border-style		:solid;
	scrollbar-base-color	:#004500;
	border-color			:#004500;
	background-color		:#005500;
	background-image: url(images/emerald_GIF.gif);

} 

	
#inputform
{
} 

.inputField
{
    width                   :250px;   
    border-style            :solid;
    border-width            :thin;
}

.inputFieldLabel
{
    width                   :150px;
    vertical-align          :top;    
}

#tblEmail
{
    text-align              :left;
    vertical-align          :top;
    margin-left             :auto ;
    margin-right            :auto;
}

#tblIdexSearch
{
    margin-top              :0px;
    padding                 :0px;
    width                   :100%;
    height                  :100%;
    border-style     :solid;
    border-width            :thick;
    border-color        :White;
    margin-left             :auto ;
    margin-right            :auto;
    border-collapse         :collapse;
    
}


img, p
{
    margin                  :0px;
    padding                 :0px;
}




ul#backbutton 
{
    list-style-image        : url( '~/images/sitenav/arrowleft.bmp' ) ;
    list-style-type         :none;
}

div#backBtnPanel
{
    margin-left             :auto;
    margin-right            :auto;
    text-align              :center;
    font-size               :14pt;
}

a#backbutton
{
    text-align              :center;
    margin-right            :10px ;
    padding-top             :10px ;
}

a#backbuttontxt
{
    text-decoration         :none;
}
a#backbuttontxt:hover
{
}

#tblDiamondSearch
{
    color                   :#cc9900;	  
	font-family				:Trebuchet MS;
	font-size				:10pt;
    
}

div#copyright
{
	font-family				:Trebuchet MS;
	font-size				:8pt;   
	float					:left;
}


div#contactus
{
	font-family				:Trebuchet MS;
	font-size				:8pt;   
	float					:right;
	text-align				:right;
}

div#contactus  a
{
	text-decoration			:none;
}

li
{
    margin-top              :1em;
	list-style-type			: square    ;
	text-decoration			:none;
}

ul
{
	line-height				:1;
}

div#mainmenupanel
{
	width					:100%;
	margin-left				:auto;
	margin-right			:auto;
	margin-top              :1em;
	    
	border-top-style     :solid;
	border-top-color     :Gray;
	border-top-width     :1px;


	border-bottom-style     :solid;
	border-bottom-color     :gray;
	border-bottom-width     :1px;
    
}

div#menuContainer
{
    width                    :80%;
	margin-left				:auto;
	margin-right			:auto;
	
       
}

.staticmenu
{
    text-align              :left;
    color                   :Silver;
    font-size               :9pt ;
}

.dynamicmenu
{
    filter                  : progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF003000, endColorstr=#FF000000) ;
   /* background-image        : url('../images/green_bkgnd_1024_darker_1_widegreentop.jpg' ) ;   */
    color                   :LightGrey;
    /*margin-left             :0px;*/
    background-color        :#003000;
    text-align              :left;
    font-family             :Copperplate Gothic Light;
    font-size               :10pt;
}

.dynamicmenu_hover
{
    color                   :Silver;
}

#idLink_UpdateCart:hover, #idLink_PrevSearch:hover
{
}

#idLinkZoom
{
    font-family             :Copperplate Gothic Light;
}
    
.trinitylink
{
    display                 :block;
    margin-top              :0px;
	font-family             :Bookman Old Style;
	font-weight             :bold;    
}

.trinitylinkButton
{
    display                 :block;
    margin-top              :0px;
	font-family             :Copperplate Gothic Light;
	font-size               :10pt;
	text-decoration         :none;
}

.trinitylink:hover
{
	font-family             :Bookman Old Style;
	font-weight             :bold;    
    
}

.linkChkOut
{
    margin-top              :0px;
    padding-bottom          :2em;
    font-family             :Copperplate Gothic Light;
    font-size               :10pt;
}

#divChkAgreeTerms
{
    font-family             :Courier;
    font-size               :14pt;
    margin-top              :1em;
}

#idChkAgreeTerms
{
    font-family             :Courier;
    font-size               :14pt;
    margin-top              :1em;
}


.linkBtnPanel
{
    vertical-align          :middle;
    /*width                   :70px ;*/
}

#tblCart
{
    margin-top              :2em;
}

.cartRepeaterPanel
{
    vertical-align          :text-top;
    text-align              :left;
    padding-top             :0px;
}

div#updateCartPanel
{
	text-align				:center;
	padding-left            :1em ;
	padding-right           :1em ;    
	/*margin-top              :1em;*/
}


#cartProdImgPanel
{
    width                   :100px;
    margin-left             :auto;
    margin-right            :auto ;
    margin-bottom           :2em;
}


#nextBackLinksPanel
{
	position				:absolute;
	top						:330px;
}

#moonflowerPanel
{
    margin-left             :auto;
    margin-right            :auto;
    margin-top              :0px;
    padding-top             :2em;
    height                  :85%;
    width                   :700px;
    background-image		:url(images/sitenav/MoonflowerMain.jpg) ;
    background-repeat		:no-repeat;
	        
}

a.moonflowerlink
{
	text-decoration			:none;
}

.moonflowerlist
{
	margin-bottom			:1em ;
	width					:250px;
}

.button
{
	margin-top				:1em;
}

table#tbl_footer
{
	table-layout			: fixed	;
	width					:100%;
}

table#tbl_footer TD
{
	vertical-align			:top;
}

div.promo
{
    margin-left             :auto;
    margin-right            :auto;	
	text-align				:center;
}
a.promo
{
	text-decoration			:none;
}

div.faqQ
{
	font-weight				:bold;
}

div.faqA
{
	margin-bottom			:2em;	
}

div.specialOrderText
{
    padding-top					:1em;
    margin-left					:1em;       /* not sure why we need 2 to make a difference */
    margin-right				:1em;
    text-align					:left;
    background-color			:Snow ;
    color						:#202020 ;
    height						:360px;
    padding-left				:2em;
    padding-right				:2em;
	padding-bottom				:2em;
	    	
    border-width		:2px;
	border-style		:solid;
    
}

html>body .specialOrderText
 {
	min-height			:360px; 	
	height				:auto;
 }
 
div.specialOrderextTitle 
{
    text-align              :center;
    font-size               :16pt;
    font-weight				:normal;
    font-family             :Verdana;
    color					:Black;
    padding-bottom             :1em;     
}

.btn
{
	border-style			:solid;
	border-color			:Black;
	border-top-width		:1px;
	border-bottom-width		:1px;
	border-left-width		:1px;
	border-right-width		:1px;
}