﻿
img {border:none}

* html fieldset{ position: relative; } 
* html legend{ position:absolute; top: -.5em; left: .5em; } 
* html fieldset{ position: relative; margin-top:1em; padding-top:.75em; } 


/* ----------------------------------------------------- */
.standardLink a:link, .standardLink a:visited
{
    font-weight:bold;
	text-decoration: none;
	background-color:transparent;
	color: #245185;
}

.standardLink a:hover
{
	color: #FE0000;
	background-color:transparent;
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
.standardLinkNB a:link, .standardLinkNB a:visited
{
	text-decoration: none;
	background-color:transparent;
	color: #245185;
}

.standardLinkNB a:hover
{
	color: #FE0000;
	background-color:transparent;
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
.userMenuLink a:link, .userMenuLink a:visited
{
	text-decoration: none;
	background-color:transparent;
	color: white;
}

.userMenuLink a:hover
{
	color: #FE0000;
	background-color:transparent;
}
/* ----------------------------------------------------- */


#adminmenu
{
	position:absolute;
	top:150px;
    left:-160px;
	width:160px;
	background-image: url(images/webgraphics/insidebg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	border: 1px solid #b9d2e3;
	color:#245185;
	background-color:white;
}


.veryOutside
{
   	margin:0 auto;
	width:800px;
	text-align: left;  
	position:relative;
}


#toparea
{
    position:relative;
    width:740px;
    height:140px;
}

/* top line header ------------------------------------------------------------------ */
#topleft1
{ 
    position: absolute;
    top:0;
    left:0;
    width:25px;
	height: 33px;
	background-image: url(images/webgraphics/pngs/top_left_corner1.png);
}

#topmiddle1
{
    position: absolute;
    top:0px;
    left:25px;
    width:760px;
	height: 33px;
	background-image: url(images/webgraphics/pngs/top_shad1.png);
}

#topright1
{
    position: absolute;
    top:0;
    left:785px;
    width:25px;
	height: 33px;
	background-image: url(images/webgraphics/pngs/top_right_corner1.png);
}


/* -------------------------------------------------------------------------------- */


/* middle line header ------------------------------------------------------------------ */

#topleft2
{ 
    position: absolute;
    top:33px;
    left:0;
    width:25px;
	height: 79px;
	background-image: url(images/webgraphics/pngs/left_side_top2.png);
}

#topmiddle2
{
    position: absolute;
    top:33px;
    left:25px;
    width:760px;
	height:79px;
	background-image: url(images/webgraphics/top_bar_back2.jpg);
}


#topright2
{
    position: absolute;
    top:33px;
    left:785px;
    width:25px;
	height:79px;
	background-image: url(images/webgraphics/pngs/right_side_top2.png);
}


/* -------------------------------------------------------------------------------- */


/* bottom line ------------------------------------------------------------------------- */
#topleft3
{ 
    position: absolute;
    top:112px;
    left:0;
    width:25px;
	height: 28px;
	background-image: url(images/webgraphics/pngs/bar_left_end3.png);
}


#topmiddle3
{
    position: absolute;
    top:112px;
    left:25px;
    width:760px;
	height: 28px;
	background-image: url(images/webgraphics/pngs/bar_bg.png);
}

#topright3
{
    position: absolute;
    top:112px;
    left:785px;
    width:25px;
	height: 28px;
	background-image: url(images/webgraphics/pngs/bar_right_end3.png);
}
/* -------------------------------------------------------------------------------- */


/* bottom of the main page ------------------------------------------------------------------------- */
#bottommainleft
{ 
    position: absolute;
    top:0;
    left:0;
    width:25px;
	height: 60px;
	background-image: url(images/webgraphics/pngs/left_bot_corner.png);
}

#bottommainmiddle
{
    position: absolute;
    top:0;
    left:25px;
    width:760px;
	height: 60px;
	background-image: url(images/webgraphics/pngs/bot_shad.png);
}

#bottommainright
{
    position: absolute;
    top:0px;
    left:785px;
    width:25px;
	height: 60px;
	background-image: url(images/webgraphics/pngs/right_bot_corner.png);
}

/* ----------------------------------------------------- */


#logo
{
    position: absolute;
    top:33px;
    left:40px;
    width:284px;
	height:79px;
	
}


#topBannerTel
{
    position: absolute;
    top:43px;
    left:573px;
    width:201px;
	height:30px;
	background-image: url(images/webgraphics/topbartel.jpg);
}


#topBannerEmail
{
    position: absolute;
    top:73px;
    left:573px;
    width:201px;
	height:25px;

}


#strapline
{
    position: absolute;
    top:118px;
    left:25px;
    width:400px;
	height: 28px;
	/*font-weight: bold;*/
	background-color:transparent;
	color: white;
	font-style: italic;
	margin:0;
	padding: 0 0 0 0;
	
}


.userMenu
{
    position:absolute;
    top:118px;
    width:785px;
    text-align:right;   
}


/* main body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body
{
    text-align: center;
	margin: 0px 0px 10px 0px;
	background-color: #F6F4F5;
	color: #ffffff;
	background-image: url(images/webgraphics/back_grad.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	font: 13px  Arial, Helvetica, Verdana, sans-serif;
	/*min-width:800px;*/
}


/* ----------------------------------------------------- */
#wrapper
{
	position:relative;
	color:#245185;
	margin-top: 0px;
	padding-left:10px;
	padding-top:10px;
	width: 800px;
	background-image: url(images/webgraphics/pngs/content_background.png);
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
#topLeftMainImage
{
    position: absolute;
    top:0px;
    left:0px;
    width:25px;
	height:150px;
	background-image: url(images/webgraphics/pngs/left_side_under_strap.png);
}


#topRightMainImage
{
    position: absolute;
    top:0px;
    left:785px;
    width:25px;
	height:150px;
	background-image: url(images/webgraphics/pngs/right_side_under_strap.png);
}

#topMiddleMainImage
{
    position: absolute;
    top:0;
    left:25px;
    width:760px;
	height:150px;
	background-image: url(images/webgraphics/pngs/main_top_middle.png);
}
/* ----------------------------------------------------- */


#content
{
    position:relative;
    width:568px;
	margin: 0 0 0 197px;
    border: 1px solid #b9d2e3;
	background-color:white;
	color: #245185;
	/*min-height:507px;*/
}


.bigpicture
{
    border-bottom: 1px solid #b9d2e3;
	background-repeat: no-repeat;
	background-color: white;
	color: white;
	height:136px;
	width:568px;
}


.bigpicture h2
{
    padding-top:20px;
    padding-right:20px;
	margin: 0;
	font-weight: normal;
	font-size: 140%;
	text-align: right;
}


.bigpicture p
{
    padding-left:250px;
    padding-right:20px;
	font-size: 110%;
	text-align: right;
}


#producttemplate
{
	margin: 10px 10px 10px 10px;
	background-color:transparent;
}


#producttemplate h2
{
	border-bottom: 1px solid #b9d2e3;
	margin: 0;
	font-weight: normal;
	font-size: 140%;
	text-align: left;
	height: 1%;
}


#producttemplate p
{
	text-align: justify;
}


/* sidebar  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sidebarouter
{
 	position:absolute;
 	top:10px;
 	left:30px;
	width: 163px;
	background-color:Transparent;
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
}


#sidebar
{	
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #b9d2e3;
	margin: 0 0 0 0;
	background-image: url(images/webgraphics/insidebg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
}


.sidebarcontents
{
	margin: 10px;
	color: #245185;
}


.sidebarcontents p
{
	/*font-size: 90%;*/
}


.sidebarcontents a:link, .sidebarcontents a:visited
{
	color: #245185;
}

.navbuttons
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
}


.navbuttons li
{
	border-bottom: 1px dashed #b9d2e3;
	padding: 0.4em 0 0.2em 0;
	font-size: 90%;
	text-align:left;
}


.navbuttons li a:link, .navbuttons li a:visited
{
	text-decoration: none;
	color: #245185;
	font-weight: normal;
}


.navbuttons li a:hover
{
	color: #FE0000;
}




.navbuttonsNoDash
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
}


