body
{
    margin: 0px;
    padding: 0px;
    font-family: 'Century Gothic';
    font-size: 11px;
    background-color: #3F3F3F;
}

td
{
   vertical-align: top;
}

h3.subtitle
{
    font-size: 13px;
}

div#content
{
    position: relative;
    top: 0;
    left: 0;
    width: 955px;
    text-align: left;
    background-color: #ffffff;
    padding: 8px;
    margin: 0 auto;
}

#myAccount
{
    position: absolute;
    top: 50px;
	left: 250px;
    margin: 0px;
    padding: 0px;
    background: url(_images/MyAccount.jpg) #ffffff ;
    width: 190px;
    height: 33px;
    z-index: 2;
}

#Welcome
{
    position: absolute;
    top: 45px;
	left: 480px;
    margin: 0px;
    padding: 0px;
    width: 203px;
    height: 25px;
    z-index: 2;
}


#ViewCart
{
    position: absolute;
    top: 43px;
	left: 645px;
    margin: 0px;
    padding: 0px;
    width: 133px;
    height: 44px;
    z-index: 2;
}

div#title
{
    position: relative;
    top: 0;
    left: 0;
    height: 76px;
    width: 955px;
    background: url(_images/logo.jpg) #ffffff no-repeat left bottom;
    margin:0px;
    padding:0px;
}

#AccountInfo
{
	position: relative;
	top: 8px;
	left: 12px;
}

#myAccount a
{
	color: white;
	text-decoration: none;
}

#myAccount a:hover
{
	color: white;
	text-decoration :underline;
}



a.headlink 
{
    color: White;
     text-decoration :none;
}

a.headlink:hover
{
    color: White;
    text-decoration :underline;
}

a.sort
{
    color: Black;
    text-decoration: none;
}

a.on
{
    color: Black;
    text-decoration: none;
}


/* Navigation */
#navigation 
{
    background:#636363;
    width: 192px;
    height: 45px;
    margin: auto;
    margin-top: 32px;
    margin-right: 0px;
    margin-bottom:0px;
    padding:0px;
    text-align:right;
    float:right;
}
#navigationinside {height:45px; padding:0px; margin:0px; list-style:none;}
#navigationinside li {float:right; padding:0px; margin:0px;}
#navigationinside a {height:45px; display:block;}
#navigationinside a span {display:none;}

#navigationinside a.ed {background:url(_Images/ED_Off.jpg) no-repeat; width:99px;}
#navigationinside a.cea {background:url(_Images/CEA_Off.jpg) no-repeat; width:93px;}
#navigationinside a.cp {background:url(_Images/CP_Off.jpg) no-repeat; width:93px;}
#navigationinside a.games {background:url(_Images/Games_Off.jpg) no-repeat; width:93px;}
#navigationinside a.toys {background:url(_Images/Toys_Off.jpg) no-repeat; width:93px;}
#navigationinside a.ca {background:url(_Images/CA_Off.jpg) no-repeat; width:93px;}
#navigationinside a.others {background:url(_Images/Others_Off.jpg) no-repeat; width:99px;}
#navigationinside a.nothing {background:url(_Images/Nothing_Off.jpg) no-repeat; width:93px;}
#navigationinside a.nothing2 {background:url(_Images/Nothing2_Off.jpg) no-repeat; width:99px;}

#navigationinside A.ed:hover, #navigationinside A.edOn {background:url(_Images/ED_On.jpg) no-repeat; width:99px;}
#navigationinside A.cea:hover, #navigationinside A.ceaOn {background:url(_Images/CEA_On.jpg) no-repeat; width:93px;}
#navigationinside A.cp:hover, #navigationinside A.cpOn {background:url(_Images/CP_On.jpg) no-repeat; width:93px;}
#navigationinside A.games:hover, #navigationinside A.gamesOn {background:url(_Images/Games_On.jpg) no-repeat; width:93px;}
#navigationinside A.toys:hover, #navigationinside A.toysOn {background:url(_Images/Toys_On.jpg) no-repeat; width:93px;}
#navigationinside A.ca:hover, #navigationinside A.caOn {background:url(_Images/CA_On.jpg) no-repeat; width:93px;}
#navigationinside A.others:hover, #navigationinside A.othersOn {background:url(_Images/Others_On.jpg) no-repeat; width:99px;}

div#header1
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 27px;
    width: 955px;
    background-color: #636363;
    margin:auto;
    padding: 0px;
}

div#search
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 27px;
    width: 212px;
    background-color: #393939;
    font-size: 10px;
    color:White;
    margin-top: 0px;
}

img.arrow
{
    vertical-align:top;
}


div#search_item
{
    position: relative;
    top: 0px;
    left: 20px;
    width: 180px;
    height: 27px;
    padding:0px;
    background-color: #393939;
    font-size: 10px;
    color:White;
}

div#right_menu
{
    position: absolute;
    top: 6px;
    left: 250px;
    text-align: left;
    background-color: #636363;
    font-size: 10px;
    color:White;
}

div#right_menu a
{
    color:White;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

div#right_menu a:hover
{
    color: white;
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
}


div#header2
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 198px;
    width: 955px;
    background-color: #ECEEED;
    padding: 0px;
    margin:0px;
}

div#banner
{
    position: absolute;
    top: 0px;
    left: 212px;
    margin: 0px;
    background-color: #000000;
}

div#left_menu
{
     top: 0px;
     height: 185px;
     width: 215px;
     padding: 0px;
     padding-top: 5px;
     margin: 0px;
     text-align:left;
     line-height: 5px;
}

#left_menuItem {height:30px; padding:0px; margin:0px; list-style:none;}
#left_menuItem li {float:right; padding:0px; margin:0px;}
#left_menuItem a {height:30px; display:block;}
#left_menuItem a span {display:none;}

#left_menuItem a.brand {background:url(_Images/searchbybrand_Off.jpg) no-repeat; width:215px;}
#left_menuItem a.new {background:url(_Images/newarrivals_Off.jpg) no-repeat; width:215px;}
#left_menuItem a.hot {background:url(_Images/hotproducts_Off.jpg) no-repeat; width:215px;}
#left_menuItem a.special {background:url(_Images/specialoffer_Off.jpg) no-repeat; width:215px;}
#left_menuItem a.notebook {background:url(_Images/notebookstandardsize_Off.jpg) no-repeat; width:215px;}
#left_menuItem a.custom {background:url(_Images/customscreensize_Off.jpg) no-repeat; width:215px;}

#left_menuItem A.brand:hover, #left_menuItem A.brandOn {background:url(_Images/searchbybrand_On.jpg) no-repeat; width:215px;}
#left_menuItem A.new:hover, #left_menuItem A.newOn {background:url(_Images/newarrivals_On.jpg) no-repeat; width:215px;}
#left_menuItem A.hot:hover, #left_menuItem A.hotOn {background:url(_Images/hotproducts_On.jpg) no-repeat; width:215px;}
#left_menuItem A.special:hover, #left_menuItem A.specialOn {background:url(_Images/specialoffer_On.jpg) no-repeat; width:215px;}
#left_menuItem A.notebook:hover, #left_menuItem A.notebookOn {background:url(_Images/notebookstandardsize_On.jpg) no-repeat; width:215px;}
#left_menuItem A.custom:hover, #left_menuItem A.customOn {background:url(_Images/customscreensize_On.jpg) no-repeat; width:215px;}



div#header3
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 34px;
    width: 955px;
    background-color: #636363;
    margin: auto;
    padding: 0px;
}

div#CategoryMenu
{
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #393939;
    font-size: 10px;
    height: 34px;
    width: 212px;
    color:White;
}

div#CategoryMenu h1
{
    margin: 0px 0 0 50px;
    font-weight:bold;
    font-size: 12px;
}


div#CategoryTitle
{
    position: absolute;
    top: 0px;
    left: 230px;
    height: 34px;
    font-size: 10px;
    color:White;
    padding: 0px;
    margin: 0px;
}

div#ShoppingCartTitle
{
    position: absolute;
    top: 0px;
    left: 764px;
    height: 33px;
    width: 191px;
    background-color: #393939;
    font-size: 10px;
    color:White;
}

div#ViewHistoryTitle
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 191px;
    background-color: #ECEEED;
    font-size: 10px;
    color:White;
}

div#WeAcceptTitle
{
    width: 191px;
    background-color: #ECEEED;
    font-size: 10px;
    color:White;
}

div#MainContent
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 955px;
    background-color: #ffffff;
    margin: auto;
    padding: 0px;
}

Table#MainContentInfo
{
    width: 955px;
    background-color: #ffffff;
    margin: auto;
}

td#Main_Content
{
    width: 582px;
    background-color: #ffffff;
    margin: auto;
    padding: 5px;
}

td#LeftMenu
{
    width: 212px;
    background-color: #ffffff;
    margin: auto;
    background-color: #F2F4F3;
}

td#RightInfo
{
    width: 191px;
    background-color: #ECEEED;    
    margin: auto;
}



.arrowlistmenu{
width: 212px; /*width of accordion menu*/
font-size: 10px;
padding-top: 5px;
margin: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: black;
background: url(_images/left_menu_off.jpg) repeat-x center left;
margin-top: 0px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 10px 0px 0px 50px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
font-size: 12px;
height: 25px;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(_images/left_menu_on.jpg);
color: white;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #E0257E;
background: url(_images/left_s_menu_off.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px 0px 4px 50px; /*header text is indented 10px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: white;
background: url(_images/left_s_menu_on.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.menuOn{ /*hover state CSS*/
color: white;
background: url(_images/left_s_menu_on.jpg) no-repeat center left; /*custom bullet list image*/
}


div#Main_Content
{
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 10px;
    padding: 5px;
    color:Black;
    margin: 0px;
}


div#ShoppingHistory
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 191px;
    background-color: #F2F4F3;  
}