.navbuttonsNoDash li
{
	padding: 0.4em 0 0.2em 0;
	font-size: 90%;
	text-align:left;
}


.navbuttonsNoDash li a:link, .navbuttonsNoDash li a:visited
{
	border-bottom: 1px dashed #ffffff;
	text-decoration: none;
	color: #245185;
	font-weight: normal;
}


.navbuttonsNoDash li a:hover
{
	color: #FE0000;
}











.navpadding
{
	padding: 0.8em 0 0.8em 0;
}


.navpaddingsmall
{
	padding: 0.4em 0 0.4em 0;
}


p.navtitle
{
	color: #245185;
	border-bottom: 1px solid #b9d2e3;
	background-color:transparent;
	padding: 0.4em 0 0.2em 0;
	text-align:right;
	margin: 0 0 0 0;
	font-size: 90%;
	font-weight:700;
}


#clearDiv
{
	clear:both;
	width: 100%;
	height: 10px;
	border:1;
	margin:0;
	
}


#footer
{
    width:810px;
    height:20px;
    background-color:transparent;
    color: #245185;
}


/* grid stuff ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.gridview 
{ 
    border: 1px solid #b9d2e3; 
}


.gridview select 
{ 
 background-color:#F6F7FA;
 color:#245185;
 font-size: 90%;
}

.gridview td
{
    /*border: 0 0 0 0 0;*/
}


.gridview  a:link, .gridview  a:visited
{
    text-decoration: none;
	color: #245185;
}


.gridview a:hover
{
	color: #FE0000;
	background-color:transparent;
}


.gridviewheader
{
    border: 1px solid #b9d2e3; 
    font-weight: bold;
    background-color: #DFE6ED;
    padding: 5px 5px 5px 5px;
}


.gridviewrowstyle
{
    border: 1px solid #b9d2e3;
}


.gridviewalternatingrow
{
    background-color: #F6F7FA;
    border: 1px solid #b9d2e3;
}


.gridvieweditrow
{
    background-color: #FFF6F2;
    border: 1px solid #b9d2e3;
}


.gridviewfooter
{
    background-color: #DFE6ED;
    border: 1px solid #b9d2e3; 
}


.gridViewPagerDropTD
{
    border: 0 0 0 0;
    text-align:left;   
}


.gridViewPageIndicator
{
    border: 0 0 0 0;
    text-align:right; 
}


input.txt
{
    color: #00008b;
    background-image: url(images/webgraphics/blueinputfade.jpg);
    background-repeat:no-repeat;
    border: 1px solid #b9d2e3; 
    width: 100px;  
}


.fileupload
{
    background-image: url(images/webgraphics/blueinputfade.jpg);
    color: #00008b;
    background-repeat:no-repeat;
    border: 1px solid #b9d2e3;
}


input.btn
{
      /* border: 1px solid #b9d2e3;  */
}


.npTextArea
{
    color: #00008b;
    border: 1px solid #b9d2e3; 
    background-color:#ffffff;
    background-image: url(images/webgraphics/blueinputfade.jpg);
    background-position: top left;
    
    /* hack for ie */
    _background-attachment:fixed; 

    scrollbar-base-color: #DFE6ED;
    scrollbar-arrow-color: #245185;
    scrollbar-3dlight-color: #F6F7FA;
    scrollbar-face-color: #CDDAE7;
  
}


.simpleform p
{
    margin: 0;
    padding: 0;
    padding-top: 5px;   
}


.simpleformlabel
{
    display:block;
    font-weight:normal;
}


.error
{
    font-size:90%;
    color:Red;
}


.fset
{
    border: 1px solid #b9d2e3; 
    background:  #F6F7FA;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}


.leg
{
     border: 0;
     color: inherit;
     font-weight:bolder;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.optionscontents
{
	color: #245185;
}

.optionscontents p
{
	/*font-size: 90%;*/
}

.optionscontents a:link, .optionscontents a:visited
{
	color: #245185;
}

.optionsbuttons
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
}


.optionsbuttons li
{
	padding: 0.4em 0 0.2em 0;
	font-size: 90%;
	text-align:left;
	width:auto;
}


.optionsbuttons li a:link, .optionsbuttons li a:visited
{
	text-decoration: none;
	color: #245185;
	font-weight: normal;
}

.optionsbuttons li a:hover
{
	color: #FE0000;
}

.optionsright
{
   background:  #ffffff;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.imagetablewrapper 
{
    width:100%;
    border: 1px solid #b9d2e3; 
    border-collapse:collapse;
}


.imagetableimageTD
{
    background-image: url(images/webgraphics/blueinputfade.jpg);
    text-align:center;
    border: 1px solid #b9d2e3;
    width:120px;
    height:120px;
    padding:10px 10px 10px 10px;
}


.imagetabletextTD
{
    background-image: url(images/webgraphics/blueinputfade.jpg);
    text-align:left;
    border: 1px solid #b9d2e3;
    width:100%;
    padding:10px;
}


.imagetableTR
{
     border: 1px solid #b9d2e3; 
}


.errorNotice
{
    padding:5px;
    border: 1px solid #ff0000;
    background-color: #FBDBDB; 
    font-weight:bold;
    color:#ff0000;  
    text-align:center;
}


.liveNotice
{
    padding:5px;
    border: 1px solid #007A00;
    background-color: #B2FFB2; 
    font-weight:bold;
    color:#007A00;  
    text-align:center;
    height:1%;
}


.loginStyle
{
    border-bottom: 1px solid #b9d2e3;
    border-top: 1px solid #b9d2e3;
    background:  #F6F7FA;
    height:1%;
    
}

.registerButton
{
        
    
}


.mainProdImageStyle
{
    margin:0; 
    padding:0; 
    float:left; 
    width:270px; 
    height:270px;
    border-top:0;
    border-left:0;
    border-right: 1px solid #b9d2e3;
    border-bottom: 1px solid #b9d2e3;
}


.mainProdImageAside
{
    background-color: Transparent;
    height:283px;
    margin:0;
}


.rightProd
{
    border-bottom: 1px solid #b9d2e3; 
    height:270px;
    margin-top:-13px   
}


.nextImage a , .nextImage a:visited
{
    width:17px;
    height:17px;
    text-decoration: none;
    display:block;
    background: url("images/icons/nextImage.gif") 0 0 no-repeat;
}
   
   
.nextImage a:hover 
{
   background-position: -0 -17px;
}


.bulletList
{
    list-style-image: url('images/icons/bullet.png');
	list-style-position: outside;
}


.bulletList li
{
    padding: 2px 0 2px 0;
}