div#footer
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 950px;
    background-color: #555658;
    font-size: 10px;
    color: White;
    text-align: center;
    padding: 3px;
}

div#footertext
{
    position: relative;
    top: 10px;
    left: 0px;
    width: 950px;
    background-color: #ffffff;
    font-size: 10px;
    color: Black;
    text-align: center;
    padding: 3px;
}

div#ProductPhoto
{
    float:right;
    margin: auto;
    width: 240px;
}





div#ProductTitle
{
    border-bottom: Dotted 1px black;
    margin-top: 3px;
    text-align: left;
    width: 250px;
}

div#ProductTitle h1
{
    font-size: 12px;
    margin: 0px;
}


div#ProductDescr
{
    margin-top: 20px;
    text-align: left;
}

div#thumbnail
{
    margin-top: 5px;
    padding: 3px;       
    height: 125px; 
}

img.photo
{
    border: solid 1px #B4B4B4;
    margin-left: 3px;
}

div#ShoppingCart
{
    float:right;  
    margin-right: 5px; 
    margin-top: 15px;
}


/* Special Offer*/

div#SpecialOfferContent
{
    width: 530px;
    position:relative;
    left: 5px;
    border: solid 1px #B4B4B4;
}

div#SpecialOfferHead
{
    background-image: url(_images/specialofferhead.jpg);
    position: relative;
    height: 26px;    
}

div#SpecialOfferHead h1
{
    position: relative;
    height: 18px;    
    color: White;
    margin: 0px;
    padding: 0px;
    top: 2px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

div#SpecialOfferRightInfo
{
    border-left: solid 1px #B4B4B4;
    padding: 3px;
}

td.buynow
{
  vertical-align: bottom;   
}


/* New Arrival*/

div#NewArrivalContent
{
    width: 530px;
    position:relative;
    left: 5px;
    border: solid 1px #B4B4B4;
}

div#NewArrivalHead
{
    background-image: url(_images/newarrivalhead.jpg);
    position: relative;
    height: 26px;    
}

div#NewArrivalHead h1
{
    position: relative;
    height: 18px;    
    color: White;
    margin: 0px;
    padding: 0px;
    top: 2px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}



/* Hot Products*/

div#HotProductContent
{
    width: 530px;
    position:relative;
    left: 5px;
    border: solid 1px #B4B4B4;
}

div#HotProductHead
{
    background-image: url(_images/hotproducthead.jpg);
    position: relative;
    height: 26px;    
}

div#HotProductHead h1
{
    position: relative;
    height: 18px;    
    color: Black;
    margin: 0px;
    padding: 0px;
    top: 2px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

th.header
{
    border-bottom: solid 1px #B4B4B4;
    
}

td.Info
{
    margin-top: 5px;
    padding: 5px;
}
 

div.TableHeader
{
   border-bottom: solid 1px #B4B4B4;
   width: 510px;

}

div.TableContent
{
   border-bottom: dotted 1px #B4B4B4;
   width: 510px;
    
}

div.TableInfo
{
   border-bottom: dotted 1px #B4B4B4;    
   padding: 1px;
}

div#RelatedProduct
{
   border-top: dotted 1px #B4B4B4;    
   padding: 3px;
   width: 490px;
}

div#ProductFeature
{
   border-top: dotted 1px #B4B4B4;    
   padding: 3px;
   width: 490px;
}

div.OnSale
{
    background: #DC207E;
    padding: 5px;
    width: 100px;
    height: 50px;   
    color: white;
    font-weight:bold;
}

div.Availability
{
    padding: 5px;
    color: red;
    font-weight:bold;
}

span.LabelHeading
{
    color: White;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: 5px;
    left: 0px;
}

/* Shopping Cart */

div.shoppingcartboxcontent
{
    font-size:smaller;
    
}

div#Sort
{
    width: 530px;
    position:relative;
    padding: 5px;
    left: 10px;
}

div#ProductInfo
{
    border: solid 1px #B4B4B4;
    width: 530px;
    position:relative;
    left: 5px;
}

div.Paging
{
    width: 500px;
    padding: 5px;
    text-align:center;
    position:relative;
    left: 20px;
}

div#brandTable
{
    position:relative;
    left: 20px;
    top: 10px;
}

div.Info
{
    padding: 3px;
    margin: 2px;
}


span.highlight
{
	color: Red;
	font-weight: bold;
}

div#SiteInfo
{
    position:relative;
    left: 0px;
    top: 0px;
    text-align: center;
}
